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

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

/* A1.1 */

  @import url(style_cs.1645388813.css);

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*Deff: Остальные шрифты Перенесены в cтиль, в HTML верх, ниже скрипта подсчета!*/

:root {
--color1: #C6B79F;
--color2: #EECC90;
--color3: #504A3B;
--color4: #604178;
--color5: #5c5066;

--bg1: #302636;
--bg2: #f7e8ce;
--bg3: rgba(225, 207, 177, 0.34);
--bg4: #D8C6A6;
--bg5: #493c50;

--border1: 1px solid #D7C7AD;
--border2: 1px solid #E0D5BF;
--border3: 1px solid #706a57;
--border4: 1px solid #908778;

--shadow1: 0px 0px 15px #E2DAB8, inset 0px 0px 20px rgba(187, 178, 148, 0.13);
--shadow2: 0px 0px 15px #E2DAB8;
--shadow3: 0 0 0 1px #302c30 inset, 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 5px 0 #cfc8af
}

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% verdana, arial, monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

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

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

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

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

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


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

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

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
#pun {
    background: #f7e8ce url(http://forumstatic.ru/files/001a/a7/18/71978.jpg);
    margin: auto;
    width: 1080px;
  box-shadow: 0px 0px 0px 1px #e4dfc7 inset, 0 0 30px 0 rgba(201, 196, 151, 1) inset, 0 0 30px 0 rgba(57, 48, 65, 1);
margin-bottom: 101px !important;
  border: solid;
  border-image-source: url(http://forumstatic.ru/files/001a/a7/18/51046.png);
  border-image-slice: 40;
  border-image-repeat: repeat; 
  border-width: 40px;
  box-sizing: border-box
}



.punbb {
    height: auto;
    margin: 0px 31px;
    width: auto;
  padding:20px 0
}

/* 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:
        url(http://forumstatic.ru/files/001a/a7/18/54597.png?v=1) no-repeat fixed top left,
        url(http://forumstatic.ru/files/001a/a7/18/18990.png?v=1) no-repeat fixed top right,
        url(http://forumstatic.ru/files/001a/a7/18/61563.png?v=1) no-repeat fixed bottom right,
        url(http://forumstatic.ru/files/001a/a7/18/66422.png?v=1) no-repeat fixed bottom left,
        url(http://forumstatic.ru/files/001a/a7/18/73594.png?v=1) repeat-y fixed top left,
        url(http://forumstatic.ru/files/001a/a7/18/20736.png?v=1) repeat-x fixed top left,
        url(http://forumstatic.ru/files/001a/a7/18/61500.png?v=1) repeat-y fixed top right,
        url(http://forumstatic.ru/files/001a/a7/18/20498.png?v=1) repeat-x fixed bottom left,
        linear-gradient(to right, rgba(7, 6, 7, 0.45) 0%, rgba(7, 6, 7, 0) 50%, rgba(7, 6, 7, 0.45) 100%) fixed,
        #302636 url(http://forumstatic.ru/files/001a/a7/18/59790.jpg) repeat fixed top left !important;
   display: flex;
   justify-content: center;
   align-items: center
    }
    #pun-redirect *{
      border:0 none;
    }
    #pun-redirect .main-title {
      display:none;
    }
    #pun-redirect.punbb .info .container{
      text-align:center;
      font:500 10px montserrat;
      display:block;
      left:0;
      right:0;
      top:0;
      bottom:0;
      width:auto;
      padding:40px 0px;
      height:auto;
    background: #f7e8ce url(http://forumstatic.ru/files/001a/a7/18/71978.jpg);
  box-shadow: 0px 0px 0px 1px #e4dfc7 inset, 0 0 30px 0 rgba(201, 196, 151, 1) inset, 0 0 30px 0 rgba(57, 48, 65, 1);
  border: solid !important;
  border-image-source: url(http://forumstatic.ru/files/001a/a7/18/51046.png) !important;
  border-image-slice: 40 fill !important;
  border-image-repeat: repeat !important; 
  border-width: 40px !important;
      width: 1080px;
      margin-top: 5%;
  box-sizing: border-box
    }

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

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


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

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

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

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

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


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

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  height: 0;
  font-size: 11px;
  color: var(--color3);
  font-family: tenor sans;
  text-transform: uppercase
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -65px;
  left: 2px;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -65px;
  right: 2px;
  width: 16em;
  text-align: right;
  font-weight: normal;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 0em 0.5em 0em;
  font-size: 11px;
  color: var(--color3);
  font-family: tenor sans;
  text-transform: uppercase
  }

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

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

/* 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: 1.7em 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;
  margin: 0 0 1em 0
  }

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

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

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

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

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

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

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

/* C1.12 */
.punbb .datafield br {
  display: none
  }

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

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

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

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 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;
  }

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

* html .tclcon {height: 1px}

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

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

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

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

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid transparent;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

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

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

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

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

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

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


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

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

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

/*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 0em 10px 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

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

.post-links li + li {
  margin-left: 10px
}

.post-links li {
  background: var(--bg3);
  border: var(--border1);
  font: normal 10px tenor sans;
  text-transform: uppercase;
  padding: 5px 10px;
}

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

/* 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 0em;
  text-align: right;
  margin-top: 4px;
  }

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks {
  border: none;
  margin: 0;
  margin-bottom: 20px;
}

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

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

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

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


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

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

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

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

/* D5.2 */
#pun-status .container {
font-family:tenor sans;
font-size: 10px;
  font-weight: normal !important;
  text-transform: uppercase;
  position: absolute;
  color: #C6B79F;
  top: 53px;
  margin-left: 217px;
  width: 501px;
  text-align: center
}

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

#pun-status a {
  color: #EECC90
}

#pun-status a:hover {
  color: #C6B79F
}

#pun-status .item4 {
  display: none
}

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

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

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

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

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

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

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

/* D6.3 */
#pun-announcement .container {
  padding: 0.6em 1em 1em 1em;
  margin-bottom: -20px;
  margin-top: 20px
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em;
  text-align: center
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
  color: #222 !important;
font-weight: normal;
  font-family: tenor sans;
  text-transform: uppercase;
  font-size: 10px;
padding: 3px 15px;
  display: inline-block;
  text-align: center
  }


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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


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


#pun-messages .post h3 {background: none;
  width: auto;
text-shadow: none
}

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

#main-reply {height: 200px}

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


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {top: 55px !important;}

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

.pa-avatar img {max-width: 180px}

.post-content td { border:none transparent !important;}

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

#html-header {color: var(--color1);
font-family: tenor sans;
font-size: 12px;
font-weight: normal
}
#html-header a {color: var(--color2)}
#html-header a:hover {color: var(--color1)}

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


