@import url(style_cs.1614516967.css);
@import url(https://forumstatic.ru/files/0019/78/44/95259.css);

html.punbb {border-style: none !important;}

html, body {margin: 0; padding: 0}

.FrozenBG {
    display: none;
    background: url(https://forumstatic.ru/files/001b/09/d0/30075.jpg) bottom center fixed;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: cover;
}


#pun-viewforum[data-forum-id="17"] .FrozenBG,
#pun-viewtopic[data-topic-id="195"] .FrozenBG
{
    display: block !important;
}

tp {
    width: 30%;
    display: inline-block;
    margin: -3px 0 4px 0 !important;
}

tp a {
    display: inline-block;
    background: #e2d2c9;
    padding: 4px 30px;
    font-weight: bold;
    font-size: 15px;
    width: max-content;
}

.gdscrpt {
    margin: -7px 0px 4px 0px !important;
    height: 88px;
    overflow: auto;
    font-size: 12px;
    padding: 0 5px 0 0;
}

bann {
    display: block;
    position: absolute;
    padding: 4px 5px;
    left: 0;
    width: 890px;
    height: 31px;
    overflow: auto;
    bottom: -39px;
    text-align: justify;
    background: #f1ede9;
}

bann a {filter: opacity(0.5);}
bann a:hover {filter: opacity(1);}

.posthead {
    font-weight: bold;
    color: #455f5f;
    box-shadow: inset 0 -1px 0px #c8d0cc;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 0 4px 0 !important;
    height: 19px;
    padding: 0 30px 0 1px;
    width: max-content;
    font-size: 13px;
}

.mtrack, .weekimgs div, .cit, .postsact a, needs a {border: 1px solid rgb(103 109 108 / 33%);}

.mtrack {
    position: absolute;
    left: 612px;
    top: 5px;
    display: block;
    padding: 6px;
    line-height: 1;
    font-size: 12px;
    background: rgb(0 0 0 / 34%);
    width: 230px;
    white-space: pre-line;
    font-style: italic;
    height: 64px;
    overflow: auto;
}
.mtrack span {
    display: block;
    text-align: right;
    margin: 4px 0 -10px 0px !important;
    font-style: normal;
}
.mtrack span a {color: #afb8b4 !important;}
.mtrack span a:hover {color: #f1ede9 !important;}


needs {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 50px;
    height: 160px;
}

.weekimgs {
    display: block;
    width: 114px;
    height: 164px;
    position: absolute;
    top: 5px;
    left: 494px;
}

.weekimgs div {
    margin: 0 0px 8px 0;
    overflow: hidden;
    height: 74px;
    width: 110px;
background: rgb(181 143 122 / 40%);
}


.weekimgs a {}
.weekimgs img {
width: 110px;height: 74px; filter: opacity(0.5) grayscale(1); transition: ease-in-out 0.3s;
}

.weekimgs img:hover {filter: opacity(1) grayscale(0);}



/* Постописцы-Активисты начало*/
.cit {
    width: 186px;
    height: 56px;
    margin: 2px 0 7px 0 !important;
    padding: 6px;
    line-height: 1;
    text-align: justify;
    font-size: 11px;
    overflow: auto;
    background: rgb(0 0 0 / 34%);
    color: #a5978a;
}
.cit span {
    display: block;
    height: 10px;
    text-align: center;
    padding: 2px 0;
    margin-bottom: 3px;
}
.cit span a {
    display: inherit;
    border: none;
    width: auto;
    height: auto;
    line-height: inherit;
    color: #afb8b4 !important;
    background: none;
}

.postsact {
    display: block;
    z-index: 1;
    width: 201px;
    line-height: 1.7;
    height: 160px;
    position: absolute;
    left: 287px;
}
.postsact img, needs img {
     filter: opacity(0.5) grayscale(1);
    transition: ease-in-out 0.3s;
}
.postsact a:hover img, needs a:hover img {filter: opacity(1) grayscale(0);}

.postsact a, needs a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0;
    padding: 0;
    background: rgb(181 143 122 / 40%);
}
needs a {
    width: 48px !important;
    overflow: hidden;
}

/* Постописцы-Активисты конец*/

/* Инфа в шапке*/
about {
    top: 146px;
    position: absolute;
    left: 104px;
    text-transform: uppercase;
    width: 168px;
    height: 34px;
    overflow: hidden;
    display: block;
    text-align: center;
    white-space: pre-line;
    font-size: 12px;
    color: #e6dfdb;
    text-shadow: 0px 0px 2px #000000;
}

ttitle {
    display: block;
    top: 40px;
    line-height: 0.8;
    left: 120px;
    height: 103px;
    letter-spacing: -14px;
    width: 140px;
    position: absolute;
    filter: opacity(0.7);
}

ttitle span:nth-child(1) {
    color: #f1ede9;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 115px;
    display: inline-block;
    overflow: hidden;
    height: 88px;
    width: 145px;
}

ttitle span:nth-child(2) {
    font-family: Rolina;
    color: #6c827f;
    font-size: 80px;
    display: inline-block;
    margin: 0px 0 0 -67px !important;
}

flinks {
    display: block;
    width: 870px;
    margin: 4px 0 0 -10px !important;
    text-align: center;
}

flinks a {
    display: inline-block;
    margin: 0 6px 0px 0 !IMPORTANT;
    padding: 2px 6px;
    font-size: 12px;
    color: #aa9583 !IMPORTANT;
    text-shadow: 1px 1px 0px #fff;
    height: 14px;
}

flinks a:hover {
    color: #6c827f !IMPORTANT;
}

.dscr {
    display: block;
    width: 384px;
    font-size: 10px;
    text-align: justify;
    line-height: 1.2;
    max-height: 80px;
    margin-left: 13px !important;
}

.mtrack::-webkit-scrollbar-thumb, .cit::-webkit-scrollbar-thumb {background-color: rgb(170 149 131 / 39%);}
.mtrack::-webkit-scrollbar-track, .cit::-webkit-scrollbar-track {background-color: transparent}

newstbl {
    background: url(https://forumstatic.ru/files/001a/fc/36/48608.jpg);
    display: block;
    width: 850px;
    height: 160px;
    padding: 5px;
    position: relative;
    color: #d2c2b2;
}

wht {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.3;
transition: ease-in-out 0.3s;
}

wht:hover {opacity: 1;}


/* Инфа в шапке конец*/


menu {
    display: block;
    margin: 0 0 0 -19px !important;
    background: #f1ede9;
    position: fixed;
    width: 860px;
    height: 64px;
    top: 0;
    z-index: 999998;
}
.bigframe {width: 100%;height: 100%;background: transparent;display: block;position: fixed;top: 0;left: 0;z-index: -1;box-shadow: inset 0 0 0 1px #f1ede9;}

html {background: url(https://forumstatic.ru/files/001a/fc/36/56046.jpg) center center no-repeat fixed;background-size: cover;background-color: #a99887;}

.punbb * {margin:0;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0;list-style: none;}
.punbb img {border:none}
.punbb .main table {table-layout: fixed;width: 100%;}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *,div[class="checkfield"] *,fieldset[class="radiofield"] * {height: 1.8em;vertical-align: middle}

#pun-main div.catleft, #pun-main div.catright, .punbb .datafield br, .punbb td .modlist, #pun-viewforum th.tc3, #pun-viewforum td.tc3, .modmenu .container span, div#pun-live-rusff, .topic a.sharelink, li.pl-reports, p.lastedit, #pun-break4, #pun-break1, .fs-box li.pa-reg, .fs-box li.pa-posts, .post-links li.pl-email:nth-child(3), .fs-box .post-links li.pl-email, td#button-graffiti_rusff, #form-buttons td#button-files_rusff, #pun-announcement h2, #post-form h2, #pun-ulinks li.item3, #post-form legend span, td#button-smile, .forum thead, #profilenav h2, #pun-messages small#plng, #viewprofile li#pa-invites, #pun-index #pun-crumbs1, #pun-index #pun-crumbs2, #pun-status span.item1, #pun-status span.item2, #pun-modviewforum td.tc3, li#navawards, .punbb .user-avatar .isonline, span.num_msg:before, #pun-register #register .info-box, #pun-title, #pun-index .category table thead, #pun-profile small#plng, .usertable thead, li.pa-gifts, #pun-profile tp {display: none !important;}

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

.punbb .post-content img.postimg {
    vertical-align: middle;
}

.post-content table img {
    vertical-align: inherit !important;
}

body {min-width: 1100px;font-size: 13px;}

#pun_wrap {min-width: 1100px;}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 12px Scada, verdana, arial, helvetica, sans-serif}

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-weight: normal;}

.punbb pre {font: 13px Scada, monaco, "bitstream vera sans mono", "courier new", courier, monospace}

.punbb address, .punbb em {font-style: normal}
.punbb .post-content em {font-style: italic}
.punbb .post-content em.bbuline {font-style: normal;text-decoration: underline;}

.punbb a {text-decoration: none;}
.punbb optgroup {font-weight: bold;}

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

#pun {
    margin: 50px auto 40px auto;
    width: 890px;
    padding: 5px;
    position: relative;
    background: #f1ede9;
    color: #333;
  }

.punbb {
    font: normal 13px Scada, verdana, sans-serif;
    width: auto;
    height: auto;
    padding: 14px;
  }

#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

.punbb .section, .punbb .main {margin-bottom: 0;}
.punbb .category, .punbb .post {margin-top: 0.4em;}
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}

.category, #pun-stats {
    border: 1px solid #e6dfdb;
    margin-top: 20px !important;
}

#pun-stats {padding: 0 10px 10px 10px;}

#pun-stats H2 {margin: 5px -10px 20px -10px;}
#pun-index .category h2 {margin: 5px 0 20px 0;}

#pun-index .category h2, #pun-stats H2 {
    height: 20px;
    padding: 0;
    text-align: center;
    background: rgb(202 191 182);
    font-size: 34px;
    color: rgb(69 95 95);
    line-height: 1.4;
    text-transform: uppercase;
    filter: opacity(0.3);
}

#pun-viewforum table, #pun-messages table {border-spacing: 0px 10px;}
#pun-messages #profile fieldset {padding: 0px 20px;     border-color: transparent !important;}
#pun-messages .fs-box .post h3 {margin: 0 0px 0px -20px;width: 858px;}
#pun-messages .fs-box .post h3 span {
    margin: 0 0 0 0px;
    width: 846px;
    padding-left: 10px;
}

#pun-messages .fs-box .post-box {
    margin: 10px 0 0 0 !important;
}

