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

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

/* A1.1 */
@import url(style_cs.1750971679.css);
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Playfair+Display+SC:wght@400;700;900&family=Playfair+Display:wght@400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');


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

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    font: 11px verdana, arial, helvetica, sans-serif;
    background: #c8c5b3;
    border: 1px solid #af914b;
}

/* 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 legend span {
    font-size: 15px;
}

/* 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 {
  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 .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 {
    margin: auto;
    width: 1100px;
    margin-top: 200px !important;
    margin-bottom: 190px !important;
    background: transparent url(http://forumstatic.ru/files/001b/cf/4e/37780.jpg?v=1);
    padding-top: 50px;
}


/* A5.2 */
.punbb {
    float: none;
    width: auto;
    height: auto;
    margin: 0px 72px;
}

/* 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: #080603 url(http://forumstatic.ru/files/001b/cf/4e/56791.jpg) no-repeat fixed top center;
    background-size: cover;
}
    #pun-redirect *{
      border:0 none;
    }
    #pun-redirect .main-title {
      display:none;
    }
#pun-redirect.punbb .info .container {
    text-align: center;
    display: block;
    margin: 5% auto;
    font-family: 'lora';
    font-size: 14px;
    padding: 30px 0px;
    height: auto;
    border: 0 !important;
    width: 900px;
    margin-top: 120px;
    color: #cfccbb;
}
#pun-redirect.punbb .info .container a {
    color: #e1d6c0 !important;
}

.topic a.sharelink {
  display: none;
}

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

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

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {
    letter-spacing: 0.6px;
    /* border: red 1px solid; */
    background: transparent;
    font-family: playfair display sc;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 500;
    height: 12px;
    padding: 0px !important;
    padding-bottom: 10px;
    text-align: center;
    width: auto;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #4a4940;
    margin: 0px 10px 20px 10px !important;
}


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

/* B1.2 */
.punbb .post-sig dt {
    display: block;
    text-align: center;
    border-top: 1px dotted #3e4b6d;
    width: 60%;
    margin-left: 120px;
    padding-bottom: 5px;
    margin-top: 10px;
}

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

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

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

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
    text-align: left;
    display: block;
    font-size: 10px;
    font-weight: 400;
    font-family: lora;
    margin-bottom: 4px;
    width: auto;
    margin-left: -15px;
    float: left;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 0.8px;
    color: #dfc588;
    background: #161514 url(http://forumstatic.ru/files/001b/cf/4e/35632.jpg) center/cover;
    padding: 4px 20px 4px 15px;
    border-radius: 0px 1px 1px 0px;
    border: 1px solid #af914b;
    border-width: 1px 1px 1px 0px;
}


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

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

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

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


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

/* B3.1 */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    height: 0;
    font-size: 10px;
    font-family: 'Lora';
    text-transform: uppercase;
}

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -4.5em;
    left: 1em;
    width: 24em;
    font-size: 11px;
}

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4.5em;
  right: 1em;
  width: 16em;
  text-align: right;

  }

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 10px;
    font-family: 'Lora';
    text-transform: uppercase;
}

/* B3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font-size: 11px;
}

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

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }

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

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

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

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 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 0 1em 0
  }

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

/* C1.6 */
.punbb fieldset legend span {
    padding: 0 5px;
    margin: 0 0 0 -15px;
font-size: 10px;
    font-family: 'Lora';
    text-transform: uppercase;
}

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

.punbb .flag-i {
    width: 0.9em !important;
}

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

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

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

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

#pun-index .tcr {
    font-size: 11px;
    width: 25%;
    position: relative;
    overflow: visible;
    color: #403933;
    text-align: left;
    font-family: 'Roboto';
    line-height: 15px;
    padding: 0.8em 0;
}

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

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

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

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

/* C2.8 названия подфорумов*/ 
#pun-index .tcl h3 {
    font-family: playfair display sc;
    font-size: 19px;
    font-weight: 500;
    text-align: left;
    letter-spacing: 0.4px;
    display: block;
    background: #0f0e0c;
    text-transform: uppercase;
    margin: 0px -10px 10px -10px;
    padding: 3px 15px 4px 10px;
    border-bottom: 1px solid #4a3e20;
    box-shadow: 0px 0px 10px #cea33d3b;
}


