/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.css);

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,200,0,0');
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}


@font-face {
  font-family: 'DidotBold';
    font-weight: normal;
    font-style: normal;
  font-display: swap;
  src: url("https://forumstatic.ru/files/001a/eb/a8/95969.woff") format("woff");
}

@font-face {
  font-family: 'DidotTitle';
  font-weight: 300;
  font-display: swap;
  src: url("https://forumstatic.ru/files/001a/eb/a8/32470.woff") format("woff");
}



/*-----------------------------*/

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



/*-----------------------------*/
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 100%;
}


/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: 1.8em;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* A3.2 */
.punbb {
  font: normal 70%  verdana, arial, helvetica, sans-serif;
  }


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */

.punbb h1 span, #post-form > h2 > span {
    color: var(--color-black);
    font-size: 16px;
    text-transform: lowercase;
    font-family: var(--custom2);
    letter-spacing: 1.25px;
  }


#post-form > h2 > span {margin-right:10px; display:none;}

.punbb h1 span { color: var(--color-brown); display:none;}

/* A3.6 */
.punbb pre {
    font: 11px / 140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal;
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
    border-bottom: 1px dashed var(--color-nice);
  }


/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }



/* A4.2 */
.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!important;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
    /* A5.1 */
    #pun {
    margin: 0 auto;
    width: var(--wide);
}


    /* A5.2 */
 

    /* A5.3 */
    #pun-redirect {
      background:#191919 fixed top center repeat;
      position: absolute;
      width: 100%;
      height: 125%;
      z-index: 100;
      top: -200px !important;
      left: 0 !important;
      }

    #pun-redirect #pun-main {
    margin: 12% 37% 12px 37%;
    background-color: #191919;
      width: auto;
      float: none;
      position: relative;
      z-index: 1000;
      }

    #pun-redirect #pun-main > a {color:#f0f0f0!important}


/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  /*margin-top: 0;*/
  }

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

#pun-main h1{     padding: 5px 10px;
    text-align: right;
    margin: 0;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    margin: 10px 0px;
    height: 0px;
border-bottom: 1px dashed var(--color-green);
  }

.post-sig dd p, #profile .fs-box dd p  {
   font-size: 10px;
   text-align: center!important;
   line-height: 11px!important;
  }

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0.5em 0px;
    line-height: 150%;
    text-align: justify;
}

/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

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

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
    height: auto!important;
max-height: 500px;
  }

/* B1.8 */ 
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding: 10px 15px;
    margin: 10px 0;
  }

.punbb .post-content .spoiler-box {padding: 10px 20px !important;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    padding: 3px 10px 5px !important;
    text-align: center;
    margin: -11px auto 10px !important;
    color: var(--color-white) !important;
    background: var(--color-black2);
    /* border-radius: 10px; */
    display: block;
    width: fit-content;
    font-weight: 600;
    font-style: normal;
    text-align: center;
    text-transform: lowercase;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

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

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

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

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


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
    position: relative;
    width: 100%;
    height: 20px;
    text-transform: lowercase;
    color: var(--color-black);
 }

/* B3.2 */
.multipage {
    margin-top: 30px;
    padding: 0 50px;
  }


/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -30px;
    width: 30em;
    text-transform: lowercase;
    font-size: 10px;
  }

/* B3.4 */
.linkst .postlink {
position: absolute;
    top: -30px;
    font-size: 10px;
    right: 5px;
    width: 16em;
    text-align: right;
  }

/* B3.5 */
.punbb .linksb {
    position: relative;
    text-transform: lowercase;
    font-size: 10px;
    margin: 10px 0px;
    color: var(--color-black);
  }



/* B3.6 */
.linksb .pagelink {
float: left;  
    text-transform: lowercase;
    font-size: 10px;}

/* B3.7 */
.linksb .postlink {
    font-size: 10px;
    float: right;
    width: auto!important;
  }

/* B3.8 */
.subscribelink {
float: right;
    margin-right: 10px;
    text-transform: lowercase;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
    border-style: solid;
    border-width: 1px;
    padding: 5px 15px;
    font-size: 11px;
    margin: 10px 0;
  }

#profile .formal  {
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0 0 0 3px;
text-align: center;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit span {
  }

/* C1.4 */
.punbb fieldset {
    padding: 0px 20px;
  }

/* C1.5 */
.punbb fieldset legend {
    text-transform: lowercase;
    font-size: 13px;
}


/* C1.6 */
.punbb fieldset legend span {
    padding: 2px 5px;
    margin: 0;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
/*  padding: 0 0 15px 0*/
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }


/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb .longinput input  {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

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


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

.punbb td div.tclcon {
    text-align: left;
    font-size: 11px;
    color: var(--color-black);
    padding-right: 10px!important;
    margin-right: 15px;
}


/* C2.2 */
.punbb .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  text-transform: lowercase;
    font-size: 11px;
  }


.multipage .tc2, .multipage .tc3, .multipage .tcmod {  width: 7%;}

/* C2.3 */
.punbb .main .tcr {
    text-align: left;
    width: 35%;
    text-transform: initial;
    color: var(--color-black);
    padding-right: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
  text-transform: lowercase;
}


#pun-userlist .main .tc2, #pun-userlist .main .tc3, #pun-userlist .main .tcmod {border:none!important}

#pun-viewforum .hasicon td.tcl, #pun-searchtopics .hasicon td.tcl, 
#pun-respect .main .tc2, #pun-respect .main .tc3, #pun-respect .main .tcmod, #pun-respect .main .tcr,
#pun-positive .main .tc2, #pun-positive .main .tc3, #pun-positive .main .tcmod, #pun-positive .main .tcr , #pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod, .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod, #pun-viewforum .main .tcr, #pun-searchtopics .main .tcr {

}