.post-content abbr {text-decoration: underline;
text-decoration-style: dotted;
text-decoration-color: #555}

#pun-viewtopic .FNTslider {display: block}
.FNTslider {
  border-radius: 0px;
  position:absolute;z-index:100;
  background: rgba(0,0,0,.5);
  width: 110px;
  height: 4px;
  margin: 4px 5px;
  border: solid 1px #c2ae71;
  float: right;
  margin-left: 800px;
  display: none;
}
.FNTslider .before {
  height: 4px;
  border: solid 1px #ac8c2a;
  border-right: none 0;
  border-radius: 2px 0 0 2px;
  position: absolute;
  background: #c2ae71;
  margin-top: -1px;
  margin-left: -1px !important;
}
.FNTslider .thumb {
  width: 7px;
  height: 9px;
  border-radius:0%;
  position: relative;
  top: -2px;
  background: #5c4658;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0,0,0,.7) inset
}


#BookmCntToggle {margin-top: 30px !important;}
#MyBookmarks {background: var(--bg2);
z-index: 99;
}
#BookmCntToggle.default-style {background:  var(--bg2);
border-radius:2px;
box-shadow: 2px 2px 1px #000;
opacity: .95;
}
.post .bookmark {color: var(--color4) !important;} 
#BookmCntToggle.default-style {color: var(--color4) !important;} 


#topic-users-in p.container a:after {content: ", ";
color: #1b1b1b}

#topic-users-in p.container a:last-child:after {content: ".";}

.modal-inner.section, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #mask_dialog .inner {
    background: #ecdbbf;
box-shadow: var(--shadow1);
    border: var(--border1);
    padding: 12px !important;
}

/*
#leftside {width: 100%;
height: 100% !important;
left: 0;
top: 0px;
z-index: -1;
position: fixed;
background: linear-gradient(to bottom, rgba(197,214,130,0.52) 0%,rgba(197,214,130,0.52) 1%,rgba(197,214,130,0) 100%); 
}
*/


#undercover {
  width: calc(100% - 92px);
height: calc(100vh - 92px) !important;
left: 82px;
top: 46px;
z-index: -1;
position: fixed;
}


.bg_lines {
    background: url(http://forumstatic.ru/files/001a/84/ef/21559.gif) repeat, #a1925d;
  background-blend-mode: screen, normal;
  mask: url(http://forumstatic.ru/files/001a/a7/18/58265.svg) no-repeat center top;
-webkit-mask: url(http://forumstatic.ru/files/001a/a7/18/58265.svg) no-repeat center top;
  mask-size:cover;
 -webkit-mask-size: cover;
    width: 100%;
  height: 100%;
}

.marvel {width:1080px;
height: 79px;
margin-left: -71px;
text-align: center;
  position: absolute;
  top: 95px;
}
.marvel span{
display: block;
    background: url(http://forumstatic.ru/files/001a/84/ef/21559.gif) repeat, #a1925d;
  background-blend-mode: screen, normal;
  mask: url(http://forumstatic.ru/files/001a/a7/18/30556.svg) no-repeat center top;
-webkit-mask: url(http://forumstatic.ru/files/001a/a7/18/30556.svg) no-repeat center top;
  mask-size:cover;
 -webkit-mask-size: cover;
    width: 100%;
  height: 100%;
}

select#podforumlink {width: 100%;
background: #dacfaf;
height: 19px;
font-family: Montserrat Alternates;
color: #282828;
text-transform: uppercase;
font-size: 8px !important;
letter-spacing: 1px;
padding: 0 !important;
padding-left: 3px !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-weight: 500;
box-shadow: none;
border: 1px solid #d6c79f !important;}

select#podforumlink option {font-size: 10px;
}

#pun-index .user-avatar {margin-right: 14px !important;}

#pun .user-avatar img.on_ {margin-right: 5px !important;
margin-top: -2px !important;}
.sslka {display: block;
opacity: .95;
padding: 0px 0;
  border-radius: 0px
}

.links_wrap {
  display: flex;
  padding: 30px;
  gap: 20px;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap
}


#pun .sslka a {      color: #e5cd82;
    background-color: #4a3854;
  box-shadow: 0 0 10px 0 #634e6e inset, 0 0 0 1px #3a2f40;
  white-space: nowrap;
 margin: 5px auto;
  border-radius: 0px;
  text-align: center;
  transition: all 0.3s linear 0s;
display: block;
  padding: 6px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: auto;
font-family: tenor sans;
font-size: 11px;
text-shadow: 1px 1px 0 rgba(230, 219, 202, 0.06), 0 0 5px rgba(88, 82, 74, .24);
}

#pun .sslka a:hover {    background-color:#f2e2bd !important;
  color: #222;
  text-shadow: none;
  box-shadow: 0 0 1px 1px rgba(0,0,0,.1) inset, 0 2px 7px 2px rgba(255,255,255,.04) inset;
  font-weight: bolder;
  letter-spacing: 2px
}


#navigblock {width: calc(100% - 92px);
  min-width: 1080px;
position: fixed;
  top: 46px;
  z-index: 99999;
    background: #2e2434;
  left: 46px;
  border-bottom: 1px solid rgba(0,0,0,0) !important;
  border-image: url(http://forumstatic.ru/files/001a/a7/18/87590.jpg) 1 round !important;
}

.spirit-navigation:after {
    content: "";
    background: #FFC634;
    border-radius: 20px;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1;
    transition: transform .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    transform: scaleX(0);
    transform-origin: right;
    box-shadow: 0 0 20px #FFE297
}


.spirit-navigation.spirit-navigation_hover:after {
    transform: scaleX(1);
    transform-origin: left;
}

.spirit-navigation.spirit-navigation_hover {
      color: #FFC634;
    text-shadow: 0 0 20px #FFE297
}

.spirit-navigation {
    display: inline-flex;
  font-size: 14px;
  color: #FFE297;
  font-family: tenor sans;
  text-transform: uppercase;
  letter-spacing: .15em;
  margin: 0 10px;
  cursor: pointer;
  position: relative
    }

.ams {position: absolute;
width: 225px;
margin-left: -15px;
text-align: center;
text-transform: uppercase;
top: 65px;
  font-size: 10px
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
  letter-spacing: 1px
}
.tooltip em3 {
    display: inline;
    transform: scale(0) translateX(-50%);
    transition: all .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform-origin: bottom center;
    position: absolute;
    opacity: 1;
  font-size: 11px;
    font-style: normal;
    height: auto;
    left: 50%;
    padding: 10px;
    text-align: justify;
    width: auto;
    top: 18px;
    background: var(--bg1);
    border: 1px solid rgba(0,0,0,0);
  border-image: url(http://forumstatic.ru/files/001a/a7/18/21661.png?v=1) 1 round;
    text-shadow: none;
    text-transform: none;
    line-height: 13px;
    z-index: 9999;
  letter-spacing: 0;
  visibility: hidden;
      transform-origin: top left;
  font-weight: 500

}

.tooltip:hover em3 {
    font-style: normal;
    height: auto;
    position: absolute;
    z-index: 9999;
    transform: scale(1) translateX(-50%);
    opacity: 1;
  transition: all .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  visibility: visible
}

#weneed {position: absolute;
width: 98px;
  height: 98px;
margin-left: 419px;
text-align: center;
top: 194px;
  border-radius: 100%;
  z-index: 9;
  overflow: hidden;
}

#weneed em {
  width: 98px;
  height: 98px;
  position: relative;
  display: block;
  overflow: hidden;
border-radius: 100%
}

#weneed em:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

#weneed em:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

#weneed img {
width: 98px;
transition: all .3s ease-in-out 0s;
  filter: grayscale(100%)
}

#weneed:hover em:after {
  transform: translateX(-100%)
}


#weneed:hover em:before {
  transform: translateX(100%)
}