#pun-index .main .category table tbody tr {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 13px;
    height: 110px;
}

#pun-post .topic {margin-top: 1em;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {  }
.punbb .container {  }
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 {padding: 5px 10px;}

h1 {
    height: 17px;
    font-size: 14px;
    text-align: center;
    font-weight: bold !important;
}

#pun-viewforum h1 {
    height: 10px;
    line-height: 0.5;
    font-size: 13px;
    padding: 8px 0 4px 0px;
}

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

.punbb .post-sig dt {display: block;margin: 5px 0;}

.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

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

.punbb .post-content .scrollbox {width: 100%;overflow: auto;}

.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 6px 0;
    padding: 10px;
    border: 1px solid #e2d2c9;
    box-shadow: 0 -2px 0 #e2d2c9, 0 2px 0 #e2d2c9;
  }

.punbb .post-content .quote-box .quote-box {box-shadow: inset 2px 0px 0px #e2d2c9, inset -2px 0px 0px #e2d2c9;}

.post-content .spoiler-box > div {background: none !important;padding-left: 22px !important;}

.post-content .spoiler-box > div:before {
    content: '\e183';
    font-family: saturnicons;
    position: absolute;
    margin: 0 0 0 -24px;
    font-size: 16px;
}

.code-box {
    overflow: auto;
    height: 50px;
    padding: 4px 0px 0px 4px;
    font-size: 10px;
    line-height: 1;
}

.post-content .code-box .scrollbox {overflow: hidden;}

/* B1.9 */
.punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

.quote-box cite {
    padding-bottom: 6px;
    border-bottom: 1px dotted #d2d2d2;
    margin-bottom: 10px ;
  font-weight: bold;
  font-style: normal;
  display: block;
}

.code-box pre {font-size: 10px;}

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

.punbb .info-box * {padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend {font-size: 1.1em;font-weight: bold;}

.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  height: 0;
  }

.multipage {margin-top: 20px;}

.linkst .pagelink {
  position: absolute;
  top: -4em;
  width: 24em;
  }

.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 0;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

.punbb .linksb {
  text-align: right;
  padding: 5px 0;
  }

.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

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

#pun.ru.isguest.gid3 .linksb .postlink span.closed {margin: 0 70px 0 0px !important;}
#pun.ru.isguest.gid3 .linksb {margin: 30px 0 0 0 !important;}

.subscribelink {clear:both;padding-top: 0.3em;padding-bottom: 0.5em;}
.punbb .formal .container {padding: 1.7em 2.3em 1.1em 2.3em;}
form#post {padding: 0px;}
#pun-viewtopic .formsubmit {margin: -20px 0px 30px -10px !important;text-align: center;}
.punbb .formsubmit {padding: 0 0 0 1.7em;margin: 1em 0 0 0;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 0.6em 0 0}
fieldset#post-preview {padding: 0 5px;}

.punbb fieldset {
  border-style: none;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

.punbb fieldset legend {
    padding: 0 5px;
    margin: 0 0 0 11px;
    font-size: 14px;
  }

.punbb fieldset legend span {padding: 0 5px;margin: 0;}
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

.punbb .fs-box {padding: 1em 0 0.8em 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 0.8em 0}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left;margin-right: 1em;}
.punbb .inline .infofield {clear:both}
.punbb .required label, .punbb .datafield span.input {font-weight: bold}
.punbb .datafield span.input a {font-weight: normal;}
.punbb .areafield span.input, .punbb p.longinput span.input {display: block;padding: 0 12em 0 0;height: 100%; /* For IE */}
.punbb textarea, .punbb .longinput input {width: 64%;margin: 0;}
.punbb .hashelp {position: relative;}

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

.punbb #profile .helplinks {top: 1.5em;}
.punbb .helplinks span {display: block;padding-bottom: 0.2em;}

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


#pun-respect table thead {display:block;}

#pun-respect table thead th {
    display: inline-block;
    border: 1px solid #dbdbdb;
    text-align: center;
    text-transform: lowercase;
    font-weight: bold;
}

#pun-respect table tr {display: block;margin-bottom: 2px;}

#pun-respect td {
    border: 1px solid #c8d0cc;
    display: inline-block;
    height: 30px;
    width: 100px !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px !important;
}

#pun-respect table thead th.tcl,#pun-respect table thead th.tc3 {width: 110px !important;}
#pun-respect table thead th.tc2 {width: 40px !important;}
#pun-respect table thead th.tc3:nth-child(4) {width: 310px !important;margin-right: 4px;}
#pun-respect table thead th.tcr {width: 197px !important;}

#pun-respect td.tcl {text-align: center;width: 100px !important;}
#pun-respect td.tc2 {width: 30px !important;}
#pun-respect td.tc3:nth-child(4) {width: 300px !important;text-align: left;margin-right: 4px;}
#pun-respect td.tcr {width: 187px !important;}

.punbb .main .tcl {padding: 5px !important;}
in .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center;width: 10%;}

.punbb .main .tcr {text-align: left;width: 30%;}

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

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

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%;white-space: normal;}

/* C2.8 */
#pun-index .tcl h3 {
    height: 27px;
    margin: -6px auto 3px 44px;
    position: relative;
    width: 347px;
  }

#pun-index .tcl h3::after {
    content: '/';
    position: absolute;
    right: -15px;
    font-size: 30px;
    line-height: 1;
    color: #9eafaf;
}

#pun-index .tcl h3 a {
    font-size: 19px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    width: 370px;
    height: 20px;
    bottom: 4px;
    left: 0;
    line-height: 1.2;
    color: #aa9583 !important;
    font-weight: bold;
    text-shadow: 1px 1px 0px #fff;
}