#pun-online .main .tc2, #pun-online .main .tc3, #pun-online .main .tcmod {
    text-align: center;
    width: 15%;
    color: var(--color-black);
    text-transform: lowercase;
    padding: 8px;
}

/* C2.4 */
#pun-viewforum .main .tcl, #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
  width: 40%;
padding-left:25px;
  }


#pun-searchposts .pa-replies {
display:none
}


#pun-respect .main .tcr,  #pun-respect .main .tcl,
#pun-positive .main .tcr,  #pun-positive .main .tcl 
 {
text-align: center;
}

#pun-mod .main .tc2, #pun-mod .main .tc3, #pun-mod .main .tcmod {
border: none;
color: var(--color-black);
}


/* C2.5 */

#pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
    vertical-align: top;
    padding-top: 20px;
  }

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

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

/* C2.8 */
#pun-index .tcl h3 {
    text-align: left;
    vertical-align: middle;
    padding-top: 20px;
    margin-left: 14px;
}

#post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {
    color: var(--color-black);
    font-size: 18px;
    font-weight: bold;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: var(--custom);
    margin-left: 100px;
}


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

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em;
display:none;
  }

/* C2.11 */
.punbb .main td {
padding: 0;
  }

/* C2.12 */
.punbb .main th {
  }

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {padding: 10px 25px;
}


#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {
    width: 20px;
    vertical-align: top;
    padding-top: 20px;
    font-size: 11px;
    padding-left: 5px;
}


#pun-viewforum div.icon {
    margin-top: -30px;
}

#pun-searchtopics div.icon {
    margin-top: -35px;
}

#pun-modviewforum div.icon {
    margin-top: 0px!important;
}

#pun-multimove .main .tc2 {
border: none!important;
}

#pun-statistic .main .tc2, #pun-statistic .main .tc3, #pun-statistic .main .tcmod {
    text-align: center;
    width: 10%;
    color: #344150; 
    text-transform: lowercase;
    border-top: 3px solid #a5936d;
}

#pun-message .pun-navlinks {
margin-bottom: -82px!important;
}

#pun-viewforum .forum .tcl .tclcon {
    text-align: left;
    margin-right: 18px;
    padding-left: 18px;
    margin-top: -10px;
    margin-left: -4px;
}

#pun-searchtopics .forum .tcl .tclcon {
    text-align: left;
    padding: 0px 10px 0;
    margin-right: 18px;
    padding-left: 0px;
    margin-top: -10px;
    margin-left: 15px;
}

#pun-modviewforum .main .tcl {
}

#pun-modviewforum .main > form > div.forum > div > table > tbody > tr > td.tcr {
    vertical-align: top;
    padding-top: 20px;
}

#pun-modviewforum .forum .tcl .tclcon {
    padding-top: 5px;
    margin-left: 55px;
}



#pun-searchtopics .main .tcr, #pun-viewforum .main .tcr {
    padding-right: 15px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 20px;
text-transform: lowercase;
}


#pun-searchtopicsem.user-avatar {
    float: right !important;
    padding-left: 15px;
    padding-bottom: 11px;
    margin: -10px 0px 2px 0px;

}

 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
    margin-top: 4px;
  }

/* C3.2 */
.punbb .post h3 {
  color:var(--color-black);
  }

/* C3.3 */
.punbb .post h3 span {
    padding: 0px 0px 5px;
    display: block;
    text-transform: lowercase;
    margin-left: 250px;
    margin-bottom: 10px;
}

.punbb .post-links ul a,
.punbb .post h3 span a {
    color: var(--color-grey3);
    font-size: 10px;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    text-align: right;
    font-weight: normal !important;
    font-size: 10px;
  }

/* C3.5 */
.punbb .post .post-author {
    margin-left: 0px;
    float: left;
    width: 206px;
    margin-top: -30px;
    text-align: center;
    background: var(--color-black2);
    padding: 5px 10px 15px;
    background-size:cover!important;
    background-position: center !important;
}


.punbb .post .post-author ul {
    padding: 5px 0 0 0;
    background: var(--color-black2);
    border-radius: 15px;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    line-height: 100%;
  }

/* C3.7 */
div.post-author > p.pa-author, li.pa-author, .pa-author a ,.pa-author a:hover, .pa-author a:active {
    color: var(--color-nice)!important;
 }

div.post-author > p.pa-author, li.pa-author {
    font-family: var(--custom);
    text-transform: lowercase;
    line-height: 150%;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin: 3px 9px 5px;
}

li.pa-avatar.item2 {
    width: fit-content;
    display: inline-block;
    margin: 7px;
}

li.pa-avatar.item2 img {
    padding: 0 5px 4px;
}

.pa-awards a:before { display:none;
    content: "•••";
    letter-spacing: 4px;
    font-size: 6px;
    color: var(--color-green);
    position: relative;
}

.pa-awards {
    text-align: center;
    text-transform: lowercase;
    font-size: 0px;
    height: 15px !important;
    padding: 5px 0 0 !important;
}

/* C3.9 */
li.pa-title {
    text-align: center;
    font-size: 9px;
    color: var(--color-white);
    text-transform: lowercase;
    padding: 5px 10px 4px;
    margin: -4px 13px -1px;
    border-top: 1px dashed var(--color-grey);
  }


.pa-online{
    left: 200px;
    top: -8px;
    font-size: 0px;
    display: flex;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 2 !important;
    position: relative;
    background: var(--color-hz);
    margin-left: -10px;
    margin-top: 0px;
}

