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

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

/* A1.1 */
  @import url(style_cs.1676026658.css);
  @import url(https://forumstatic.ru/files/001b/ae/23/13896.css);
  
  @font-face {
font-family: 'montserrat';
src: url('https://forumstatic.ru/files/001b/ae/23/38535.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
  
/* A1.2 Variables */
html {
    --back: url(https://forumstatic.ru/files/001b/ae/23/72063.png);
    --gem: url(http://forumstatic.ru/files/001b/ae/23/78243.png);
    --head: url(https://forumstatic.ru/files/001b/ae/23/47390.jpeg);
    --logo: url(https://forumstatic.ru/files/001b/ae/23/31315.png);
    --main-color: #bdbfc5;
    --second-color: #9ea4ab;
    --bg-color: #a2a6abc4;
    --border-color: #5f2b22;
    --fname-color: #484a62;
    --header-links-color: #e2e4e9;
    --header-links-color-hover: #aa4e3d;
    --links-color: #894e1a;
    --links-hover-color: #ae4339;
    --nav-color: #445168;
    --new-color: #9a5f2b;
    --imp-color: #5f697b;
    --old-color: #6f7682;
    --text-color: #3b2f2e;
    --third-color: #c6c9d3;
    --font: 'game';
    --font-text: 'tahoma';
    --font-nav: 'montserrat';
    --font-profile: 'oswald';
    --font-shadow: 2px 2px 2px black;
    --anim: 0.3s ease all;
    

    --hover-color: #987d7b;
}

.light {
    --main-color: #c3c6d4;
    --second-color: #aeb8c9;
    /*--border-color: #994e3d;  #cc8863; */
    --links-color: #b46622;
    --links-hover-color: #cf1c32;
    /*--header-links-color-hover: #cc8863;*/
    --new-color: #b86d45;
    --old-color: #586882;
    
    /*--header-links-color-hover: #aaa052;*/
    /*--third-color: #E0E0DC;*/
    /*--bg-color: #3f464e;*/
    /*--head: url(https://forumstatic.ru/files/001b/ae/23/98888.png);*/
}

/* 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;
  margin: 0 7px 0 7px;
  border-spacing: 0 7px;
    background: var(--second-color);
    border-radius: 25px 5px;
    border: var(--old-color) 1px solid;
  }
  
#pun-messages table {
    width: 98%;
}

#pun-respect table {
    width: 98%;
}

/* 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 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif;
  background-color: var(--third-color);
  border-radius: 5px;
  }

.punbb textarea:focus-visible, .punbb input:focus-visible, .punbb select:focus-visible, .punbb optgroup:focus-visible {
    outline: var(--old-color) 2px solid;
}

/* 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, .punbb h2 span, .punbb legend span {
    font-size: 15px;
    color: var(--text-color);
    font-family: var(--font-text);
  }
  
.punbb #post-form h2 {
    text-align: center;
}

.punbb #post-form h2 span {
    padding-left: 50px;
    color: var(--border-color);
}  

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

/* A3.10 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  /*color: var(--links-color);*/
  transition: var(--anim);
  text-decoration: none;
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }
  
.punbb-admin #pun-ulinks {
    margin-top: 0;
    height: auto;
}

.punbb-admin #pun-ulinks .container {
    padding-top: 5px;
}

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

.punbb .main .container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow:hidden;
  line-height: 0.0;
  font-size: 0;
  }

.punbb #pun-status .container: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;
  }

#pun-main h1 {
    font-family: var(--font-text);
    text-transform: uppercase;
    font-size: 18px;
}

#pun-main .pagelink {
    font-family: var(--font-text);
    font-size: 14px;
}

#pun-main .postlink a, #pun-main .modmenu a {
    font-family: var(--font-text);
    font-size: 14px;
    color: var(--links-color);
    text-decoration: none;
}

#pun-main .postlink a:hover, #pun-main .modmenu a:hover {
    color: var(--links-hover-color);
}

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
  width: 983px;
  margin: 30px;
  position: relative;
    margin: auto;
}

/* A5.2 */
.punbb {
  float: left;
  width: 900px;
  padding: 10px 30px 0 30px;
  height: auto;
  position: relative;
  background-color: var(--bg-color);
    /*background: var(--gems)no-repeat left bottom, var(--bg-color);*/
    border: var(--border-color) 1px solid;
    margin-top: 20px;
    margin-bottom: 50px;
    border-radius: 45px 5px;

  
}

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
      background: var(--second-color);
    border-radius: 25px 3px;
  }

html .redirect-page {
    background: var(--back)no-repeat center top / cover fixed!important;
}
  
#pun-redirect #pun-main {
    background: transparent;
    border: none;
}

#pun-redirect .main-title span {
    font-family: var(--font-nav);
    background: var(--border-color);
    padding: 5px 70px;
    color: var(--second-color);
    border-radius: 5px;
}

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

.punbb .main {
    background: var(--main-color);
    border-radius: 25px 5px;
    border: var(--border-color) 2px solid;
}

#pun-index.punbb .main {
    border-radius: 25px 5px 0 0;
    border-bottom: none;    
    border-color: var(--second-color);
}

.punbb #pun-stats {
    background: var(--main-color);
    border-radius: 0 0 25px 5px;
    border: var(--second-color) 2px solid;
    border-top: none;
}

/* 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 {
    /*border-style: solid;*/
    /*border-width: 0 3px;*/
    /*border-color: var(--border-color);*/
    /*background-color: var(--main-color);*/
  }

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

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

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 5px 0 0 0;
  }
  
#pun-main h1 {
    position: relative;
    font-size: 18px;
    text-align: center;
}

#pun-main h1 span {
    color: var(--border-color);
    text-align: center;
    line-height: 24px;
    font-family: var(--font-nav);
}

/*#pun-viewtopic #pun-main #pun-reputation .post_reputation {*/
/*    background-color: var(--main);*/
/*    border-radius: 0;*/
/*    border-width: 2px;*/
/*    border-style: solid;*/
/*    border-color: var(--second-color);*/
/*}*/

#pun-viewtopic #pun-main #pun-reputation .post_reputation h1 {
    background: var(--main-color);
    margin: 0;
    width: auto;
    border: var(--border-color) solid;
    border-width: 3px 3px 0;
}

#pun-viewtopic #pun-main #pun-reputation .post_reputation div.container {
    background: var(--main-color);
    margin: 0;
    padding: 0;
    border: var(--border-color) solid;
    border-width: 0px 3px 3px;
}

#pun-viewtopic #pun-main #pun-reputation .post_reputation div.container tr {
    padding: 2px 0;
}

.pun-modal .modal-inner {
    background: var(--main-color);
    border: var(--border-color) solid 2px;

}

/*#pun-viewtopic #pun-main #pun-reputation .post_reputation h1 span {*/
/*    background-color: var(--tr-second);*/
/*    border-radius: 10px;*/
/*    border-width: 2px;*/
/*    border-style: solid;*/
/*    border-color: var(--second-color);*/
/*}*/

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

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

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-align: justify;
/*  font-family: none; */
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #888;
  width: 250px;
  margin: 5px 0;
  margin-left: auto;
  }

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

@media screen and (max-width: 1020px) {
    .punbb .post-content p {
        padding: 0 0 0.75em 0;
    }
}

/* 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;
    padding-top: 1em;
    padding-bottom: 1.2em;
  }

/* B1.8 */
.punbb .post-content .quote-box {
  margin: 1em 1.5em 1.5em 1.5em;
  padding: 1em;
    box-sizing: border-box;
    background: var(--second-color);
    border: var(--old-color) 1px solid;
    border-radius: 20px 5px;
  }

.punbb .post-content .code-box {
  margin: 1em 1.5em 1.5em 1.5em;
  padding: 1em;
    box-sizing: border-box;
    border-radius: 20px 5px;
    background: var(--old-color);
    border: var(--second-color) 1px solid;
    color: var(--third-color);
  }
  

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: inline-block;
  font-size: 1.2em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
    font-family: var(--font);
    min-width: 150px;
    width: auto;
    padding: 2px 15px;
    border-radius: 10px;
    margin-bottom: 0.5em;
    letter-spacing: 1px;
  }

.punbb .quote-box cite {
    color: var(--second-color);
    background: var(--links-color);
    border: var(--main-color) 1px solid;
}

.punbb .code-box strong.legend {
    background: var(--second-color);
    border: var(--main-color) 1px solid;
}

.punbb .quote-box cite a {
    color: var(--main-color);
}

.punbb .code-box strong.legend a {
    color: var(--links-color);
}