.persons {position: absolute;
  margin-left: 692px;
  top:230px;
width: 277px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.persons span {
  font-size: 13px;
  text-align: right;
  width: 80px
}

.persons div {
  position: relative;
  width: 44px;
  height: 44px;
  border: 1px solid #c5ad6f;
  overflow: hidden;
  border-radius: 10px
}

.persons div:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 110%;
  height: 110%;
  display: block;
  position: absolute;
  top: -5%;
  left: 0;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.persons div:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.persons div:hover:after {
  transform: translateY(100%)
}

.persons div:hover:before {
  transform: translateY(-100%)
}

.persons img {
  filter: grayscale(100%);
transition: all .3s ease-in-out 0s}

.persons img:hover {filter: grayscale(0%)}

.discord-img {
  position: absolute;
  top: 328px;
  margin-left: 454px;
  z-index: 9;
  background: #2b2530;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.discord-img img {
  width: 19px;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.75));
    transition: all .6s cubic-bezier(.64,.51,.55,1.16) 0s;
}

.discord-img img:hover {
  filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.35)) grayscale(100%)
}

.text-block-tab {position: absolute;
text-align: justify;
top: 230px;
margin-left: 311px;
width: 210px;
height: 35px;
overflow-y: auto;
padding-right: 5px;}


.banners_down {position: absolute;
margin-top: -52px;
margin-left: 10px;
width: 920px;
overflow-y: auto;
height: 31px;
display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.banners_down img {transition: all .4s ease-in-out 0s;
filter: grayscale(100%) opacity(50%);
  margin: 0 2px;
mix-blend-mode: luminosity}

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


.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.85);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	transform: translateX(-50%);
	width: 705px;
	position: absolute;
	z-index: 9999;
	}

.reveal-modal.xlarge     { 
  width: 705px;
  height: 635px;
  background: url(http://forumstatic.ru/files/001a/84/ef/38280.jpg);
  border:0
}
	
.reveal-modal .close-reveal-modal {
	line-height: .5;
	position: absolute;
	top: -15px;
	right: -32px;
	text-shadow: 1px 1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
  font: bold 40px 'montserrat alternates'
}

.menu span {
    cursor: pointer;
    display: inline-block;
    margin: 0px 0;
    text-align: center;
    width: 185px;
  height: 27px;
  background: url(http://forumstatic.ru/files/001a/a7/18/59451.png);
  filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.1));
  font: normal 13px/29px tenor sans;
  color: var(--color2);
  letter-spacing: 2px;
  text-transform: uppercase;
  
}
.menu-links {
    float: left;
    margin-left: 39px;
  width: 627px;
  margin-top: 13px;
  display: flex;
  justify-content: space-around;
  margin-bottom: 0px;
}
#submenu {
    display: block;
}

.menu .tabactive {
	filter: brightness(.8) drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.15));
}
#submenu {
	height: 555px;
	font-size: 12px;
	width: 625px;
  position: absolute;
  margin-top: 40px;
  margin-left: 40px;
  box-sizing: border-box;
  padding: 20px
}    
.submenutext {
	display: none; 
}

.charname_org {width: calc(100% + 42px);
height: 42px;
background: rgba(153,153,102,.15);
  border: 1px solid rgba(78,75,60,.15);
  margin: auto;
  font: normal 18px/42px tenor sans;
  color: #201d18;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: -21px;
  box-sizing: border-box;
  text-align: center
}

.char_org {
  display: none
}