.punbb .user-avatar .isonline, .pa-online{
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

    .pa-online:hover {animation: none!important;}

    .pa-online:hover strong {
      opacity: 1.0;
      visibility: visible;    }

    .pa-online strong {
    position: absolute;
    top: 18px;
    right: -6px;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
background: rgba(0, 0, 0, 0.7);
    font-weight: 400;
    white-space: nowrap;
    color: #fff;
    font-size: 10px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
    text-align: center;
    z-index: 10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden;
    }
    .pa-online strong:before {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: 6px;
      top: -10px;
      border-width: 5px 5px;
      border-style: solid;
      border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent;
    }

/* C3.11 */
.punbb .post-body {
    margin-left: 250px;
  }

/* C3.12 */
.punbb .post-box {
    padding: 0px;
    margin: 0px;
  }

#post-preview .post-box {
text-transform: none!important;
}

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
    padding: 15px 0px 0px;
    font-size: 10px;
}

/* C3.15 */
.punbb .post-links ul {
    text-align: right;
  }


/* C3.16 */
.punbb .post-links li {
  display: inline;
  text-transform: lowercase;
  }

/* C3.17 */
.pl-email, .pl-website{
  float: left;
  }

.pl-email, .pl-website {padding-right: 10px!important;}

.pl-quote, .pl-delete, .pl-edit, .pl-advlink {padding-left: 10px!important;}

/* C3.18 */
.punbb .clearer {
  clear: both;
}


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    padding: 15px 0px 10px;
    text-transform: lowercase;
    text-align: right;
font-size:10px;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    text-transform: lowercase;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }

#topic-modmenu .container strong #mod-options {
}

#topic-users-in { height: 100%;}
#topic-users-in a:last-child:after {content: "";}
#topic-users-in a:after {content: ",";}


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
    padding: 10px;
    margin: 0 25px;
    color: var(--color-black);
    font-size: 11px;
    text-align: center;
    border: 1px solid var(--color-black);
  }

/* C5.2 */
.punbb .info .container .backlink {
padding-top: 10px;
    text-align: center;
    font-size: 11px;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#pun-profile #profile .container {
  padding-left: 18.6em;
    margin-top: 50px;
  }

.adminmain {
margin-top: 153px;
}

#pun-messages #profile .container {
  padding-left: 18.6em;
width: auto;
  }

#messages .icon {
margin-top: -10px;
}


#pun-messages #form-buttons {
width: auto;
}

#messages .tc2.pmtc22 {width:30%!important;
padding-right: 10px;
vertical-align: inherit;
}

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 {    width: 43%!important;
    padding-top: 0px;
    padding-bottom: 20px;
vertical-align: inherit;}
#messages > fieldset > div > div > table > tbody > tr > td.tc2.pmtc24 {width:10%!important; vertical-align: inherit;}

#messages > fieldset > div > div > table > tbody > tr > td.tcl.pmtcl1 > div > div.tclcon {       
    font-size: 11px;
    padding-top: 20px;
    margin-left: 25px;
    margin-right: 5px;
    padding-bottom: 10px;}

#messages .tc3 {
color: var(--color-black);
padding-left: 15px;
vertical-align: inherit;
}

#messages > fieldset > div > div > table > tbody > tr > td > input[type=checkbox] { }



#pun-profile  .main .tc2, #pun-profile  .main .tc3, #pun-profile .main .tcmod {
border:none;
}

.award-description {
color: var(--color-green);
}

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    font-size: 9px;
    font-weight: bold;
    margin: 8px 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0;
    margin: 0 14px -5px 0px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

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

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
    border: none;
    background: transparent;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
    border-style: none none none none;
    border-width: 0px 0px 0 0px;
display:none;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 0px;
  padding: 0em;
  }

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  }

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 0px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
  height: 2em;
  line-height: 2em;
  padding: 0;
  font-size: 1.2em;
  margin-left: -9999px;
  display: block;
  float:left;
  width: 100%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {position: sticky;z-index: 10;top: 0px;/* left: 1px; */margin: 0 2px;}

#pun-navlinks a {color: var(--color-black);}


/* D3.2 */
#pun-navlinks .container {
    padding: 10px 47px;
    font-family: var(--custom);
    font-weight: bold;
    font-size: 20px;
    text-transform: lowercase;
 }

#pun-navlinks a span{display:none}

#navindex a:before {content:'Home';}
#navuserlist a:before {content:'Members';}
#navsearch a:before {content:'Search';}
#navprofile a:before {content:'Profile';}
#navpm a:before {content:'Messages';}
#navadmin a:before {content:'Ams';}
#navlogout a:before {content:'Logout';}
#navlogin a:before {content:'Login';}
#navregister a:before {content:'Join';}
#navpr_1 a:before {content:'PR';}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */

#pun-ulinks {
    position: sticky;
    z-index: 10;
    top: 47px;
    margin: 0 2px;
}

/* D4.2 */
#pun-ulinks .container {padding: 0px 50px 10px 50px;
font-size: 10px;text-transform: lowercase;}


#pun-navlinks.fixed, #pun-ulinks.fixed {
    background: var(--color-back);
z-index:99;
}

#pun-navlinks.fixed > .container.  {  padding: 10px 45px;}

#pun-ulinks.fixed >.container {padding-left: 0px 48px 10px 48px;}



/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
  }

#pun-ulinks a {
    color: var(--color-black);
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 4px;
  text-transform: lowercase;
  }


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
height: 0;
  }

/* D5.2 */
#pun-status .container {
    color: var(--color-black);
    position: absolute;
    margin-left: 52px;
    margin: 20px 20px 15px 52px;
    font-size: 10px;
    line-height: 150%;
    font-style: italic;
    text-transform: lowercase;
    width: 410px;
    height: 50px;
    display: inline;
  }

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

/* D5.3 */
#pun-status span {
  }

#pun-status > p > span.status_userava > img,
#status_userava > a > img {
    width: 40px;
    height: auto;
    vertical-align: middle;
    float: left;
    margin-right: 15px;
}