#pun-index .tcl h3 a:hover, #pun-index .tcl h3 a:focus, #pun-index .tcl h3 a:active {color: #c8d0cc !important;}

#pun-index .tclcon  {padding: 5px 0;}

td.tc_tbl {
    position: absolute;
    top: 0px;
    left: 220px;
    width: 635px;
    height: 40px;
    padding: 0px !important;
}

#pun-index td.tcr {
    width: 460px !important;
    height: 40px;
    position: absolute;
    left: 421px;
    top: 38px;
    display: inline-block;
    padding: 0;
}

#pun-index td.tcr a:nth-child(2) {
    display: block;
    width: 390px;
    height: 16px;
    margin: -3px 0 0 16px;
    padding: 4px 0 0 0;
    font-size: 13px;
    overflow: hidden;
}

#pun-index span.lastpost {
    display: block;
    width: 387px;
    height: 20px;
    margin: -14px 0 0px 18px;
    z-index: 0;
    font-size: 12px;
}

#pun-index td.tc2, #pun-index td.tc3 {
    display: inline-block !important;
    height: 13px;
    padding: 0 !important;
    text-transform: lowercase;
    font-size: 12px;
    letter-spacing: 1px;
    position: absolute;
    top: 13px;
    font-weight: bold;
}

#pun-index td.tc2 {left: 420px;width: 100px;}
#pun-index td.tc3 {left: 510px;width: 100px;}
#pun-index td.tc2:after {content:'topics';}
#pun-index td.tc3:after {content:'posts';}

#pun-index td.tc2:after, #pun-index td.tc3:after {font-weight: normal;font-size: 11px;margin-left: 5px;}

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

.punbb .main td {padding: 0.8em 1em;}
.punbb .main th {padding: 5px;}

.punbb .post .container {margin-top: -1px;padding-bottom: 1px;}

#topic-users-in {font-size: 11px;min-height: 10px;}

#pun-viewtopic h1 {height: 16px;font-size: 13px;}

#pun.ru.isguest.gid3  .post h3 {margin: 40px 0 0 -20px !important;}

.punbb .post h3 {
    font-size: 12px;
    width: 880px;
    padding: 0;
    margin: 30px 0 10px -20px;
    height: 0;
  }

.punbb .post h3:before {
    display: block;
    content: "";
    height: 75px;
    margin: -75px 0 0;
}

.punbb .post h3 span {
    display: block;
    margin: -6px -21px 0 1px;
    background: #e2d2c9;
    width: 900px;
}

.punbb .post h3 strong {
    float: right;
    width: 30px;
    height: 14px;
    text-align: center;
    margin: 0px 0px 0px 0;
    color: #6c827f;
    background: #f1ede9;
  }

.punbb .post h3 span a {
    padding: 2px 0px 2px 10px;
}

#pun-messages .post-author {
    margin: 22px 0 10px -21px;
    width: 214px;
}

#pun-messages li.pa-author {margin: 4px 0px 0px 0;;}

#pun-messages li.pa-avatar.item2 {
    width: 214px;
    margin-bottom: 10px;
}

#pun-messages li.pa-title {width: 214px;}

#tuser {
    cursor: pointer;
    opacity: 0  !important;
    margin: 0 !important;
    padding: 0  !important;
    width: 10px  !important;
    height: 10px  !important;
    font-size: 10px  !important;
    line-height: 0 !important;
    top: 4px !important;
    right: 6px !important;
    position: absolute !important;
}

#tuser:hover {opacity: 1  !important;}

.punbb .post-author {
    position: relative;
    float: left;
    padding: 0;
    min-height: 60px;
    width: 220px;
    margin: 20px 0 0 -19px;
    background: linear-gradient(to top, #afb8b4 -40%, #e2d2c9 90%);
  }

.pa-author {
    font-weight: normal;
    margin: 4px 0 0 0px;
    display: block;
    font-family: Scada;
    width: 220px;
    text-align: center;
    height: 20px;
    font-size: 14px;
    color: #526361 !important;
  }

li.pa-title {
    font-size: 9px;
    text-align: center;
    margin: -2px 0 0 0px;
    width: 220px;
    color: #485a58;
  }

li.pa-avatar.item2 {
    margin: 4px 0 0 0px;
    width: 220px;
    text-align: center;
    line-height: 0;
    overflow: hidden;
    padding: 5px 0;
}


li.pa-avatar.item2 img {
    max-width: 180px;
    max-height: 180px;
    box-shadow: 0 0 0 1px #f1ede93d, 0 0 0 4px rgb(0 0 0 / 18%);
}

#viewprofile #profile-right li#pa-fld1 strong, li.pa-fld1 {
    position: relative;
    width: 180px;
    height: 35px;
    margin: 6px 0px 8px 20px;
    background: rgb(0 0 0 / 18%);
    box-shadow: 0 0 0 1px rgb(241 237 233 / 24%), 0 0 0 4px rgb(0 0 0 / 18%);
    padding: 0px 0 5px 0;
    overflow: hidden;
}

#viewprofile #profile-right li#pa-fld1 strong img, li.pa-fld1 img {
    display: block;
    width: auto;
    height: 35px;
    position: absolute;
    left: 0;
    top: 2px;
}
#viewprofile #profile-right li#pa-fld1 strong p1, li.pa-fld1 p1 {
    display: block;
    position: absolute;
    top: 4px;
    left: 40px;
    width: 137px;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    color: #f1ede9;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 10px;
    box-shadow: 0px 1px 0px #899492, 0 2px 0 #bdb3ae;
    padding-bottom: 2px;
}
#viewprofile #profile-right li#pa-fld1 strong p2, li.pa-fld1 p2 {
    display: block;
    position: absolute;
    left: 40px;
    top: 23px;
    width: 137px;
    text-align: center;
    height: 16px;
    font-size: 10px;
    font-weight: bold;
    color: #405d59;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #cac6c0;
}

li.pa-fld2 {
    font-size: 10px;
    text-align: justify;
    margin: -4px 0px -12px 0;
    padding: 5px 5px 13px 5px;
}