.punbb .quote-box cite a:hover, .punbb .code-box strong.legend a:hover {
    color: var(--header-links-color-hover);
}

/* 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 {
  position: relative;
  font-size: 14px;
  height: 15px;
    color: var(--border-color);
}

/* B3.2 */
.multipage {
  background-color: var(--main-color);
  border-style: solid;
  border-width: 0px 3px;
  border-color: var(--border-color);
  }


/* B3.3 */
.linkst {

}
  
.linkst .pagelink {
  position: absolute;
  /*top: -4em;*/
  left: 1em;
  width: 24em;
  }
  
/* B3.4 */
.linkst .postlink {
  position: absolute;
  /*top: -4em;*/
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 1.5em 1em;
  font-size: 1.1em;
  color: var(--border-color);
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;

  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
    color: var(--border-color);
    font-family: var(--font-text);
font-size: 14px;
  }

.subscribelink a {
    color: var(--links-color);
}


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

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

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
    color: var(--text-color);
    font-family: var(--font-text);
font-size: 14px;
  }

.punbb .formal .container .post-box {
    font: normal 68.75% verdana, arial, helvetica, sans-serif;
}
  
/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 0;
  }

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

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

.punbb fieldset legend #plng {
    border: var(--old-color) 1px solid;
    border-radius: 10px;
    background: var(--new-color);
    color: var(--main-color);
    padding: 2px 7px;
}

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

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

/* C1.16 * FIXME/
.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;
  }

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

#form-buttons table {
    border-radius: 14px;
    border-spacing: 2px;
    padding: 0 3px;
    margin-bottom: 7px;
}

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

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 600px;
    /*color: var(--second-color);*/
    font-family: var(--font-text);
    font-size: 14px;
    text-transform: lowercase;
  }



/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 5%;
    font-family: var(--font-text);
    font-size: 14px;
        text-transform: lowercase;
  }

/* C2.3 */
.punbb .main .tcr {
  text-align: right;
  width: 220px;
  text-transform: lowercase;
    font-family: var(--font-text);
    /*color: var(--second-color);*/
  border: none;
  font-size: 14px;

  }

#pun-index #pun-main .category tbody tr {
    width: 880px;
    display: flex;
    align-items: center
}

#pun-index #pun-main .category .tcr {
    width: 270px;
    display: grid;
    grid-template-columns: 200px 60px;
    grid-template-rows: 50% 50%;
}

#pun-index #pun-main .user-avatar {
    grid-area: 1 / 2 / 3 / 3;
    width: 50px;
    height: 50px;
}

#pun-index #pun-main td.tcr .user-avatar a {
    height: 50px;
    max-height: 50px;
}

#pun-index #pun-main .user-avatar .avatar-image {
    height: 50px!important;
    width: 50px!important;
    filter: opacity(0.7);
    transition: var(--anim);    
}

#pun-index #pun-main .user-avatar .avatar-image:hover {
    filter: opacity(1);
}

#pun-viewforum .tclcon, #pun-searchtopics .tclcon {
    display: inline-block;
    margin-left: 20px;
}

#pun-viewforum table tbody .tcr, #pun-searchtopics table tbody .tcr {
    display: grid;
    grid-template-columns: 180px 40px;
    grid-template-rows: 50% 50%;
}

#pun-viewforum table tbody .tcr .user-avatar, #pun-searchtopics table tbody .tcr .user-avatar {
    grid-area: 1 / 2 / 3 / 3;
    width: 30px;
    height: 30px;
}

#pun-viewforum td.tcr a, #pun-searchtopics td.tcr a {
    display: block;
    grid-area: 1 / 1 / 2 / 2;
}

#pun-viewforum td.tcr span, #pun-searchtopics td.tcr span {
    display: block;
    grid-area: 2 / 1 / 3 / 2;
}

td.tcr a, td.tcl a {
    /*font-size: 15px;*/
    /*text-transform: uppercase;*/
    text-align: right;
    transition: all 0.3s linear 0s;
    font-family: var(--font-text);
    /*margin: 61px 0px 1px -30px;*/
    /*top: 0px;*/
    /*position: relative;*/
    /*text-decoration: none;*/
    /*margin-top: 50%;*/
    /*margin-bottom: 50%;*/
} 

#pun-index #pun-main td.tcr a.lastpost-link {
    color: var(--new-color);
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    font-weight: bold;
}

td.tcr a:hover, td.tcl a:hover {
    color: var(--links-hover-color)!important;
    transition: all 0.3s linear 0s;
}

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

#pun-index #pun-main td.tcr span.lastpost {
    display: block;
    /*color: var(--second-color);*/
    grid-area: 2 / 1 / 3 / 2;

}


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

/* 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 {
    height: 28px;
  }
  

/* 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 */
.category td {
  border: none;
}

.category td.tcr {
  padding: 10px;
 }
 
.category td.tcl {
  padding: 10px 10px 10px 0;
 }
 
/* 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
  }

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

/* C2.15 */
#pun-index .category div.icon {
  /*border-width: 0;*/
  float: left; 
  display: block;
  margin-top: 7px;
    border-radius: 0 10px 10px 0;
  }
  
#pun-index .category td div.tclcon {
    font-size: 12px;
    text-align: justify;
    font-family: var(--font-text);
    text-transform: lowercase;
  }

  
/* ссылка названия форумов */ 
#pun-index .tcl h3 a {
    font-size: 20px;
    text-transform: lowercase;
    white-space: nowrap;
    transition: var(--anim);
    color: var(--old-color);
    font-family: var(--font-nav);
    text-decoration: none;
    margin-left: 10px;
}

#pun-index .inew .tcl h3 a {
    color: var(--new-color);
}


#pun-index .tcl h3 a:hover {
    /*border: 5px solid transparent;*/
    transition: all 0.3s linear 0s;
    color: var(--links-hover-color);
    text-decoration: none;
    /*letter-spacing: 0.1em;*/
    /*margin: 25px 0px -8px -7px;*/
}

#pun-index .tcl .fdescription {
    padding: 0 15px 5px;
}

#pun-index .tcl .flinks {
    margin-left: 45px;
    height: 22px;
}

#pun-index .tcl .fname {
    display: inline-block;
    font-size: 14px;
    font-family: var(--font-text);
    color: var(--fname-color);
    float: left;
    line-height: 20px;
}


#pun-index .tcl .furl {
    display: block;
    float: right;
    line-height: 20px;
}

#pun-index .tcl .furl a {
    font-size: 14px!important;
    padding-left: 20px;
    text-decoration: none;
    transition: all 0.3s linear 0s;
    text-transform: uppercase;
    font-weight: bold;
}


#pun-index .tcl .furl a:hover {
    color: var(--links-hover-color)!important;
    transition: all 0.3s linear 0s;
}


/* C2.16 */
.punbb  table div.icon {
  font-size: 1.05em;
  position: relative;
  /*display: none;*/
  }

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

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 0;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
    border: var(--old-color) 1px solid;
    border-width: 1px 0;
    margin-top: 10px;
    background: var(--second-color);
    border-radius: 2px;
    color: var(--border-color);
  }

/* C3.3 */
.punbb .post h3 span {
  padding: 3px 15px;
  display: block;
  /*margin-left: 260px;*/
  /*border-left-style: solid;*/
  /*border-left-width: 1px*/
  margin: 0;
 font-family: var(--font-text);
 height: 22px;
 line-height: 22px;
  }

.punbb .post h3 span a, .punbb .post h3 strong {
    font-family: var(--font-text);
    text-decoration: none;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
}



/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
    color: var(--text-color)!important;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 220px;
  text-align: center;
  border: var(--old-color) 1px solid;
  font-family: var(--font-text);
  position: relative;
    background: var(--second-color);
    border-radius: 0 25px 25px 0;
    border-left: none;
    margin-top: 5px;
  }
  
.punbb div[data-user-id="1"] .post-author {
     background: var(--stars)no-repeat center top, var(--bg-color);
}
  
#pun-messages.punbb .post .post-author {
    margin: -35px 0 15px 5px;
}

/* 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-weight: bold;
  font-size: 16px;
  min-height: 22px;
  line-height: 22px;
    padding: 0 14px!important;
  }
    
/* C3.8 */
.pa-author a {
    font-family: var(--font);
    transition: var(--anim);
  }
  
/* C3.8 */
.pa-author a:hover {
    color: var(--links-hover-color)!important;
    transition: var(--anim);
  }

#pun-searchposts .post-author {
    background-color: var(--second-color);
}

