@import url(style_cs.1659458355.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');


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

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

@font-face {
    font-family: 'Gardens';
    src: url('http://forumstatic.ru/files/0015/8d/a5/18842.otf');
    font-weight: normal;
    font-style: normal;
}
    

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

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%;
}
.punbb .post-content td {
    border: none!important;
}
.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: 20px auto auto auto;
    padding: 8px 0px 8px 22px;
    width: 1020px;
    font-size: 0.8rem;
    border-radius: 50px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(left,  #f6f6f6 0%, #f6f6f6 75%, #000000 75%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(75%,#f6f6f6), color-stop(75%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #f6f6f6 0%,#f6f6f6 75%,#000000 75%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #f6f6f6 0%,#f6f6f6 75%,#000000 75%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #f6f6f6 0%,#f6f6f6 75%,#000000 75%,#000000 100%); /* IE10+ */
    background: linear-gradient(to left,  #000000 0%,#000000 75%,#f6f6f6 75%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

#pun-crumbs1 {
    margin: 40px 0 0 20px;
}



/* тело форума*/
.punbb {
    width: 998px;
    position: relative;
    height: auto;
    color: #000000;
    background-color: #c0c1c2;
    z-index: 5;
    border-radius: 50px;
}

body {
    font-family: 'Gardens', serif;
    font-size: 13px;
    color: #000000;
}

html.punbb {top: 0 !important;}
    
table .tcl {
width: calc(60% - 25px);
padding: 5px;

}
table .tcl.username {
    width: 20%;
    padding: 5px;
}


table .tc2, table .tc3, table .tcmod {
    text-align: center;
    width: 10%;
    color: #373636;
}
#pun-searchtopics table .tc2 {
    width: 20%;
}
.forum table td.tc3 {
    color: #373636;
}
table .tcr {
    width: 30%;
    padding: 0 12px;
}

.punbb .main .tcr {
    overflow: hidden;
    text-align: right;
}

#pun th {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    color: #131d1d;
    text-transform: uppercase;
    padding-bottom: 10px;
}
span.stickytext, span.closedatafield {
    display: none;
}

tr.tr-divider.imp, td.td-divider {
color: #442d25;
text-transform: uppercase;
font-weight: 600;
padding: 6px;
}


#pun-index .user-avatar {
    width: 40px !important;
    float: left;
    position: relative;
}



.hasicon .tcr{
    font-size: 12px;
    vertical-align: middle;
}
h2, h1 {
    height: auto !important;
}

/* Список тем внутри форума */
.forum div table tbody tr td.tcl .icon {
height: 50px !important;

}

/* Миниатюра аватара на главной */
.punbb .user-avatar {
    position: relative !important;
    float: right !important;
    margin: 1px 0px 10px 9px !important;
}

.punbb .user-avatar .avatar-image {
    border-width: thin;
    border-radius: 2px !important;
    border-color: #90d7f8;
    border-style: solid;
    height: 36px !important;
    width: 36px !important;
    opacity: 0.75 !important;
}

#pun-index .user-avatar .isonline {
    border-radius: 1% !important;
    top: 28px !important;
    right: 4px !important;
    background: #7ff0aa !important;
}




/* Ссылки футера */
div#pun-about {
    font-size: 10px;
    bottom: -30px;
    left: 40%;
  position: absolute;
}

div#pun-about a {
  font-size: 8px;
  color: #fff;
}
  

/* заголовки */
.category thead, .category .iredirect td.tc2, .category .iredirect td.tc3, .modmenu .container span {
    display: none;
}




/* ссылки обычные */

a {
font-family: 'PhonkSans';
color: #79a5c6;
text-decoration: none;
font-size: 9px;
}

a:hover, a:focus, a:active {
color: #4781b8;
font-weight: 600;
text-decoration: none;
}



