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

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

/* A1.1 */

  @import url(style_cs.css);

  @import url('https://forumstatic.ru/files/0014/30/4a/72199.css');

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/v4-font-face.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/fontawesome.min.css');

@import url('https://fonts.googleapis.com/css?family=Allura|Ceviche+One|Concert+One|Dancing+Script|Fugaz+One|Jura|Kotta+One|Leckerli+One|Merienda+One|Modak|Mr+Bedfort|Neucha|Poiret+One|Prosto+One|Simonetta|Tangerine&display=swap');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800|Roboto:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:200,400,700,900|Prata&subset=cyrillic');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600;700;800;900&display=swap');

:root {
--bg1: #421501 url(https://forumstatic.ru/files/001a/08/74/73411.png);
--texture: url(https://forumstatic.ru/files/0019/41/ed/54488.png);

/*pun*/
--pun: #DDCDCC;

--logo-bg: url(https://forumstatic.ru/files/001a/08/74/38305.png);

--nav-drop: 0px 0px 0px 0px rgba(156, 140, 139, 0.10), 0px 7px 16px 0px rgba(156, 140, 139, 0.10), 0px 29px 29px 0px rgba(156, 140, 139, 0.09), 0px 65px 39px 0px rgba(156, 140, 139, 0.05), 0px 116px 46px 0px rgba(156, 140, 139, 0.01), 0px 180px 51px 0px rgba(156, 140, 139, 0.00);

--icon: url(https://forumstatic.ru/files/001a/08/74/47640.png);

--color3: #272727; /* base text */
--color4: #994421; /* red link */
--color5: #A48F67; /*green link*/
--color7: #515151; /*grey link */
--color6: #667455; /*scrollbar*/

--up: url(https://forumstatic.ru/files/001a/08/74/24497.svg);
--down: url(https://forumstatic.ru/files/001a/08/74/15749.svg);

--fill1: #CFBFBE;
--fill2: #D7C6C5;
--fill3: #D5C5C4;
--fill4: #C7B7B6;
--fill5: #D9C9C8;

--border: #E6E6E6;

--tr-drop: 0px 0px 0px 0px rgba(156, 140, 139, 0.10), 0px 1px 2px 0px rgba(156, 140, 139, 0.10), 0px 4px 4px 0px rgba(156, 140, 139, 0.09), 0px 10px 6px 0px rgba(156, 140, 139, 0.05), 0px 17px 7px 0px rgba(156, 140, 139, 0.01), 0px 27px 7px 0px rgba(156, 140, 139, 0.00);

--heart: url(https://forumstatic.ru/files/001a/08/74/56773.png);

--ticket-svg: url(https://forumstatic.ru/files/001a/08/74/33122.svg);
}

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

/* A2.1 */
html, body {margin: 0; padding: 0; -webkit-text-size-adjust: 100%;}

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

/* 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, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em  verdana, arial, helvetica, sans-serif
  }


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

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial, 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;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: underline
  }

/* 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 dl.post-sig dt span,
.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;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
    background: var(--pun);
    margin: auto;
    width: 1100px;
  box-sizing: border-box;
  position: relative;
  color: var(--color3);
}

#pun_wrap {
  padding-top: 50px;
  padding-bottom: 80px
}

#pun a {
  color: var(--color4)
}

#pun a:hover {
  color: var(--color3);
}

.punbb {
    height: auto;
    width: auto;
  width: auto;
  padding: 30px;
  box-sizing: border-box;
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
 min-height: 100px;
  }

 #pun-redirect{
      border:0 none!important;
      margin:0;
      padding:0;
      left:0;right:0;
      top:0;bottom:0;
      position:fixed;
      width:100%;
      height:100%;
      text-align:center;
      background:var(--bg1) repeat fixed top center !important;
      background-size: cover !important;
    }
    #pun-redirect *{
      border:0 none;
    }
    #pun-redirect .main-title {
      display:none;
    }
    #pun-redirect.punbb .info .container{
      text-align:center;
      font:500 10px Commissioner;
      display:block;
      margin: 4% auto 4% auto !important;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      padding:25px 0;
    background: var(--pun);
    margin: auto;
    width: 1100px;
      margin-top: 5%;
    }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

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

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

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;
  }

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid solid none solid;
  border-width: 1px 1px 0px 1px;
  }

#pun-main h2 {
  padding: 2px 1em 9px 1em;
  border-style: solid;
  border-width: 1px;
}

/***************************************************/*************************************************************
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 {
    border-top: .5px dashed #3e6c74;
    display: block;
    margin: 5px 0;
    width: 250px;
}

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
 font-family: 'Verdana', sans-serif;  }


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

/* 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;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    border: medium none;
    margin: 0.4em 0em 0.8em;
    padding: 0em;
}


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0.0em;
}

/* 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 {
  width: auto;
  font-size: 12px;
  height: auto;
  font-family: Commissioner;
  font-weight: 400 !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0;
  margin-bottom: 10px !important;
  gap: 15px;
  position: relative;
  z-index: 1
  }

.pagelink {
  order: 1;
}

.linkst noindex, .linksb noindex, .postlink {
  order: 3;
}

.pagelink, .new-poll, .new-topic, .postlink span, .subscribelink {
  position: relative;
}

.postlink {
  display: flex;
  gap: 10px
}

#pun .postlink a, #pun .subscribelink a {
  color: var(--color5)
}

/* B3.4 */
.linkst .postlink {
  text-align: right;
  font-weight: 500;
  }

.postlink.long {
  width: auto !important;
}

/* B3.5 */
.punbb .linksb {
  width: auto;
  font-size: 12px;
  height: auto;
  font-family: Commissioner;
  font-weight: 400 !important;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 0;
  margin-top: 10px !important;
  gap: 15px
  }

#profile .linksb {
  height: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: auto;
}

#profile .button {
  margin-top: 0 !important;
}

#profile .clearer {
  display: none
}

#profile .linksb:after {
  display: none
}

/* B3.6 */
.linksb .pagelink {
  width: auto;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  font-weight: 500 !important;
  }

/* B3.8 */
.subscribelink {
  order: 2;
  }

.linksb:after {
  display: none !important;
}

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

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

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1
  }


/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

#post fieldset {
  margin: 0 !important;;
  padding: 0
}

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

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