#pun-searchposts .post-author .indOffline {
    display: none;
}
  
#pun-searchposts .pa-replies {
    margin-bottom: 10px;
}

#pun-searchposts .post h3 {
    margin-left: 0;
}
#pun-searchposts .post h3 span {
    height: auto;
}

/* C3.9 */
li.pa-title {
    font-family: var(--font-text);
    color: var(--title-color);
    font-size: 12px;
    padding: 0 3px 3px;
    color: var(--old-color);
    font-weight: bold;
  }

/*#pun-messages #profile li.pa-title {*/
/*    border-width: 1px 1px 0 1px;*/
/*    border-style: solid solid none solid;*/
/*    border-color: var(--second-color);*/
/*    border-radius: 10px 10px 0 0;*/
/*}*/

/*.online .pa-online {*/
/*    font-size: 0;*/
    /*height: 43px;*/
    /*margin-top: -45px;*/
    /*background: var(--main-color);*/
/*  }*/

.pa-online {
    display: none!important;
  }

.punbb .post .post-author .inline-fields {
    display: flex;
    justify-content: space-evenly;
}

.pa-posts, .pa-respect, .pa-fld5 {
    font-family: var(--font-text);
    color: var(--text-color);
    text-transform: lowercase;
    font-size: 13px;
    margin-bottom: 7px;
    width: 30%;
}

.inline-fields .pa-fld5 {
    display: grid;
}

/*.pa-respect .fld-name, .pa-posts .fld-name, .pa-fld5 .fld-name {*/
/*    display: block;*/
/*    justify-content: center; */
/*}*/

.pa-posts .fld-name, .pa-respect .fld-name a, .pa-respect .fld-name {
    color: var(--text-color);
}


#pun-viewtopic .pa-fld2 {
    position: relative;
    text-align: center;
}

.fan2{
    text-transform: uppercase;
    line-height: 16px;
    color: var(--new-color);
    font-family: var(--font-profile);
    position: relative;
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px;
}


.pa-fld3 {
    cursor: pointer;
    padding: 2px!important;
    position: absolute;
    border: var(--old-color) solid;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 10px 0;
    background: var(--main-color);
}

.pa-fld3 img:hover {
    transform: rotate(360deg);
    transition-duration: 1s;
}

.punbb .pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    position: relative;
    border-radius: 3px;
    outline: var(--old-color) double 2px;
}

#pun-viewtopic .pa-avatar {
    padding-bottom: 5px;
}


/*.li.pa-avatar.item2 {*/
/*    display: flex!important;*/
/*    flex-direction: row;*/
/*    flex-wrap: nowrap;*/
/*    align-content: center;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.pa-fld1 {
    position: relative;
    text-align: center;
}


.lzname{
    pointer-events: all;
    text-align: center;
    position: relative;
    padding-top: 3px;
    height: auto;
    padding: 0 5px;
}


.lzname a {
text-align: center;
    color: #5d636d!important;
    font-family: var(--font-profile);
    font-weight: 600;
    transition: var(--anim);
    font-size: 16px;
    text-decoration: none;
}

.lzname a:hover {
    color: var(--links-color)!important;
    transition: var(--anim);
}

#pun-profile.punbb .formal .container {
    padding-top: 1em;
}

#pun-profile.punbb .main table {
    border-spacing: 0;
    background: var(--main-color);
    overflow: hidden;
}

#pun-profile #profile-left {
    width: 240px;
    text-align: center;
    padding: 0 10px;
    background: var(--second-color);
    border-right: 1px solid var(--old-color);
    vertical-align: middle;
}

#pun-profile #profile-left li {
    margin: 0;
}

#pun-profile #profile-left li#profile-name {
    font-size: 16px;  
    color: var(--new-color);
}

#pun-profile #profile-left li#profile-title {
    font-family: var(--font-text);
    color: var(--title-color);
    font-size: 13px;
    color: var(--old-color);
}

#pun-profile #profile-left li#pa-avatar div img {
    max-width: 180px;
    max-height: 180px;
    position: relative;
    border-radius: 3px;
    outline: var(--old-color) double 2px;
}

#pun-profile #profile-left li#pa-avatar .fan2 {
    text-transform: uppercase;
    line-height: 16px;
    color: var(--new-color);
    font-family: var(--font-profile);
    position: relative;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
}

#pun-profile #profile-left li#pa-avatar .lzname {
    padding: 0;
}

#pun-profile #profile-left li#pa-avatar .lztext {
    background: var(--bg-color);
    padding: 5px 10px;
    margin-top: 2px;
    margin-bottom: 5px;
}

#pun-profile #profile-right {
    width: 70%;
    padding: 5px 10px;
    vertical-align: middle;
}

#pun-profile #profile-right li strong {
    padding-left: 1em;
}

#pun-profile #profile-right #pa-fld2, #pun-profile #profile-right #pa-fld1 {
    display: none;
}

#pun-profile #profile-right #pa-fld4 strong {
    width: 220px;
    background: var(--back) center;
    color: var(--second-color);
    border-radius: 0 0 25px;
    font-family: var(--font);
    padding: 0;
    height: 38px;
    margin-left: 1em;
}

.lztext {
    text-align: justify;
    text-align-last: center;
    font-size: 13px;
    text-transform: lowercase;
    font-family: var(--font-text);
    color: var(--text-color);
    line-height: 14px;
    position: relative;
    background: var(--main-color);
    outline: var(--old-color) 1px solid;
    border-radius: 3px;
    padding: 3px 7px 5px;
}

.lztext a {
    color: var(--links-color)!important;
    text-decoration: none;
}

.lztext a:hover {
    color: var(--links-hover-color)!important;
    text-decoration: none;
}

.pa-fld4 {
    position: relative;
    background: var(--back) center;
    color: var(--second-color);
    border-radius: 0 0 25px;
    font-family: var(--font);
}

.plup {
    text-align: center;
    text-transform: uppercase;
    padding: 3px 0px 0px 0px!important;
    position: relative;
    font-size: 15px;
    font-weight: bold!important;
    letter-spacing: 1px;
}

.pldown{
    text-align: center;
    text-transform: lowercase;
    padding: 0px 0px 3px 0px!important;
    position: relative;
    font-size: 13px;
    letter-spacing: 1px;
}

li.pa-gifts {
    display: none;
}




/* C3.11 */
.punbb .post-body {
  margin-left: 226px;
  /*border-left-style: solid;*/
  /*border-left-width: 1px;*/
  margin-top: 5px;
  padding: 0 0 1px 0;
  /*border-left: var(--bg-color) 1px solid!important;*/
  }

#pun-messages.punbb .post-body {
    border-left-width: 0px!important;
}

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }
  
.punbb .post-box .post-rating, .punbb .post-box .post-rating a, .punbb .post-box .post-vote,  .punbb .post-box .post-vote a, .post_reputation .button {
    font-family: var(--font-text);
    color: var(--border-color);
    font-size: 14px;
}

.formal .formsubmit .button {
    font-family: var(--font-text);
    color: var(--border-color);
    font-size: 14px;
    background: var(--second-color);
    border-radius: 10px;
    border: var(--old-color) 1px solid;
    padding: 1px 9px;
}

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
 padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em; 
  background: transparent;
  text-align: right;
  border-top: var(--bg-color) 1px solid;
  }
 
.punbb .post-links a { 
      color: var(--links-color);
    font-family: var(--font-text);
font-size: 14px;

}

.punbb .post-links a:hover {
    color: var(--links-hover-color);
}

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

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

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


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

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
        color: var(--text-color);
    font-family: var(--font-text);
font-size: 14px;

  }

#pun-viewtopic #topic-users-in {
    background: var(--second-color);
    border: var(--old-color) solid;
    color: var(--border-color);
    border-width: 1px 0;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
        color: var(--text-color);
    font-family: var(--font-text);
font-size: 14px;

  }

.punbb .modmenu a:hover {
    color: var(--links-hover-color);

  }
/* 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.5em;
  font-weight: bold;
  }

/* 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 14em;
  margin-bottom: 0.4em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 11em;
  margin-left: -14em;
  margin-bottom: 3px;
  padding: 0.3em 1em;
  font-weight: bold;
    background: var(--bg-color);
    border: var(--old-color) solid;
    border-width: 1px;
    color: var(--old-color);
    border-radius: 5px 2px;
  }

/*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;
  }
  
#viewprofile #profile-left li strong {
    padding: 2px 5px;
}

/* 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-style: none none none none;
  border-width: 0 0 0 0;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  
  }

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

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

#pun-title table {
  display: none;
}

#pun-title td.title-logo-tdl {
  display: none;
}

#pun-title td.title-logo-tdr {
  display: none;
}

/* 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 {
  /*margin: 13px 0 0 0;*/
  }