/* Навигация */
#pun-navlinks {
    position: sticky;
    margin-top: 80px;
}
#pun-navlinks .container {
    text-align: center;
    margin: 0 auto;
    padding: 2px 0 0;
}
#pun-navlinks li {
    display: inline;
    padding: 0 0.5em;
}
#pun-navlinks li a {
    font-size: 12px;
    color: #92d3eb;
    text-transform: uppercase;
    font-family: 'PhonkSans';
}
#pun-navlinks li a:before {
    font-size: 12px;
}
#pun-navlinks li a:hover {
    color: #6989a8;
}
#pun-ulinks {
    position: relative;
}
#pun-ulinks .container {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
#pun-ulinks li {
    display: inline; 
    padding: 0 0.3em;}
    
#pun-ulinks li a {
    font-family: 'PhonkSans';
    color: #989898;
    font-size: 9px;
}
#pun-ulinks li a:hover {
    color: #6eabd1;
}


p.container.crumbs {
    font-size: 12px;
    position: absolute;
    margin-top: -15px;
}

#pun-crumbs2 p.container.crumbs{
    position: inherit;
    margin-top: 10px;
}

.multipage {
    padding: 36px 0;
    position: relative;
}
.linkst .pagelink {
    position: absolute; 
    top: 5px; 
    left: 0;
}
.linkst .postlink {
    text-align: right;
    position: absolute;
    right: 0;
    top: 22px;
    text-transform: uppercase;
    font-size: 6px !important;
    font-family: Arial;
    letter-spacing: 0.5px;
}
.linksb .pagelink {
        margin: -5px 0px 5px 12px;
}
.linksb .postlink {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    text-transform: uppercase;
    font-size: 8px !important;
    font-family: Arial;
    letter-spacing: 0.5px;
}
.postlink.long {
    min-width: 30em;
    width: auto !important;
}

.linksb .subscribelink {
    text-align: right;
    position: absolute;
    right: 100px;
    bottom: 5px;
}

.linksb .subscribelink a {
    font-size:0
}

.modmenu .container span.fastnav {
    display: block;
}



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

.category .tcl h3 a {
    display: block;color: #3bc7e3;
    font-size: 16px;
    padding: 5px;
}

.category .tcl h3 a:hover, .category .tcl h3 a:after, .category .tcl h3 a:focus, .category .tcl h3 a:after {
    color: #4781b8;
    font-size: 16px;
}

.punbb #pun-category1 {
    margin-top: 0;
}

.punbb .category, #pun-stats {
    margin-top: 1em;
}

.category tr {
    display: block;
    margin: 10px 5px;
    position: relative;
    padding: 11px;
}

.category td {
    display: inline-block;
    vertical-align: top;
}
.category td.tcr {
    width: calc(40% - 15px); 
    padding: 12px;
}
.category td.tc2, .category td.tc3 {
    position: absolute;
    color: #9f9e9c;
    font-size: 9px;
    top: 84px;
    text-align: right;
    }

.category td.tc2 {
    right: 140px;
    width: 100px;
}
.category td.tc3 {
    right: 40px;
    width: 150px;
}

.category td.tc2:before {
    content: 'Тем: ';
    text-transform: uppercase;}
.category td.tc3:before {
    content: 'Сообщений: ';
    text-transform: uppercase;
}

.category td.tcr br {
    display: none;
}
.category td.tcr .lastpost {
    margin-left: 2px;
    font-size: 12px;
}
.category td.tcr .user-avatar a {
    width: auto;
    margin-top: 0;
}
.category td.tcr a {
overflow: hidden;
width: calc(100% - 50px);
text-overflow: ellipsis;
white-space: nowrap;
display: block;
margin-top: 3px;
font-size: 12px;
}


/* Статистика */
#pun-stats ul.container {
    display: grid;
    position: relative;
    grid-template-rows: auto auto auto 1fr auto;
    grid-template-columns: auto 1fr;
    grid-template-areas:
    "item1 onlinelist"
    "item2 onlinelist"
    "item3 onlinelist"
    "item4 statistics"
    "users_24h users_24h";
    align-items: start;
    background-color: #f5f9fa;
    padding: 11px;
}