/* 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 0.8em 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.12 */
.punbb .datafield br {
  display: none
  }

/* 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 4em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

/* 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 {
  text-align: left;
  width: 60%;
  }

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

/* C2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: center;
    width: 25%;
}


/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* 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 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

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

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 0em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
    font-size: 11px;
    line-height: 10px;
    margin-left: 0;
    text-align: left;
}

/* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 60px;
        height: 60px;}

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

/* C3.1 */
.punbb .post > .container, #pun-messages .post .container {
  margin-top: -1px;
  padding-bottom: 1px;
  padding: 0px !important;
  }

/* C3.2 */
.punbb .post h3 {
  position: relative;
  top: 25px;
  padding-right: 10px;
  font: 500 11px Commissioner;
  }

/* C3.3 */
.punbb .post h3 span {
  display: flex;
  align-items: center;
  margin-left: 260px;
  justify-content: flex-start;
  width: auto;
  gap: 10px;
  background: var(--fill1);
  padding: 6px 30px;
  }


.punbb .post h3 .permalink {
  order: 1;
  font-weight: 700
}

.punbb .post h3 strong {
  order: 3;
  margin-left: auto
}

.punbb .post h3 strong.fnt {
  order: 2
}

/* C3.4 */
.punbb .post h3 strong {
  width: auto;
  font-weight: 500 !important;
  }

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

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 0.8em;
  border-left-style: solid;
  border-left-width: 0.7em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 260px;
  margin-right: 10px !important;
  padding: 18px 18px 0;
  background: var(--fill5)
  }

/* C3.12 */
.punbb .post-box {
  padding: 2em 0 0em;
  }

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

/* C3.14 */
.punbb .post-links {
  margin-top: 20px;
  border-left-style: solid;
  border-left-width: 1px;
  position: relative;
  z-index: 1;
  font: 600 11px  Commissioner
  }

.punbb .post-links li {
  padding: 3px 10px;
}

.pl-email.email {
  display: none !important;
}

/* C3.15 */
.punbb .post-links ul {
  display: flex;
  justify-content: flex-start;
  gap: 5px
  }

.pl-delete, .pl-quote {
  margin-left: auto;
}

.pl-share {
  float: none !important;
  width: auto !important;
  position: relative !important;
  left: 0 !important;
  margin-left: auto
}

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

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


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

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 0;
  text-align: right;
  margin-top: 4px;
  font: 500 11px Commissioner
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

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

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


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

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


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

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

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

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

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

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

/* 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: normal;
  }

/*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-style: solid;
  border-width: 1px;
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  height: 10px;
  margin: -1px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
}

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

#pun-title TD.title-logo-tdr {
	border: none;
	width: 420px;
}

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding-left: -20px;
  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 {
  border: none;
  margin: 0;
  margin-bottom: 10px;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  }

/* D3.2 */
#pun-navlinks .container {
  height: 27px;
  font-weight: normal;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
}