/*span.status_userava:before{
    content: "";
    display: block;
    position: absolute;
    background: var(--color-green);
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .15;
}

span.status_userava:after{
    content: "";
    display: block;
    position: absolute;
    background: var(--color-nice2);
    width: 80px;
    height: 80px;
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: darken;
    transition: all .4s linear 0s;
}
*/

/* D5.4 */
#pun-crumbs1 {
    font-weight: normal;
    overflow: hidden;
    margin-top: 65px;
  }


/* D5.5 */
#pun-crumbs1 p.container, #pun-crumbs2 .container{
    text-align: right;
    margin: 15px 52px!important;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
}
 

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  }

/* D6.3 */
#pun-announcement .container {
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
font-size: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

/* D7.2 */
#plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
}

 #pun-stats li.item1 {
  width: 130px;
  margin-left: 10px;
}

 #pun-stats li.item2 {
  width: 195px;
}

 #pun-stats li.item3 {
  width: 240px;
}

 #pun-stats li.item4 {
    width: 335px;
}

#pun-stats li.item4 > strong > a {color:var(--color-grey)!important}
#pun-stats li.item4 > strong > a:hover {color:var(--color-hz)!important}

/* D7.4 */
li#onlinelist {text-align: justify;font-size: 10px;padding: 10px 0px 0px 0px;text-transform: lowercase; width: var(--wide);}



/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 5px;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  }

/* D8.5 */
#pun-about p span {
    display: block;
  }

/* D8.7 */
#pun-crumbs2 .container {

  }

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

.admain {
    padding-left: 172px!important;
    margin-bottom: 1em;
}

li.pa-hidePunk {border: none 0;
    padding: 5px 0px 10px;
    cursor: pointer;
    margin: 5px;
    text-align: center;
    color: var(--color-mda2);
    text-transform: lowercase;
    font-size: 9px;
}

.editBookmark {baclground:var(--color-hz)}

.FNTslider .before {
    height: 3px;
    position: absolute;
    margin-top: 0px;
    background: var(--color-grey);
}
.FNTslider .thumb {
    width: 5px;
    height: 7px;
    position: relative;
    top: -2px;
    cursor: pointer;
    background: var(--color-green);
}
.FNTslider {
    position: relative;
    width: 110px;
    height: 3px;
    margin: 3.5px 130px 3px 5px;
    float: right;
    margin-right: %;
    background: var(--color-green);
}


#pun-main > div.usertable > div > table > tbody > tr > td.tcl {    padding: 5px 15px 0 5px;
width: 15%}


#pun-about > p > span {display:none}

.quote-box .spoiler-box .private-spoiler > div > b {color: var(--color-grey)!important}

#pun-main > div.section > div > table > tbody > tr > td {border:none!important; padding:5px 10px}


#filetable > tbody > tr > td.tcl {padding-top: 10px!important;}

#filetable > tbody > tr > td:nth-child(3), #filetable > tbody > tr > td:nth-child(5),
#filetable > tbody > tr > td.tc2.ft-uploaded, 
#filetable > tbody > tr > td.tc3.ft-version {padding-top: 14px!important;}

#filetable > tbody > tr > td.tcr {border:none!important}
#filetable > tbody > tr > td.tc3.checker {padding-top: 12px!important;}

#rep_form > table > tbody > tr > td.tc2 {border:none!important}
#rep_form > table > tbody > tr:nth-child(1) > td.tc2 {    padding-top: 0px;
    color: var(--color-black2);}
#rep_form > table > tbody > tr:nth-child(2) > td.tcl {    vertical-align: inherit;}


li.pa-fld4.hidePunkt > span,
li.pa-respect.hidePunkt > span.fld-name,
li.pa-posts.hidePunkt > span{padding-right:0px!important}

#pun-userlist .main .tcl,
#pun-userlist .main .tc2,
#pun-userlist .main .tc3 {border: none!important;}

div[id*=pun-admin_]> #pun-title >  #title-logo-table > tbody > #title-logo-tr {top:0!important}

#pun-status > p > span.item4.status-right {display:none}

.bubble:after {
    border-color: var(--color-blue)!important;}
.bubble {
    background: var(--color-blue) !important;
    color: var(--color-white) !important;}

#tags .container {
    background: var(--color-back);
    top: 31px!important;
    box-shadow: 1px 1px 5px;
    border: solid 1px #999;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.pl-reports {display:none!important}

#awards-content > tr.alt1 > td.tcl {display:none}
#awards-content > tr.alt1 > td:last-child {display:none}

#awards-content > tr > td:nth-child(2) {width:40%}
#awards-content > tr > td:nth-child(3) {    width: 60%;
    text-align: left;
    padding: 10px;
    display: flex;
    align-items: center;
}

#profileContainer > fieldset:nth-child(1) > div > table > tbody > tr > td.tcl {width:5%}

td.tcl > div > div.tclcon > a {
    text-align: right;
color: var(--color-black);
    letter-spacing: 0.5px;
    text-transform: lowercase;
}



#pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar {    margin: 0px 35px 12px 0px;}
#pun-main > div.usertable > div > table > tbody > tr > td.tcl > em > a > span.isonline { right: 9px!important;
    top: 0px;}

.punbb textarea, .punbb select, .punbb input {outline: transparent; }

li.pa-fld1 > span, li.pa-fld2 > span, li.pa-fld5 > span {display:none}


/*---------GUEST------*/

html {border:none!important}

div.theme-img {
    width: 310px;
    padding: 0 10px;
    margin-left: 5px;
    min-height: 120px;
    display: inline-block;
    text-align: center;
}

div.theme-img > img {    max-width: 310px;
    max-height: 110px;}

.theme-text {
    max-width: 310px;
    padding: 0px 10px;
    font-size: 11px;
    text-align: justify;
    display: inline-block;
}

div.blabla {
    width: 145px;
    padding: 0 10px;
    display: inline-table;
    height: 88px;
color:var(--color-green);
}