#pun-stats ul.container li.item1 {grid-area: item1}
#pun-stats ul.container li.item2 {grid-area: item2}
#pun-stats ul.container li.item3 {grid-area: item3}
#pun-stats ul.container li.item4 {grid-area: item4}
#pun-stats ul.container li.item5.onlinelist {grid-area: onlinelist}
#pun-stats ul.container li.item5.users_24h {grid-area: users_24h}
#pun-stats ul.container li.item5.statistics {grid-area: statistics}

/* Стили блоков статистики */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4,
#pun-stats ul.container li.item5.onlinelist, li.item5.users_24h, 
#pun-stats ul.container li.item5.statistics {
  display: block;
  padding: 5px 15px; 
  margin:1px;
  border-left: 3px solid #b2d5ea;
  font-size: 13px;
  -webkit-text-size-adjust: none;
}

#pun-stats ul.container li.item5.onlinelist {
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: justify;
  width: auto;
}



/* Замена дефолтных заголовков */
#pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span {
  font-size: 0px;
}

#pun-stats li.item1:before {content: "Тем: ";}
#pun-stats li.item2:before {content: "Сообщений: ";}
#pun-stats li.item3:before {content: "Пользователей: ";}
#pun-stats li.item4:before {content: "Добро пожаловать: ";}




/* посетили за сутки */
#pun-stats li.item5.users_24h div {
  display:block; 
  padding-top:8px; 
  }
#pun-stats li.item5.users_24h div span {
  padding-right: 10px; 
  text-align: justify;
}


#statistic-other span {
    padding-right: 5px;
}
.tclcon .modlist {
    font-size: 12px!important;
}
    


/* описание форума */
.category div.tclcon {
background-color: #f5f9fa;
height: 100px;
}

.forumDescription {
    overflow-y: auto;
    height: 65px;
}

/* расположение иконок */
.forum div.icon, .forum TR.inew Div.icon {
    float: left;
    width: 12px;
    height: 100px;
}
    
.category div.icon, .category TR.inew Div.icon {
    float: left;
    width: 12px;
    height: 100px;
    margin-right: 10px;
}

/* сообщения */
.post h3 {
padding: 4px 10px;
background-color: #f5f9fa;
border: 1px solid #c4dfe2;
font-size: 10px;
  color: #83a3b0;
  text-align: center;
}
.post h3 strong:before {content: 'Пост: ';}
.post h3 strong {float: right;}

.punbb .pa-respect, .punbb .pa-posts {
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 5px;
    width: calc(47% - 12px);
}

.pa-respect .fld-name, .pa-posts .fld-name {
    display: block;
}
.pa-respect .fld-name a {
    font-family: system-ui;
    font-size: 11px;
    
}
.pa-last-visit {
     font-size: 12px;
    
}
.pa-online {
    font-size: 10px; 
    text-transform: uppercase; 
    padding-top: 10px !important;
}

#pun-post #post_form {margin-bottom: 20px;}
#pun-post .post {padding-bottom: 10px;}
#pun-post .post-author {
text-transform: uppercase;
font-weight: bold;
color: #83a3b0;
text-align: center;
background-image: none;
}

div#topic-modmenu, div#topic-users-in {
    display: inline-block;
}

.punbb .post-body {
display: inline-block;
width: 75%;
vertical-align: top;
}
.punbb .hideprofile .post-body {width: 100%;}

.post-links {
    margin-top: 10px;
    text-align: right;
}
.post-links ul {
    margin: 5px 0 15px 0px;
}
.post-links li {
    display: inline; 
    padding: 0 5px 0 0;
}

.post-links li a {
    font-size: 9px;
}

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

/* код/цитата */
.punbb .quote-box, .punbb .code-box {
    margin: 10px;
    padding: 10px;
    background-color: #f5f9fa;
    border: 1px solid #ace5ef;
    color: #001115;
}
.quote-box cite, .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 11px;
  color: #80a5b7;
  text-shadow: 1px 1px white;
  font-style: normal;
}
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    
}
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;}