/* D3.4 */
#pun-navlinks li a {
    font-family: tahoma;
    font-size: 0.8em;
    padding: 10px 5px 10px 7px;
}

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

/* D4.1 */
#pun-ulinks {
    border: 2px solid transparent;
}
#pun-ulinks .container {
    border: medium none;
    padding-top: 0px;
}
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}
#pun-ulinks li a {
    font-size: 0.8em;
    padding: 0 0 0 5px;
}

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

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

/* D5.2 */
#pun-status .container {
text-align: center;
  font: 400 12px Commissioner;
  position: absolute;
  top: -39px;
  width: 1100px;
  text-align: right;
  color: var(--pun);
  height: auto;
  z-index: 999;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -30px;
}


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

#pun-status .status-right {
  float: none !important;
  font-size: 0;
  order: 3;
  margin-left: 20px
}


#pun-status .item2, #pun-status .item4 {
  display: none
}


#pun-status a {
  color: var(--pun)
}

#pun-status a:hover {
  color: var(--pun)
}

.status_user_avatar {
  width: 25px;
  height: 25px;
  border: 1px solid var(--pun);
  border-radius: 100%;
  overflow: hidden
}

.status_user_avatar img {
  width: 25px;
  height: 25px;
  object-fit: cover;
}

/* D5.3 */
#pun-status span {
  white-space: pre-line;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 0em 1em 0em 0em;
  font-size: 1.1em;
  }

/* 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;
display: none
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement {
  padding:0;
margin-top: 30px !important;
  position: relative;
  }


#pun-announcement h2 {
  display: none !important;
}



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

/* D7.1 */
#pun-stats {
  margin: 25px 0px 20px !important;
  }

#pun-stats .container {
  padding: 0 20px
}


#pun #pun-stats h2 {
  margin-bottom: 10px !important;
}


#pun-stats .item3 {
  display: none
}


#pun-stats {
  font: 400 12px/150% 'Commissioner';
}

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  color: rgba(57, 57, 57, 0.62)
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

#onlinelist a {
  color: var(--color3)
}

#onlinelist a:hover {
  color: var(--color4)
}