#pun-index .tcl h3 a {
    transition: color .5s linear 0s;
    color: #c3a04fe6 !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: .5px !important;
    font-family: playfair display sc !important;
    text-transform: uppercase !important;
    transition-duration: 1s !important;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%) !important;
    text-shadow: 0px 0px 6px #cea33d59 !important;
    -webkit-background-clip: text !important;
    font-size: 12px;
}


#pun-index .tcl h3 a:hover {
    color: #cfccbbd6 !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: .5px !important;
    font-family: playfair display sc !important;
    text-transform: uppercase !important;
    transition-duration: 1s !important;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%) !important;
    text-shadow: 0px 0px 6px #cea33d59 !important;
    -webkit-background-clip: text !important;
}


#pun-index .tcl {
    width: 55% !important;
    position: relative;
}

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

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

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

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

    * html .tclcon {height: 1px}

/* C2.14 */
#pun-index td div.tclcon {
    color: #cfccbb;
    background: url(http://forumstatic.ru/files/001b/cf/4e/62079.jpg) left no-repeat;
    padding: 0px 10px 10px 10px;
    text-align: justify;
    position: relative;
    border: 1px solid #918874;
    border-radius: 0;
    overflow: hidden;
    margin-top: 10px;
    font-family: roboto;
    font-size: 11px;
    box-shadow: 0px 0px 5px #918d7cd9;
    margin-left: -10px;
}

#pun-index .tclcon a {
    padding-right: 10px;
    font-size: 13px;
    color: #d3a740de !important;
}


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


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

 /* C3 Topics

-------------------------------------------------------------*/
#pun-title, #pun-navlinks {
  border-color: #202021 ;
}

/* CS2.1 */
.punbb .container, .punbb .post-body {
  border-color:  transparent;
  }

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

/* CS2.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent ;

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

li.pa-online {
    font-size: 7px;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 5px;
    font-family: 'Merriweather';
    letter-spacing: 0.5px;
}

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

/* C3.2 */
.punbb .post h3 {
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-start;
    margin-left: -28px;
}

/* C3.3 */
.punbb .post h3 span {
    padding: 3px 10px 4px 10px;
    display: block;
    text-transform: lowercase;
    font-family: 'Lora';
    font-size: 9px;
    color: #cfccbb;
    background: #0f0e0c;
    z-index: 1;
    letter-spacing: .5px;
    border-radius: 1px;
    border: 1px solid #af914b;
    box-shadow: 0px 0px 6px #0000003d, 0px 0px 0px 540px #0f0e0c63 inset, 0px 0px 30px #1c1c1c inset;
}

.punbb .post h3 span a {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #e3b447cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
}

.punbb .post h3:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #af914b;
    top: 9px;
    box-shadow: 0px 0px 4px #a5a291bf;
}


/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: auto;
  text-align: right;
  font-weight: normal;
  margin-left: 10px;
  }

/* C3.5 */
.punbb .post .post-author {
    float: left;
    width: 220px;
    overflow: visible;
}




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


/* C3.7 */
.pa-author {
    font-family: playfair display sc;
    font-size: 16px;
    transition: 1s;
    position: relative;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #e3b447cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 5px;
    text-align: center;
    z-index: 8;
}

/* C3.8 */
.pa-author a {
    font-family: playfair display sc;
    font-size: 16px;
    transition: 1s;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #e3b447cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}


/* C3.9 */
li.pa-title {
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: .4px;
    font-family: 'Lora';
    line-height: 210%;
    margin-bottom: -5px;
}

/* C3.11 */
.punbb .post-body {
    margin-left: 184px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0 0 1px 0;
}

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

/*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: 1em 1em 0 0;
    height: 2em;
    line-height: 2em;
    margin-left: -17.7em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    text-transform: lowercase;
    font-family: 'Lora';
}

/* 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;
    font-weight: 500;
    font-size: 11px;
    text-align: right;
    /*text-transform: lowercase;*/
    font-family: roboto;
}

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-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: 0px 0px 0 0px;}