div.blbl {
    width: 300px;
    padding: 10px 10px 10px 22px;
    display: inline-table;
    height: 150px;}

.theme-name1 {    margin: 0px 10px 10px;
    padding: 10px 10px 0px 0;
    border-bottom: 1px solid var(--color-nice);
color:var(--color-green);}

.theme-name {
font-family: var(--custom2);
    text-align: right;
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 0.5px;
color:var(--color-green);
    }

.theme-subname {
    font-size: 10px;
    text-align: right;
    font-weight: normal;
    margin-bottom: 7px;
    letter-spacing: 1px;
    font-family: verdana;
}

div.blabla-face {
width: 275px;
    padding: 0 10px 0 12px;
    display: inline-table;
color:var(--color-green);
    }

div.blabla-face > div.theme-name {
    padding: 4px 0 5px;
    color: var(--color-green);
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid var(--color-nice);
}

div.blabla-face > div.theme-links {
   padding: 0 5px 0 10px;
   text-align:left;
}

.colortext {
color: var(--color-green);
   }

.theme-back {
    background: var(--color-grey);
    margin: 5px;
    box-shadow: 5px 5px 0 var(--color-nice);
}

.theme-links {
    font-size: 10px;
    text-align: right;
text-transform:lowercase;
}

.guestblock {
width: 300px;
    height: 80px;
border:1px solid var(--color-green);
    font-size: 10px;
    padding: 5px;
color:var(--color-green);
}

.gubl {padding: 5px;
    overflow-y: auto;
    height: 70px;
text-transform: lowercase;
}

#pun-ulinks #Rz{display:none}

#cont_1 > img {width:50px; height:50px;}

/*guest mask*/
div.post-author.no-avatar > ul > li.pa-avatar > img {margin-top: 0px;
}

div.post-author.no-avatar > ul > li.pa-avatar {
padding: 10px;
    text-align: center;
    margin-top: 0px;}

div.tclcon > div.for {
    padding: 0px 8px;
    margin-left: 5px;
    text-align: justify;
    font-size: 9px;
    line-height: 150%;
    text-transform: lowercase;
    margin-left: 105px;
}

.punbb select, .punbb optgroup, 
#plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4,  .input > input {
    text-align: center;
    margin: 5px 0px !important;
    border-color: transparent;
    padding: 2px 7px 3px;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: lowercase;
    background: var(--color-trans);
    color: var(--color-grey) !important;
    }


.input > input, .punbb select {    text-align: left!important;}

.for-a {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 150%;
    color: var(--color-back);
    align-items: baseline;
    }

.for-a > a {
    padding: 2px 7px 3px;
    margin-bottom: 5px;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: lowercase;
    background: var(--color-trans);
}


td.tcl > div > div.tclcon > div.for > div > div > div, .topic a.sharelink, #pun-stats > h2 > span {display:none}


/*иконка и плашка*/

.pa-fld3 {
    position: absolute;
    z-index: 9;
    margin: -33px 89px 0px;
    background: var(--color-back);
    width: 24px;
    height: 24px;
    border-radius: 50px;
    padding: 4px !important;
}

.pa-fld3 img{
    max-width: 24px;
    max-height: 24px;
    object-fit: cover;
    border-radius: 0 !important;
}

.pa-fld5 {
    margin: 0px 0px 5px !important;
    background: var(--color-grey3);
    color: var(--color-white);
    background-size: cover !important;
    line-height: 1.5;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.plsh {
    padding: 0px!important;
    position: relative;
}

#viewprofile #pa-fld5 {display:none}

.plsh frst, .plsh scnd {    color: var(--color-white);}

.plsh frst {
	display: block;
	font-size: 9px;
	line-height: 2;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: 0.75px;
}

.plsh scnd {
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.75px;
}

.plsh pict {display:none!important;}

.plsh img {
    height: 33px !important;
    width: 33px !important;
    position: absolute;
    left: 9px;
    text-align: center;
    top: 2px  !important;
    display: block;
    filter: invert(1);
}

.plsh-mes {
    display: flex;
    justify-content: space-evenly;
    align-content: flex-start;
    align-items: center;
}

.adformal h2, #pun-adnav h2 {    background-color: var(--color-white)!important;
    color: #000!important;}

#profilenav > h2 > span, div.modal-inner.section > h2 > span, #pun-main.main.mod-page > div.category > h2 > span, #pun-main.main.mod-page > h2 > span, #pun-admain1 > h2 > span {
font-size: 11px !important;
    font-family: var(--custom2) !important;
    text-transform: lowercase;
    text-shadow: none;
    color: var(--color-black);
    font-style: normal;
    letter-spacing: 0;
    font-weight: 600;
    padding: 5px;}

#pun-main.main > div.topic > h2 > span, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums {display:none}

td.tcl > div > div.tclcon > h3 > a {    padding: 0px 10px 0;
    margin-right: 18px;
    margin-left: 15px;
    padding-left: 0px;
    margin-top: -10px;
    text-align: right;
    color: var(--color-black);
    letter-spacing: 0.25px;}

#notify-settings > span {height: 5px;
    display: flow-root;}

 

#pun-status > p > span.item3.status-right {
    float: none!important;
    position: relative;
    padding: 10px 0;
    text-align: right;
    font-style: normal;
display:none!important;
}

#poll-special {margin-left: 15px;}
span.polltext {text-transform: lowercase!important;     font-weight: 600;}

.punbb .post {/* margin: 0px 5px; */}

#profilenav > h2, div.modal-inner.section > h2, #pun-main.main.mod-page > div.category > h2, #pun-main.main.mod-page > h2, #pun-admain1 > h2 {
display:none;}

#MyBookmarks, #BookmCntToggle {
    top: 120px!important;
}