/* 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: 0;
  }

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

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  text-align: center;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 0em;
  font-size: 1.1em;
  }

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

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


/* 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" }

::-webkit-scrollbar {
width: 6px;
height:6px;
background-color: rgba(20, 18, 15,0.1);
border-radius: 10px !important;}
::-webkit-scrollbar-thumb {
  background-color:var(--color6);
  width:6px !important;
  box-shadow: 0 0 0 1px rgba(20, 18, 15,0.1) inset;
border-radius: 1px !important;
}


.stickytext, .closedatafield, #pun-live-rusff, .pl-reports  {display: none}


input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}

::selection {    background: var(--color5);
    color: #fff;
}


#pun-messages .post h3 {
  width: auto;
text-shadow: none;
  border: none !important;
  margin: 0 0 20px !important;
}

#pun-messages .post-author {  margin-top: -20px !important;
  padding-top: 0px !important;
}
#pun-messages .pa-posts {display: none}
#pun-messages .pa-online {clear: both}
#pun-messages .pa-author {margin-top: 20px}

#main-reply {height: 200px}


#post-form #post legend span {display: none}

.banners-wrap {
  margin: 30px -31px -34px !important;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background: url(https://forumstatic.ru/files/001a/08/74/29509.png);
  padding: 10px 50px;
}

.banners-down {
  height: auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: auto;
  margin-right: 10px;
}

.banners-down > div {
  height: 32px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 5px;
}

.banners-wrap div + div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: auto;
  gap: 5px;
  border-left: 1px solid var(--pun);
  padding-left: 20px
}

.banners-down img {transition: all .5s ease-in-out 0s;
filter: grayscale(100%) opacity(.4);
margin-bottom: 1px;
  mix-blend-mode: luminosity;
}
.banners-down img:hover {filter: grayscale(0) opacity(1);
  mix-blend-mode: normal
}

.pa-fld1 .fld-name {
  display: none
}

.pa-fld1 {  
  font: 400 10px 'Commissioner' !important;
    background:var(--color3);
  border-bottom: none;
  padding: 4px 15px 4px !important;
  color: var(--fill4);
  margin: 15px -18px -15px !important;
}

.pa-fld1 .lzlinks {
  text-transform: uppercase;
}

.pa-fld2 .fld-name {
  display: none
}

.pa-fld2 {text-align: justify;
font-size: 10px;
  font-weight: 400;
  margin-top: 10px !important;
}

.lz b {
  font-style: normal;
}

.pa-fld3 .fld-name {
  display: none
}

.pa-fld3 {
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .5s linear 0s;
  font: 400 9px 'Commissioner' !important;
    background:var(--color3);
  border-bottom: none;
  padding: 4px 15px 4px !important;
  color: var(--fill4);
  margin: 0 -18px 0px !important;
  gap: 5px
}



.pa-fld3:before {
  content: "";
  mask: var(--ticket-svg); no-repeat center center;
-webkit-mask: var(--ticket-svg); no-repeat center center;
  mask-size:cover;
 -webkit-mask-size: cover;
  background: var(--fill4);
  height: 15px;
  width: 15px;
  display: block;
}

.pa-fld4 .fld-name {
  display: none;
}

.pa-fld4 {
  margin: -2px -18px 0px !important;
  height: 40px;
  display: flex;
  align-items: flex-end;
}

.userpl {
  height: 38px;
  width: 220px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0 0px 0 20px;
}

.userpl img {
  float: left;
  width: 40px;
  margin-left: 0px;
  margin-right: 5px !important;
  margin-top: -12px !important;
  border: none !important;
  position: relative;
}

.userpl max {
  display: block;
  height: 18px;
  font: 700 10px/14px Commissioner;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: -3px;
  padding-top: 3px;
}

.userpl min {
    display: block;
  height: 14px;
  font: 400 7px Commissioner;
  text-transform: uppercase;
  text-align: left;
  color: var(--color7)
}


span.num_msg {margin-top: -10px !important;margin-left: -10px !important;transform: scale(.8);}

#mask_dialog .inner, .modal-inner.section, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner  {                   
    padding: 10px !important;
    background: var(--fill5);
    border: 1px solid var(--fill4) !important;
    box-shadow: var(--tr-drop);
}

* {scrollbar-width: thin;
scrollbar-color: var(--color6) rgba(20, 18, 15,0.01);}

#post-form h2 {margin-bottom: 20px !important;}

#pun .post h3 strong.fnt {display: none !important;}
#pun-viewtopic .post h3 strong.fnt {display: flex !important;
align-items: center;
  gap: 0px
}

.html-box img {transition: all .5s ease-in-out 0s;
filter: grayscale(100%) opacity(50%)}

.html-box img:hover {filter: none}

.uptable {
  background: url(https://forumstatic.ru/files/001a/08/74/29471.png);
  width: 942px;
  height: 323px;
  position: absolute;
  top: 0px;
  margin-left: -32px
}

/*********************************
  Deff: Быстрая смена ников!
От 15.06.2019
*********************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
  display:none!important;
}
/*Стиль иконки Выход */
#pun-navlinks #New-exit {
   position:absolute;
   z-index:9999;
   margin-left: 10px;
   margin-top:2px;
}
#pun-navlinks.fixed  #New-exit {
   margin-left: 0px!important;
    margin-top: 2px!important;
}
#pun-navlinks #navpm+#navlogout #New-exit { /*Для обычного юзера*/
   margin-left: 10px;
}
#pun-navlinks #navprofile+#navlogout #New-exit { /*Пиар*/
   margin-left: 230px;
}
#pun-navlinks #New-exit img{
    width: 18px;
    height: auto;
    display:inline-block;
    margin-top: -1px!important;
    opacity: .8;
  filter: brightness(1.2);
  filter: invert(100%)
}
/*Стиль формы входа*/
#pun-navlinks #form-login {
    position: absolute;
    margin-top: 13px;
    z-index: 9999 !important;
    font-family: commissioner;
    font-weight: normal;
    line-height: normal!important;
    color: var(--color3);
    font-size: 11px;
    padding: 20px 12px;
    background: var(--fill1);
  border: 1px solid var(--border);
  border-radius: 0px;
    text-align: center;
}
#pun-navlinks #navlogout #form-login {
  margin-left: -190px;/*Подвижки формы влево от выход*/
}
#navprofile+#navlogout #form-login{ /*Пиар*/
    margin-left: 80px;
}
#navpm+#navlogout #form-login { /*Подвижка формы для НеАдмина! */
    margin-left: -99px;
}
#pun-navlinks #navlogin #form-login {
  margin-left: -36px; /*Подвижки формы влево от вход*/
}

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login .Rega,
#pun-navlinks #form-login .Forgot{
font-size:10px!important;
color: #6A1750!important;
letter-spacing:0.5!important;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
#form-login div:not(#List-UserNames) input{
    margin-bottom:9px!important;
    padding:3px!important;
}