/* D3.2 */
#pun-navlinks .container {
  padding: 8px 10px 14px 10px;
  height: 20px;
  line-height: 20px;
  display: flex;
  justify-content: space-between;
  }

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

/* D3.4 */
#pun-navlinks li a {
  font-size: 20px;
  font-family: var(--font-nav);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--nav-color);
  }

#pun-navlinks li i {
    display: none;
}

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

/* D4.1 */
#pun-ulinks  {
    background-color: var(--main-color);
    border: var(--second-color) 2px solid;
    border-radius: 0 0 10px 5px;
    margin-top: 200px;
    height: 60px;
  }

/* D4.2 */
#pun-ulinks .container {
  display: flex;
  justify-content: space-around;
  padding: 40px 10px 0;

  }

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

/* D4.4 */
#pun-ulinks li a {
  /*padding: 0 0.3em 0 0.6em;*/
  font-size: 14px;
    font-family: var(--font-text);
  text-transform: lowercase;
  text-decoration: none;
  line-height: 14px;
    color: var(--border-color);
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

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

/* D5.1 */
#pun-status {
    margin: 50px 0 0;
  }

/* D5.2 */
#pun-status .container {
    /*padding: 17px 100px 5px;*/
    font-family: var(--font-text);
    color: var(--nav-color);
     text-align: center; 
    /* text-shadow: var(--font-shadow); */
    font-size: 14px;
  } 

@media screen and (max-width: 1200px) {
    #pun-status .container {
        padding: 0 1em;
        height: 14px;
  }
}

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  -webkit-text-size-adjust: 100%;
  }

#pun-status span a {
    color: var(--second-color);
    font-weight: bold;
    transition: var(--anim);
  }
  
#pun-status span a:hover {
    color: var(--links-hover-color);
  }
  
/* D5.4 */
#pun-crumbs1, #pun-crumbs, #pun-crumbs2 {
  font-weight: bold;
  padding: 5px;
  }
  

/* D5.5 */
#pun-crumbs p.container, #pun-crumbs1 p.container, #pun-crumbs2 p.container {
  border-top: none;
  /*padding: 1em 1em 0.8em 1em;*/
    font-family: var(--font-text);
    color: var(--nav-color);
    font-size: 14px;
    text-align: center;
  }

  
#pun-crumbs1 p.container a, #pun-crumbs p.container a, #pun-crumbs2 p.container a {
  font-size: 16px;
    font-family: var(--font-text);
    color: var(--second-color);
    text-decoration: none;
    font-size: 14px;
    transition: var(--anim);
  }

#pun-crumbs1 p.container a:hover, #pun-crumbs p.container a:hover, #pun-crumbs2 p.container a:hover {
    color: var(--links-hover-color);
} 


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

#pun-break2 {
  display: none;
}


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

/* D6.1 */
#pun-announcement h2 {
  display: none;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: none;
  }

/* D6.3 */
#pun-announcement {
    margin: -260px 0 10px 0;
    background: var(--head) center right;
    border-radius: 35px 5px 25px;
    /*overflow: hidden;*/
    /*border: var(--border-color) 2px solid;*/
  }
  
/*@media screen and (max-width: 1020px) {*/
/*    #pun-announcement {*/
/*        margin: -370px 15px 30px -20px;*/
/*  }*/
/*}*/

/*@media screen and (min-width: 1020px) and (max-width: 1190px) {*/
/*    #pun-announcement {*/
/*        margin: -370px -13px 30px -50px;*/
/*  }*/
/*}*/
 

#pun-announcement .container {
  height: 220px;
  }

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

/* D7.1 */
#pun-stats .container {
    font-family: var(--font-text);
    text-decoration: none;
    height: auto;
    font-size: 14px;
    text-align: justify;
    background: var(--second-color);
    margin: 5px 7px 10px;
    border-radius: 25px 5px;
    border: var(--old-color) 1px solid;
    padding: 7px;
}

#pun-stats .container a {
    font-family: var(--font-text);
    /*color: var(--second-color);*/
    /*text-transform: uppercase;*/
    text-decoration: none;
    font-size: 14px;
}

#pun-stats .container a:hover {
    color: var(--links-hover-color);
}



#pun-stats .statscon {
    height: auto;
    margin-top: -14px;
  }
  

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  width: 100%;
  line-height: 130%;
  }

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

/* 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: 60px;
    text-align: center;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  line-height: 150%;
  padding: 0.8em 1em;
    background: transparent!important;

  }

#pun-about a {
    font-family: var(--font);
    color: var(--header-links-color);
}

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

/* D8.6 */
/*#pun-crumbs2 {*/
/*  margin-top: 10px;*/
/*  }*/

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

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

/* 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 mono", "courier new", courier, monospace
  }

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

/* D10 Main content
-------------------------------------------------------------*/

/* D10.1 Category */
#pun-main div.catright {
    display: none;
}

#pun-index div.category h2, #pun-index #pun-stats h2 {
    position: relative;
    text-align: right;
    width: 100%;
    overflow: hidden;
    margin-bottom: -9px;
    padding-top: 10px;
}

#pun-index div.category h2 span, #pun-index #pun-stats h2 span {
    position: relative;
    font-size: 21px;
    font-family: var(--font-nav);
    color: var(--old-color);
    line-height: 30px;
    text-transform: lowercase;
    padding-right: 7px;
}


#pun-announcement .container .html-box {
    display: grid;
    width: 100%;
    height: 220px;
    grid-template-columns: 250px 245px 165px 240px;
    grid-template-rows: 80px 85px 55px;
    grid-column-gap: 0;
    grid-row-gap: 0;
    color: var(--third-color);
    font-family: var(--font-text);
}

/*@media screen and (max-width: 1190px) {*/
/*    #pun-announcement .container .html-box {*/
/*        border-right: var(--border-color) 2px solid;*/
/*    }*/
/*}*/

#pun-announcement .container .html-box #news {
    grid-area: 1 / 1 / 4 / 2;
    padding: 20px 0 10px 20px;
    height: 190px;
    width: 200px;
}

#pun-announcement .container .html-box #wanted {
    grid-area: 1 / 2 / 2 / 4;
    display: inline-flex;
    justify-content: space-between;
    padding-top: 20px;
    padding-right: 30px;
}

#pun-announcement .container .html-box #name {
    grid-area: 1 / 4 / 4 / 5;
    background: var(--logo)no-repeat center top / cover;
    height: 184px;
    width: 191px;
    align-self: center;
    justify-self: center;
}

#pun-announcement .container .html-box #new_year1 {
    grid-area: 1 / 4 / 4 / 5;
    background: url(https://forumstatic.ru/files/001b/ae/23/98333.png)no-repeat right top;
    margin-top: -22px;
    margin-right: -15px;
    height: 268px;
    width: 100px;
    justify-self: end;
}

#pun-announcement .container .html-box #new_year2 {
    grid-area: 2 / 1 / 4 / 2;
    background: url(https://forumstatic.ru/files/001b/ae/23/85985.png)no-repeat left bottom;
    width: 210px;
    height: 145px;
    margin-left: -30px;
    margin-top: 40px;
}

#pun-announcement .container .html-box * p {
    font-family: var(--font-nav);
    font-size: 18px;
    font-weight: 600;
    color: var(--second-color);
}

#pun-announcement .container .html-box * a {
    font-size: 13px;
    color: var(--header-links-color);
    font-family: var(--font-text);
}

#pun-announcement .container .html-box * a:hover {
    color: var(--fname-color);
}

#pun-announcement .container .html-box #best-ep {
    grid-area: 2 / 3 / 3 / 4;
    padding-top: 10px;
}

#pun-announcement .container .html-box #players {
    grid-area: 3 / 3 / 4 / 4;
    /*padding-top: 10px;*/
}

#pun-announcement .container .html-box #flooders {
    grid-area: 3 / 2 / 4 / 3;
    /*padding-top: 10px;*/
}

#pun-announcement .container .html-box #best-post {
    grid-area: 2 / 2 / 3 / 3;
    padding-top: 10px;
    padding-right: 15px;
}

#pun-announcement .container .html-box #wanted a {
    display: inline-table;
    width: 55px;
    height: 55px;
}

#pun-announcement .container .html-box #wanted a img {
    width: 55px;
    height: 55px;
    filter: opacity(0.75);
    transition: var(--anim);
    border-radius: 10px;
    border: var(--border-color) 2px solid;

}