/* 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 h1 span  {
  font-size: 1.5em;}


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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 55px;
  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 .container {
    text-align: center;
    font-style: normal;
    position: absolute;
    font-size: 14px;
    text-transform: lowercase;
    top: 98px;
    height: 20px;
    word-spacing: -5px;
    width: 954px;
    letter-spacing: .2px;
}

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 0em;
  padding-top: 4px;}

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




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

/* D4.1 */
#pun-ulinks {
    margin-top: -70px;
}

/* D4.2 */
#pun-ulinks .container {
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    width: 936px;
    height: auto !important;
    padding-inline-start: 0px;
}

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

/* D4.4 */
#pun-ulinks li a {
  padding: 0 1em 0 0em
  }

/* 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, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
    text-align: left;
    font-size: 10px;
    font-family: lora;
    font-weight: 400;
    letter-spacing: 0.5px;
    height: 12px;
    text-transform: uppercase;
    margin-top: 30px;
    text-shadow: 0px 0px 1px #8f8d81;
}


#pun-status .container strong {
    font-weight: 500;
}


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


/* D5.4 */
#pun-crumbs1 {
    font-weight: 400;
    overflow: hidden;
}

/* D5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 0px 1em 0em 0em;
    text-align: left;
    height: 18px;
    font-family: lora;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-top: 6px;
    text-shadow: 0px 0px 1px #8f8d81;
}

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

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

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

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

/* D6.3 */
#pun-announcement .container {
  padding: 2.5em 1em 1em 1em;
  margin-top: -13px; 
  line-height: 1.1;
  text-align: center;  
}


/* D7 Statistics
-------------------------------------------------------------*/
#pun-stats .container {
    font-size: 11px;
    font-weight: 400;
    font-family: roboto;
    padding: 0px 0px 0px 0px;
    margin-top: 10px;
}

/* 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;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0.7em 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: 0;
  margin-bottom: 0;
  }

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

/* D8.5 */
#pun-about p span {
    display: block;
    padding-left: 50%;
    margin-top: 10px;
    font-family: lora;
    text-transform: uppercase;
    font-size: 10px;
}

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