/* кнопка просмотра пароля */
.punbb #form-login input[type="checkbox"]#check{
display:none; /*Отключил-не понравилась*/
}
#List-UserNames {
    position: absolute;
    margin-top: -20px;
    min-height: 109px;
    width: 220px;
    right: 100%;
    text-shadow: none;
    padding: 20px 19px 12px 20px;
    text-align: center;
    background: var(--fill1);
  border: 1px solid var(--border);
  border-radius: 0px;
  margin-right: 10px
}

#form-login > span {
  margin-bottom: 10px !important;
  display: block;
}

.punbb #List-UserNames li{
    display: block!important;
    position: relative;
    background: var(--fill3);
    text-align: left;
    padding-left: 5px!important;
    font: normal normal 300 11px/normal commissioner !important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: .33s;
  color: va(--color3);
}
.punbb #List-UserNames li:hover{
  opacity:.98;
    background: var(--fill4)!important;
}
.punbb #List-UserNames li>b{
  cursor:pointer;
}
.punbb #List-UserNames li>b:hover{
  opacity:.93;
}
#List-UserNames ul {
    overflow: hidden;
    overflow-y: auto;
    min-height: 36px;
    max-height: 72px;
    text-align:left;
    font-family: commissioner;
    padding: 0!important;
    text-shadow: none !important;
    font-size: 10px;
}

#List-UserNames ul li>span {
  display:inline-block;
  padding:0 3px;
  position:absolute;
  opacity:.88;
  cursor:pointer;
  top:0;bottom:0;
  right:2px;
  font: normal normal 700 11px/normal commissioner;
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty::before{
  display:inline-block;
  text-align: center;
  content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"
}
#navlogin #exit-2 {
  display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
  display:none;
}
.punbb #List-UserNames input {
    display:inline-block;
    background:var(--fill3);
  border: 1px solid var(--border);
    color: var(--color3)!important;
    margin-top: 9px;
    padding: 4px !important;
    vertical-align: middle;
}
#List-UserNames  ul+span{
  display:inline-block;
  padding:6px 0 8px 0;
  text-align:left;
  font: normal normal 400 10.56px/normal commissioner;
}
#List-UserNames  ul+span b{
  font: normal normal 400 13px/normal commissioner;
  padding:0 3px;
  color: var(--color3);
}
#List-UserNames .a1-paste{
  cursor:pointer;
  display:inline-block!important;
  float:right;
}
#List-UserNames .a1-copy{
  display:inline-block!important;
  cursor:pointer;
  float:left;
}
.tipsy.a11 {
margin-top:-22px!important;
margin-left: 85px!important;
max-width:170px;
}
#pun-navlinks.fixed+#pun-ulinks .item6{
  display:none;
}

/*********************************
  //END Стиль к Быстрой смене Ников!
*********************************/

#pun-main ~ .section {
  margin-bottom: 0
}

#plng {
  border: none !important;
  font: 500 12px Commissioner;
}

#post-form {
  margin-top: 30px !important;
}

.sidebar__wrapper {
    position: absolute;
    top: 34px;
    border-top: 1px solid var(--pun-wrap-border);
    border-left: 1px solid var(--pun-wrap-border);
    right: 1px;
    width: 209px;
    height: calc(100% - 34px);
  padding-top: 15px;
  padding-left: 20px;
  box-sizing: border-box;
  font: 300 11px/150% Source Sans Pro;
  overflow: hidden
}

.sidebar__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.topbanners {
  gap: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 20px;
  margin-top: 30px
}

.topbanners img {
  width: 82px;
  filter: grayscale(100%) opacity(.5);
  mix-blend-mode: luminosity;
  transition: all .5s linear 0s;
}

.topbanners img:hover {
  mix-blend-mode: normal;
  filter: none
}

.post-rating p.container, .post-vote {
  position: relative;
  z-index: 9
}

/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  background: var(--heart) no-repeat;
  position: relative;
  z-index: 100;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: var(--color3) !important;;
  padding-right: 1px;
  box-sizing: border-box;
}

div .post-rating p>a:hover {
  animation: play 1.3s steps(27) 1;
  animation-fill-mode:backwards
}

@keyframes play {
  from {background-position: 0px;}
  to {background-position: -945px;} 
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: var(--heart) no-repeat;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}

#pun .post-content .spoiler-box > div {
  background:url('https://forumstatic.ru/files/001a/08/74/12907.svg?v=1') no-repeat left center; 
  cursor:pointer; 
  padding-left:18px
}

#pun .post-content .spoiler-box > div.visible {
  background-image:url('https://forumstatic.ru/files/001a/08/74/18681.svg?v=1')
}