/******/

.slide_button {
position: absolute;
    top: -10px;
    right: 0px;
    width: 50px;
    height: 20px;
    cursor: pointer;
    padding: 4px 0 0 4px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
}

.slide_button.i_active {
  opacity: 0
}

.slide_block {
    display: none;
    position: absolute;
    background: var(--color-grad);
    top: 25px;
    right: 0px;
    width: 540px;
    height: 380px;
    z-index: 1000;
}

.slide_block div {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 7px;
    box-sizing: border-box;
}

#dot > div.slide_block > div > iframe {    width: 524px!important;
    margin-top: 0px;
    height: 365px!important;
    border-radius: 0px!important;
    position: relative;}


#imageupload-left input[type=button] {width:12em!important}





/***https://pcvector.net/scripts/other/480-mercayuschaya-girlyanda-na-chistom-css.html******/
.lightrope {
    text-align: center;
    white-space: nowrap;
    position: absolute;
    position: fixed;
    z-index: 1000;
    top: -10px;
    left: 20px;
    padding: 0;
    pointer-events: none;
    width: 100%;
}

.lightrope li {
  position: relative;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
    width: 12px;
    height: 14px;
  border-radius: 50%;
  margin: 20px;
  display: inline-block;
  background: #00f7a5;
  box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  -webkit-animation-name: flash-1;
  animation-name: flash-1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
  background: cyan;
  box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.5);
  -webkit-animation-name: flash-2;
  animation-name: flash-2;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
  background: #f70094;
  box-shadow: 0px 4.66667px 24px 3px #f70094;
  -webkit-animation-name: flash-3;
  animation-name: flash-3;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
}

.lightrope li:before {
  content: "";
  position: absolute;
  background: #222;
  width: 10px;
  height: 9.33333px;
  border-radius: 3px;
  top: -4.66667px;
  left: 1px;
}

.lightrope li:after {
  content: "";
  top: -14px;
  left: 9px;
  position: absolute;
  width: 52px;
  height: 18.66667px;
  border-bottom: solid #222 2px;
  border-radius: 50%;
}

.lightrope li:last-child:after {
  content: none;
}

.lightrope li:first-child {
  margin-left: -40px;
}

@-webkit-keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@keyframes flash-1 {
  0%, 100% {
    background: #00f7a5;
    box-shadow: 0px 4.66667px 24px 3px #00f7a5;
  }
  50% {
    background: rgba(0, 247, 165, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 247, 165, 0.2);
  }
}

@-webkit-keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@keyframes flash-2 {
  0%, 100% {
    background: cyan;
    box-shadow: 0px 4.66667px 24px 3px cyan;
  }
  50% {
    background: rgba(0, 255, 255, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(0, 255, 255, 0.2);
  }
}

@-webkit-keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}

@keyframes flash-3 {
  0%, 100% {
    background: #f70094;
    box-shadow: 0px 4.66667px 24px 3px #f70094;
  }
  50% {
    background: rgba(247, 0, 148, 0.4);
    box-shadow: 0px 4.66667px 24px 3px rgba(247, 0, 148, 0.2);
  }
}


.inew > td > div > div > strong > a {
    text-transform: lowercase;
}


#notify-link .unreads, #navpm .unreads {    background: var(--color-nice)!important;}

.hidden {
	display: none !important;
}

#button-dice {
	background: url("/files/000f/3e/d5/81483.png") center;
}

form#dice-form {
    width: 350px;
    height: 115px;
    padding: 15px;
    text-align: right;
    position: absolute;
    top: 41px;
    right: -15px;
    background: var(--color-back);
    box-shadow: 1px 1px 5px;
    border: solid 1px #999;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

form#dice-form input {
    width: 30px;
    margin: 0 0 0 5px;
    text-align: right;
}

#dice-form label {
    display: inline-flex;
    margin: 3px;
    font-size: 10px;
    align-items: baseline;
}


#dice-form span {
    font-weight: bold;
    vertical-align: top;
}

#dice-form label > span::after {
	content: ":"
}

#dice-form textarea {
    border: 1px solid var(--color-black);
    width: 150px;
    margin-left: 5px;
background: var(--color-back);
    color: var(--color-black);
}

#dice-form > div {
    width: 165px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: -40px;
}

#dice-form > div:nth-child(2) {
    margin-top: 0px;
    margin-left: 180px;
    width: 180px;
}

#dice-form > label {
	display: inline-block;
}

#dice-form > button {    position: absolute;
    bottom: 5px;
    right: 150px;
cursor: pointer;
    display: inline-block;
    padding: 5px 10px !important;
    margin: 2px!important;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 10px;
    border: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
    text-transform: lowercase;
background: var(--color-back);
color:var(--color-black)
}

div.dice-box { 
    border: 1px dashed var(--color-green);
background: var(--color-back);
    margin: 0 8px;
    padding: 5px 15px 10px;
}

.roll-dice::before, .roll-value::before, .roll-reason::before, .roll-result::before {
  font-weight: bold;
}

.roll-dice::before {
    content: "Бросок: ";
}

.roll-value::before {
    content: ", с результатом: ";
}

.roll-reason::before {
  content: "Действие: "
}

.roll-result::before {
  content: "Итог: "
}

#pun .roll-result {
  padding-bottom: 0px;
}


.plashka {      padding: 0.1em 0.25em 0.25em;
    line-height: 1.5;
    margin: 2px!important;
    min-width: 165px !important;
    font-size: 11px;
    display: inline-block;
    background: url(https://forumstatic.ru/files/001a/eb/a8/29745.png) center fixed;
    color: var(--color-white);
    text-transform: lowercase;
    letter-spacing: 1px;
    font-family: var(--custom2);
    cursor: pointer;
}

.button, sub4 {     cursor: pointer;
    display: inline-block;
    padding: 3px 10px 5px !important;
    margin: 2px !important;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 10px;
    border: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
    color: var(--color-black);
    text-transform: lowercase;
background: var(--color-back);
}

#pun-stats, .punbb .category {
    margin: 20px 10px 25px;
    position: relative;
}