/* D8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    padding: 0em 1em 0.2em 0em;
font-family: lora;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #8f8d81;
}

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



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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: none;
  border-bottom-width: 0px;
  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: none;
  border-bottom-width: 0px;
  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;
  }


#pun-status .status-right {
display: none;
}



.punbb th {
    font-size: 0 !important;
}

.activees {
    height: 46px;
    width: 254px;
    top: 156px;
    display: flex;
    justify-content: space-between;
    margin-left: -49px !important;
    position: absolute;
    z-index: 100;
}

.activees a, .activees2 a {
    cursor: pointer;
}

.activees div, .activees2 div {
    position: relative;
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0px 1px #978438;
    border-radius: 100%;
}


.activees img, .activees2 img {
    filter: grayscale(100%);
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
    width: 44px;
    height: 44px;
}

.activees div:after, .activees2 div:after {
    content: "";
    background: #585349;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
}

.activees div:hover {
    transform: translateY(0px);
}


.activees div:hover img, .activees2 div:hover img {
filter: none}

.activees div:hover:after, .activees2 div:hover:after {
  opacity: 0
}


.act_z {
    position: absolute;
    font-size: 10px !important;
    color: #dbd7c3e6;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: 1px;
    font-family: playfair display sc;
    text-transform: uppercase;
    top: 172px;
    margin-left: 206px;
    width: 147px;
    text-align: center;
}


.act_z span {
    color: #d3a740;
}




.act_z2 {
    position: absolute;
    font-size: 10px !important;
    color: #dbd7c3e6;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: 1px;
    font-family: playfair display sc;
    text-transform: uppercase;
    top: 172px;
    margin-left: 588px;
    width: 160px;
    text-align: center;
}


.act_z2 span {
    color: #d3a740;
}



.activees2 {
    height: 46px;
    width: 254px;
    top: 156px;
    display: flex;
    justify-content: space-between;
    margin-left: 751px !important;
    position: absolute;
    z-index: 100;
}


.privet {
    width: 306px;
    color: #cfccbb;
    font-family: roboto;
    height: 87px;
    font-size: 10px;
    font-weight: 300;
    position: absolute;
    overflow-y: auto;
    text-align: justify;
    padding-right: 10px;
    line-height: 15px;
    top: 220px;
    margin-left: -3px;
}


.privet::-webkit-scrollbar, .best_ep_text::-webkit-scrollbar {
    width: 4px;
    background-color: #0f0e0c;
}

.privet::-webkit-scrollbar-thumb, .best_ep_text::-webkit-scrollbar-thumb {
    background-color: #bd922f;
    border: 1px solid #aa831d;
}


.tab_lin {
    width: 316px;
    color: #cfccbb;
    height: 17px;
    font-size: 10px;
    position: absolute;
    text-align: left;
    top: 320px;
    margin-left: -3px;
}


.tab_lin a, .tab_lin2 a {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: .5px;
    font-family: playfair display sc;
    text-transform: uppercase;
    font-size: 11px;
    color: #d3a740 !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
}


.tab_lin a:hover, .tab_lin2 a:hover {
    color: #cfccbb !IMPORTANT;
    transition-duration: 1s;
}


.best_ep {
    width: 300px;
    color: #cfccbb;
    height: 34px;
    font-size: 10px;
    position: absolute;
    text-align: center;
    top: 213px;
    margin-left: 654px;
    background: #0f0e0c;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}


.best_ep a {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: .8px;
    font-family: playfair display sc;
    text-transform: uppercase;
    font-size: 12px;
    color: #e7dcc1c7 !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
}


.best_ep a:hover {
    color: #d3a740 !IMPORTANT;
    transition-duration: 1s;
}


.best_ep_text {
    width: 306px;
    color: #cfccbb;
    font-family: roboto;
    height: 60px;
    font-size: 10px;
    font-weight: 300;
    position: absolute;
    overflow-y: auto;
    text-align: justify;
    padding-right: 10px;
    line-height: 15px;
    top: 250px;
    margin-left: 640px;
}


.tab_lin2 {
    width: 316px;
    color: #cfccbb;
    height: 17px;
    font-size: 10px;
    position: absolute;
    text-align: right;
    top: 320px;
    margin-left: 640px;
    /* border: red 1px solid; */
}


.ams_z span {
    color: #d3a740;
}


.ams_z {
    position: absolute;
    font-size: 10px !important;
    color: #dbd7c3e6;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: 1px;
    font-family: playfair display sc;
    text-transform: uppercase;
    top: 371px;
    margin-left: 590px;
    width: 120px;
    text-align: center;
}





/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
    width: 77px;
    top: 314px;
    margin-left: -60px;
    cursor: pointer;
    position: absolute;
    /* border: red 1px solid; */
    height: 107px;
    text-transform: uppercase;
    background: url(http://forumstatic.ru/files/001b/cf/4e/14739.png) no-repeat;
}

/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{
background: url(ссылка на картинку) no-repeat
}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
    width: 317px;
    margin-left: -3px;
    position: absolute;
    top: 216px;
    text-align: center;
    z-index: 999;
    height: 130px;
transition: linear 0.5s
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    opacity: 1;
    height: 110px;
    padding: 5px;
    background: #0b0b09;
    border: 1px solid #cea33e;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    white-space: nowrap;
    margin: 3px;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: inline-block;
    padding: 2px 2px 2px 2px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #cfccbb;
    text-shadow: 1px 1px #584517;
    font-family: 'Playfair Display SC';
    font-size: 11px;
    background: #6e5721;
    border: 1px solid #6e5721;
}

#pun .sslka a.newnews {
    background: #560810;
}

/* ссылка при наведении */
#pun .sslka a:hover {
    white-space: nowrap;
    margin: 3px;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: inline-block;
    padding: 2px 2px 2px 2px;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #f1c96b;
    text-shadow: 1px 1px #0f0e0c;
    font-family: 'Playfair Display SC';
    font-size: 11px;
    background: #0f0e0c;
    border: 1px solid #b99135;
}






.activees div:hover, .activees2 div:hover {
    position: relative;
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0px 1px #978438;
    border-radius: 100%;
transform: scale(1.2) rotate(360deg);
    transition: 1s;
}