.punbb .post-sig dt {
    display: block;
    border-top: 1px solid #b7ac8fa6;
    width: 100%;
    margin: 5px 0;
}

.lastedit {display:none;}

 .post-content {
    text-align: justify;
    font-family: sans-serif;
    font-size: 14px;
}
td p {
    text-indent: 0 !important;
}
    .post-content p {
      text-indent: 0;
      padding: 0 0 0.7em 0 !important;
    }

img.loading {
    display: none;
}

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

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

    
div.post-vote p.container {
    margin-top: -2px !important;
}
    
    div.post-vote p.container a {
    font-size: 13px;
    color: #9d9d9d;
    text-shadow: 1px 1px white;
    font-style: normal;
}
    
.punbb .post-box {
    position: relative;
    padding: 10px 0px 15px 10px;
}

.postlink .closed{
    display:none;
  }



/* Поля и кнопки */

.punbb textarea, .punbb select, .punbb input, .postlink a, .subscribelink a:before, .adinput  {
    background-color: #ffffff;
    padding: 5px; 
    border: 1px solid #ace5ef;text-decoration: none;
    font-weight: 100;
    font-family: sans-serif;
    font-size: 14px;
}
.punbb select:focus, .punbb input:focus, .postlink a:hover, .subscribelink:hover a:before {
    background-color: #f5f9fa;
    color: #788f9f;
}

.postlink a {
    display: inline-block;
    font-size: 10px;
    padding: 3px 3px 2px 3px !important;
    font-weight: 600;
}

.formal fieldset {
    background-color: #f5f9fa;
    border: 1px solid #ace5ef;
    margin: 10px;
    padding-right: 25px;
}
.formal fieldset legend {
    text-transform: uppercase; 
    font-size: 11px;
    background-color: #ffffff; 
    border: 1px solid #ace5ef;
    color: #788f9f;padding: 5px;
}
   
.formal .infofield {
    font-style: italic;
    color: #535457;
}
    
.formal .inline .inputfield, .formal .inline .selectfield, .formal .inline .passfield {
    display: inline-block; 
    margin-right: 1em;
}

#tags .container, #mask_dialog .inner {
    top: auto !important;
    background-color: #f5f9fa;
    border: 1px solid #ace5ef;
    color: #516674;
    padding: 5px;
    overflow: auto;
    max-height: 400px;
}

#post .formsubmit {
    text-align: center;
}



 /* ЛС */ 
#profilenav {
    padding: 11px;
}
  
#profilenav li {
  padding-bottom: 0.8em;
  display: inline;
       background-color: #f5f9fa;
       border: 1px solid #ace5ef;
       vertical-align: middle;
       padding: 5px;
       line-height: 3;
 }
  
#viewprofile ul, #profilenav ul {
    padding: 5px 0 0 0;
}

#profilenav ul {
    display: inline-block;
}
  
  #viewprofile h2, #profilenav h2 {
    display: none;
    }

  #viewprofile h2 span, #profilenav h2 span {
    display: none;}
  
  #viewprofile li, #setmods dl {
    padding: 0 0 0 16em;
}
  
  #viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: bold;}
  
  #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 {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal; }
  

  .punbb img.avatardemo {
    float: left;
    margin: 0 0 0.8em 1.8em
}

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

#messages fieldset{
  background: none !important;
}
.fs-box .post-body {
    width: 65% !important; 
}


/* поиск сообщений */
#pun-searchposts .post h3 span {padding-left: 0px;}
#pun-searchposts .post-author, #pun-post .post-author {margin: 10px 0 0;}
#pun-searchposts .post-author ul {min-height: 50px;}

.pa-author:hover #tuser {opacity: 1;}

.pun-modal.move_posts_form .modal-inner {width: 1032px!important;}