li.pa-fld2 a {color: #84624f !important;}
li.pa-fld2 a:hover {color: #6c827f !important;}

li.pa-fld2 nm {
    display: block;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    box-shadow: 0px 1px 0px #91a5a2, 0 2px 0 #e2d2c9;
    margin-bottom: 3px;
}

li.pa-posts span.fld-name:after {width: 54px !Important;}
li.pa-posts, li.pa-respect, li.pa-fld3, li.pa-fld4 {
    display: inline-block;
    font-size: 10px;
    text-align: center;
    width: 51px;
    margin-left: 1px;
    margin-top: 6px;
    height: 38px;
    vertical-align: top;
    position: relative;
}

li.pa-respect span.fld-name a:hover {color: #333 !impotant;}

li.pa-posts span.fld-name:before, 
li.pa-respect span.fld-name a:before, 
.isguest .pa-respect .fld-name:before,
li.pa-fld3 span.fld-name:before, 
li.pa-fld4 span.fld-name:before 
{
    font-family: saturnicons;
    font-size: 16px;
    padding: 0 3px;
    color: #6c827f;
}

li.pa-posts span.fld-name:before {content:'\e07f'}
li.pa-respect span.fld-name a:before, .isguest .pa-respect .fld-name:before {content:'\e12a'}
li.pa-fld3 span.fld-name:before {content:'\e1bb'}
li.pa-fld4 span.fld-name:before {content:'\e17b'}

li.pa-posts span.fld-name, li.pa-respect span.fld-name {display:block;font-size: 0px;}
li.pa-posts span.fld-name, li.pa-respect span.fld-name a, li.pa-fld4 span.fld-name, li.pa-fld3 span.fld-name {font-size: 0px;}

li.pa-posts span.fld-name:after {content:'сообщений'}
li.pa-respect span.fld-name a:after, .isguest .pa-respect .fld-name:after {content:'репутация'}
li.pa-fld3 span.fld-name:after {content:'постов'}
li.pa-fld4 span.fld-name:after {content:'счет'}


li.pa-posts span.fld-name:after,
li.pa-respect span.fld-name a:after, .isguest .pa-respect .fld-name:after,
li.pa-fld3 span.fld-name:after,
li.pa-fld4 span.fld-name:after {
    position: absolute;
    background: rgb(0 0 0 / 55%);
    color: #dbdbdb;
    padding: 2px 5px;
    text-transform: lowercase;
    font-size: 11px;
    text-shadow: none !important;
    margin: 0 0 0 0px;
    width: 50px;
    top: 33px;
    left: -5px;
    visibility: hidden;
}

li.pa-posts span.fld-name:hover:after,
li.pa-respect span.fld-name a:hover:after, .isguest .pa-respect .fld-name:hover:after,
li.pa-fld3 span.fld-name:hover:after,
li.pa-fld4 span.fld-name:hover:after {visibility: visible;}


li.pa-ip {
    font-size: 10px;
    padding: 0 0 2px 0;
    height: 14px;
    opacity: 0.4;
    margin-left: 4px;
}

li.pa-online {
    font-size: 10px;
    text-align: center;
    text-transform: lowercase;
    background: rgb(241 237 233);
    letter-spacing: 1px;
    padding: 2px 0 0 0;
}

li.pa-replies {font-size: 10px;padding: 6px;color: #333;}

#pun-messages .post-body {width: 600px;}

#pun-searchposts .post-body {
    margin: 84px 10px 0px 222px;
    padding-top: 0;
}

#pun-searchposts .post-author {margin: 10px 0 0 -19px;}

.punbb .post-body {
    margin: 70px 10px 0px 222px;
    width: 640px;
    position: relative;
    padding-top: 25px;
  }

.post-rating {
    display: block;
    width: 30px;
    height: 16px;
    position: absolute;
    right: -19px;
    bottom: -26px;
    font-size: 10px !important;
    font-weight: bold;
    background: #f1ede9;
    line-height: 1.1;
}

.punbb .post-box .post-rating p {float: inherit !important;text-align: center;}

.post-vote {
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    right: 44px;
    bottom: -24px;
}

#pun-viewtopic div.post-vote p {
    float: none !important;
    margin: 6px 0 0 33px !important;
    background: #f1ede9;
    position: absolute;
    height: 16px;
    line-height: 1;
    width: 20px;
    padding: 0 !important;
}

.punbb .post-box {text-align: justify;margin: 0 !important;}

#post-preview .post-box {
    padding: 10px;
}

.punbb fieldset .post-box {margin-bottom: 0.8em}

.punbb .post-links {
    margin: 10px 0 10px -19px;
    width: 830px;
    height: 16px;
    padding: 0px 70px 0px 0px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    background: #afb8b4;
}

.punbb .post-links a {
    padding: 0 5px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    height: 16px;
    line-height: 1.5;
}

.punbb .post-links a:hover {
    background: #f1ede9;
    color: #6c827f;
}

.punbb .post-links ul {height: 20px;text-align: right;}

#pun-messages .post-links {width: 788px;margin-left: -20px;}
#pun-messages li.pl-delete {margin: 0 -20px 0 100px !important}

.punbb .post-links ul li {display: inline-block;margin: 0 10px 0 0;}

.pl-email, .pl-website {float: left;}

.punbb .clearer {clear: both;height: 0;font-size: 0;}

.punbb .modmenu .container {padding: 2px 0;text-align: right;}

.punbb .modmenu strong, .punbb .modmenu a {height: 1.8em;line-height: 1.8em;}

.punbb .modmenu .container strong {float: left;}

.punbb .modmenu input {margin-left: 1em;}

.punbb .info .container {padding: 0.8em 1em}

.punbb .info .container .backlink {padding-top: 0.8em;}

#profile .container {
    margin: 0;
    padding-left: 150px;
}

#profile fieldset {
    border: 1px solid #c8d0cc;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 10px !important;
}

#viewprofile .container {padding: 0 !important;}

#pun-profile #profilenav {
    width: 130px;
    float: left;
    margin-left: -160px !important;
}

#profilenav {
    float: none;
    border: none;
    margin: 0px !important;
}

#pun-messages #profile .container {padding: 0;margin: 0;}

#profilenav li a {
    display: inline-block;
    background: #e8dfd9;
    border: 1px solid #c8d0cc;
    padding: 5px 10px;
    width: 100px;
    margin: 0 4px 8px 0;
    font-size: 12px;
}

#profilenav li {display: inline-block;}

#profilenav li a.isactive, #profilenav li a:hover, #profilenav li.isactive a {background: #fff;}

#profilenav li a:active {position:relative;top:1px;}

#profile.formal fieldset .fs-box.hashelp .resizable-textarea textarea#main-reply {width: 98.6%;}

.resizable-textarea textarea {line-height: 150%;}

#viewprofile ul {padding: 10px;margin: 0 0 10px 0;}

#pun-profile #profilenav ul {text-align: left;}

#profilenav ul {
    padding: 10px;
    margin: 0 0 0px 0;
    text-align: center;
}

#profile-left {
    width: 243px !important;
    font-size: 12px;
    text-align: center;
    background: #e8dfd9;
    border: 1px solid #c8d0cc !important;
    color: #485a58;
}

li#profile-title {
font-size: 9px;
    line-height: 0;
    padding-bottom: 5px;
}

#viewprofile #profile-right li {
    display: inline-block;
    margin: 0 0px 10px 10px;
    width: 270px;
    padding: 3px 0 3px 0;
    height: 35px;
    overflow: auto;
    font-size: 11px;
    line-height: 1.5;
    padding-left: 10px;
    background: #e8dfd9;
    border: 1px solid #c8d0cc;
    color: #485a58;
}

#viewprofile #profile-right li#pa-fld2 nm {display:block}

#profile-signature ul {
    border-style: solid!important;
    padding: 5px 0 0 0!important;
    background: none!important;
    border-color: #c8d0cc;
    margin: 0 -10px 0 -20px !important;
}

#viewprofile h2 {
  background: transparent;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

#viewprofile h2 span {padding: 0 5px;position: relative;}

#setmods dl {padding: 0 0 0 16em;margin-bottom: 0.2em;}

#viewprofile li span {font-weight: bold;}
#profile-right li strong {padding: 0 !important;}

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

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

.punbb img.avatardemo {float: right;margin: 0 0 0.8em 1.8em}

#pun-userlist .formal .container, #punbbsearch {
    padding: 10px 0px;
    border: 1px solid #c8d0cc;
    margin: 5px 0;
    font-size: 12px;
  }

#pun-userlist .usertable .container {padding: 0;}


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

#pun-pagelinks .container {background: transparent;border: none;padding: 0}
#pun-pagelinks .container li {display: inline}

#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%;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

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

#pun-navlinks {
    position: fixed;
    top: 10px;
    margin: 0px 0 0 65px;
    width: 816px;
    height: 22px;
    z-index: 999999;
    text-align: left;
    font-size: 12px;
    background: #f1ede9;
    box-shadow: 0px 1px 0 0px #e8dfd5;
  }

#pun-navlinks .container {height: 20px;}

#pun-navlinks li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 10px;
}

#pun-navlinks li a span {
text-transform: uppercase;
    margin: 0 0px 0px 5px;
}

#pun-navlinks li a {
    color: #6c827f;
    display: inline-block;
    height: 20px;
    transition: ease-in-out 0.3s;
    font-size: 12px;
    position: relative;
    padding-left: 10px;
  }

#pun-navlinks li a:hover {
    transition: ease-in-out 0.3s;
    color: #6b6b6b;
}

#pun-navlinks li a:before {
    font-family: saturnicons;
    font-size: 11px;
    display: inline-block;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 1px;
}

#pun-navlinks li#navindex a:before {content: "\e0d4";}
#pun-navlinks li#navuserlist a:before {content: "\e28e";}
#pun-navlinks li#navsearch a:before {content: "\e220";}
#pun-navlinks li#navprofile a:before {content: "\e286";}
#pun-navlinks li#navpm a:before {content: "\e1a7";}
#pun-navlinks li#navadmin a:before {content: "\e218";}
#pun-navlinks li#navlogout a:before {content: "\e1db";}
#pun-navlinks li#navregister a:before {content: "\e1d0";}
#pun-navlinks li#navlogin a:before {content: "\e1db";}
#pun-navlinks li#navpr_1 a:before {content: "\e16d";}
#pun-navlinks li#navpr_2 a:before {content: "\e2b9";}