#strel {
    background: url(http://forumstatic.ru/files/001b/cf/4e/54292.png);
    width: 30px;
    height: 27px;
    position: absolute;
    top: 360px;
    margin-left: -66px;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor 1.9s linear infinite;
}


.plink a {
    color: #cfccbbc9 !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: .5px !important;
    font-family: lora;
    text-transform: uppercase !important;
    transition-duration: 1s !important;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%) !important;
    text-shadow: 0px 0px 6px #cea33d59 !important;
    -webkit-background-clip: text !important;
    margin: 0px 5px 0px 0px;
    font-size: 10px;
}

.plink {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-top: 1px solid #85703e;
    padding-top: 7px;
    margin: 3px 6px 0px 6px;
    line-height: 20px;
}


.podfor {
    line-height: 16px;
    margin-bottom: 7px;
    padding: 3px 5px;
}





.activees3 {
    height: 46px;
    width: 252px;
    top: 356px;
    display: flex;
    justify-content: space-between;
    margin-left: 720px !important;
    position: absolute;
    z-index: 100;
    overflow: hidden;
    padding: 6px 6px;
}


.activees4 {
    height: 46px;
    width: 100px;
    top: 356px;
    display: flex;
    justify-content: space-between;
    margin-left: 246px !important;
    position: absolute;
    z-index: 100;
    overflow: hidden;
    padding: 6px 6px;
}

.activees3 a, .activees4 a {
    cursor: pointer;
}

.activees3 div, .activees4 div {
    position: relative;
    width: 44px;
    height: 44px;
    box-shadow: 0 0 0px 1px #978438;
    border-radius: 100%;
    display: block;
    transition: all .5s cubic-bezier(.64,.51,.55,1.26) 0s;
    transform: translateY(-10px);
}


.activees3 img, .activees4 img {
    filter: grayscale(100%);
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
    width: 44px;
    height: 44px;
}

.activees3 div:after, .activees4 div:after {
    content: "";
    background: #585349;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
}


.activees3 div:hover img, .activees4 div:hover img {
filter: none;
}

.activees3 div:hover:after, .activees4 div:hover:after {
  opacity: 0
}

.activees3 div:hover, .activees4 div:hover {
    transform: translateY(0px) scale(1.2) rotate(360deg);
}


.ams_z2 {
    position: absolute;
    font-size: 10px !important;
    color: #dbd7c3e6;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: 1px;
    font-family: playfair display sc;
    text-transform: uppercase;
    top: 358px;
    width: 240px;
    height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 0px 5px;
}



.ams_z2 span {
    color: #d3a740;
}



.ams_z2 a {
    color: #d3a740 !important;
}


.infot {
    position: absolute;
    font-size: 9px !important;
    color: #d7d2bcdb;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: 1px;
    font-family: playfair display sc;
    text-transform: uppercase;
    top: 71px;
    margin-left: -12px;
    width: 260px;
    text-align: center;
    /* border: red 1px solid; */
}



.infot2 {
    position: absolute;
    font-size: 9px !important;
    color: #d7d2bcdb;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    letter-spacing: 1px;
    font-family: playfair display sc;
    text-transform: uppercase;
    top: 71px;
    margin-left: 706px;
    width: 260px;
    text-align: center;
    /* border: red 1px solid; */
}







.pa-author a:hover {
    font-family: playfair display sc;
    font-size: 16px;
    transition: 1s;
    letter-spacing: .4px;
    text-transform: uppercase;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #cfccbbc2 !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    letter-spacing: .5px;
    text-transform: uppercase;
}








#tooltip {
  position: absolute;
  background: #a88637;
  z-index: 999;
  max-width: 180px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
  font-family: roboto; /* шрифт */
  font-size: 10px; /* размер текста */
  display: none;
  color: #cfccbb; /* цвет текста */
  text-align: center;
  padding: 5px;
  letter-spacing: 1px;
  font-weight: 400;
  text-shadow: 1px 1px 0px #9e7e33
}



.pa-fld2 {
    position: absolute;
    margin-top: -18px;
    height: 36px;
    overflow: hidden;
    color: transparent;
    z-index: 90;
    width: 32px;
    right: -4px;
    text-align: right;
}