#pun-stats {
    padding: 15px 40px;
    } 

#post-form > h2 {display:none}


/*#form-buttons tr {
  width: 100%;
  display: flex;
  height: 30px;
  justify-content: space-between;
}*/

#form-buttons tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
    grid-template-rows: auto;
    gap: 6px 6px;
}

#form-buttons td {
  display: flex;
  align-items: center;
  justify-content: center;
width: inherit!important;
  box-sizing: border-box;
}

#form-buttons td {
  background-image: none !important;
  font-family: Material Symbols Outlined;
  font-size: 20px;
  color: var(--color-black);
  cursor: pointer;
}


#form-buttons td:before {
  position: absolute;
}


#button-font:before {content: '\e165';}
#button-transL:before {content: '\e8e2';}
#button-size:before {content: '\e245';}
#button-bold:before {content: '\e238';}
#button-italic:before {content: '\e23f';}
#button-underline:before {content: '\e249';}
#button-strike:before { content: '\e257';}
#button-indent:before { content: '\e23e';}
#button-left:before {content: '\e236';}
#button-center:before { content: '\e234';}
#button-right:before { content: '\e237';}
#button-link:before {  content: '\e157';}
#button-spoiler:before {content: '\e8f5';}
#button-image:before {content: '\e3f4';}
#button-video:before {  content: '\f06a';}
#button-hide:before {  content: '\e898';}
#button-quote:before { content: '\e244';}
#button-code:before { content: '\e86f';}
#button-color:before { content: '\e23c';}
#button-table:before { content: '\f191';}
#button-smile:before { content: '\e813';}
#button-sticker:before { content: '\e983';}
#button-keyboard:before {  content: '\f7db';}
#button-addition:before {  content: '\e146';}
#button-dice:before {  content: '\e025';}
#button-mask:before {  content: '\e9ed';}

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

#button-sticker {    background-size: contain;}

#form-buttons td img {position: relative;}

#mask_dialog .inner, .hvStickerPackModal,.hvStickerPackModalTab {border-radius: 0 !important;
background:var(--color-back)!important;}


.hvStickerPackModalTab.active {
background:var(--color-black2)!important;
color:var(--color-white)!important;}

.hvStickerPackModal {    bottom: -35px!important;
    left: 15px!important;
}

.hvStickerPackModalTab {
    cursor: pointer;
    margin-top: 8px;
    margin-right: 8px;
    padding: 5px !important;
    text-align: center;
    letter-spacing: 0.2px;
    font-size: 10px;
    border: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
color: var(--color-black)!important;
}

.hvStickerPackModalInput {border-radius: 0 !important;}

.pa-respect span.fld-name::before, .pa-respect span.fld-name a::before, li.pa-fld4:before {
    display: block;
    margin: 0px 0 8px 12px;
    width: 32px;
    height: 0px;
    font-family: Material Symbols Outlined;
    font-size: 20px;
    color: var(--color-white);
}

li.pa-respect span.fld-name a::before {
    position: absolute !important;
    margin-top: -19px;
    color: rgb(151 151 151 / 0%);
}

li.pa-respect span.fld-name::before,
li.pa-respect span.fld-name a::before
 {
    content: '\e8dc';
    height: 11px;
    }

li.pa-fld4:before {
    content: '\e745';
    }

li.pa-respect span.fld-name a, li.pa-respect span.fld-name {
    font-size: 0;
}

li.pa-respect > a > img {display:none}
li.pa-respect > a:before{content: url(/img/plus.png); filter:grayscale(1)}


#pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod {
    display: none;
}

#pun-index table Div.icon:before, div.grippie {display:none}


blockquote a, .punbb .post-content > p > a {
    color: var(--color-nice2) !important;
    background-size: 205%;
    font-weight: bold;
}

/*blockquote a:hover, .punbb .post-content > p > a:hover {    background-position: left;}*/

.punbb .post-content .code-box > strong > a, .punbb .post-content .code-box > strong > a:hover, .day div > cite > a, .day div > cite > a:hover, div > cite > a, div > cite > a:hover {color: var(--color-white)!important;     font-weight: 600;     font-style: normal;}

.city div > cite > a, .city div > cite > a:hover {color: var(--color-black)!important;}

#pun-navlinks > ul > #navawards, div > table > thead {display:none}

.usertable {text-transform:lowercase}

#pun-main.main.multipage > div.usertable > div > table > thead {
display: contents;
}

.hvStickerPackModalContent img {
    max-height: 50px!important;
    cursor: pointer;
}

#pun-live-rusff {display:none!important}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup, #dice-form > button {
    font: 1em verdana, arial, helvetica, sans-serif;
}


#stylelist {
    position: absolute;
    z-index: 9999;
    display: flex;
    gap: 3px;
    margin: 168px 0 0 172px;
}

#stylelist a {
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 5px;
    font-size: 0;
    padding: 2px 5px 6px;
}

#stylelist [data="night"] a:before {
    content:'\e51c';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#stylelist [data="street"] a:before {
    content:'\e565';
    font-family: Material Symbols Outlined;
    font-size: 20px;
    color:var(--color-white);
}

#stylelist [data="light"] a:before {
    content:'\f02a';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#stylelist [data="meds"] a:before {
    content:'\f033';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#stylelist [data="mless"] a:before {
    content:'\e3a5';
font-family: Material Symbols Outlined;
font-size:20px;
color:var(--color-white);
}