#pun-announcement .container .html-box #wanted a img:hover {
    filter: opacity(1);
    transition: var(--anim);
}

#pun-announcement .container .html-box #wanted div {
    width: 75px;
    font-family: var(--font-nav);
    font-size: 20px;
    font-weight: 600;
    color: var(--second-color);
    line-height: 18px;
}


#pun-announcement #news #important {
    /*width: 220px;*/
    height: 160px;
    overflow: auto;
    padding-left: 10px;
    padding-top: 10px;
}

#pun-announcement #news #important a {
    margin: 0 0 10px 0;
    white-space: nowrap;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    width: 170px;
    font-family: var(--font-nav);
    font-size: 16px;
    text-transform: lowercase;
    text-decoration: none;
    padding: 4px 3px;
    line-height: 16px;
    border-width: 0;
    border-style: solid;
    border-radius: 10px;
}

#pun-announcement #news #important a.one {
    background-color: var(--bg-color);
    border-color: #5f2b22;
    color: #a3bddb!important;
    /*background-color: #b15e44;*/
    /*border-color: #d47557;*/
    /*color: #35557a!important;*/
}

#pun-announcement #news #important a.one:hover{
    background-color: #a3bddb;
    border-color: #d47557;
    color: var(--text-color)!important;
}

#pun-announcement #news #important a.two {
    /*background-color: #54898f;*/
    /*border-color: #22565f;*/
    /*color: #d2dddf!important;*/
    background-color: #54898f;
    color: #d2dddf!important;
}

#pun-announcement #news #important a.two:hover{
    /*background-color: #204872;*/
    /*border-color: #415162;*/
    /*color: #d47557!important;*/
    background-color: #204872;
    color: #d47557!important;
}

#pun-announcement #news #important a.three {
    /*background-color: #548f5a;*/
    /*border-color: #225f2b;*/
    /*color: #dddfd2!important;*/
    background-color: #548f5a;
    color: #dddfd2!important;
}

#pun-announcement #news #important a.three:hover{
    /*background-color: #245f4a;*/
    /*border-color: #327f3b;*/
    /*color: #a97847!important;*/
    background-color: #245f4a;
    color: #a97847!important;
}

#pun-announcement #news #navigation {
    height: 30px;
    width: 200px;
}

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
#pun-announcement #news #navigation .spirit-navigation {
    display: inline-block;
    cursor: pointer;
    font-size: 24px;
    color: var(--imp-color);
    position: relative;
    font-family: var(--font-nav);
    transition: all 0.3s ease-in-out 0s;
    width: 200px;
    height: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    /*background-color: var(--bg-color);*/
    /*border-color: var(--border-color);*/
    /*border-width: 2px;*/
    /*border-style: solid;*/
    text-align: center;
}

/* вид кнопки после клика по ней */
#pun-announcement #news #navigation .spirit-navigation.spirit-navigation_hover {
    opacity: 1!important;
}

#pun-announcement #news #navigation .spirit-navigation :hover {
    opacity: 1!important;
}

/* настройка позиции выпадающего по клику окна и его ширина */
#pun-announcement #news #navigation #navigblock {    
    width: 330px;
    position: relative;
    z-index: 999;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
#pun-announcement #news #navigation .sslka {
    display: flex;
    opacity: .95;
    padding: 5px;
    background: var(--second-color);
    width: 330px;
    border: 2px solid var(--border-color);
    height: 135px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun-announcement #news #navigation .sslka a {
    background: var(--border-color);
    white-space: nowrap;
    margin: 5px 5px;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 4px;
    width: 139px;
    color: var(--header-links-color);
    font-family: var(--font);
    font-size: 14px;
    float: left;
    text-transform: uppercase;
    font-weight: 800;
    height: 16px;
    text-decoration: none;
    letter-spacing: 1px;
}

/* ссылка при наведении */
#pun-announcement #news #navigation .sslka a:hover {
    background-color: var(--header-links-color-hover)!important;
    transform: scale(.9);
    /*color: var(--second-color);*/
    text-decoration: none;
}


#pun-announcement .stylelist {
    position: absolute;
    margin-left: -30px;
}

#pun-announcement .stylelist ul li {
    display: block;
}

#pun-announcement .container .html-box .stylelist ul li a {
    font-family: var(--font-profile);
    font-size: 18px;
    font-weight: bold;
}

#pun-announcement .stylelist ul li.active a {
    text-shadow: 2px 2px 2px var(--border-color);
    color: var(--hover-color);
}



/*скрыть счетчик тем и сообщений с главной*/
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:250px;
}
.main table .Add {
    padding: 20px 20px 0px 0px;
    font-weight: bold;
    color: #aa9ca3;
    font-family: system-ui;
}
.Tems_And_messages .right{
    float:right;
    margin-left: 180px;
}

/* Сносим улучшение аккаунта с главной */
#pun-status .item4 {
   display: none;
}

/* Сносим улучшение аккаунта из профиля */
#pun-profile #profile10 .vip {
   display: none;
}

/*не отображать заголовок таблицы форумов*/
.category .container thead {display: none;}


#html-footer {
    padding-bottom: 10px;
    margin-top: -90px;
  }

#html-footer .container {
  height: 45px;
  width: auto;
    display: flex;
  /*justify-content: space-evenly;*/
    background: var(--back) center right;
    padding: 5px 0;
    border-radius: 25px;
    overflow: hidden;
}


/*баннеры*/
#banners {
    position: relative;
    margin: 7px auto;
    display: flex;
    width: 100%;
    /*padding: 10px 10px 10px 10px;*/
    justify-content: space-between;
}

#banners img {
    filter: grayscale(100%) opacity(50%);
    transition: all .6s ease-in-out 0s;
    margin-right: 5px;
    margin-bottom: 3px;
}

#banners img:hover {
    mix-blend-mode: normal;
    filter: none;
    opacity: 1;
}


#new_year3 {
    background: url(https://forumstatic.ru/files/001b/ae/23/65551.png) no-repeat;
    width: 280px;
    height: 75px;
    margin-bottom: -50px;
    margin-right: auto;
    margin-left: auto;
}


/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
/* Cкрытие формы входа без клика */ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
    display:none!important; 
}

#pun-navlinks span.odd,
#pun-navlinks #New-exit {
}

/* FIXME - позиция новой кнопки выхода из аккаунта */
#pun-navlinks #New-exit img { 
/*    position: absolute; */
/*    top: -38px;
    right: -122px; */
    width: 17px;
    height: auto;
    margin-left: 50px;
}

#pun-navlinks #New-exit:hover{
    opacity: .4;
}

/* Стиль новой кнопки выхода */ 
.punbb #pun-navlinks a#New-exit {
    position: absolute;
    z-index: 100000!important;
    margin-top: 0px!important;
    margin-left: -30px!important;
    float: none!important;
}

.punbb #pun-navlinks a#New-exit:before {
    content: none;
}

.punbb #pun-navlinks #form-login input {
    text-align: center;
    /* border: 2px inset #0b1d59; */
    text-rendering: auto; 
    color: var(--text-color)!important
    margin-top: 4px!important;
    letter-spacing: normal; 
    word-spacing: normal; 
    text-transform: none; 
    text-indent: 0px; 
    text-shadow: none; 
    display: inline-block!important; 
    font: normal normal 400 11px/normal Arial!important; 
    background-color: var(--third-color);
}

.punbb #pun-navlinks #form-login input[type="submit"] { 
    margin:13px 0 2px!important;
    font-size: 12px!important;
    background-color: var(--third-color);
    color: var(--text-color)!important; 
    /* border: 1px solid #1b0706!important; */
    /* box-shadow: 0px 3px #1b0706 inset; */
    text-align: center;
    text-transform: lowercase;
    padding: 2px 4px;
    min-width: 110px;
    border-radius: 0px;
    font-family: var(--font);
    font-weight: 600;
    transition: all 0.5s ease-in-out 0s;
    letter-spacing: 1px;
    cursor: pointer;
} 

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login { 
    background: var(--main-color);
    border: 2px solid var(--second-color);
    border-radius: 0px;
    color: var(--text-color);
    display: block;
    font: 12px var(--font);
    left: 0px;
    padding: 7px 12px;
    position: absolute!important;
    text-align: center;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.235);
    text-transform: none;
    top: 10px;
    width: 135px;
    z-index: 100000!important;
}

#pun-navlinks #navlogin #form-login {
    margin-left: 132px; /* FIXME- Подвижки формы влево от вход*/ 
}