#lzname a, a.mask_alt {
    font-family: 'Playfair Display SC';
    text-transform: uppercase;
    font-weight: 500 !IMPORTANT;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    color: #e3b447cc !important;
    transition-duration: 1s;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    text-decoration: none;
}





.pa-fld1 pers {
    display: flex;
    flex-direction: row;
    margin-top: 5px;
    justify-content: space-evenly;
    margin-bottom: 8px;
}

.pa-fld1 pers:before {
    content: ' ';
    height: 1px;
    background: #caa03a;
    width: 100%;
    position: absolute;
    margin-top: 25px;
    z-index: 1;
}

.pa-fld1 pers a {
    z-index: 2;
}

#pa-fld1 pers {
    display: block;
}


.pa-fld5 {
    background: #0f0e0c;
    width: 221px;
    border: 1px solid #caa03a;
    text-transform: uppercase;
    font-family: 'Lora';
    font-size: 10px;
    letter-spacing: .5px;
    margin: 10px -10px 10px -12px;
    border-width: 1px 0 1px 0;
}


.pa-posts, .pa-respect {
    font-size: 10px;
    text-align: center;
    color: #cfccbb;
    display: inline-block;
    width: 60px;
    padding: 1px 1px !important;
    font-family: lora;
}



.pa-author:before {
    content: ' ';
    background: url(http://forumstatic.ru/files/001b/cf/4e/75429.jpg);
    width: 220px;
    position: absolute;
    height: 35px;
    z-index: -1;
    margin-left: -11px;
    left: 0;
    /* border: red 1px solid; */
    top: 0;
    margin-top: -11px;
}

.guestbook {
    background: url(http://forumstatic.ru/files/001b/cf/4e/68327.jpg);
    width: 1009px;
    height: 397px;
    border: 1px solid #af914b;
    position: relative;
    border-width: 1px 0 1px 0;
}


.guestbook text {
    position: absolute;
    color: #cfccbb;
    font-family: roboto;
    font-size: 10px;
    width: 512px;
    margin: 28px 0 0 125px;
    height: 80px;
    overflow-y: auto;
    padding-right: 10px;
    white-space: break-spaces;
}


.guestbook cop {
    position: absolute;
    color: #cfccbb;
    font-family: roboto;
    font-size: 11px;
    width: 290px;
    margin: 18px 0 0 685px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    overflow-y: auto;
    display: flex;
    /* border: red 1px solid; */
    flex-direction: column;
    justify-content: center;
}



.guestbook cop b {
    font-family: playfair display sc;
    text-transform: uppercase;
    color: #f1c86cb3;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 5px;
}


.guestbook fem {
    position: absolute;
    color: #cfccbb;
    font-family: roboto;
    font-size: 11px;
    width: 208px;
    margin: 174px 0 0 138px;
    height: 170px;
    text-align: left;
    overflow-y: auto;
    padding-right: 10px;
    /* border: red 1px solid; */
    white-space: break-spaces;
}


.guestbook fem a {
    color: #cea33d !important;
}

.guestbook .code-box {
    color: #cfccbb !IMPORTANT;
    border: 1px solid #af914b !IMPORTANT;
    background: #000 !important;
    box-shadow: 0px 0px 50px #0a0a04 inset !important;
    width: 250px;
    text-align: left;
    overflow: hidden;
}

.guestbook  .code-box strong.legend a {
    color: #bd9d53 !IMPORTANT;
    transition: 1s;
}

.guestbook  .code-box strong.legend a:hover {
    color: #cfccbb !IMPORTANT;
    transition: 1s;
}


.banners {
    position: absolute;
    background: #0f0e0c;
    border: 1px solid #cda33f;
    width: 500px;
    margin-left: -28px;
    margin-top: 66px;
    height: 104px;
}

.banners scroll_ban {
    overflow-y: auto;
    height: 82px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px;
    justify-content: space-between;
    padding-right: 10px;
}

.banners img {
   filter: sepia(0.7);
   transition: 0.5s;
   opacity: 0.7;
}

.banners img:hover {
   filter: sepia(0);
}

.kart {
    position: absolute;
    width: 100px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 30px 0px;
    margin-top: 40px;
    margin-left: 24px;
}

.kart img {
    border-radius: 100%;
    width: 77px;
    height: 77px;
    border: 1px solid #cfa43c;
}

.kart img:hover {
    transform: rotate(360deg);
    position: relative;
    transition: 1s;
}



.guestbook fem_face {
    display: block;
    width: 270px;
    /* border: red 1px solid; */
    margin-top: 180px;
    margin-left: 140px;
    color: #cfccbb;
    font-family: 'Roboto';
    overflow-y: auto;
    height: 160px;
    padding-right: 5px;
    line-height: 16px;
    position: absolute;
}

.guestbook fem_face z {
    font-family: playfair display sc;
    text-transform: uppercase;
    color: #f1c86cb3;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}


.guestbook fem_face a {
    color: #b5913f !important;
    transition: 1s;
}


.guestbook fem_face a:hover {
    color: #a3a195 !important;
    transition: 1s;
}



.guestbook men_face {
    display: block;
    width: 270px;
    /* border: red 1px solid; */
    margin-top: 180px;
    margin-left: 470px;
    color: #cfccbb;
    font-family: 'Roboto';
    overflow-y: auto;
    height: 160px;
    padding-right: 5px;
    line-height: 16px;
    position: absolute;
}



.guestbook men_face z {
    font-family: playfair display sc;
    text-transform: uppercase;
    color: #f1c86cb3;
    background: linear-gradient(rgba(255,255,255,1) 5%, rgba(0,0,0,1) 65%);
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}


.guestbook men_face a {
    color: #b5913f !important;
    transition: 1s;
}


.guestbook men_face a:hover {
    color: #a3a195 !important;
    transition: 1s;
}



.guestbook ams_face {
    display: block;
    width: 160px;
    /* border: red 1px solid; */
    margin-top: 180px;
    margin-left: 792px;
    color: #cfccbb;
    font-family: 'Roboto';
    overflow-y: auto;
    height: 160px;
    padding-right: 5px;
    line-height: 16px;
    position: absolute;
}



.guestbook ams_face a {
    color: #b5913f !important;
    transition: 1s;
}


.guestbook ams_face a:hover {
    color: #a3a195 !important;
    transition: 1s;
}






.needed {
    position: absolute;
    width: 460px;
    margin-left: 520px;
    margin-top: 66px;
    height: 104px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}


.needed:before {
    content: ' ';
    height: 1px;
    background: #caa03a;
    width: 100%;
    position: absolute;
    margin-top: 5px;
    margin-left: -46px;
    z-index: 1;
}

.needed a {
    cursor: pointer;
}

.needed div {
    position: relative;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 0px 1px #978438;
    border-radius: 100%;
    z-index: 2;
}


.needed img {
    filter: grayscale(100%);
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    border: none;
}

.needed div:after {
    content: "";
    background: #585349;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    transition: all .6s ease-in-out 0s;
    border-radius: 100%;
}

.needed div:hover {
    transform: rotate(360deg);
    transition: 1s;
}


.needed div:hover img {
filter: none}

.needed div:hover:after {
  opacity: 0
}

.code-box strong.legend a {
    color: #bd9d53 !IMPORTANT;
    transition: 1s;
}


.code-box strong.legend a:hover {
    color: #cfccbb !IMPORTANT;
    transition: 1s;
}



#fametab2 {
    background-image: url(http://forumstatic.ru/files/001b/cf/4e/20275.jpg);
    width: 700px;
    height: 665px;
    margin: 0 auto;
}


#famesmallblock1 {    
    position: absolute;
    margin-left: 81px;
    margin-top: 114px;}
#famesmallblock2 {
    position: absolute;
    margin-left: 273px;
    margin-top: 114px;
}
#famesmallblock3 {
    position: absolute;
    margin-top: 114px;
    margin-left: 463px;
}