/* Админка */
.punbb .modmenu .container {
    padding: 0.5em 1em;
    font-size: 0.9em;
}
.punbb-admin .adformal h2, .punbb-admin #pun-adnav h2 {
    border: none;
    background: transparent;
}
#pun-admain .longinput input, #pun-admain .adinput {
    border: none;
}
#pun-admain a {
    cursor: pointer;
    color: #333 !important;
}
#pun-admain .isactive a {
    color: rgb(119, 119, 119) !important;
    font-weight: bold;
}





/* МОБИЛКА */

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


    html, body, #pun, .punbb {
        width: 100%;
        height: auto !important;
        margin: 0;
    }

    #pun {
        border : none;
        padding: 0;
        color: #000;
    }

    #pun-title.section {
        width : 100%;
        margin: 0;
    }


    /* навигация */
    #pun #pun-navlinks .container {
        height          : auto !important;
        min-height      : 60px;
        padding: 0 60px 0 10px !important;
        margin-top      : -16px;
        text-align      : left !important;
        background-color: #e3e3e3;
    }

    #pun #pun-navlinks .container li {
        padding: 0 !important;

        line-height: 50px !important;
    }


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

    #pun-navlinks .container li a:hover {
        background-color: #cecece !important;
    }

    #pun-navlinks li a:after {
        content    : ' ';
        font-size  : 35px;
        font-family: 'Material Icons Outlined';
        color      : #000000;
        position   : absolute;
        padding    : 0px 2px;
        top        : -4px;
        left       : 0;
    }

    #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: '\e7fd';
    }

    #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-ulinks {
        position        : absolute !important;
        top             : 77px !important;
        right           : 10px !important;
        background-color: #f3f3f3;
        height          : 40px;
        width           : 40px;
        border-radius   : 4px;
    }

    #pun-ulinks:after {
        content    : '\e5d2';
        font-size  : 35px;
        font-family: 'Material Icons Outlined';
        color      : #000000;
        position   : absolute;
        top        : 3px;
        left       : 3px;
    }

    #pun-ulinks:hover {

        background-color: #c8c4c4;
    }

    #pun-ulinks .container {
        text-align      : left !important;
        background-color: rgb(243 243 243) !important;
    }

    #pun-ulinks ul {
        display: none;

        z-index : 10000;
        position: absolute;
        top     : 47px;
        right   : 0;
    }

    #pun-ulinks:hover ul,
    #pun-ulinks:focus ul {
        display: block;
    }

    #pun-ulinks li {
        display: block !important;
        padding: 0 !important;
    }

    #pun-ulinks li a {
        display        : block !important;
        border         : none !important;
        font-size      : 16px !important;
        padding        : 3px 6px !important;
        color          : #000 !important;
        text-decoration: none !important;
    }

    #pun-ulinks li a {
        text-decoration: none !important;
    }

    #pun-ulinks li a:hover {
        color: #3999b0 !important;
    }

    #pun-ulinks>span.notify-bubble {
        display: block !important;
    }




    /* инфо-панель */
    #pun-status {
        position: sticky;
        margin: -160px 0 85px -50px;
        background: none;
    }

    div#u-panel {
        display: none;
    }

    div#u-panel #option img {
        width : 40px;
        height: 40px;
    }

    #pun-crumbs1 {

        margin: -70px 0px 15px 5px;
    }


     /* главная */
    .punbb .category .punbb .main .category table tr {
        display              : grid;
        position             : relative;
        grid-template-rows   : auto auto;
        grid-template-columns: 34% 65%;
        grid-template-areas  :
            "forum forum"
            "stat ava";
        align-items: start;
    }

    .punbb .category table .tcl {
        grid-area: forum;
        width: 105%;
        padding: 0;
    margin: 0 0 10px -10px;
      }

    .punbb .category td.tcr {
        grid-area: ava;
        width: 100%;
        margin-top: 15px;color: #000;
    }

    .punbb .category td.tc2, .punbb .category td.tc3 {
        display: none;
    }


    .punbb .category td.tcl:before {
        content: '';
        display: block;
        position: absolute;
        background-color: #f5f9fa;
        width: 97%;
        height: 75px;
        top: 125px;
        left: 1px;
      }
      
    .punbb .category td.tcr a, .category td.tcr .lastpost {
        z-index: 5;
        position: relative;
    }


    .punbb .category #pun-index .user-avatar {
        margin: 0 0px 0 3px !important;
    }

    /* Статистика */
    #pun-stats ul.container {
        display         : block;
        position        : relative;
        background-color: #f5f9fa;
        padding         : 11px;
    -webkit-text-size-adjust: auto;
    }

    #pun-stats ul.container li.item1,
    #pun-stats ul.container li.item2,
    #pun-stats ul.container li.item3,
    #pun-stats ul.container li.item4 {
        display: none
    }

    #pun-stats ul.container li.item5.onlinelist {
        height: auto;
        width: auto;
    }
    
    
           /* таблица */
      .notice #monthPost, .notice #quoteTop, .notice #activists, .notice #couple {
        display: none;
      }

      .notice #news {
        margin: 0 10px;
        width: 95%;
        background-color: #fff;
        color: #212121;
      }

      .notice nav {
        right: 30%;
        bottom: 15%;
      }

      .notice nav ul {
        padding: 5px;
      }
    
    .notice nav .submenu {
        margin-left: -5px;
    }
    
    
    
    /* список подфорумов */
    .forum .container table thead, 
    .forum .container table tbody tr td.tc2, 
    .forum .container table tbody tr td.tc3 {
        display: none !important;
    }

    .forum .container table tbody tr td.tcr {
        width: 55%;
    }


    .forum div table tbody tr td.tcl .icon {
        margin-right: 5px;
    }
    
    

    /* экран постов */
    .punbb .post .post-author {
        display: block;
        width: auto;
    }
    
    .punbb .post .post-author ul {
        display: grid;
        grid-auto-flow: column dense;  
        grid-template-areas: 
            "avatar lz"
            "avatar online"; 
    }

    .punbb .post-author li.pa-author {
        margin: -7px 0 0 30%;
        background: #fff;
        border: 1px solid #ace5ef;
        padding: 3px;
        position: absolute;
        width: 140px;
        height: auto;
        text-align: center;
        
    }
      
    .punbb .post-author li.pa-title {
        display: block;
        position: absolute;
        margin: 150px 0 0 5px !important;
        width: 120px;
        font-size: inherit;
      
    }

    .punbb .post .post-author .pa-avatar {
        margin: 15px 5px 5px;
        
    }

      .punbb .post .post-author .pa-avatar img {
        grid-area: avatar;
        max-width: 120px;
        
      }

    .punbb .post-author li.pa-fld1 {
        background: none;
        grid-area: lz;
        width: auto;
        height: auto;font-size: initial;
        margin: 15px 0 0;
        padding: 5px;
    }

    .punbb .post-author li.pa-fld1 .fld-name {
        display: none;
    }

    .punbb .post-author .pa-respect .fld-name, .punbb .post-author .pa-posts .fld-name {
        display: inline-block;
        
    }

    .punbb .post-author li.pa-posts, .punbb .post-author li.pa-respect {
         display: none;
    }


    .punbb .post-author li.pa-online {
        grid-area: online;
        margin: 0;
        padding: 0;
    }
    
    .punbb .post-body {
      width: 97%;
      display: block;
      padding: 5px;
      margin: 0;
    }

      .punbb .post .post-links ul {
        display:block;
      }

    .punbb .post .post-links ul li {
      display: inline-block;
      position: sticky;background: #f5f9fa;
      border: 1px solid #ace5ef;
      padding: 3px;
      margin: 1px 3px;
    
    }
    
    
    /* иконки */

    .punbb .post .post-links li {
        display: inline-block;
        padding: 5px;
        
    }

    .punbb .post .post-links ul li.email {
        display: none;
    }

  .punbb .post .post-links ul li.profile a,
  .punbb .post .post-links ul li.pm a,
  .punbb .post .post-links ul li.pl-delete a,
  .punbb .post .post-links ul li.pl-edit a,
  .punbb .post .post-links ul li.pl-quote a{
        font-size: 0;
    }


  .punbb .post .post-links ul li.profile a:after,
  .punbb .post .post-links ul li.pm a:after,
  .punbb .post .post-links ul li.pl-delete a:after,
  .punbb .post .post-links ul li.pl-edit a:after,
  .punbb .post .post-links ul li.pl-quote a:after {
        font-size: 30px;
        font-family: 'Material Icons Outlined';
        color: #6f8ca2;
    
    }
  
  .punbb .post .post-links ul li.profile a:after {content: '\e7fd';}
  .punbb .post .post-links ul li.pm a:after {content: '\e159';}
  .punbb .post .post-links ul li.pl-delete a:after {content: '\e872';}
  .punbb .post .post-links ul li.pl-edit a:after {content: '\e3c9';}
  .punbb .post .post-links ul li.pl-quote a:after {content: '\e244';}
  
  
  
  #form-buttons td {
    width: 30px;
    display: inline-block;
      
  }
  
  /* список пользователей */
  #pun .usertable th {font-size: 0px;}
  
  
  
    /* страница поиска */
    .punbb .formal span.input input {max-width: 100%;}
    #pun-searchposts .post-author ul {display: block;}
    .formal .inline .inputfield, 
    .formal .inline .selectfield, 
    .formal .inline .passfield {max-width: 100%;}
    
    
  #pun-searchposts .post-author ul .pa-author {
    position: sticky;
    width: max-content;
    padding: 5px;
    margin: auto;
  }

  #pun-searchposts .post-author {
    background: none;
    border: none;
  }
  
  
  
  /* страница профиля */

  #viewprofile .container {
    display: block;
  }

  #viewprofile #profile-left {
    padding-bottom: 25px !important;
    margin: 0 6px;
    width: auto !important;
  }

  #viewprofile #profile-left #profile-name {
    margin: -22px 0 0 30%;
        background: #fff;
        border: 1px solid #ace5ef;
        padding: 3px;
        position: absolute;
        min-width: 140px;     
  }

  #viewprofile #profile-left #profile-title {
    margin-top: 25px;
    display: block;
  }

   #viewprofile #profile-left #pa-avatar {
     padding: 0;
   }


  

  #viewprofile #profile-right {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); 
    grid-template-rows: auto;  
    grid-template-areas: "lz lz"
                         "reg vizit";
    overflow:hidden; 
    width: auto;
  }

  #viewprofile #profile-right #pa-fld1 {
    grid-area: lz;
    z-index: 1;
  }

  #viewprofile #profile-right #pa-fld1 strong {
    background-color: #0000;
    position: relative;border: none;
    z-index: 1;
    
  }


  #viewprofile #profile-right #pa-fld1 span,
  #viewprofile #profile-right #pa-invites {
    display: none;
  }

  #viewprofile #profile-right #pa-register-date strong, 
  #viewprofile #profile-right #pa-invites strong, 
  #viewprofile #profile-right #pa-time-visit strong, 
  #viewprofile #profile-right #pa-fld1 strong, 
  #viewprofile #profile-right #pa-email strong, 
  #viewprofile #profile-right #pa-posts strong, 
  #viewprofile #profile-right #pa-last-post strong, 
  #viewprofile #profile-right #pa-last-visit strong {
    border: none;
    background: none;
  }
  

  #viewprofile #profile-right li {
    padding: 10px 5px !important; 
    text-align: center;
  background-color: #f5f9fa;
    border: 1px solid #ace5ef;margin: 5px;}
  
  #viewprofile #profile-right li span {
    margin-left: auto !important; 
    display: block;
    float: none !important; 
    width: auto !important; 
  }
  

 #viewprofile #profile-right li strong {
    display: block; 
    margin: auto !important;
 }

  

  #viewprofile #profile-right #pa-posts span,
  #viewprofile #profile-right #pa-posts strong {
    display: contents;
    padding: 0;
    }

  #viewprofile #profile-right #pa-posts strong a {
    font-size: 0;
    }

  #viewprofile #profile-right #pa-posts strong #user-posts {
    margin-left: 35%;
  }

  #viewprofile #profile-right #pa-posts strong a:after {
        content    : ' ';
        font-size  : 30px;
        font-family: 'Material Icons Outlined';
        color      : #000000;
  }


  #viewprofile #profile-right #pa-posts strong a#user-topics:after {
    content: '\e0d0';
  }

  #viewprofile #profile-right #pa-posts strong a#user-posts:after {
    content: '\e0b7';
  }
  
  
  /* редактирование профиля */
  #profilenav li {
       display: inline;
       background-color: #f5f9fa;
       border: 1px solid #ace5ef;
       vertical-align: middle;
       padding: 5px;
       line-height: 3;
   }

    #profilenav {
        background: none;
        border: none;
        width: auto;
    }
    
    
    /* ЛС */
    #messages fieldset table thead {display: none;}
    #messages fieldset table .tc2 .user-avatar {display: none;}


    .fs-box .post-author.group1 ul {display: block;text-align: center;}
    .fs-box .post-author.group1 ul .pa-author {margin: -10px 0 0 23%;position: sticky;}
    .fs-box .post-author.group1 ul .pa-title {position: sticky;margin: 0 !important;width: 90% !important;}
    .fs-box .post-author.group1 {text-align: center;}
    
    div.post-author.group2 > ul > li.pa-title {
    display: none;
    }
    
    
    div.post-author.group2 > ul {
        display: block !important;
        width: 90%;
        text-align: center;
        align-items: center;
    }
    
    div.post-author.group2 > ul li.pa-author {
        display: contents;
    }

    
    
    
    
    /* гостевая */
  body div.guest {
    width: 100%;
    height: 720px !important;
  }

  .post-content table.guestinfo {
    margin: auto !important;
  }

  .guest .guestblock {
    position: sticky;
  width: 95%;
  margin-top: 15px;}
  

  .post-content table.guestinfo > tbody > tr:nth-child(1) > td.guestinfo,
  .post-content table.guestinfo > tbody > tr:nth-child(1) > td:nth-child(2) {
    display: block;
  }

  .post-content table.guestinfo div.img {
    max-width: 90%;
    background-size: contain;
  }
  
    /* роли и внешности */
  .post-content .list {
    width: 95%;
  }

  .post-content .list inline-block {
    display: block;
    width: auto;
    margin-left: -20px;
  }
  
  .post-content .list .f, .post-content .list .m {
     width: 95%;
  }
  
  iframe.html_frame {
    display: block;
    min-height: 650px !important;
    height: auto !important;
    }
    
      /* анкета */
  #anket {
    width: auto;
  }

  #anket #name {
    font-size: 12px;
  }

  #anket #history {
    font-size: 12px;
  }

  #anket #img {
    margin-left: 10px;
  }

  #anket #age, #anket #species, #anket #sex, #anket #job, #anket #fraction, #anket #orient {
    width: 115px;
    padding: 1px 5px 1px 1px;
    text-align: end;
  }

  #anket #age {
    margin-top: -140px;
    margin-left: 100px;
    }
    
    #anket  #species {
        margin-top: -115px;
        margin-left: 125px;
    }
    
    #anket  #sex  { 
      display: none;
        
    }
    
    #anket #orient {
        margin-top: -25px;
        margin-left: 100px;
    }
    
    #anket #job {
        margin-top: -90px;
        margin-left: 155px;
    }
    
    
    #anket #fraction { 
        margin-top: -50px;
        margin-left: 120px; 
    }

  
}