#pun-navlinks #navlogout #form-login { 
    margin-left: -98px;
/*    margin-top: -18px; FIXME Подвижки формы влево от выход*/  
} 

/*.ismoderator #pun-navlinks #navlogout #form-login {*/
/*    top: 10px!important;*/
    /*left: 1px!important;Подвижки формы влево от выход для АМС*/
/*} */

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
    margin-bottom: 11px; 
    margin-top: 11px; 
}

.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot { 
    position:relative; 
    text-transform: none!important; 
    z-index:20; 
    cursor:pointer; 
    font: normal normal 400 11px/normal var(--links-color)!important; 
    letter-spacing:0.5!important; 
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before {
    content:none;
}

/* помечаем красным незаполненные поля!*/ 
#form-login input.none { 
    outline: red solid 2px!important; 
} 

/* форма слева с запомненными никами */ 
#List-UserNames { 
    position: absolute; 
    margin-top: -9px;
    min-height: 90px; 
    width: 220px;  
    right: 100%; 
    padding: 12px 19px 12px 17px; 
    background: var(--main-color);
    border-color: var(--second-color);
    border-style: solid;
    border-width: 2px;
    border-radius: 0px;
    text-align: center; 
    /*box-shadow: inset 0.23em 0 3.4em rgba(20,20,11,.99);*/ 
} 

/* Стиль контейнера под список Ников */ 
.punbb #List-UserNames ul {
    padding: 0; 
    overflow: hidden; 
    overflow-y: auto; 
    min-height: 36px; 
} 
.punbb #List-UserNames li {
    display: block!important;
    position: relative;
    background: var(--quote-color);
    text-align: left;
    /* box-shadow: 2px 2px 1px rgba(84,106,107,.7); */
    padding-left: 5px!important;
    font: normal 700 12x/normal var(--font)!important;
    margin: 1px auto!important;
    padding: 2px 0;
    transition: var(--anim);
}

.punbb #List-UserNames li:hover { 
    background: var(--title-color)!important;
} 

/*Стиль Ников*/ 
.punbb #List-UserNames li>b { 
    cursor: pointer;
    color: var(--second-color);
    transition: var(--anim);
    /* text-shadow: 1px 1px 1px rgb(0, 0, 0); */
} 

.punbb #List-UserNames li>b:hover { 
    color: var(--bg-color);
    /* text-shadow:1px 1px 1px rgba(0,0,0,.6);  */
} 

/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 
    width: 7px; 
    height: 5px; 
} 

#List-UserNames ul::-webkit-scrollbar-track { 
    background-color: var(--hover-color); 
    border: 1px solid var(--second-color); 
    box-shadow: none; 
} 

#List-UserNames ul::-webkit-scrollbar-thumb { 
    background-color: var(--links-color);
    border: none; 
    box-shadow: none; 
} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span { 
    display: inline-block;  
    padding: 0 3px; 
    position: absolute; 
    opacity: .88; 
    cursor: pointer; 
    top: 0;
    bottom: 0; 
    right: 2px; 
    color: var(--links-color); 
    font: normal normal 700 10.56px/normal var(--font); 
    /*text-shadow:1px 1px 1px rgba(0,0,0,.6); */
} 

/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
    display: inline-block; 
    content: "У вас нет сохраненных ников, введенных через форму справа или через перенос ниже"; 
} 

/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
    display: none; 
} 

#navlogout .Rega, 
#navlogout .Forgot { 
    display:none; 
} 

/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span { 
    display: inline-block; 
    padding: 6px 0 8px 0;  
    text-align: left; 
    font: normal normal 400 10.56px/normal var(--font);
    color: var(--links-color);
} 

/*Сам инпут*/ 
.punbb #List-UserNames input { 
    border: 2px inset var(--second-color)!important; 
    text-shadow: none!important; 
    color: var(--text-color)!important;
    background-color: var(--third-color);
    font: normal normal 400 11px/normal Arial!important; 
    margin-top: 9px; 
    padding: 2px!important; 
    vertical-align: middle; 
} 

/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b { 
    font: normal normal 400 13px/normal var(--font); 
    padding: 0 3px; 
    color: var(--links-color); 
} 

/* кнопка Copy слева над инпутом*/ 
#List-UserNames .a1-copy { 
    display: inline-block!important; 
    cursor: pointer; 
    float: left; 
} 

/* кнопка Paste справа над инпутом*/ 
#List-UserNames .a1-paste{ 
    cursor: pointer; 
    display: inline-block!important; 
    float: right; 
} 

/*Подсказки на кликалках*/ 
.tipsy.a11 { 
    font: normal normal 400 11px/normal var(--font-text)!important; 
    /*margin-top: -22px!important; */
    /*margin -left: 148px!important; */
    max-width: 170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

#topic-users-in .container a:not(:last-child):after {content: ",";}





.punbb.punbb-admin, .punbb-admin #pun-navlinks, .punbb-admin #pun-status, .punbb-admin #pun-crumbs1 {
    margin: 0;
}

.punbb-admin #pun-admain {
    background-color: var(--main-color);
}



/* Индикатор активности пользователя © Alex_63 */
.indOnline, .indOffline {
    display: block;
    width: 10px;
    height: 150px;
    margin-top: 36px;
    margin-left: -6px;
    position: absolute;
    border-radius: 5px;
    outline: var(--second-color) 1px solid;
}
.indOnline {
  background-color: var(--new-color);
}
.indOffline {
  background-color: var(--old-color);
}


#tags .container {
    background: var(--main-color);
    border: var(--border-color) 2px solid;
}

#MyBookmarks {
    background: var(--main-color);
}



.halloween-animation {
  position: relative;
  display: inline-block;
}

.halloween-animation::before,
.halloween-animation::after {
  display: block;
  content: '';
  height: 20px;
  width: 15px;
  position: absolute;
  opacity: 0;
  transition: all 250ms ease-in-out;
}

.halloween-animation:hover::before, .halloween-animation:hover::after {
  opacity: 1;
}

.halloween-animation:hover::before {
  /* to avoid transition jank in chrome make sure transitions don't include transform */
  height: 46px;
  width: 34px;
  right: -40px;
  animation: float-right 3s ease-in-out infinite;
}

.halloween-animation:hover::after {
  height: 40px;
  width: 30px;
  top: -45px;
  transform: rotate(-10deg);
  animation: float-top 3s ease-in-out infinite;
}

@keyframes float-right {
  50% {
    transform: rotate(10deg) translate(0, -15px);
  }
}
@keyframes float-top {
  50% {
    transform: rotate(-5deg) translate(0, 10px);
  }
}