#famesmallblock1text {position: absolute;

margin-top: 269px;

margin-left: 77px;

width: 158px;

text-align: justify;

font-size: 10px;

color: #cbc7b4;

height: 348px;

overflow: auto;

padding-right: 5px;

scrollbar-width: thin;

line-height: 10px;}
#famesmallblock2text {position: absolute;
margin-top: 269px;
margin-left: 267px;
width: 158px;
text-align: justify;
font-size: 10px;
color: #cbc7b4;
height: 331px;
overflow: auto;
padding-right: 5px;
scrollbar-width: thin;
line-height: 10px;}

#famesmallblock3text {position: absolute;

margin-top: 269px;

margin-left: 455px;

width: 158px;

text-align: justify;

font-size: 10px;

color: #cbc7b4;

height: 348px;

overflow: auto;

padding-right: 5px;

scrollbar-width: thin;

line-height: 10px;}



#fametab1 {
    background-image: url(http://forumstatic.ru/files/001b/da/a4/82004.jpg);
    width: 700px;
    height: 463px;
    margin: 0 auto;
}

#fameflip1 {
    position: absolute;
    margin-left: 119px;
    margin-top: 115px;
}

#fameflip2 {
    position: absolute;
    margin-top: 115px;
    margin-left: 378px;
}

 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 202px;
    height: 276px;
    perspective: 1000px;
    border-radius: 0;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: #14100b;
    color: #cfccbb;
    transform: rotateY(180deg);
    font-size: 10px;
    text-align: justify;
    padding: 10px;
    width: 208px;
    height: 270px;
    margin-left: -12px;
    margin-top: -7px;
    /* opacity: .4; */
}