.charpic {float: right;
width: 244px;
height: 104px;
overflow: hidden;
margin-right: 0px;
margin-top: 20px;
position: relative;
 border: 9px solid rgba(0,0,0,0);
   border-image: url(http://forumstatic.ru/files/001a/a7/18/45493.png) 9 round;
  box-shadow: 0 0 10px 0 #cfc8af
}

.charpic:after {content: "";
  background: rgba(44, 38, 47, 0.62);
width: 100%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
}

.charpic img {
width: 254px;
filter: grayscale(100%)}

.charwardsecond {float: left;
width: 260px;
margin-left: 324px;
margin-top: 16px;
display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px
}


.charwardsecond > div {padding: 0 !important;
  position: relative;
  width: 38px;
  height: 38px;
  background: #333036;
  border: 1px solid #706a57;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #302c30 inset, 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 5px 0 #cfc8af
}

.charwardsecond img {
width: 38px;
height: 38px;}

.charwardsecond span {position: absolute;
text-align: left;
font-family: Montserrat;
font-size: 7px;
left: 26px;
font-weight: 500;
top:1px;
color: #d6c5b6;
  background: #333036;
  border: 1px solid #302c30;
  padding: 1px;
}

.charinfo {
width: 297px;
height: 226px;
background: url(http://forumstatic.ru/files/001a/84/ef/33425.jpg);
margin-left: 0px;
  margin-top: 20px;
  font: 500 12px/16px philosopher;
image-rendering: pixelated;
}

.charinfo > div {
  position: absolute;
  margin: 44px 0 0px 20px;
  width: 260px;
  padding-top: 5px;
  overflow-y: auto;
  height: 156px;
}

.charinfo span {display: block;
margin-bottom: 10px}

.charability {
width:583px;
  height: 146px;
  text-align: justify;
  clear: both;
  background: url(http://forumstatic.ru/files/001a/84/ef/94825.jpg);
  margin: auto;
  margin-top: 20px;
image-rendering: pixelated;
}

.charability text {display: block;
overflow-y: auto;
height: 86px;
padding-right: 5px;
position: relative;
  top: 40px;
  left: 18px;
  width: 545px;
  font: 500 12px/18px philosopher
}

.char_imp_links {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px; 
}

.char_imp_links a {
  background: #322a35;
  flex: 1;
  border: 1px solid #706a57 !important;
  box-shadow: 0 0 0 1px #302c30 inset, 0 0 10px 0 rgba(118,110,94,.4) inset;
  padding: 10px 10px;
  text-align: center;
  font: normal 14px tenor sans;
  text-transform: uppercase;
  color: var(--color2) !important;
}

.char_imp_links a:hover {
  color: var(--color1) !important;
}

.charhrono {
margin:auto;
  margin-top: 10px;
width: 610px;
  height: 530px;
  text-align: left;
  background: url(http://forumstatic.ru/files/001a/a7/18/83232.png);
  font: 500 10px/16px montserrat;
  box-shadow: 0 0 5px 0 #e5d8b8;
}

.charhrono > div {
  position: absolute;
  margin: 20px;
  width: 565px;
  height: 487px;
  overflow-y: auto;
  padding-right: 5px
}

.charhrono span {display: block;
margin-bottom: 10px}

.charhrono a {font-weight: bold}
.achiv_cont {
  background: #333036;
  width: auto;
  height: 336px;
  margin: auto;
  border: 1px solid #706a57;
  box-shadow: 0 0 0 1px #302c30 inset, 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 5px 0 #cfc8af;
  
}

.achiv_cont {
  background: #333036;
  width: auto;
  height: 336px;
  margin: auto;
  border: 1px solid #706a57;
  box-shadow: 0 0 0 1px #302c30 inset, 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 5px 0 #cfc8af;
  
}

.achiv_scroll {
  position: absolute;
  margin: 20px;
  width: 535px;
  overflow-y: auto;
  padding-right: 10px;
  height: 293px;
}

.achiv_block span {
  display: block;
  text-align: center;
  font: normal 11px/30px tenor sans;
  color: var(--color1);
  text-transform: uppercase;
  letter-spacing: 2px;
  background: #27252a;
  height: 30px;
  box-shadow: 0 0 0 1px #302c30 inset, 0 0 10px 0px rgba(118,110,94,.4) inset;
  border: 1px solid #706a57;
  margin-bottom: 15px
}


.achiv_block > div {
  overflow-x: auto;
  padding-bottom: 5px;
  text-align: center
}

.achiv_block {
  margin-bottom: 15px
}

.achiv_block:last-child {
  margin-bottom: 0
}

.achiv_block img.achiv_no {
  opacity: .2
}

.achiv_two {
  background: url(http://forumstatic.ru/files/001a/84/ef/66632.jpg);
  width: 583px;
  height: 157px;
  margin: auto;
  margin-top: 20px;
image-rendering: pixelated;
}

.achiv_two div {
  position: absolute;
  margin-top: 50px;
  margin-left: 20px;
  width: 540px;
  padding-right: 5px;
  text-align: center;
  height: 90px;
  overflow-y: auto;
}


.char_gifts {
  background: url(http://forumstatic.ru/files/001a/84/ef/16988.jpg);
  width: 328px;
  height: 202px;
  float: left;
image-rendering: pixelated;
}

.char_gifts div {
  position: absolute;
  margin-top: 45px;
  margin-left: 20px;
  width: 283px;
  overflow-y: auto;
  padding-left: 5px;
  height: 135px;
  text-align: center;
}

.char_cups {
  background: url(http://forumstatic.ru/files/001a/84/ef/17464.jpg);
  width: 235px;
  height: 202px;
  float: left;
  margin-left: 22px;
image-rendering: pixelated;
}

.char_cups div {
  position: absolute;
  margin-top: 45px;
  margin-left: 20px;
  width: 193px;
  overflow-y: auto;
  padding-left: 5px;
  height: 140px;
  text-align: center;
}

.char_awards {
  background: url(http://forumstatic.ru/files/001a/84/ef/37105.jpg);
  width: 583px;
  height: 290px;
  margin: auto;
  top: 20px;
  clear: both;
  position: relative;
image-rendering: pixelated;
}

.char_awards div {
  position: absolute;
  margin-top: 45px;
  margin-left: 20px;
  width: 540px;
  padding-right: 5px;
  text-align: center;
  height: 225px;
  overflow-y: auto;
}


#pun #imageupload-left input[type="button"] {width: auto}

/* пост с гостевой книгой */
#p122 .post-author, #p122 h3, #p123 .post-author, #p123 h3 {display: none}

#p122 .post-body, #p122 .post-box, #p123 .post-body, #p123 .post-box {
margin: -10px 0 0px 0 !important;
padding: 0 !important;
border: 0 !important;}

#p122 .post-links, #p123 .post-links {position: relative}

#p122 .post-content, #p123 .post-content {margin: 0 !important;
padding: 0 !important;
border: 0 !important;}

.linksb {position: relative}

#p122 .post-rating, #p122 .pl-email, #p123 .post-rating, #p123 .pl-email {display: none}

/* сама гостевая */
#guestbook {background: url(http://forumstatic.ru/files/001a/a7/18/70639.jpg);
width: 1000px;
height: 440px;
margin-left: -32px;
margin-bottom: 5px;
  color: var(--color1);
  margin-top: 15px;
  font-family: philosopher;
  font-weight: 500;
  font-size: 12px;
}

#guestbook a {color: var(--color2)}

#guestbook a:hover {color: var(--color1)}

.guestbook_items {
position: absolute;
margin-top: 73px;
margin-left: 65px;
width: 244px;
height: 95px;
overflow-y: auto;
text-align: center;
}

.guestbook_items span {display: block;
letter-spacing: 1px;
margin: 5px 0}


.copycode {
width: 554px;
height: 28px;
  padding-top: 1px;
  margin-top: 203px;
  position: absolute;
  margin-left: 54px;

}

.copycode strong.legend {margin-bottom: 0px !important;
display: inline-block;
margin-top: -1px;
  font: normal 12px tenor sans;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 29px;
  width: 148px;
  margin-left:0px !important;
  text-align: center;
  float: left;
  line-height: 29px;
  background: rgba(81, 63, 99, 0.8);;
  border-right: 1px solid rgba(112, 97, 86, 1) !important;
}

.copycode strong.legend:hover {
   background: rgba(0,0,0,.2); 
}

.copycode .blockcode {
  display: inline-block;
  font-family: roboto;
  margin-left: 10px;
  margin-top: 3px !important;
  text-transform: lowercase;
  overflow: hidden;
  width: 385px !important;
  text-align: center;
  position: absolute
}

.copycode .scrollbox {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;

}

.copycode pre {
    width: auto !important;
   padding: 0 !important;;
  height: auto !important;
color: #f7eaca;
  font: 300 10px roboto;
}

.guest_links {position: absolute;
text-align: center;
margin-top: 257px;
  margin-left:54px;
height: 23px;
width: 554px;
line-height: 23px;
}

.guest_links a {
font: normal 10px tenor sans;
text-transform: uppercase;
letter-spacing: 1px}

.guestinfo {position: absolute;
  margin-left: 654px;
  width: 270px;
color: var(--color3);
margin-top: 41px;
}

.guestinfo span {font-size: 14px;
font-weight: normal;
display: block;
text-align: center;
margin-bottom: 8px;
  font-family: tenor sans
}

.guestinfo span pod {display: block;
font-size: 15px}

.guestinfo > div {font-size: 11px;
height: 105px;
overflow-y: auto;
margin-bottom: 20px;
padding-right: 5px;
line-height: 15px;
}

.guestinfo .guestrules {font-size: 12px;
height: 175px;
overflow-y: auto;
margin-top: 35px;
padding-right: 5px;
line-height: 17px;
}

.guest_needs {
  position: absolute;
  display: flex;
  width: 315px;
  justify-content: space-between;
  margin-top: 302px;
  margin-left: 53px
}

.guest_needs a {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  border: 1px solid #c5ad6f !important;
  border-radius: 10px;
  position: relative;
}

.guest_needs a > div {
  width: 94px;
  height: 98px;
  position: relative;
  display: block;
  overflow: hidden;
}

.guest_needs a > div:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 110%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: -5%;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.guest_needs a > div:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.guest_needs a > div img {
  width: 94px;
  height: 98px;
transition: all .3s ease-in-out 0s;
  filter: grayscale(100%)
}

.guest_needs a:hover div:after {
  transform: translateX(-100%)
}

.guest_needs:hover div:before {
  transform: translateX(100%)
}

.guest_needs span {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 9;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-family: tenor sans;
  display: block;
  height: auto;
  width: 100%;
  transform: translateY(-50%);
  transition: all .4s ease-in-out 0s
}

.guest_needs a:hover span {
  opacity: 0
}

.guest_social {
  position: absolute;
  margin-top: 303px;
  margin-left: 394px;
  width: 214px;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-family: tenor sans;
}

.guest_social span {
  width: 100%;
  text-align: center;
  margin-bottom: -15px !important;
}

.guest_social img {
  background: url(http://forumstatic.ru/files/001a/84/ef/12954.png) no-repeat;
  background-position-x: 0;
  width: 19px;
  height: 19px;
  margin: 0 8px;
  transition: all .5s ease-in-out 0s
}

.guest_social img:hover {
  opacity: .5
}

.g_twitter {
  background-position-x: 0
}

.g_youtube {
  background-position-x: -35px !important;
}

.g_vk {
  background-position-x: -70px !important;
}

.g_twitch {
  background-position-x: -105px !important;
}

.char_act {background: url(http://forumstatic.ru/files/001a/a7/18/13099.png) no-repeat top,
url(http://forumstatic.ru/files/001a/a7/18/26025.png) no-repeat bottom,
url(http://forumstatic.ru/files/001a/a7/18/16382.png);
width: 620px;
margin: auto;
padding: 30px;
color: #ebd9c8;
font: 500 10px montserrat}

.act_name {
font: 700 19px montserrat alternates;
color: #fde124;
text-align: right}

.act_name span {display: block;
color: #ebd9c8;
font: 500 10px roboto}

.act_pic {width: 350px;
   border: 4px solid #505426;
    box-shadow: 0 0 0 1px #909563, -10px 0 20px -15px rgba(0,0,0,.2), 10px 0 20px -15px rgba(0,0,0,.2);
height: 140px;
float: right;
margin-top: 15px}

.act_pic img {width: 350px;
height: 140px}

.act_mini {  display: flex;
  align-items: center;
margin-top: 20px;
width: 240px;
height: 140px;
clean: both}

.act_mini > div {padding: 0px 0px}

.act_mini br {margin-bottom: 10px}

.act_infobox {background: #ebd9c8;
padding: 10px;
box-shadow: 0 0 0 1px #fae8ba inset, 0 0 15px 0 #cbc2ad inset, 0 0 10px 0 #43492a;
border: 1px solid #616a3c;
margin-top: 20px;
text-shadow: 0 0 5px #f7eaca;
color: #393027;
text-align: justify}

.act_infobox > div {padding: 8px;
line-height: 16px}

span.act_afterword {margin-top: 10px;
display: block;
font-size: 9px;
line-height: 14px}

.marvel_stats {background: url(http://forumstatic.ru/files/001a/a7/18/91191.png);
width: 674px;
height: 640px;
margin:auto;
box-shadow: -20px 0px 10px -20px #c7bca5, 20px 0px 10px -20px #c7bca5;
text-shadow: 0 0 5px #d0bba8;
color: #393027;
font-family: montserrat;
font-weight: 500;
font-size: 10px}

.marvel_stats img {box-shadow: 0 0 5px 0 rgba(136,113,92,.35);}

statdata {display: block;
font-size: 12px;
color: #f7eaca;
text-shadow: 1px 1px 1px #535d32;
position: absolute;
width: 200px;
text-align: right;
margin-top: 35px !important;
margin-left: 435px !important}

.stats_txtblock {position: relative; 
top: 76px;
text-align: justify;
left: 21px;
width: 625px;
overflow-y: auto;
padding-right: 5px;
height:60px;
line-height: 15px}

.stats_persons {position: absolute;
margin-left: 20px;
margin-top: 115px}

.stats_persons img {
margin-right: 20px}

.stats_duet {position: absolute;
margin-left: 257px;
margin-top: 115px}

.stats_episode {position: absolute;
margin-left: 439px;
margin-top: 115px}

.stats_post {position: absolute;
margin-left: 20px;
margin-top: 308px;
width: 307px;
text-align: justify;
  font-size: 9px
}

.stats_post > div{overflow-y: auto;
padding-right: 5px;
height: 66px}

.stats_post span {display: block;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 22px}

.stats_command {position: absolute;
margin-left: 20px;
margin-top: 447px}

.stats_footer {position: absolute;
margin-left: 20px;
margin-top: 527px;
  width: 633px;
font-size: 10px;
color: #f7eaca;
text-shadow: 1px 1px 1px #535d32;
text-align: center;
font-family: Montserrat Alternates;
font-weight: 500}

.stats_footer b {font-weight: 700;
color: #fde124;
font-size: 15px}

.stats_footer span {dosplay: inline-block;
margin: 0 18px}

#faq-block a, #faq-block2 a  {      
  color: var(--color2);
background: #342F38;
border: 1px solid #4C4455;
outline: 1px solid #342C39;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15), inset 0px 0px 15px rgba(246, 230, 204, 0.12);
  white-space: nowrap;
 margin: 5px auto;
  border-radius: 0px;
  text-align: center;
  transition: all 0.3s linear 0s;
display: block;
  padding: 4px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
font-family: tenor sans;
font-size: 11px;
text-shadow: 1px 1px 0 rgba(230, 219, 202, 0.06), 0 0 5px rgba(88, 82, 74, .24);
}

#faq-block a:hover, #faq-block2 a:hover {    
background: #F3E5CD;
border: 1px solid #EDDFC8;
box-sizing: border-box;
box-shadow: inset 0px 0px 30px #CFC4A0;
  color: #222;
  text-shadow: none;
  letter-spacing: 2px
}


#faq-block, #faq-block2 {    
    background: #ecdbbf;
box-shadow: var(--shadow1);
    border: var(--border1);
    padding: 12px !important;
  z-index: 999;
  margin-top: 5px;
  margin-bottom: 5px !important;
}

.faq-navigation.faq-batton-hover, .faq-navigation2.faq-batton-hover2 {filter: grayscale(100%) opacity(50%)
}

.faq-navigation, .faq-navigation2 {   
    background: url(http://forumstatic.ru/files/001a/a7/18/24158.svg) no-repeat top left, url(http://forumstatic.ru/files/001a/a7/18/59790.jpg?v=1);
    border: 1px solid rgba(0,0,0,0) !important;
    border-image: url(http://forumstatic.ru/files/001a/a7/18/21661.png) 1 round !important;  
    outline: 1px solid #938061;
    box-shadow: 0px 0px 5px #B6AD87, inset 0px 0px 8px rgba(246, 230, 204, 0.35);
    color: var(--color2);
    font-family: tenor sans !important;
    font-size: 12px !important;
    font-weight: normal !important;
    height:23px;
        display:inline-block;
        cursor: pointer; 
    width: 100%;
  transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  text-align: center;
  text-transform: uppercase;
  line-height: 22px;
  letter-spacing: 2px

    }


.table_centertext {
  position: absolute;
  top: 240px;
  margin-left: -35px;
  width: 390px;
  height: 70px;
  font-size: 9px;
  text-align: justify;
  overflow-y: auto;
  padding-right: 5px;
  line-height: 15px;
  font-size: 11px
}

#textbutton_now, #textbutton_plots, #textbutton_out, #textbutton_events, #textbutton_post, #textbutton_quote {
  position: absolute;
  z-index: 1;
  filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.1));
  background: url(http://forumstatic.ru/files/001a/a7/18/79078.png) no-repeat;
  background-position-y: 8px;
  width: 128px;
  height: 33px;
  top: 183px;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 44px;
  cursor: pointer;
  transition: all .3s ease-in-out 0s !important;
}

.buttonoff.buttonoon {
  filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.1)) brightness(.8) !important;
  background-position-y: 1px !important;
  line-height: 35px !important;
}

#textbutton_now {
  margin-left: -20px;
}

#textbutton_plots {
  margin-left: 252px;
}

#textbutton_events {
  margin-left: 116px
}


#textbutton_post {
  margin-left: 295px;
  cursor: pointer;
  top: 319px;
  background: transparent;
  height: 46px;
  width: 46px;
}

.slidetext_bg {
  background: url(http://forumstatic.ru/files/001a/a7/18/91646.jpg);
  width: 425px;
  height: 96px;
}

#slidedtext1, #slidedtext2, #slidedtext3, #slidedtext4, #slidedtext5, #slidedtext6 {
    position: absolute;
  opacity: 1;
  top: 216px;
  margin-left: -49px;
  z-index: 1
}

#slidedtext1 > div, #slidedtext2 > div, #slidedtext3 > div, #slidedtext4 > div, #slidedtext5 > div, #slidedtext6 > div {
  margin: 15px 0px 0 0;
  line-height: 18px;
  text-align: justify;
  overflow-y: auto;
  padding-right: 5px;
  height: 70px;
}