#regpage .header_wrap, #regpage #html-footer, #regpage #left-panel, #regpage #pun-ulinks, #regpage #pun-navlinks, #regpage #pun-status, 
#regpage #pun-break2 + .section, #regpage #pun-main ~ .section, #pun-register fieldset legend {
  display: none !important;
}

#pun-register #html-header, #pun-register #pun-announcement {
  display: none
}

#regpage #pun {
  width: 700px;
  overflow: hidden
}

#pun-register #pun-crumbs1 em {
  display: none
}

#pun-register #pun-crumbs1 {
  margin: 30px 0 !important;
}

#pun-register #pun-crumbs1 p {
  font-size: 0;
  display: flex;
  justify-content: center;
}

#pun-register #pun-crumbs1 p a {
  color: var(--color4);
  display: flex;
  align-items: center;
  gap: 5px;
}

#pun-register #pun-crumbs1 p a:hover {
  color: var(--color3)
}

#pun-register #pun-crumbs1 p a:after {
  font-size: 13px;
  content: "На главную";
}

#pun-register #pun-crumbs1 p a:before {
  font-size: 13px;
  content: "";
  background: url(https://forumstatic.ru/files/001b/6b/7e/36116.svg?v=1);
  width: 20px;
  height: 20px;
  display: block;
}

#pun-register .info-box {
  display: none
}

#pun-register fieldset:last-of-type .infofield, #pun-register .inputfield.required br {
  display: none
}

#pun-register fieldset {
  display: flex;
  justify-content: center;
  margin: 0 90px;
  padding: 0 !important;
}

#pun-register .fs-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font: 500 11px/130% commissioner;
  padding: 0;
}

#pun-register .fs-box .inputfield.required {
  font-size: 0;
  width: 100%;
}

#pun-register .inputfield.required {
  padding: 0;
}

#pun-register input#username, #pun-register .input, #pun-register input#fld4 {
  width: 100%;
  display: block !important;
}

#pun-register input {
  padding: 10px 0px !important;
  text-align: center;
}

#pun-register input::placeholder {
  color: var(--text1);
  opacity: .45;
  font-size: 13px;
  font-weight: 500;
}

#pun-register p.infofield {
  padding: 0;
  text-align: center;
  margin-top: 5px;
  width: 100%;
  font-size: 12px;
  opacity: .75
}

#pun-register #register {
  display: flex;
  flex-direction: column;
  gap: 30px
}

#pun-register fieldset:nth-of-type(3) {
  margin-top: 20px
}

#pun-register fieldset:nth-of-type(3) p.selectfield {
  font-size: 0;
}

#pun-register #ctl_regselect, #pun-register #ctl_tzselect {
  padding: 10px 20px !important;
  text-align: center;
  flex: 1;
  font-weight: 700 !important;
  text-align: left !important;
}

#pun-register p.selectfield span.input {
  width: 100% !important;
  display: flex !important;
  gap: 10px;
}

#pun-register p.selectfield{
  width: 100%;
}

#pun-register .selectfield + .infofield {
  margin-top: 15px
}

#pun-register fieldset:nth-of-type(4) {
  margin: 0 -36px;
  border-top: 1px solid var(--border);
  padding: 40px 50px !important;
  display: block !important;
}

#pun-register fieldset.radiofield {
  display: block;
  margin: 0;
  font-size: 13px
}

#pun-register .fs-box .checkfield {
  margin-top: 20px !important;
  font-size: 13px
}

#pun-register input[type="checkbox"] {
    appearance: none;
    padding: 5px !important;
    cursor: pointer;
    transition: all .4s ease-in-out 0s;
  border-radius: 100%;
  height: auto;
}

#pun-register input[type="radio"] {
  border-radius: 100%;
    appearance: none;
    padding: 5px !important;
    cursor: pointer;
    transition: all .2s ease-in-out 0s;
  height: auto;
}

#pun-register input[type="checkbox"]:checked, #pun-register input[type="radio"]:checked {
    background: var(--color4);
}

#pun-register p.formsubmit {
  margin-top: -40px !important;
  display: flex;
  justify-content: center
}

#pun-register p.formsubmit .button {
  font-size: 15px !important;
  font-weight: 700;
  padding: 10px 30px !important;
}

#pun-register .main {
  margin-bottom: 0
}

#pun-register input[type="radio"] + label, #pun-register input[type="radio"], #pun-register .fs-box .checkfield input[type="radio"]{
  margin-top: 15px !important;
  display: inline-block
}

#pun-register input[type="radio"], #pun-register input#fld11 {
  margin-right: 10px
}