/* правый призрак */
.halloween-animation::before {
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="1742 35 735 948"><g fill="none" fill-rule="evenodd"><path fill="%23FFF" d="M2052.05 39.98c-10.07 1.2-19.85 3.97-29.69 6.34-8.44 2.19 74.98 3.97 66.82 7.11-36.96 12.18-71.94 30.4-103.05 53.79-73.46 54.63-124.66 137.83-141.31 227.77-6.86 40.15-11.48 80.86-10.36 121.65 1.75 75.91 19.77 151.74 54.62 219.34 2.41 4.14 4.02 8.64 6.06 12.95 15.09 23.61 25.44 50.32 29.74 78.03 8.73 53.72-9.2658 137.92-42.5558 180.89-3.84.98 3.3258 5.89 8.8058 6.74 29.87 10.22 166.94 7.5247 182.46 6.4647 15.75-1.22 91.55-17.2447 143.58-47.9047 12.63-7.95 25.52-15.58 37.37-24.67 8.19-6.1 16.34-12.25 24.44-18.47 27.26-22.61 52.84-47.41 75.04-75.06 51.81-63.17 88.5-138.48 107.44-217.89 13.79-56.78 18.28-115.76 13.79-174-.93-10.76-1.81-21.54-3.66-32.19-5.15-58.56-24.42-115.84-55.83-165.55-3.8-6.46-7.84-12.79-12.45-18.71-11.71-15.17-24.11-29.79-37.17-43.8-9.39-10.34-20.38-19.01-31.03-27.99-17.42-14.01-36.2-26.3-55.8-37.04-12.08-6.32-24.56-11.88-37.2-17.01-37.91-15.46-78.64-23.7-119.51-25.26-23.59-.72-47.27.48-70.55 4.47z"/><path fill="%23000" d="M2122.6 35.51c-23.59-.72-47.27.48-70.55 4.47-10.07 1.2-19.85 3.97-29.69 6.34-8.44 2.19-17.02 3.97-25.18 7.11-36.96 12.18-71.94 30.4-103.05 53.79-73.46 54.63-124.66 137.83-141.31 227.77-6.86 40.15-11.48 80.86-10.36 121.65 1.75 75.91 19.77 151.74 54.62 219.34 2.41 4.14 4.02 8.64 6.06 12.95 15.09 23.61 25.44 50.32 29.74 78.03 8.73 53.72-6.08 110.61-39.37 153.58-3.84.98-7.85 2.21-10.48 5.4-5.71 6.02-5.12 16.53 1.19 21.91 4.37 3.35 9.43 5.89 14.91 6.74 29.87 10.22 60.52 18.68 91.92 22.5 21.02 2.68 42.16 4.06 63.29 5.41 15.57.76 31.1-.77 46.62-1.83 15.75-1.22 31.49-2.8 47.13-5.06 59.62-10.02 117.05-31.8 169.08-62.46 12.63-7.95 25.52-15.58 37.37-24.67 8.19-6.1 16.34-12.25 24.44-18.47 27.26-22.61 52.84-47.41 75.04-75.06 51.81-63.17 88.5-138.48 107.44-217.89 13.79-56.78 18.28-115.76 13.79-174-.93-10.76-1.81-21.54-3.66-32.19-5.15-58.56-24.42-115.84-55.83-165.55-3.8-6.46-7.84-12.79-12.45-18.71-11.71-15.17-24.11-29.79-37.17-43.8-9.39-10.34-20.38-19.01-31.03-27.99-17.42-14.01-36.2-26.3-55.8-37.04-12.08-6.32-24.56-11.88-37.2-17.01-37.91-15.46-78.64-23.7-119.51-25.26zm47.26 36.34c30.07 5.19 58.97 15.75 86.4 28.96 25.87 12.83 49.95 29.26 71.58 48.38 12.73 10.28 23.2 22.95 33.91 35.22 9.87 11.9 20.08 23.68 27.71 37.19 31.1 49.1 49.13 106.28 52.23 164.29 2.09 7.55 2.33 15.41 2.95 23.18 6.95 96.22-13.01 194.32-57.67 279.88-35.16 67.75-85.82 127.61-147.75 172.36-11.54 9.06-24.13 16.64-36.54 24.43-30.33 17.98-62.52 32.9-96.13 43.63-28.71 9.54-58.46 16.06-88.61 18.74-14.96 1.5-29.96 2.55-44.97 3.44-12.98.78-25.94-.57-38.89-1.41-15.38-1.08-30.75-2.52-46.02-4.66-21.47-3.12-42.54-8.53-63.23-14.97 2.18-3.97 4.96-7.57 7.21-11.5 25.37-41.28 37.39-90.63 33.51-138.95-2.69-35.42-13.82-70.12-31.96-100.64-9.32-18.3-19.02-36.52-26.4-55.74-30.14-75.35-40.04-158.4-30.34-238.87.89-5.32 2.11-10.58 2.44-15.98 8.24-86.15 51.41-168.28 117.44-224.17 35.14-29.89 76.62-52.26 120.88-65.24 13.1-3.12 26.05-7.11 39.42-8.91 37.3-6.18 75.69-5.71 112.83 1.34z"/><path fill="%23000" d="M2338.46 350.832c-2.78-.8997-5.63-1.1284-8.48-1.1437-44 .0305-88.01 0-132.02.0305-7.34.0458-15.19 3.0342-20.44 11.2827-3.05 4.6198-4.48 11.923-2.78 18.1438 4.48 14.7742 16.58 18.4792 26.27 17.8388 42.01-.03 84.02-.015 126.03 0 7.98.473 16.63-1.128 22.97-9.178 3.87-4.65 6.29-12.944 4.26-20.217-2.63-9.666-9.44-14.683-15.81-16.756zm-320.51-1.1437c-43.98.0305-87.96 0-131.94.0305-6.72.0153-13.74 2.5158-19.02 9.1482-2.95 3.7202-5.22 9.3005-4.96 15.323.22 6.5562 3.21 12.0603 6.66 15.567 5.06 5.123 11.22 7.1814 17.23 7.2118h133.1c7.36-.061 15.24-3.0646 20.5-11.3436 3.21-4.9095 4.58-12.8074 2.44-19.15-2.89-8.95-9.33-13.6155-15.45-15.628-2.81-.915-5.69-1.159-8.56-1.159zM2148.57 851.7c-5.45-1.58-10.8.89-15.48 3.48-26.61 13.48-54.56 24.28-83.26 32.38-4.55 1.19-8.51 4.49-10.36 8.84-2.33 5.16-1.44 11.57 2.17 15.94 3.7 4.65 10.23 6.81 15.97 5.19 30.78-8.66 60.76-20.22 89.29-34.67 4.77-2.16 9.97-4.71 12-9.91 4.02-8.33-1.31-19.27-10.33-21.25zm-144 47.96c-3.75-1.53-7.85-.83-11.74-.33-6.54.9-13.12 1.46-19.69 2.16-4.64.53-8.97 3.29-11.37 7.31-3.14 5.04-2.96 11.95.45 16.82 3 4.42 8.42 7.13 13.77 6.65 8.54-.8 17.08-1.67 25.57-2.88 7.02-.98 12.78-7.34 13-14.43.47-6.57-3.81-13.07-9.99-15.3z"/></g><path fill-rule="evenodd" d="M2026.0306 548.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.009 74.12-.015.011 8.545.023 14.543.023 14.543s-1.346 14.313 3.461 19.799c5.736 7.55 18.363 7.4702 24.019-.13 4.708-5.476 3.362-19.6698 3.362-19.6698s.009-6.0108.016-14.552c21.228-.007 34.553-.0125 34.553-.0125s14.314 1.3465 19.799-3.461c7.551-5.7354 7.471-18.363-.129-24.0185-5.476-4.708-19.6693-3.361-19.6693-3.361s-13.325-.004-34.545-.0085c-.007-11.844-.0295-22.1892-.0844-25.3335-.03-7.9396-7.1816-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.276-.1146 13.9493-.1243 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8376-.03-22.1745-.085-25.317-.03-7.94-7.1816-14.912-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0814 3.275-.1147 13.942-.1245 26.0733-23.683-.0006-47.074.001-68.1.0053-.007-11.839-.03-22.178-.0847-25.321-.03-7.9398-7.1815-14.912-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1143 13.951-.124 26.0885-29.1593.013-49.216.035-51.303.0713-7.9396.03-14.9117 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1634.0537 22.536.0865 52.0725.1054.011 8.5487.023 14.549.023 14.549s-1.346 14.313 3.4616 19.799c5.7353 7.5506 18.363 7.471 24.0184-.1297 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0088-6.0028.016-14.535z"/></svg>') no-repeat;
}