/* отрезает кусок поста, если вылезает за границы тела при непрогрузки ссылок*/
#pun .post-content {
  word-wrap: break-word;
}

.dicebutton {
  display: none
}

#pun-viewtopic[data-topic-id="635"] .dicebutton,
#pun-viewtopic[data-topic-id="634"] .dicebutton,
#pun-viewtopic[data-topic-id="633"] .dicebutton,
#pun-viewtopic[data-topic-id="632"] .dicebutton,
#pun-viewtopic[data-topic-id="583"] .dicebutton {
  display: block !important;
}

#pun_wrap, HTML, body {
min-width: 1240px !important;
    position: relative;
}

#pun_wrap {
    padding-top: 381px
}

.top_navigation {
  position: fixed;
  width: calc(100% - 100px);
  height: 46px;
  background: url(http://forumstatic.ru/files/001a/a7/18/20736.png?v=1);
  left: 50%;
  top: 0;
  z-index: 99999;
    transform: translateX(-50%);
  min-width: 1080px;
}

.bottom_navigation {
  position: fixed;
  width: calc(100% - 100px);
  height: 46px;
  background: url(http://forumstatic.ru/files/001a/a7/18/20498.png?v=1);
  left: 50%;
  bottom: 0;
  z-index: 99999;
  transform: translateX(-50%);
  min-width: 1080px;
}

.needs_bg {
  width: 150px;
height: 215px;
margin-left: 393px;
top: 167px;
position: absolute;
}

.needs_bg div {
    background: url(http://forumstatic.ru/files/001a/84/ef/21559.gif) repeat, #a1925d;
  background-blend-mode: screen, normal; 
  mask: url(http://forumstatic.ru/files/001a/a7/18/82297.svg) no-repeat center top;
-webkit-mask: url(http://forumstatic.ru/files/001a/a7/18/82297.svg) no-repeat center top;
  mask-size:cover;
 -webkit-mask-size: cover;
    width: 100%;
  height: 100%;
}

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

#undercover {
    display: none
  }

}

#pun #togglePreview {
  margin-top: -30px;
  margin-bottom: 20px;
}

.tales_link {
  position: absolute;
width: 225px;
margin-left: 725px;
text-align: center;
text-transform: uppercase;
top: 65px;
  font-size: 10px;
}

.episode_of_week {
  position: absolute;
  width: 248px;
  height: 44px;
  overflow: hidden;
  border: 1px solid #c5ad6f !important;
  top: 319px
}

.episode_of_week div {
  width: 248px;
  height: 44px;
  position: relative;
  display: block;
  overflow: hidden;
}

.episode_of_week div:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 110%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: -5%;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.episode_of_week div:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.episode_of_week img {
width: 248px;
transition: all .3s ease-in-out 0s;
  filter: grayscale(100%)
}

.episode_of_week:hover div:after {
  transform: translateX(-100%)
}

.episode_of_week:hover div:before {
  transform: translateX(100%)
}

.episode_of_week span {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  color: var(--color1);
  text-transform: uppercase;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
}

.episode_of_week:hover span {
  transform: scale(0)
}

.episode_of_week:hover span {
  transform: scale(0)
}

.player_of_week {
  position: absolute;
  width: 94px;
  height: 98px;
  overflow: hidden;
  border: 1px solid #c5ad6f !important;
  top: 230px;
  border-radius: 10px;
  margin-left: 570px
}

.player_of_week div {
  width: 94px;
  height: 98px;
  position: relative;
  display: block;
  overflow: hidden;
}

.player_of_week div:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 110%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: -5%;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.player_of_week div:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.player_of_week img {
  width: 94px;
  height: 98px;
transition: all .3s ease-in-out 0s;
  filter: grayscale(100%)
}

.player_of_week:hover div:after {
  transform: translateX(-100%)
}

.player_of_week:hover div:before {
  transform: translateX(100%)
}

.table_sides_links {
  position: absolute;
  background: url(http://forumstatic.ru/files/001a/a7/18/59451.png);
  display: flex;
  width: 185px;
  height: 27px;
  filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.1));
  align-items: center;
  justify-content: center;
  font: normal 10px tenor sans;
  text-transform: uppercase;
  top: 190px;
  margin-left: 570px;
  transition: all .6s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.table_sides_links2 {
  position: absolute;
  background: url(http://forumstatic.ru/files/001a/a7/18/98383.png);
  display: flex;
  width: 185px;
  height: 27px;
  filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.1));
  align-items: center;
  justify-content: center;
  font: normal 10px tenor sans;
  text-transform: uppercase;
  top: 342px;
  margin-left: 570px;
  transition: all .6s cubic-bezier(.64,.51,.55,1.16) 0s !important;
}

.table_sides_links:hover, .table_sides_links2:hover {
  filter: drop-shadow(0px -4px 15px rgba(0, 0, 0, 0.3)) brightness(1.1);
}

.quenta_wrap_first {
    background: url(http://forumstatic.ru/files/001a/a7/18/59790.jpg?v=1);
    border: 1px solid rgba(0,0,0,0) !important;
    border-image: url(http://forumstatic.ru/files/001a/a7/18/21661.png) 1 round !important;  
    outline: 1px solid #938061;
    box-shadow: 0px 0px 15px #B6AD87, inset 0px 0px 8px rgba(246, 230, 204, 0.35);
  padding: 25px;
  box-sizing: border-box;
  height: auto;
  position: relative;
  color: var(--color1);
  display: flex;
  justify-content: space-between;
}

.quenta_wrap_bg {
    background: url(http://forumstatic.ru/files/001a/84/ef/21559.gif) repeat, #a1925d;
  background-blend-mode: screen, normal;
  mask: url(http://forumstatic.ru/files/001a/a7/18/58265.svg) no-repeat center -150px;
-webkit-mask: url(http://forumstatic.ru/files/001a/a7/18/58265.svg) no-repeat center -150px;
  mask-size:100%;
 -webkit-mask-size: 130%;
    width: 100%;
  height: 100%;
  margin-left: -25px !important;
  margin-top: -25px !important;
  opacity: .2;
  position: absolute;
  z-index: 0
}

.quenta_first_left {
  position: relative;
}

.quents_img {
  width: 250px;
  height: 120px;
  border-radius: 10px;
  border: 1px solid #c5ad6f;
  overflow: hidden
}

.quenta_first_left img {
  width: 250px
}

.quenta_first_left span {
  opacity: .8;
  font: normal 11px tenor sans;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
  display: block
}

.quenta_first_right {
  flex: 1;
  margin-top: 5px;
  margin-right: -25px !important;
}

.quenta_first_name {
  background: rgba(42, 34, 47, 0.69);
  padding: 8px 25px;
  text-transform: uppercase;
  color: var(--color2);
  font: normal 25px tenor sans
}

.quenta_first_name span {
  display: block;
  color: var(--color1);
  font-size: 11px;
}

.quenta_first_right_info {
  margin-top: 20px;
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 10px;
}

.quenta_first_right_info span {
  font: normal 12px philosopher;
  background: rgba(42, 34, 47, 0.69);
  flex: auto;
  text-align: center;
  padding: 8px 5px
}

.quenta_first_right_info span:last-child {
  width: 100%;
  flex: auto
}

.quenta_divider {
  margin: 25px 0px;
  background: rgba(228, 217, 183, 0.5);
  border: 1px solid #D1C6B3;
  text-align: center;
  font: normal 11px tenor sans;
  text-transform: uppercase;
  padding: 8px 10px
}

.quenta_some_info {
  font: normal 12px tenor sans;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between
}

.quenta_bio {
  text-align: justify;
  line-height: 150%
}

.quenta_spoiler {
  background: #3F3543;
border: 1px solid #B3A287;
box-shadow: 0px 0px 15px rgba(87, 80, 56, 0.38);
  color: var(--color1);
  font: normal 11px tenor sans;
  text-transform: uppercase;
  padding: 8px;
  text-align: center;
  cursor: pointer
}

.quenta_spoiler_text + div {
  margin-top: 13px
}

.quenta_spoiler_text {
  display: none;
  background: rgba(228, 217, 183, 0.5);
  border: 1px solid #D1C6B3;
  margin-top: 1px;
  line-height: 150%;
  padding: 10px 25px
}

.quenta_end {
  background: rgba(228, 217, 183, 0.5);
  border: 1px solid #D1C6B3;
  margin-bottom: 8px;
  padding: 15px 25px;
  font: normal 13px/150% Philosopher;
}

.quenta_end span {
  display: block
}

.quenta_end span + span {
  margin-top: 5px
}


img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0
  } 

.bg_frame {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
      background: 
        url(http://forumstatic.ru/files/001a/a7/18/54597.png?v=1) no-repeat fixed top left,
        url(http://forumstatic.ru/files/001a/a7/18/18990.png?v=1) no-repeat fixed top right,
        url(http://forumstatic.ru/files/001a/a7/18/61563.png?v=1) no-repeat fixed bottom right,
        url(http://forumstatic.ru/files/001a/a7/18/66422.png?v=1) no-repeat fixed bottom left,
        url(http://forumstatic.ru/files/001a/a7/18/73594.png?v=1) repeat-y fixed top left,
        url(http://forumstatic.ru/files/001a/a7/18/20736.png?v=1) repeat-x fixed top left,
        url(http://forumstatic.ru/files/001a/a7/18/61500.png?v=1) repeat-y fixed top right,
        url(http://forumstatic.ru/files/001a/a7/18/20498.png?v=1) repeat-x fixed bottom left;
z-index: -1
}

.minute_wrap {
  position: absolute;
  width: 82px;
  height: 82px;
  overflow: hidden;
  border-radius: 100%;
  top: 26px;
  margin-left: 937px;
  z-index: 99999
}

.show_me {
  display: block;
  width: 82px;
  height: 82px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%;
  overflow: hidden
}

.hide_me {
  display: none;
  width: 82px;
  height: 82px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%
}



.minute_wrap img {
  width: 82px;
  filter: grayscale(50%)
}

.minute_wrap div:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 110%;
  height: 110%;
  display: block;
  position: absolute;
  top: -5%;
  left: 0;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.minute_wrap div:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.minute_wrap div:hover:after {
  transform: translateY(100%)
}

.minute_wrap div:hover:before {
  transform: translateY(-100%)
}

.original_bg img {
  filter: grayscale(0);
  width: 500px;
  margin-top: -100px;
  margin-left: -20px
}

.original_bg {
  background: #241E27
}

.some_gif_wrap {
  position: absolute;
  width: 73px;
  height: 73px;
  overflow: hidden;
  border-radius: 100%;
  top: 118px;
  margin-left: -94px;
  z-index: 99999
}

.some_gif_wrap .show_me {
  display: block;
  width: 73px;
  height: 73px;
  position: absolute;
  top: 0;
  left: 0
}

.some_gif_wrap .hide_me {
  display: none;
  width: 73px;
  height: 73px;
  position: absolute;
  top: 0;
  left: 0
}

.some_gif_wrap img {
  width: 73px;
  filter: grayscale(50%)
}

.some_gif_wrap div:after {
  content: "";
  background: rgba(44, 38, 47, 0.62);
  width: 110%;
  height: 110%;
  display: block;
  position: absolute;
  top: -5%;
  left: 0;
  z-index: 2;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.some_gif_wrap div:before {
  content: "";
  background: rgba(47, 38, 53, 0.48);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: color;
  transition: transform .6s cubic-bezier(.64,.51,.55,1.16) 0s;
  transform: translateX(0%)
}

.some_gif_wrap div:hover:after {
  transform: translateY(100%)
}

.some_gif_wrap div:hover:before {
  transform: translateY(-100%)
}

.some_gif_wrap .original_bg img {
  filter: grayscale(0);
  width: 500px;
  margin-top: -100px;
  margin-left: -20px
}

.actions_wrap {
  background: red;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.actions_text {
  position: absolute;
  background: #F9E9CF;
  border: 1px solid rgba(233, 231, 213, 0.62);
  box-sizing: border-box;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3), inset 0px 0px 30px #C9C497;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  padding: 20px;
  line-height: 150%;
  display: none
}

.actions_text div {
  overflow-y: auto;
  height: 100%;
  padding-right: 10px
}

.actions_wrap + .actions_wrap {
  margin-top: 30px
}

.marvel_stat_wrap {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;
  box-shadow: 0 0 0 1px #f8e8ce inset, 0 0 15px 0 #ebdac0;
  padding: 20px;
  width: 600px;
  margin: auto
}

.marv_stat_head {
  background: var(--bg5);
  border: var(--border3);
  box-shadow: var(--shadow3);
  color: var(--color2);
  font: normal 17px tenor sans;
  text-transform: uppercase;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between
}

.marv_stat_head span {
  color: var(--color1)
}

.marv_stat_text {
  margin: 10px 0 15px 0;
  font: normal 13px/150% philosopher
}

.marv_persons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px
}

.marv_persons + .marv_persons {
  margin-top: 20px
}

.marv_stat_item {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: auto auto 1
}

.marv_stat_item:first-child {
  width: 200px;
}

.marv_stat_item span {
    background: var(--bg5);
  border: var(--border3);
  box-shadow: var(--shadow3);
  color: var(--color2);
  font: normal 13px tenor sans;
  text-transform: uppercase;
  padding: 4px 10px;
  text-align: center;
  width: 100%;
  margin-bottom: 13px
}

.marv_stat_item a {
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  position: relative;
  border: 1px solid #908778 !important;
  opacity: .8;
  mix-blend-mode: luminosity;
  transition: all .5s ease-in-out 0s !important;
}

.marv_stat_item a:hover, .marv_stat_item.larger a:hover {
  opacity: 1;
  mix-blend-mode: normal
}

.marv_stat_item img {
  width: 44px;
}

.marv_stat_item.larger {
  width: 140px
}

.marv_stat_item.larger a {
  display: block;
  width: 140px;
  height: 44px;
  overflow: hidden;
  position: relative;
  border: 1px solid #908778 !important;
  opacity: .8;
  mix-blend-mode: luminosity;
  transition: all .5s ease-in-out 0s !important;
  flex: 1
}

.marv_stat_item.larger img {
  width: 140px;
}

.marv_post_head {
    background: var(--bg5);
  border: var(--border3);
  box-shadow: var(--shadow3);
  color: var(--color2);
  font: normal 13px tenor sans;
  text-transform: uppercase;
  padding: 4px 15px;
  margin-top: 20px;
  text-align: center
}

.marv_post_head a {
  color: var(--color2) !important;
}

.marv_post_head a:hover {
  color: var(--color1) !important;
}
.marv_footer_pic {
  overflow: hidden;
  height: 70px;
  border: 1px solid #908778;
}

.marv_footer_pic div {
  position: relative;
  height: 100%;
  width: 100%;
}

.marv_footer_pic div:after {
  content: "";
  background: #fbebd1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .4;
  transition: all .5s ease-in-out 0s
}

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

.marv_footer_pic img {
  width: 100%;
  mix-blend-mode: luminosity;
  opacity: .8;
  transition: all .5s ease-in-out 0s
}

.marv_footer_pic:hover img {
  opacity: 1;
  mix-blend-mode: normal
}

.marv_footer_pic a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%
}

.marv_footer_pic span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  font: normal 17px tenor sans;
  color: #fbebd1;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  text-shadow: 1px 1px 1px #474032;
  transition: all .5s ease-in-out 0s
}

.marv_footer_pic:hover span {
  opacity: 0
}

.marv_stat_footer {
  background: var(--bg5);
  border: var(--border3);
  box-shadow: var(--shadow3);
  color: var(--color1);
  font: normal 13px tenor sans;
  text-transform: lowercase;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 20px
}

.marv_stat_footer em {
  color: var(--color2);
  font-style: normal;
  font-size: 15px !important;
}

.casino_wrap {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;
  box-shadow: 0 0 0 1px #f8e8ce inset, 0 0 15px 0 #ebdac0;
  padding: 25px
}

.casino_header {
  font: normal 20px tenor sans;
  text-transform: uppercase;
  color: #5e4968;
  text-align: center;
  margin-bottom: 20px
}

.casino_header span {
  color: #332838
}

.casino_text {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;
  padding: 20px;
  font: normal 12px/150% philosopher
}

.casino_item1 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  gap: 20px
}

.casino_number_block {
  background: url(http://forumstatic.ru/files/001a/a7/18/59790.jpg?v=1);
  border: 1px solid #3e284c;
  box-shadow: 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 10px 0 #ebdac0;
  padding: 15px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font: normal 12px tenor sans;
  text-transform: uppercase;
  color: #e3d3b7;
}

.casino_number_block span {
  display: block;
  text-align: center;
}

.casino_number_block span:first-child {
  background: url(http://forumstatic.ru/files/001a/84/ef/21559.gif) repeat, #a1925d;
  background-blend-mode: screen, normal;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -moz-background-clip: text !important;
  -o-background-clip: text !important;
  color: rgba(0,0,0,0);
  font-size: 100px;
  line-height: 90%
}

.casine_links {
  background: rgba(145,132,93,.05);
  border: 1px solid #d8c7ad;
  flex: 1;
  padding:10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px
}

.casine_links span {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;
  width: 100%;
  text-align: center;
  font: normal 14px tenor sans;
  padding: 8px 0;
}

.casine_links a {
  background: #4c4252;
  border: 1px solid #4b3358 !important;
  box-shadow: 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 10px 0 #ebdac0;
  color: var(--color2) !important;
  font: normal 12px tenor sans;
  text-align: center;
  text-transform: uppercase;
  flex: auto;
  padding: 5px 10px;
  transition: all .6s ease-in-out 0s !important;
}

.casine_links a:hover {
  background: rgba(145,132,93,.1);
  border: 1px solid rgba(145,132,93,.7) !important;
  color: var(--color3) !important;
}

.casino_prize_pic {
  margin-top: 20px;
  overflow: hidden;
  position: relative
}

.casino_prize_pic div {
  position: relative;
  height: 120px;
  overflow: hidden;
  border: 1px solid #39313d;
  background: #7e6e87;
}

.casino_prize_pic img {
  filter: grayscale(100%);
  width: 100%;
  mix-blend-mode: multiply
}

.casino_prize_pic div:after {
  content: "";
  display: block;
  background: #4c4252;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3
}

.casino_prize_pic span {
  position: absolute;
  top: 50%;
  left: 0;
  color: var(--color2);
  font: normal 20px tenor sans;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  transform: translateY(-50%)
}

.casino_bet {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.bet_item {
  background: rgba(145,132,93,.05);
  border: 1px solid #d8c7ad;
  padding: 15px 0;
  text-align: center;
  font: normal 20px tenor sans;
  flex: auto
}

.bet_item span {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;
  display: block;
  font: normal 12px tenor sans;
  text-transform: uppercase;
  padding: 5px 20px;
  margin-bottom: 10px;
}

.casino_passion_h {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;;
  margin: 20px 0;
  font: normal 13px tenor sans;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 0;
}

.casion_passion_items {
  display: flex;
  justify-content: space-between;
}

.casion_passion_items a {
  width: 158px;
  height: 108px;
  overflow: hidden;
  border: 1px solid #381945 !important;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center
}

.casion_passion_items div {
  width: 158px;
  height: 108px;
  overflow: hidden;
  position: relative;
  background: #7e6e87
}

.casion_passion_items img {
  filter: grayscale(100%);
  width: 100%;
  mix-blend-mode: multiply
}

.casion_passion_items div:after {
  content: "";
  display: block;
  background: #4c4252;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3
}

.casion_passion_items a > span {
  background: #302836;
  position: absolute;
  left: 0;
  color: var(--color1) !important;
  font: normal 12px tenor sans;
  text-transform: uppercase;
  width: 100%;
  padding: 8px 5px;
  transition: transform .3s cubic-bezier(.64,.51,.55,1) 0s;
  transform: scaleX(0);
  transform-origin: right
}

.casion_passion_items a:hover span {
  transform: scaleX(1);
  transform-origin: left
}

.casino_bank_spoiler {
  margin-top: 20px;
  background: url(http://forumstatic.ru/files/001a/a7/18/59790.jpg?v=1);
  border: 1px solid #4b3358 !important;
  box-shadow: 0 0 10px 0 rgba(118,110,94,.4) inset, 0 0 10px 0 #ebdac0;
  color: var(--color2) !important;
  font: normal 14px tenor sans;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 0;
  cursor: pointer
}

.casino_bank_text {
  background: rgba(145,132,93,.1);
  border: 1px solid #d8c7ad;
  padding: 20px;
  font: normal 12px/150% philosopher;
  display: none
}

@media screen and (max-height: 700px) {

.top_navigation {
  display: none
}

#pun-navlinks {
    position: absolute !important;
}

}