#pun-main .flip-card-back p, .flip-card-back p {
    line-height: 1.2;
    margin-top: 10px;
    font-size: 10px !important;
    color: #cfccbb;
    padding: 0 0 1em 0;
}


#pun-main .flip-card-back h1, .flip-card-back h1 {
    text-align: center;
    font-weight: bold;
    font-size: 10px !important;
    color: #cfccbb;
    font-family: Verdana;
    text-transform: none;
    text-shadow: none;
    padding: 0 !important;
    margin: 0 !important;
    letter-spacing: 0;
}

#fametab1 .old-fames, #fametab2 .old-fames {
	filter: sepia(0.7) brightness(70%) !important;
}

#fametab1 .old-fames img {
	width: 202px !important;
    height: 276px !important;
    border-radius: 0 !important;
}

#fametab2 .old-fames img {
    width: 145px !important;
    height: 145px !important;
}


.go-up, .go-down {
    background: url(http://forumstatic.ru/files/001b/cf/4e/39973.png);
    width: 10px;
    height: 60px;
    transition: 1s;
    border: 1px solid #af914b;
    display: none;
    position: fixed;
    margin-left: 998px;
    cursor: pointer;
    margin-bottom: 140px;
}

.go-up {
    bottom:370px; /*положение от низа окна браузера верхняя кнопка*/
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.go-down {
    bottom:290px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}



.shan {
    background: url(http://forumstatic.ru/files/001b/cf/4e/39885.jpg);
    width: 230px;
    height: 230px;
    position: absolute;
    border-radius: 100%;
    margin-left: 357px;
    top: 152px;
    transition: 1s;
}



.shan:hover {
    /*гифка старая*/
    /*background: url(http://forumstatic.ru/files/001b/cf/4e/87823.gif);*/
    /*гифка новая на постоянную*/
    /*background: url(https://forum4.ru/uploads/0014/eb/ea/169/783578.gif);*/
    /*гифка на ДР ЕВЫ*/
    background: url(https://upforme.ru/uploads/0014/eb/ea/169/708639.gif);
    width: 230px;
    height: 230px;
    position: absolute;
    border-radius: 100%;
    margin-left: 357px;
    top: 152px;
    transition: 1s;
    transform: rotate(360deg);
}

#main-reply {
    position: relative;
    z-index: 1;
}

.mini_gifts, .pa-gifts, .pa-awards, #profile-gifts,
ul.hv-mask .pa-fld1 a.mask_alt+br, li.pl-email.email,
#pun-live-rusff, .reactions-root {
    display: none;
}

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

div#topic-users-in a:after {
    content: ',';
}
div#topic-users-in a:last-child::after {
    content: '';
}
#image-area-tcon-computer::before {
    color: #6e5626 !important;
}