/* левый призрак */
.halloween-animation::after {
  top: 0;
  left: 50%;
  background: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="12 15 713 940"><path fill="%23FFF" fill-rule="evenodd" d="M512.55 45.45c14.42 6.64 28.84 13.35 42.37 21.69 17.15 10 32.91 22.12 48.31 34.61 27.61 23.92 51.72 51.98 70.75 83.19 19.39 31.72 33.49 66.66 41.57 102.95 5.04 22.35 7.3 45.24 8.15 68.1-.06 151.66-.01 303.32-.02 454.98.1 5.63-.24 11.27.17 16.9 1.29 8.02-.66 16.07-2.1 23.93-8.22 38.75-34.91 73.24-70.8 90.14-22.36 11.06-48.14 15.17-72.84 11.85-25.79-2.59-50.28-14.23-69.78-31.12-12.09-9.98-21.62-22.77-29.05-36.51-19.52 36.18-57.22 62.02-98.14 66.54-6.69 1.07-13.47.44-20.2 1.02-22.82-.88-45.64-7.33-64.87-19.84-18.49-11.41-34.1-27.58-44.57-46.64-23.14 36.72-65.92 60.8-109.52 59.61-21.45.77 47.22-5.13 28.34-15.07-27.88-15.08-50.21-40.37-60.96-70.26-2.19-7.44-5.05-14.75-6.32-22.41-.1-108.03-.01-216.07-.04-324.1-.08-53.67.17-107.35-.17-161.02.45-20.26 2.6-40.49 6.65-60.35 3.26-16.5 8.28-32.61 13.69-48.51 21.75-59.51 60.55-112.51 110.27-151.73 52.51-41.63 89.586-40.54 156.146-47.95 62.86-7.24 64.874-25.06 122.964 0z"/><path fill-rule="evenodd" d="M326.92 18.1c62.86-7.24 127.54 2.29 185.63 27.35 14.42 6.64 28.84 13.35 42.37 21.69 17.15 10 32.91 22.12 48.31 34.61 27.61 23.92 51.72 51.98 70.75 83.19 19.39 31.72 33.49 66.66 41.57 102.95 5.04 22.35 7.3 45.24 8.15 68.1-.06 151.66-.01 303.32-.02 454.98.1 5.63-.24 11.27.17 16.9 1.29 8.02-.66 16.07-2.1 23.93-8.22 38.75-34.91 73.24-70.8 90.14-22.36 11.06-48.14 15.17-72.84 11.85-25.79-2.59-50.28-14.23-69.78-31.12-12.09-9.98-21.62-22.77-29.05-36.51-19.52 36.18-57.22 62.02-98.14 66.54-6.69 1.07-13.47.44-20.2 1.02-22.82-.88-45.64-7.33-64.87-19.84-18.49-11.41-34.1-27.58-44.57-46.64-23.14 36.72-65.92 60.8-109.52 59.61-21.45.77-42.78-5.13-61.66-15.07-27.88-15.08-50.21-40.37-60.96-70.26-2.19-7.44-5.05-14.75-6.32-22.41-.1-108.03-.01-216.07-.04-324.1-.08-53.67.17-107.35-.17-161.02.45-20.26 2.6-40.49 6.65-60.35 3.26-16.5 8.28-32.61 13.69-48.51C54.92 185.62 93.72 132.62 143.44 93.4c52.51-41.63 116.92-67.89 183.48-75.3zm-151.74 90.18c-53.05 37.67-94.21 92.08-115.14 153.77-2.31 7.61-4.66 15.22-6.84 22.87-5.79 22.59-8.87 45.85-9.44 69.16.25 6.99.26 13.97.16 20.96.01 152.66-.04 305.31.02 457.97 2.26 15.3 8.48 30.04 17.66 42.51 10.36 13.03 23 24.8 38.52 31.33 12.1 5.73 25.36 9.29 38.82 9.05 21.04 1.14 42.29-5.39 59.51-17.43 16.71-11.14 29.16-27.97 36.47-46.56 1.64-5.37 4.27-10.66 8.51-14.44 5.93-5 15.57-4.4 20.84 1.31 3.36 3.25 4.09 8.02 5.32 12.32 1.5 5.52 3.96 10.7 6.18 15.96 9.14 19.11 24.86 34.75 43.62 44.48 12.05 6.85 25.81 10.07 39.57 10.87 17.26 1.13 34.96-2.11 50.41-9.98 24.54-12.13 43.5-34.8 51.15-61.07 1.76-5.09 1.69-11.08 5.63-15.17 5.24-6.11 15.36-6.9 21.39-1.53 3.64 3.76 8.56 6.89 9.67 12.39 3.53 13.05 8.75 25.86 17.09 36.62 5.42 6.51 10.8 13.21 17.6 18.35 14.83 11.93 33.14 19.9 52.2 21.3 29.52 3.58 60.35-7.65 80.89-29.12 15.17-15 24.9-35.28 27.8-56.36-.06-158.6-.02-317.2-.02-475.8-.41-24.82-2.86-49.72-8.97-73.82-16.92-70.17-59.71-133.55-117.74-176.32-13.56-10.49-28.32-19.33-43.41-27.43-11.19-5.23-22.14-11.05-33.78-15.24-43.97-17.11-91.64-24.65-138.75-22.04-62.51 3.28-124.09 24.51-174.94 61.09z"/><path fill-rule="evenodd" d="M285.0306 563.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.0088 74.12-.0146.011 8.5456.023 14.543.023 14.543s-1.346 14.3133 3.461 19.7992c5.736 7.5504 18.363 7.4706 24.019-.13 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0087-6.0108.016-14.552c21.2274-.007 34.553-.0125 34.553-.0125s14.3134 1.3465 19.799-3.461c7.5508-5.7354 7.471-18.363-.1295-24.0185-5.476-4.708-19.6695-3.361-19.6695-3.361s-13.325-.004-34.545-.0087c-.0068-11.8443-.0295-22.1894-.0844-25.3337-.03-7.9396-7.1815-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0813 3.276-.1147 13.9493-.1244 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8374-.03-22.1743-.085-25.3172-.03-7.9396-7.1813-14.9117-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.275-.1145 13.9424-.1243 26.0737-23.6828-.0005-47.074.001-68.1.0054-.007-11.839-.0298-22.178-.0847-25.321-.03-7.9397-7.1815-14.912-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1142 13.951-.124 26.0886-29.159.013-49.2157.035-51.3027.0714-7.9398.03-14.912 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1632.0538 22.536.0866 52.0723.1055.0107 8.5488.023 14.549.023 14.549s-1.3465 14.3132 3.4612 19.799c5.7353 7.5507 18.363 7.471 24.0184-.1296 4.708-5.476 3.361-19.6695 3.361-19.6695s.0088-6.0025.016-14.5347z"/><path fill-rule="evenodd" d="M285.0306 563.049c21.0553.0065 44.4487.0087 68.12.0082.0106 8.537.023 14.5265.023 14.5265s-1.3466 14.3133 3.461 19.7992c5.7354 7.55 18.363 7.47 24.0185-.13 4.708-5.476 3.362-19.67 3.362-19.67s.009-6 .016-14.529c26.468-.003 52.154-.0088 74.12-.0146.011 8.5456.023 14.543.023 14.543s-1.346 14.3133 3.461 19.7992c5.736 7.5504 18.363 7.4706 24.019-.13 4.708-5.476 3.3617-19.6694 3.3617-19.6694s.0087-6.0108.016-14.552c21.2274-.007 34.553-.0125 34.553-.0125s14.3134 1.3465 19.799-3.461c7.5508-5.7354 7.471-18.363-.1295-24.0185-5.476-4.708-19.6695-3.361-19.6695-3.361s-13.325-.004-34.545-.0087c-.0068-11.8443-.0295-22.1894-.0844-25.3337-.03-7.9396-7.1815-14.9117-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0813 3.276-.1147 13.9493-.1244 26.0854-21.968-.004-47.648-.008-74.1-.01-.007-11.8374-.03-22.1743-.085-25.3172-.03-7.9396-7.1813-14.9117-15.101-14.822-7.83-.359-15.161 6.224-15.59 14.064-.0812 3.275-.1145 13.9424-.1243 26.0737-23.6828-.0005-47.074.001-68.1.0054-.007-11.839-.0298-22.178-.0847-25.321-.03-7.9397-7.1815-14.912-15.1012-14.822-7.83-.359-15.161 6.224-15.59 14.064-.081 3.276-.1142 13.951-.124 26.0886-29.159.013-49.2157.035-51.3027.0714-7.9398.03-14.912 7.1816-14.822 15.1013-.359 7.83 6.224 15.161 14.064 15.59 2.1632.0538 22.536.0866 52.0723.1055.0107 8.5488.023 14.549.023 14.549s-1.3465 14.3132 3.4612 19.799c5.7353 7.5507 18.363 7.471 24.0184-.1296 4.708-5.476 3.361-19.6695 3.361-19.6695s.0088-6.0025.016-14.5347zm313.5798-364.1015c7.406-5.3816 18.7875-2.2932 22.6707 5.9335 3.5 7.1947 9.626 14.871 6.989 23.3234-2.412 8.8785-13.573 13.681-21.681 9.3225-7.101-3.32-8.503-11.741-12.457-17.754-4.353-6.724-2.204-16.479 4.479-20.826zm-87.74-57.851c-4.3575-6.6798-2.4644-16.4218 4.165-20.8898 5.0258-3.7692 11.8582-3.3845 17.327-.864 15.6263 5.1925 30.027 14.2334 41.0928 26.4766 4.2127 3.706 6.76 8.7692 10.351 13.0144 2.7693 4.8485 6.4694 9.8098 6.139 15.6856-.2232 6.7787-5.4238 12.9862-12.0866 14.316-6.5563 1.6118-13.8753-1.7484-16.9455-7.7585-6.053-10.729-14.479-20.3458-25.289-26.4562-5.05-3.202-10.737-5.105-16.348-7.0385-3.4432-1.106-6.473-3.41-8.405-6.485zM254 401c33.137 0 60-26.863 60-60s-26.863-60-60-60-60 26.863-60 60 26.863 60 60 60zm220 0c33.137 0 60-26.863 60-60s-26.863-60-60-60-60 26.863-60 60 26.863 60 60 60z"/></svg>') no-repeat;
}