#pun-ulinks {
    position: fixed;
    top: 40px;
    margin: 0px 0 0 65px;
    width: 816px;
    height: 17px;
    z-index: 999999;
    background: #f1ede9;
    overflow: hidden;
  }

#pun-ulinks li {
    display: inline-block;
    margin-right: 10px;
}

#pun-ulinks li a {
    color: #aa9583;
    display: inline-block;
    height: 20px;
    transition: ease-in-out 0.3s;
    font-size: 12px;
    text-transform: lowercase;
    padding-left: 12px;
    position: relative;
  }

#pun-ulinks li a:hover {
    transition: ease-in-out 0.3s;
    color: #6b6b6b;
}

#pun-ulinks li a:before {
    font-family: saturnicons;
    font-size: 9px;
    display: inline-block;
    width: 11px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}

#pun-ulinks li.item1 a:before {content: "\e156";}

#pun-ulinks li.item2 a:before {content: "\e301";}

#pun-ulinks li.item7:nth-child(3) a:before {content: "\e1f0";}

#pun-ulinks li.item4 a:before {content: "\e1bb";}

#pun-ulinks li.item5 a:before {content: "\e0a1";}

#pun-ulinks li.item8.nav-item-notifications a:before {content: "\e043";}

#pun-ulinks li.item6 a:before {content: "\e12a";}

#pun-ulinks li.item7 a:before {content: "\e084";}

#pun-status {
    position: fixed;
    top: 10px;
    margin: 0 0 0 1px;
    z-index: 999999;
    width: 44px;
    height: 44px;
    overflow: hidden;
}

.status_userava>img {width: auto  !important;height: 44px !IMPORTANT;}

#pun-crumbs2 {margin: 0px 0 0px -10px !important;}

#pun-crumbs1, #pun-crumbs2  {
    width: 860px;
    height: 21px;
    padding: 3px 0 0 0;
    margin: 10px 0 10px -10px;
    position: relative;
    text-align: center;
  }

#pun-announcement {margin-top: 10px;}
#pun-announcement .container {padding: 0; text-align: center;}

#pun-announcement a {
    display: inline-block;
    padding: 4px 10px;
    width: auto;
    max-width: 170px;
    height: 24px;
    overflow: hidden;
    white-space: pre-line;
    text-transform: uppercase;
    line-height: 1.2;
    box-shadow: 0 0 14px -10px black;
    font-size: 10px;
    font-weight: bold;
    margin: 0 5px;
}

#pun-announcement a:hover, #pun-announcement a.IMP:hover, #pun-announcement a.BRD:hover,#pun-announcement a.impNws:hover {background: #fff; color: #333 !important;}

#pun-announcement a.IMP {
    background: #e2d2c9;
    color: #776154;
    letter-spacing: 1px;
}

#pun-announcement a.impNws {
    background: #c8d0cc;
    color: #485a58;
    letter-spacing: 1px;
}

#pun-announcement a.BRD {background: #f4b4f2;}



#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

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

#pun-about {text-align: right;margin-top: 0;font-size: 10px;height: 10px;}

#pun-about p span {display:block;padding-left: 50%;}

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

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

#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;
  }

#pun-help .formal p, #pun-help .formal dd {margin-bottom: 1em}
#pun-help .formal ul, #pun-help .formal dl {padding: 0 0 0 1em}
#pun-help .formal li {padding: 0;line-height: 130%}
#pun-help .formal li * {vertical-align: text-top}

#pun-help .formal dt span {font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {padding-bottom: 0;}

#pun-index .user-avatar {width: 30px;height: 30px !important;}

.punbb .user-avatar .avatar-image {
    border-radius: 0px !important;
    opacity: 1 !important;
    height: 30px !important;
    width: 30px !important;
}

#pun-edit #tags .container {top: 70px;}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .pun-modal .modal-inner, div#spoiler-area {
    padding: 10px !important;
    border: 1px solid #c8d0cc;
    background: #f1ede9;
}

.hvStickerPackModal, #mask_dialog .inner {
    padding: 10px !important;
    border: 1px solid #e8dfd5;
    box-shadow: none !important;
    background: #f1ede9;
}

.hvStickerPackModalTab {
    background: #c8d0cc !important;
    font-family: scada !important;
    color: #536764 !important;
    text-transform: uppercase;
    border-radius: 0 !important;
}

.hvStickerPackModalTab.active {
    background: #fff !important;
    color: #333 !important;
    font-weight: bold;
}

#mask_dialog .hv-preview-block {
    margin: 0 10px 0 0px;
    width: 160px !important;
    max-width: 160px !important;
    padding: 4px;
    font-size: 11px;
    border: 1px solid #c8d0cc;
    flex: inherit;
}

.hv-preview-author {font-weight: bold;border-bottom: 1px solid gray;}
#mask_dialog .hv-preview-block img {max-width: 137px !important;}

#keyboard-span input {color: #333!important;margin: 2px!important;height: 27px!important;}

.punbb textarea, input[type="text" i], input[type="password" i], select {
    background: #e8dfd9;
    border: 1px solid #c8d0cc;
    padding: 5px;
    font-family: Scada !important;
    margin: 0 4px 0 0 !important;
    font-size: 13px;
}

#keyboard-span input {box-shadow: none;}
input:active, input:focus, textarea:active, textarea:focus {outline: none !important;}
input::-moz-focus-inner, textarea::-moz-focus-inner {border: 0 !important;}

input[type="submit" i], input#cncl, input#reputationButtonSend, input#reputationButtonCancel, input#SubmitMPst, #mask_dialog input.button, input[type="button" i] {
    font-family: Scada;
    font-weight: bold;
    background-color: #c8d0cc;
    cursor: pointer;
    color: #485a58 !important;
    padding: 6px 10px;
    text-decoration: none;
    border: none !important;
    transition: ease-in-out 0.3s;
    text-transform: uppercase;
}

input[type="submit" i]:hover, input#cncl:hover, input#reputationButtonSend:hover, input#reputationButtonCancel:hover, input#SubmitMPst:hover, #mask_dialog input.button:hover, input[type="button" i]:hover {
    background-color: #e2d2c9;
    color: #776154 !important;
}

input[type="submit" i]:active, input#cncl:active, input#reputationButtonSend:active, input#reputationButtonCancel:active, input#SubmitMPst:active, #mask_dialog input.button:active, input[type="button" i]:active {position:relative;top:1px;}

#pun-viewtopic .formal fieldset, #pun-post .formal fieldset {padding: 10px 24px 10px 10px;}

abbr[title] {text-decoration: none!important;}
.post-content abbr {cursor: help !important;border-bottom: 1px dotted #6c827f;}
.highlight-text {background-color: #e2d2c9 !important;}

span.num_msg {
    width: max-content;
    margin: -4px 0 0 2px !important;
    border-radius: 0px !important;
    height: 11px !important;
    background: #c8d0cc !important;
    color: #4b615e !important;
    font-family: 'Scada';
    padding: 3px 9px 6px 9px !important;
    border: 1px solid #e8dfd5;
    z-index: 1000005;
}

span.bubble {
    background-color: #c8d0cc!important;
    padding: 3px 1px 8px 0px;
    right: inherit !important;
    left: 85px;
    border-radius: 0px;
    top: -3px;
    width: max-content;
    font-size: 11px !important;
    color: #4b615e !important;
    font-family: scada !important;
    height: 7px;
    text-shadow: none;
    border: 1px solid #e8dfd5;
    line-height: 1;
    z-index: 999999;
}

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

.post-content hr, hr {
    height: 0px !important;
    opacity: 1 !important;
    border-top: 1px solid #e2d2c9;
    border-bottom: 1px solid #ffffff;
    border-style: solid !important;
}

#tooltip {
    position:absolute;
    margin: -30px 10px 10px 10px;
    display:none;
    text-align: center;
    padding: 3px 6px;
    font-size: 12px;
    font-weight: normal;
    color: #dbdbdb !important;
    background: rgb(0 0 0 / 70%) !important;
    border-radius: 2px !important;
    font-family: scada !important;
    z-index: 999999999999999;
}

body .tipsy.gam .tipsy-inner {font: normal 12px Scada !important;background: rgb(0 0 0 / 70%) !important;border-radius: 2px !important;}

.tipsy-s .tipsy-arrow {border-color: rgba(0, 0, 0, 0) transparent transparent transparent !important;}

html, body, #pun, .punbb, .code-box .scrollbox, textarea, #font-area, div {
scrollbar-width: thin !important;
scrollbar-color: #e2d2c9 #f1ede9;
}