#pun-register fieldset[class="radiofield"] * {
  height: auto ;
}

input[type="checkbox"] {
    appearance: none;
    padding: 5px !important;
    cursor: pointer;
    transition: all .4s ease-in-out 0s;
  border-radius: 100%;
  height: auto
}

input[type="radio"] {
  border-radius: 100%;
    appearance: none;
    padding: 5px !important;
    cursor: pointer;
    transition: all .2s ease-in-out 0s
}

input[type="checkbox"]:checked, input[type="radio"]:checked {
    background: var(--color4);
}

#pun #notify-link .unreads {
 top:-.1em;
 right:-1.5em;
}

.forum table {
  margin: 10px 0
}

.forum tr {
  background: var(--fill2);
  display: flex;
  align-items: center;
  padding: 15px 20px;
  transition: all .5s linear 0s;
}

.forum tr:hover {
  background: var(--pun);
  box-shadow: var(--tr-drop)
}

.forum thead {
  display: none
}

.forum tr .user-avatar {
  display: none
}

.forum tr td {
  padding: 0 !important;
}

.forum tr + tr {
  margin-top: 10px;
}

#pun .post-content .highlight-text {
  background: var(--color4);
  color: var(--pun)
}

.header_wrap {
  margin: -30px -31px 0;
  height: 300px;
  background: var(--logo-bg) no-repeat center center;
  padding: 40px 50px;
  box-sizing: border-box;
  display: flex;
  font: 400 10px commissioner;
  color: var(--pun);
  gap: 100px
}

.header_item {
  width: 280px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  justify-content: space-between;
  opacity: .65;
  transition: all .3s linear 0s
}

.header_wrap:hover .header_item {
  opacity: 1
}

.header_content-item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-direction: row-reverse;
}

.sidebar__headline {
  text-transform: uppercase;
  text-align: right;
  font-size: 11px;
  flex: 1;
  box-sizing: border-box;
  background: transparent;
  border: none;
  opacity: .75;
  font-weight: 300
}

.persons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.persons div {
  position: relative;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(218, 202, 201, 0.45);
  box-sizing: border-box;
  border-radius: 100%;
  overflow: hidden
}

.persons div:after {
  content: "";
  display: block;
  background: rgba(34,34,34,.75);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s cubic-bezier(.64,.51,.55,1) 0s;
  mix-blend-mode: normal
}


.persons div:hover:after {
  transform: scale(0);
}

.persons img {
  width: 35px;
  height: 35px;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .4s linear 0s;
}

.persons div:hover img {
  filter: none
}

.persons2 a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 200px;
  height: 35px;
  overflow: hidden;
  border: 1px solid rgba(218, 202, 201, 0.45) !important;
  box-sizing: border-box;
  border-radius: 6px
}

.persons2 a span {
  position: absolute;
  font-size: 9px;
  text-transform: uppercase;
  transition: all .3s cubic-bezier(.64,.51,.55,1) 0s;
  transform-origin: right;
  color: var(--pun) !important;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
  z-index: 9
}

.persons2 a:hover span {
  transform: translateY(200%)
}

.persons2 div {
  position: relative;
  width: 100%;
  height: 40px;
}

.persons2 div:after {
  content: "";
  display: block;
  background: rgba(34,34,34,.75);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all .3s cubic-bezier(.64,.51,.55,1) 0s;
}


.persons2 a:hover div:after, .persons2 a:hover div:before {
  transform: scale(0);
}

.persons2 img {
  width: 100%;
  height: 35px;
  object-fit: cover;
  filter: grayscale(100%);
  transition: all .4s linear 0s;
}

.persons2 div:hover img {
  filter: none
}

.header_item.part2 {
  align-self: flex-end;
  display: flex;
  height: 85px;
  gap: 45px;
  justify-content: flex-start;
  flex-direction: column;
  width: auto;
  opacity: 1
}

.nav_wrap{
  position: relative;
}

.sslka {display: block;
padding: 10px;
background: var(--color3);
  border-radius: 6px;
  box-sizing: border-box;
}


#pun .sslka a {     
  background: var(--color7);
  white-space: nowrap;
 margin: 5px auto;
  border-radius: 4px;
  text-align: center;
  transition: all 0.3s linear 0s;
display: block;
  padding: 5px 0;
  letter-spacing: 0px;
  text-transform: uppercase;
  width: 100%;
color: var(--pun);
font-family:Commissioner;
font-size: 11px;
  font-weight: 400;
}

#pun .sslka a:hover {    background-color:var(--color4) !important;
  opacity: 1;
  transform: scale(.95);
  letter-spacing: 2px;
}