#pun-main h2 {
    margin: 0 40px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.punbb h2 span {
    font-size: 11px;
    color: var(--color-nice);
    text-transform: lowercase;
    letter-spacing: 3px;
    z-index: 1;
    display: flex;
    font-size: 53px;
    font-family: var(--custom);
    background: var(--color-back);
    font-style: italic;
padding-right: 8px;
    }

.category h2::after {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0px;
    border-bottom: 1px solid var(--color-green);
}


.post h3 span, .endpost .post-links, #pun-messages .post-links {
   /* border-bottom: 1px dashed var(--color-green) !important;*/
}

#chfontsize { 
    position: fixed; /*прилеплен к краю экрана*/
    top: 10px; /*отступ сверху*/
    right: 10px; /*отступ справа*/
    width: 26px; /*ширина*/
    text-align: center; /*текст по центру*/
    line-height: 22px; /*высота строк*/
    -moz-opacity: .8; /*прозрачность*/
    opacity: .8;
    z-index: 999999; /*поверх всех элементов*/
}
#chfontsize:hover {
    opacity: 1; /*нету прозрачности при наведении*/
    -moz-opacity: 1;
}
.fsizeplus,
.fsizeminus {/*кнопки плюса и минуса*/
    background-color: var(--color-back); /*цвет фона*/
    color: var(--color-black); /*цвет плюса и минуса*/
    cursor: pointer;
}
.fsizeplus::after {
    content: '+'; 
}
.fsizeminus::after {
    content: '-';
}
.fsize {/*поле показывающее размер шрифта*/
    background-color: var(--color-back); /*цвет фона*/
    color: var(--color-black); /*цвет цифр*/
}


.punbb .post-content .spoiler-box::before,.punbb .post-content .spoiler-box::after {display: none}

.reaction-counters-container, .reaction-picker {
    filter: brightness(0.95);
    z-index: 1;
}

#pun .reaction-counter__count {
font-size: 10px;
}

.reaction-chip {
    height: 28px!important;
    min-width: 28px!important;
}

span.reaction-counter__emoji > span.emoji-mart-emoji.emoji-mart-emoji-custom  > span {
    width: 24px!important;
    height: 24px!important;
}

.punbb .post h3 strong::before {
    content: "#";
}


.post + .post {
padding-top: 20px !important;
    padding-bottom: 20px;
}

.post {
    scroll-margin: 70px;
}

.hvStickerPackModalTab {
      text-transform: lowercase;
}

#pun .post-content .spoiler-box > div {
  background:transparent;
  position: relative;
	width: 100%;
	box-sizing: border-box;
padding:0;
}

#pun .post-content .spoiler-box > div:before {
    background-image: none !important;
    font-family: Material Symbols Outlined;
    font-size: 14px;
    color: var(--color-black);
    content: '\e5e1';
  width: 12px;
  height: 13px;
    -webkit-transition: transform 0.5s ease-in-out 0s;
    -moz-transition: transform 0.5s ease-in-out 0s;
    -o-transition: transform 0.5s ease-in-out 0s;
  transition: transform 0.5s ease-in-out 0s;
  box-sizing: border-box;
	display: block;
	margin-right: 16px;
	float: left;
  transform: rotate(-90deg)
}

#pun .post-content .spoiler-box > div.visible:before {
content:'\e5e0';
}

.post-content .spoiler-box > blockquote.visible {
    border-top: 1px dashed var(--color-green);
    padding-top: 5px !important;
    margin-top: 10px;
}

#act-news > a > img{
    position: relative;
    background-size: contain!important;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
margin: 5px 10px;
    border-radius: 30px;
    border: 2px solid transparent;
    background: var(--color-grad2);
} 

#act-news {text-align:center}

/* PERSONAL */

/*[data-user-id="2"].post .pa-title {
    background: #e2304d;
}

[data-user-id="2"].post .pa-fld5 {
    background: url(https://i.imgur.com/24m6X4W.gif);
}

[data-user-id="6"].post .pa-title {
 background: var(--color-nice);
}

[data-user-id="6"].post .post-author {
    background: linear-gradient(to top, var(--color-green2) 0%, var(--color-black2) 49%);
}

[data-user-id="6"].post .pa-fld5 {
    background: url(https://i.imgur.com/wyAIAQd.gif) no-repeat center center !important;
}
*/

/*robert*/
[data-user-id="29"].post .post-author {
    background: linear-gradient(to bottom, #000, #4c4d4c);
}

[data-user-id="29"].post .pa-fld5 {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/326418.gif);
color:var(--color-white);
}

/*ladislav
[data-user-id="97"].post .pa-title {
    background: #e2304d;
}*/

/*alan*/
[data-user-id="40"].post .pa-title {
    background: transparent;
}
[data-user-id="40"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/264688.jpg);
}


/*louise*/
[data-user-id="113"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/842048.jpg);
}

/*klaasje*/
[data-user-id="116"].post .post-author {
    background:url(https://forumupload.ru/uploads/001a/eb/a8/2/336428.jpg);
}

/*konst*/
[data-user-id="117"].post .post-author {
background: url(https://forumupload.ru/uploads/001a/eb/a8/2/98455.jpg);
}

[data-user-id="117"].post .post-author .pa-fld1 a {letter-spacing: 0px;}

/*ashley*/
[data-user-id="125"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/431785.jpg);
}

/*spencer*/
[data-user-id="124"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/865063.png);
}
/*maria*/
[data-user-id="122"].post .post-author {
    background: url(https://forumupload.ru/uploads/001a/eb/a8/2/612692.png);
}

/*val*/
[data-user-id="121"].post .post-author {
background: url(https://forumupload.ru/uploads/001a/d9/bc/2/313753.jpg);
}

/*joe*/
[data-user-id="128"].post .pa-fld5 {
    background: url(https://forumupload.ru/uploads/001a/d9/bc/2/398441.gif);
color:var(--color-white);
}