::-webkit-scrollbar-button { background-repeat:no-repeat; width:6px; height:0px } 
::-webkit-scrollbar-track { background-color: #f1ede9;} 
::-webkit-scrollbar-thumb { background-color: #e2d2c9;} 
::-webkit-resizer{ background-repeat:no-repeat; width:7px; height:0px } 
::-webkit-scrollbar{width: 10px;}
::-webkit-scrollbar:horizontal {height: 10px;}

.punbb ::-webkit-scrollbar:horizontal {height: 5px;}

.punbb ::-webkit-scrollbar{width: 6px; }

small#plng {
    margin: 0px 10px 0px -18px !important;
    background-color: #c8d0cc;
    border: none !important;
}

.go-up, .go-down {display: none;position: fixed;z-index: 9999;cursor: pointer;top: 410px;width: 30px;height: 26px;margin-left: 896px;text-align: center;}
.go-up:before, .go-down:before {font-family: saturnicons;font-size: 27px;display: block;width: 30px;height: 30px;color: #6c827f;font-weight: bold;}
.go-up:before {content: "\e090";}
.go-down:before {content: "\e08d";}
.go-up img, .go-down img {display: none;}
.go-down {bottom: 25px;margin-top: 54px;}

#pun-main .formal textarea {-ms-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;}

.forum .tclcon .newtext {
    position: absolute;
    display: block;
    width: 115px;
    left: 3px;
    top: 31px;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    height: 16px;
    text-align: left;
}
.forum .tclcon .newtext a {
    font-size: 11px;
    width: 150px !important;
    padding: 0 !important;
    left: 13px;
    color: #aa9583;
}

.forum .tclcon .newtext a:hover {color: #455f5f;}

.forum .tclcon .newtext span.bracket.bracket-left, .forum .tclcon .newtext span.bracket.bracket-right {display: none;}

em.user-avatar.no-avatar span.avatar-image {background-image: url(https://forumstatic.ru/files/0019/78/44/56505.jpg)!important;}

.forum em.user-avatar {
    height: 30px !important;
    width: 30px !important;
}

.forum span.avatar-image {width: 60px !important;height: 80px !important;}

#pun-modviewforum td.tcmod {
    background: #efefef;
    width: 10px !important;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 8px 8px 5px !important;
}

#pun-searchtopics .forum .tcl a {width: 480px;}
.forum .tclcon .pagestext a {display: contents !important;}

#pun-searchtopics .forum td.tc2 {position: absolute;left: 370px;width: 200px !important;}

#pun-searchtopics .forum .tc3 {
    position: absolute;
    left: 264px;
    top: 32px;
    height: 15px;
    padding: 0 0 0 10px;
    width: 90px !important;
    border-right: 1px solid #cecece;
    padding-right: 5px;
    font-size: 12px;
}

#pun-searchtopics .forum td.tcr {
    position: absolute;
    right: 40px;
    top: 0;
    padding: 0 !important;
    width: 190px !important;
    height: 50px;
    padding-left: 0px !important;
    z-index: 0;
}

#pun-searchtopics .forum .tcl a {width: 560px;}

.forum .tclcon .byuser {
    position: absolute;
    top: 32px;
    left: 55px;
    width: 230px;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #9c836f;
    font-size: 12px;
    font-weight: normal !important;
}

.forum .tclcon .byuser::before {content: 'автор:'font-family: 'Scada';}

.forum td.tc2 {
    position: absolute;
    left: 296px;
    top: 32px;
    height: 15px;
    padding: 0 0 0 10px;
    width: 180px !important;
    text-align: left !important;
    font-size: 11px;
}

#pun-searchtopics .forum .tc2::before {content: "форум: ";font-family: 'Scada';}
.forum .tc2::before, #pun-searchtopics .forum .tc3::before {content: "ответов: ";font-family: 'scada';font-size: 11px;}


.usertable tr {
    display: block;
    width: 858px;
    margin: 0px 0px 10px 0;
    position: relative;
    border: 1px solid #c8d0cc;
    height: 40px;
}

.usertable td.relation:before {content: 'Репутация: ';font-family: 'Scada';}
.usertable td:nth-child(4):before {content: 'Сообщений: ';font-family: 'Scada';}
.usertable td:nth-child(5):before {content: 'Зарегистрирован: ';font-family: 'Scada';}
.usertable td:last-child:before {content: 'Был: ';font-family: 'Scada';}

.punbb .usertable em.user-avatar {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 200;
    height: 40px;
    width: 40px;
}

.punbb .usertable  .user-avatar .avatar-image {
    height: 40px !important;
    width: 40px !important;
}

.punbb .usertable em.user-avatar a {width: 40px;}
.usertable .tcl .user-avatar a {overflow: visible;left: 0;top: 0;}

.usertable .tcl span.usersname a {
    position: absolute;
    height: 24px;
    display: inline-block;
    padding: 0 0 0 10px;
    left: 40px;
    top: 0;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 2;
    font-weight: bold;
}

.main .usertable .tcl {
    display: block;
    overflow: inherit;
    position: relative;
    left: 0px;
    top: 0px;
    width: 190px !important;
    height: 12px;
}

.usertable .tc2 {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50px;
    height: 15px;
    z-index: 50;
    width: 260px !important;
    font-size: 10px;
    overflow: hidden;
    padding: 0px !important;
}

.main .usertable .tc3 {
    display: block;
    height: 23px;
    width: 110px !important;
    text-align: left;
    position: absolute;
    top: 0;
    font-size: 11px;
    line-height: 2;
    border-right: 1px solid #c8d0cc;
}

.usertable td.tc3.relation {left: 347px;border-left: 1px solid #c8d0cc;}
.usertable td.tc3.num_posts {left: 480px;}
.usertable td.tc3.registered {left: 613px;width: 130px !important;}
.usertable td.tc3.last_visit {left: 766px;width: 70px !important;}

.hvStickerPackModal {
background: #f1ede9 !important;
    border-color: #c8d0cc !important;
}

.hvStickerPackModalContent {border-color: #c8d0cc !important;}

#mask_dialog .hv-form-block {padding: 10px;border: 1px solid #c8d0cc;}

#mask_dialog .hv-control {padding: 20px 0 0 0 !important;}

/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
.spirit-navigation {
    display: inline-block;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #6c827f;
    transition: all 0.3s ease-in-out 0s;
    position: fixed;
    top: 17px;
    margin: 0 0 0 685px;
    z-index: 1000000;
    width: 120px;
    height: 13px;
    padding-left: 10px;
    line-height: 0;
}

.spirit-navigation:before {
    content: "\e18f";
    display: block;
    font-size: 8px;
    font-family: 'saturnicons';
    position: absolute;
    margin: 0px 0 0 -13px;
    transition: ease-in-out 0.3s;
    color: #6c827f;
}

.spirit-navigation:hover:before {color: #84acac;transition: ease-in-out 0.3s;}

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

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
    width: 183px;
    margin-left: 698px;
    position: fixed;
    top: 28px;
    z-index: 1000000;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    display: block;
    padding: 5px 5px 5px 0px;
    background: rgb(241 237 233);
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    white-space: nowrap;
    margin: 5px auto;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 2px 4px;
    text-transform: uppercase;
    width: 155px;
    font-family: Scada;
    font-size: 11px;
    font-weight: bold;
    border-left: 2px solid #6c827f;
}

/* ссылка при наведении */
#pun .sslka a:hover {background-color: #fff;}


.jGrowl.bottom-right {
bottom: 50px !important;
}

.jGrowl.top-right {
    top: 20px !important;
    z-index: 999999;
}


span#awrdbut {padding: 0 !important;margin: 0 0 -24px 0 !important;display: block;}
.mini_awards_label {display: none!important;}

input.giftsb {
    color: #6d615c !important;
    text-shadow: 1px 1px 0px black !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    margin-bottom: -10px;
    letter-spacing: 4px;
}

/* Регулировка размера шрифта в постах */
.FNTslider {
    position: relative;
    z-index: 1000;
    background: #f1ede9;
    width: 110px;
    height: 6px;
    margin: 3px 5px;
    border: solid 1px #f1ede9;
    float: right;
    margin-right: 7%;
}

.FNTslider .before {
    height: 6px;
    border: solid 1px #f1ede9;
    border-right: none 0;
    position: absolute;
    background: #e2d2c9;
    margin-top: -1px;
    margin-left: -1px;
}

.FNTslider .thumb {
    width: 10px;
    height: 6px;
    position: relative;
    top: 0px;
    background: #afb8b4;
    cursor: pointer;
}

#pun-messages .pmtcl1 {width: 36% !important;}

table#filetable {width: auto;}

.jGrowl .messag_theme {
    font-family: scada !important;
    border-radius: 2px !important;
}
#messages-list a.Author {text-shadow: none !important;}

#pun-multimove li.pl-select.checkfield {
    margin: -4px -70px 0px 0 !important;
    display: block;
    background: #dbdbdb;
    padding-left: 8px;
}

#button-sticker {background: url(https://forumstatic.ru/files/001a/db/5b/88144.png) 50% no-repeat !important;background-size: inherit !important;}

.punbb .formal fieldset {
    display: block !important;
    font-family: Scada !important;
    margin: 0 4px 0 0 !important;
    font-size: 13px;
}

#keyboard-span input {box-shadow: none;}
input:active, input:focus, textarea:active, textarea:focus {outline: none !important;}
input::-moz-focus-inner, textarea::-moz-focus-inner {border: 0 !important;}

input[type="submit" i], input#cncl, input#reputationButtonSend, input#reputationButtonCancel, input#SubmitMPst, #mask_dialog input.button, input[type="button" i] {
    font-family: Scada;
    font-weight: bold;
    background-color: #c8d0cc;
    cursor: pointer;
    color: #dbdbdb;
    padding: 6px 10px;
    text-decoration: none;
    border: none !important;
    transition: ease-in-out 0.3s;
    text-transform: uppercase;
}

#pun-main .formal textarea {-ms-text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;}

.forum tr {
    display: block;
    position: relative;
    margin-bottom: 10px;
    height: 50px;
    margin-left: 15px;
}

.forum .tcl a {
    display: block;
    position: absolute;
    top: 0px;
    left: 14px;
    padding: 7px 10px 3px 0px;
    width: 480px;
    height: 16px;
    font-size: 13px;
    border-bottom: 1px solid #e6dfdb;
}

.forum .tclcon .newtext span.bracket.bracket-left, .forum .tclcon .newtext span.bracket.bracket-right {display: none;}

.forum td.tcr {
    position: absolute;
    right: 0px;
    top: 9px;
    padding: 0 !important;
    width: 276px !important;
    height: 32px;
    z-index: 0;
}

em.user-avatar.no-avatar span.avatar-image {background-image: url(https://forumstatic.ru/files/0019/78/44/56505.jpg)!important;}

.forum span.avatar-image {width: 60px !important;height: 80px !important;}

.forum td.tcr a:nth-child(2) {
    display: block;
}

.forum td.tcr a:nth-child(2):before {
    font-family: 'saturnicons';
    content: "\e15a";
    font-size: 13px;
    margin: 0px 4px 0 0px;
    display: inline-block;
    color: #c8d0cc;
}

.forum td.tcr .byuser::before {content: 'от';font-family: 'Scada';}
.forum td.tcr .byuser {
    display: block;
    width: 240px;
}

#pun-modviewforum td.tcmod {
    background: #efefef;
    width: 10px !important;
    height: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 8px 8px 5px !important;
}

#pun-searchtopics .forum .tclcon .byuser {
    position: absolute;
    top: 32px;
    left: 33px !important;
    width: 230px;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #cecece;
    font-size: 11px;
    font-weight: normal !important;
}

#pun-searchtopics .forum .tclcon .pagestext {right: 280px;}
.forum .tclcon .pagestext {
    position: absolute;
    border-style: none !IMPORTANT;
    width: max-content;
    height: 15px;
    top: 8px;
    right: 350px;
}

#pun-searchtopics .forum .tcl a {width: 460px;}
.forum .tclcon .pagestext a {display: contents !important;}

span.closedatafield {
    display: block !important;
    position: absolute;
    top: 9px;
    left: -13px;
    font-size: 0;
    width: 12px;
    height: 17px;
}

span.closedatafield:before {
    font-family: 'saturnicons';
    content: "\e163";
    font-size: 12px;
    color: #6c827f;
    opacity: 0.7;
}

span.stickytext {
    display: block !important;
    position: absolute;
    top: 9px;
    left: -32px;
    font-size: 0;
    width: 12px;
    height: 17px;
}

span.stickytext:before {
    font-family: 'saturnicons';
    content: "\e310";
    font-size: 13px;
    color: #6c827f;
    opacity: 0.7;
}

#pun-searchtopics .forum .tcl a {width: 560px;}

.forum .tclcon .byuser {
    position: absolute;
    top: 32px;
    left: 55px;
    width: 230px;
    text-align: right;
    padding-right: 10px;
    border-right: 1px solid #9c836f;
    font-size: 12px;
    font-weight: normal !important;
}

.forum .tclcon .byuser::before {content: 'автор:'font-family: 'Scada';}

#pun-searchtopics .forum .tc2::before {content: "форум: ";font-family: 'Scada';}
.forum .tc2::before, #pun-searchtopics .forum .tc3::before {content: "ответов: ";font-family: 'scada';font-size: 11px;}


.usertable tr {
    display: block;
    width: 858px;
    margin: 0px 0px 10px 0;
    position: relative;
    border: 1px solid #c8d0cc;
    height: 40px;
}

.usertable td.relation:before {content: 'Репутация: ';font-family: 'Scada';}
.usertable td:nth-child(4):before {content: 'Сообщений: ';font-family: 'Scada';}
.usertable td:nth-child(5):before {content: 'Зарегистрирован: ';font-family: 'Scada';}
.usertable td:last-child:before {content: 'Был: ';font-family: 'Scada';}

.punbb .usertable em.user-avatar {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 200;
    height: 36px;
    width: 36px;
}

.punbb .usertable em.user-avatar a {width: 36px;}
.usertable .tcl .user-avatar a {overflow: visible;left: 0;top: 0;}

.usertable .tcl span.usersname a {
    position: absolute;
    height: 24px;
    display: inline-block;
    padding: 0 0 0 10px;
    left: 40px;
    top: 0;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 2;
    font-weight: bold;
}

.main .usertable .tcl {
    display: block;
    overflow: inherit;
    position: relative;
    left: 0px;
    top: 0px;
    width: 190px !important;
    height: 12px;
}
.usertable .tc2 {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50px;
    height: 15px;
    z-index: 50;
    width: 260px !important;
    font-size: 10px;
    overflow: hidden;
    padding: 0px !important;
}

.main .usertable .tc3 {
    display: block;
    height: 23px;
    width: 110px !important;
    text-align: left;
    position: absolute;
    top: 0;
    font-size: 11px;
    line-height: 2;
    border-right: 1px solid #c8d0cc;
}

.usertable td.tc3.relation {left: 347px;border-left: 1px solid #c8d0cc;}
.usertable td.tc3.num_posts {left: 480px;}
.usertable td.tc3.registered {left: 613px;width: 130px !important;}
.usertable td.tc3.last_visit {left: 766px;width: 70px !important;}

#pun-viewtopic #form-buttons {width: 838px;}

::selection  {background: #c8d0cc;}

.jGrowl.bottom-right {bottom: 50px !important;}
.jGrowl.top-right {top: 50px !important;}


span#awrdbut {padding: 0 !important;margin: 0 0 -24px 0 !important;display: block;}
.mini_awards_label {display: none!important;}

input.giftsb {
    color: #6d615c !important;
    text-shadow: 1px 1px 0px black !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    font-size: 9px !important;
    margin-bottom: -10px;
    letter-spacing: 4px;
}

#button-sticker {background: url(https://forumstatic.ru/files/001a/db/5b/88144.png) 50% no-repeat !important;background-size: inherit !important;}

/* Коллекции начало */
collect {display: block;height: 21px;padding: 0;margin: 11px auto 30px auto !important;text-align: center;font-family: Rolina;background: rgb(228 228 228);font-size: 46px;color: #455f5f;line-height: 0.7;text-transform: capitalize;}

.prpage {display: grid;grid-template-rows: auto;grid-template-columns: 0.8fr 0.7fr 0.7fr 1fr;width: 860px;}

.prpage div {border: 1px solid #c8d0cc;padding: 10px 5px;border-radius: 4px;margin: 0 2px 2px 0;background: #e8e8e8;height: 300px;text-align: center;overflow: auto;}

.prpage span {text-align: center;text-transform: uppercase;font-size: 14px;font-weight: bold;color: #455f5f;}

iv {
    width: 252px;
    height: 53px;
    padding-top: 3px;
    text-align: center;
    display: block;
}
iv ach {
    width: 50px;
    height: 50px;
    display: inline-block;
}
/* Коллекции конец*/

/* Анкета начало */
aform {
    width: 484px;
    height: 163px;
    position: relative;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin: 0 0 -10px 0 !important;
}
an img {
    width: 140px;
    height: 184px;
    box-shadow: 0 0 0 3px #afb8b4;
    border: 1px solid #e2d2c9 !important;
    float: left;
    margin: 6px 10px 4px 3px !important;
}

aa {
    font-size: 20px;
    color: #6c827f;
    margin-bottom: 10px !important;
    display: inline-block;
    border-bottom: 1px solid #e2d2c9;
    box-shadow: 0 1px 0 #ffffff;
    padding-bottom: 5px;
    padding-right: 20px;
}

aform bb:before {content: "\e275";}
aform cc:before {content: "\e068";}
aform dd:before {content: "\e0f7";}
aform ee:before {content: "\e129";}
aform ff:before {content: "\e06c";}
aform gg:before {content: "\e0af";}

aform bb:before,aform cc:before,aform dd:before,aform ee:before,aform ff:before,aform gg:before {
    font-family: saturnicons;
    font-size: 18px;
    display: inline-block;
    color: #6c827f;
    text-align: center;
    position: absolute;
    top: 11px;
    left: 7px;
}

aform bb, aform cc, aform dd, aform ee, aform ff, aform gg {
    display: flex;
    margin-bottom: 4px !IMPORTANT;
    padding: 2px 4px 2px 34px !important;
    font-size: 12px;
    width: 196px;
    position: relative;
    height: 40px;
    align-items: center;
    overflow: auto;
    color: #333;
    border-bottom: 1px solid #e2d2c9;
    box-shadow: 0 1px 0 #ffffff;
}
/* Анкета конец*/


/* Подарки начало*/
.sethead {}
.sethead table {
    margin: 1px 0 0 1px !important;
    width: 99.8% !important;
}

.post-content .sethead td {
    padding: 0 3px 1px 3px !important;
    background: #e8e8e8;
    box-shadow: 0 0 0 1px #c8d0cc;
}
.sethead .code-box {
    margin: 0 !important;
    padding: 2px 0 0 0px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-width: 1px 0 0 0 !important;
    overflow: hidden;
    text-align: center;
    height: 15px;
}
/* Подарки конец*/


#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    width: 207px;
    margin: 10px 0 !important;
    padding: 3px 0;
}

li#onlinelist {
    display: block;
    margin: 0 0px 8px 0px;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    overflow: auto;
    border: 1px solid #e6dfdb;
    padding: 5px;
}

li#onlinelist span {
    display: block;
    text-align: left;
}

.pa-respect a[href*="&v=1&cod"]{
    background-image: none !important;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
}

.pa-respect a[href*="&v=1&cod"]:before {
    font-family: saturnicons;
    content: "\e1d3";
    font-size: 6px;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    color: #6c827f;
    top: 2px;
    left: 1px;
}

.pa-respect a[href*="&v=1&cod"] img {
  height:0px;
  width:0px;
}

li.pa-awards {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    background: #f1ede9;
    border-radius: 0 0px 10px 0;
    font-size: 0;
}

li.pa-awards a {
    display: block;
    position: relative;
    width: 19px;
    height: 19px;
    font-size: 0;
    text-align: center;
}

li.pa-awards a:before {
    font-family: saturnicons;
    content: "\e267";
    font-size: 15px;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 3px;
}

li.pa-awards a:after {
    content: "подарки и ачивки";
    padding: 3px 6px;
    font-size: 12px;
    color: #dbdbdb;
    background: rgb(0 0 0 / 70%);
    border-radius: 2px;
    font-family: scada;
    position: absolute;
    width: max-content;
    left: 22px;
    top: -12px;
    visibility: hidden;
}

li.pa-awards a:hover:after {
    visibility: visible;
}

#pun-mod.punbb.mod-awards.mod-awards-user H2 {
    text-align: center;
    font-size: 0px;
    font-weight: bold;
    color: #6c827f;
    border-bottom: 1px solid #e6dfdb;
    margin-bottom: 10px;
}

#pun-mod.punbb.mod-awards.mod-awards-user H2:before {
content: 'подарки и ачивки';
    font-size: 15px;
}

#pun-mod.punbb.mod-awards.mod-awards-list H2, #pun-mod.punbb.mod-awards.mod-awards-users H2 {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #6c827f;
    border-bottom: 1px solid #e6dfdb;
    margin-bottom: 10px;
}

#pun-mod.punbb.mod-awards tr.alt1 {
    box-shadow: inset 0 -1px 0 #e6dfdb, inset 0 1px 0 #e6dfdb;
    font-size: 12px;
}