#navigblock {width: 100%;
margin-left: 0px;
position: absolute;
top: 20px;
  z-index: 999;
}

.spirit-navigation.spirit-navigation_hover{
    filter: brightness(.76)
}

.spirit-navigation {
  display: block;
        cursor: pointer; 
  transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 11px;
  color: var(--color5)
    }

.spirit-navigation span {
  font-weight: 300;
  font-size: 10px;
  color: var(--pun)
}

.ams {
  text-transform: uppercase;
  z-index: 8
}

.ams a {
  font-weight: 700;
  color: var(--color5) !important;
}

.ams a:hover {
  color: var(--pun) !important;
}

.header_item.part3 {
  align-self: flex-start;
  display: flex;
  justify-content: flex-end;
  width: auto;
  margin-left: auto;
}

.part3 .header_content-item {
  flex-direction: column;
}

.header_bottom-wrap {
  background: #282828;
  margin: 0 -30px;
  padding: 10px 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.tab_cards-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 20px;
  position: relative;
  z-index: 1;
  flex: 1
}

.tab_cards-wrap a {
  color: var(--pun) !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,.1);
  font: 600 12px commissioner;
  text-transform: uppercase;
  padding: 0px 20px 0px 0;
  transition: all .5s linear 0s !important;
  border-right: 1px solid var(--pun)
}

.tab_cards-wrap a:last-child {
  border: none
}

.tab_cards-wrap a:hover {
  color: var(--color4) !important;
}

#stylelist {
    z-index: 10000;
    margin: 0;
    padding: 0;
    list-style-type: none;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

#stylelist li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#stylelist li[data="green"], #stylelist li[data="blue"] {
  font-size: 0;
  cursor: pointer; 
  height: 11px;
  width: 11px;
  background: linear-gradient(145deg, #A48F67 50%, #994421 50%);
  border-radius: 3px;
  position: relative;
}

#stylelist li[data="green"] {
  background: linear-gradient(145deg, #5E5F71 50%, #B98039 50%);
}

#stylelist li.active a:before {
  content: "\f00c";
  font-size: 9px;
  font-family: FontAwesome;
  position: absolute;
  color: var(--pun)
}

#stylelist li:nth-child(3), #stylelist li:nth-child(4) {
  display: none
}

.green {
--bg1: #293239 url(https://forumstatic.ru/files/001a/08/74/31846.png);

/*pun*/
--pun: #EBEBEB;

/* --logo-bg: url(https://forumstatic.ru/files/001a/08/74/67740.jpg); */

--nav-drop: 0px 0px 0px 0px rgba(168, 168, 168, 0.10), 0px 7px 16px 0px rgba(168, 168, 168, 0.10), 0px 29px 29px 0px rgba(168, 168, 168, 0.09), 0px 65px 39px 0px rgba(168, 168, 168, 0.05), 0px 116px 46px 0px rgba(168, 168, 168, 0.01), 0px 180px 51px 0px rgba(168, 168, 168, 0.00);

--icon: url(https://forumstatic.ru/files/001a/08/74/68399.png);

--color3: #272727; /* base text */
--color4: #507186; /* red link */
--color5: #A58838; /*green link*/
--color7: #515151; /*grey link */
--color6: #A58838; /*scrollbar*/

--up: url(https://forumstatic.ru/files/001a/08/74/37725.svg);
--down: url(https://forumstatic.ru/files/001a/08/74/64020.svg);

--fill1: #D8D8D8;
--fill2: #E6E6E6;
--fill3: #E5E5E5;
--fill4: #D8D8D8;
--fill5: #E7E7E7;

--tr-drop: 0px 0px 0px 0px rgba(120, 120, 120, 0.05), 0px 1px 3px 0px rgba(120, 120, 120, 0.05), 0px 6px 6px 0px rgba(120, 120, 120, 0.04), 0px 13px 8px 0px rgba(120, 120, 120, 0.03), 0px 23px 9px 0px rgba(120, 120, 120, 0.01), 0px 36px 10px 0px rgba(120, 120, 120, 0.00);;

--heart: url(https://forumstatic.ru/files/001a/08/74/89355.png);
}

.xmass {
  background: url(https://forumstatic.ru/files/001a/08/74/15182.png);
  height: 54px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none
}


#font-area {    display: -webkit-flex;
    display: flex;    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;    -webkit-justify-content: space-between;
    justify-content: space-between;    width: 60%; 
}
#font-area div {    -webkit-flex-basis: 12em;
    flex-basis: 12em;    -webkit-flex-grow: 1;
    flex-grow: 1;    font-size: 14px;
}