#pun-mod.punbb.mod-awards th {font-size: 12px;}

input#sTheme {
    border-radius: 0px !important;
    background: #e8dfd9 !important;
    border: 1px solid #c8d0cc !important;
}

i#isk {
    border-radius: 0 !important;
    background: #c8d0cc !important;
    border: 1px solid #c8d0cc !important;
    color: #6c827f !important;
}

/* Инста*/

.insta {
    background-color: #fafafa;
    height: 430px;
    width: 580px;
    position: relative;
    background: url(https://forumstatic.ru/files/001a/c7/f4/98381.jpg) top left no-repeat;
     font-family: SegoeUI !important;
    margin: 0 0 0 30px;
}

.insta .av {
border-radius: 100%;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 74px;
    left: 31px;
}


.insta .Username {
position: absolute;
    font-size: 20px;
    top: 67px;
    left: 165px;
    text-transform: lowercase;
}

.insta .UsernameVerified {
position: absolute;
    font-size: 20px;
    top: 67px;
    left: 165px;
    text-transform: lowercase;
}

.insta .UsernameVerified:after {
    content: '';
    background: url(https://forumstatic.ru/files/001a/c7/f4/40699.png) top left no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 0 0 0 4px;
}

.insta .Stats {
    position: absolute;
    top: 99px;
    left: 166px;
}

.insta .Stats span {margin-right: 16px;}

.insta .NS {
    position: absolute;
    top: 126px;
    left: 166px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.3px;
}

.insta .DSC {
position: absolute;
    font-size: 12px;
    top: 147px;
    left: 166px;
    white-space: pre-line;
    width: 404px;
    height: 48px;
    overflow: hidden;
    line-height: 1.3;
}

.insta .photo1 {position: absolute;top: 240px;left: 10px;width: 180px;height: 180px;}

.insta .photo2 {position: absolute;top: 240px;left: 200px;width: 180px;height: 180px;}

.insta .photo3 {position: absolute;top: 240px;left: 390px;width: 180px;height: 180px;}