/* By Stark aka Lawrenjin 2024 
------------------------------------------ */
/* e_____e 234576 */

@import url(style_cs.1794344102.css);
/* @import url(https://use.typekit.net/leu6mng.css); */
@import url(https://forumstatic.ru/files/001c/a5/8c/16313.css);

@font-face {
  font-family: 'icomoon2';
  src:  url('https://forumstatic.ru/files/0017/a6/e5/45193.eot?6l78gs');
  src:  url('https://forumstatic.ru/files/0017/a6/e5/45193.eot?6l78gs#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/0017/a6/e5/31566.ttf?6l78gs') format('truetype'),
    url('https://forumstatic.ru/files/0017/a6/e5/49712.woff?6l78gs') format('woff'),
    url('https://forumstatic.ru/files/0017/a6/e5/88621.svg?6l78gs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon2' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.punbb .post.new-ajax > * {border-width: 3px;}
.punbb .post.new-ajax {display: none;}

* {
/*  font-size: 14px; */
  box-sizing: border-box;
/*  font-family: 'proxima-soft', 'Verdana', sans-serif; */
}

#pun-viewtopic[data-topic-id="55"] #pun-main .post-content a {
  font-weight:normal;
}


.isguest #navindex,
.isguest #navuserlist,
#pun #navsearch,
#pun #navregister,
#pun #navlogin,
.isguest #pun-ulinks .item1,
#pun #pun-pages #pun-crumbs1,
#pun #pun-pages #pun-crumbs2,
.isguest #pun-ulinks li,
.isguest #pun-status .item2,
#pun-pages h1,
#pun .modal__content .chronologyTable .newTopic,
#pun #navpr,
#pun #navwatch,
.isguest #pun-user {
   display:none!important;
}

#pun #pun-pages #pun-main.main .section > .container {
  padding-bottom:20px;
}

#pun #pun-announcement {
  margin-bottom: 20px;
}


a {
  text-decoration:none;
  color: #1e191a;
  text-wrap:wrap;
}

a:hover {
  color: #7cc577;
}

input[type=radio],
input[type=checkbox] {
  margin:10px;
}

a:focus-visible {
   border:0;
}

fieldset,
infofield,
#forum-vip .container,
#vip-list-adm .container,
#forum-foundation .container,
#top-donators .container,
#latest-donators .container {
  color: #544740;
}

input:focus-visible {
 border-color: #007136;
}

#pun textarea#main-reply:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline-color: #7cc577!important;
}

#pun textarea#main-reply,
input,
textarea,
select {
    max-width: -webkit-fill-available;
    color: #544740;
    background-color: #faf9f5;
    padding: 10px;
    border: 1px solid #d7d1c3;
    font-family: verdana;
    border-radius: 5px;
}

#pun #post-form .hfbutt {
    width: 34px;
    height: 34px;
    margin-left: -38px;
    margin-top: 15px;
    position: absolute;
    border-radius: 3px;
    transition: 0.2s ease-in-out;
    border: 1px solid #0000;
}

#pun #post-form .hfbutt:before {
  font-family: icomoon;
    position: absolute;
    content: '\e912';
    color: #827465;
    font-size: 18px;
    margin-top: 7px;
    margin-left: 7px;
}

#pun #post-form .hfbutt:hover:before {
   color:#7cc577;
}
/*
div#post-form.fhFixed {
  position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    margin: 0;
} */

#pun-main div#post-form.fhFixed fieldset .fs-box p {
  margin-bottom:unset;
}

/* #pun-post div#post-form .resizable-textarea:after {
  content:'Если пост отправляется в раздел творчества, все рисунки и произведения должны быть прикреплены через бб-тег [img=Artwork][/img]. Связано с техническими условностями дополнительных скриптов. Посты с рисунками, отправленные в простом img, будут удаляться до переоформления. Приношу извинения за данное неудобство, придумаю другое решение - сделаю.';
  color:red;
} 

#pun-viewtopic[data-forum-id="10"] div#post-form .resizable-textarea:after,
#pun-viewtopic[data-forum-id="15"] div#post-form .resizable-textarea:after {
  content:'Все рисунки и произведения должны быть прикреплены через бб-тег [img=Artwork][/img]. Связано с техническими условностями дополнительных скриптов. Посты с рисунками, отправленные в простом img, будут перенесены в архивную тему. Приношу извинения за данное неудобство, придумаю другое решение - сделаю.';
  color:red;
}
*/

/* про кукисы
----------------------- */
#privacyBanner {
  position: fixed;
  bottom: 40px;
  left: 20px;
  right: 20px;
  width: auto;
  justify-content: center;
  z-index: 999;
  background-color: #007236f0;
  font-size: 15px;
}

#privacyBanner,
.privacyBannerBody {
  display: flex;
}

#privacyBanner,
#privacyAgree {
 border-radius: 3px;
}

.privacyBannerBody {
  padding: 20px;
}

.privacyTexts {
  padding: 0 20px 0 0;
  color: #ebe5d7;
  font-family: 'Verdana', sans-serif;
}

#privacyAgree {
  background: #252525;
  color: #ebe5d7;
  padding: 15px;
  border: 0;
}

#privacyAgree:hover {
  background:#363333;
}

.privacyTexts,
.privacyAgree {
display: inline-block;
}

a.privlink {
   color:#7cc577;
}

a.privlink:hover {
   color:#ebe5d7;
}



/* All-New Old */

.weeklyQuote .borderDiv:before {
    content: '«';
    position: absolute;
    color: #ccc7bb;
    font-size: 18px;
    margin-top: -21px;
    left: 25px;
}

.weeklyQuote .borderDiv:after {
    content: '»';
    position: absolute;
    color: #ccc7bb;
    font-size: 18px;
    right: 35px;
    margin-top: -8px;
} 





.logoMSmall {
    display: block;
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/c7/0d/14673.png) no-repeat;
    width: 294px;
    height: 99px;
    top: 75px;
} 

.MarvelDate {
    color: #afa99d;
    font-size: 9px;
    position: absolute;
    width: 860px;
}

.DesignByMe {
    color: #afa99d;
    font-size: 9px;
    position: absolute;
}

.postNewsPhoto1 {
    float: right;
    padding: 2px;
    margin-left: 20px;
    margin-bottom: 20px;
    border: 1px solid #54524d;
}

.postNewsPhoto1 p,
.postNewsPhoto2 p {
   margin: 0!important;
   padding: 0!important;
}

.postNewsPhoto1 p img.postimg,
.postNewsPhoto1 p img.postimg {
  margin: 0!important;
}

.postNewsDate {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    right: 0;
    padding: 2px 20px 10px 40px;
    margin-top: -22px;
    border-top: 3px solid #000;
    background: linear-gradient(130deg, #791113 20%, #000);
    width: 250px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}

.postNewsDate p {
  padding-bottom:0em!important;
}

#pun .postNewsDate p span > a,
#pun .postNewsDate p span {
    font-size: 10px;
    color: #FFF;
    text-decoration-color: #fff;
    font-style: normal;
    opacity: 0.7;
    margin-top: -2px;
}

#pun .postNewsDate p span {
    position: absolute;
   width: 150px;
    font-style: normal!important;
    padding-left: 12px;
}

#pun .postNewsDate p span a:hover {
   opacity:1;
   text-shadow:none;

}

#pun .punbb .postNewsHeader {
    display: block;
    text-align: left;
    word-spacing: 4px;
    margin-bottom: 20px;
    font-family: impact;
    font-size: 20px;
    padding: 7px 10px 0px;
    line-height: 1.2;
    border-top: 7px solid #000;
    background: linear-gradient(to bottom, #f8f7f4d6 50%, #f5f4ef00);
}


.LastNewsMBLock {
    height: 75px;
    padding: 5px 8px 2px;
    border-top-left-radius: 5% 18%;
}

#lastForumNews .quote-box {
   display: none;
}

.Nafvigacia, .UserNafvigacia {
    position: absolute;
    width: 500px;
    font-size: 10px;
    color: #FFFFFF;
    margin-top: 37px;
    line-height: 1.24;
    z-index: 32;
    right: 265px;
    max-height: 85px;

}

.fixedNafigation,
.fixedNafigationGuest {
    position: fixed;
    z-index: 999;
    height: unset;
    visibility: visible;
    overflow: unset;
    line-height: unset;
    font-size: 12px;
    top: 0px;
    right: 24%;
    transition: 0.1s ease-in-out;
}

.fnButton {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    padding-right: 20px;
    padding-right: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: #bebebe;
    border-bottom: 0 none #000;
    text-decoration: none;
    opacity: 1;
}

.fnButton:hover {
    color: #FFF;
    font-style: normal;
    text-shadow: #FFF 0px 0 15px;
    border-bottom: 0 none #000;
    text-decoration: none;
    opacity: 1;
}

.fixedNafigation .fnMenu ul li,
.fixedNafigationGuest .fnMenu ul li {
   color:#ffcc0c;
   font-weight:bold;
}

.fixedNafigation .fnMenu ul li a,
.fixedNafigationGuest .fnMenu ul li a {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.4);
    color: #ccc7bb;
    font-weight: normal;
    text-align: left;
    margin-top: 1px;
    margin-left: 1px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 8px;
    text-decoration: none;
    border-right: 1px solid transparent;
    width: 94%;
    height: 14px;
    display: block;

}

.fixedNafigation .fnMenu ul li a:hover,
.fixedNafigationGuest .fnMenu ul li a:hover {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.7);
    text-shadow: #fff 0px 0 20px;
    color: #fff;
    border-right: 1px solid #d8af10;
    display: block;
}

.fixedNafigation .fnMenu,
.fixedNafigationGuest .fnMenu {
    display: none;
    opacity: 0;
    overflow: hidden;
    height: 15px;
    margin-top: 27px;
    margin-left: -108px;
    padding: 10px 10px 10px 10px;
    width: 210px;
    background: linear-gradient(to bottom, #000, rgb(45 45 45 / 90%));
    border-left: 1px solid #ccc7bb;
    border-right: 1px solid #ccc7bb;
    border-bottom: 1px solid #ccc7bb;
    box-shadow: 0px 5px 10px 0px #00000078;
}

.fixedNafigation:hover .fnMenu,
.fixedNafigationGuest:hover .fnMenu {
  display:block;
  opacity:1;
  height:unset;
  overflow: unset;
}




.headInfoBlock {
position: absolute;
    width: 1300px;
    top: 44px;
    left: 370px;
    height: 200px;
    overflow: hidden;
font-family: verdana, sans-serif;
}

.aNewsBlock {
    background-image: url(https://forumstatic.ru/files/001c/a5/8c/23966.png);
    background-repeat: no-repeat;
    width: 556px;
    height: 156px;
    margin-top: 18px !important;
    left: 490px;
    position: absolute;
    z-index: 28;
    transition:0.3s ease-in-out 0.2s;
}

.aNewsBlock:hover {
    background-image: url(https://forumstatic.ru/files/001c/a5/8c/70107.png);    
}

.aNewsBlockInner {
    background-repeat: no-repeat;
    width: 455px;
    height: 80px;
    overflow-y:hidden;
    position: absolute;
    top: 100px;
    left: 20px;
    z-index: 28;
    text-align: left;
    font-size: 11px;
/*    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; */
}

#pun .aNewsBlockInner a > b {
    color: #d8af10;
    padding: 5px 8px;
    margin-right: 10px;
    -webkit-border-radius: 100px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 100px;
    -moz-border-radius-topright: 0;
    border-radius: 100px;
    border-top-right-radius: 0;
}

#pun .aNewsBlockInner .newsLoader > a {
    display:block;
    font-weight: normal;
    padding-bottom: 12px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 18px;
    margin-bottom: 1px;
    border-top: 0px solid #ccc7bb;
    color: #bebebe;
/*    background: linear-gradient(to bottom, #2500008a 60%, transparent); */
    transition: 0.5s ease-in-out 0.1s;
}

#pun .aNewsBlockInner > a:hover {
    color: #fff;
}

#lastNews {
   opacity:0.6;
    transition: 1s ease;
}

#lastNews,
.lastForumNewsLink {
   opacity:0.6;
    width: 100%;
    transition: 1s ease;
}

#lastNews:hover,
.lastForumNewsLink:hover {
   opacity: 1;
}

#lastNews .DBNewsH2 {
    color: #FFF;
    font-weight: bold;
    border-bottom: 1px solid #FFF;
    margin-bottom: 2px;
}

#lastNews .DBNewsIMG {
   display: block;
    width: 150px;
    height: 75px;
    float: right;
    padding: 2px;
    border: 1px solid #ddc2b3;
}

#lastNews .NewsShort {
  color:#FFF;
  font-weight: normal;
}

.lastForumNewsLink {
    padding: 7px;
    vertical-align: middle;
}

.lastForumNewsLink p > strong {
   font-weight:bold;
   color:#dedede;
   padding-right: 5px;
}

.lastForumNewsLink p {
   font-weight:normal;
   color:#FFF;
   text-align:right;
    font-size: 14px;
    margin-top: -3px;
}

.lastForumNewsLink p:hover {
   color:#d8af10;
}

.UserNafvigacia p > b {
    color: #afa99d !important;
}


.UserNafvigacia > p {
    font-size: 11px;
    font-weight: normal;
    color: #b5b5b5;
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
    padding-bottom: 12px;
    padding-top: 7px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 1px;
    border-left: 1px solid #afa99d;
    border-right: 1px solid #afa99d;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.5s ease-in-out 0.1s;
}

.UserNafvigacia > p:hover {
    background: rgba(0, 0, 0, 0.6);   
}

.UserNafvigacia p > a {
    color: #b5b5b5 !important;
    background:none;
    border:none;
}

.UserNafvigacia p > a:hover {
    color: #afa99d !important;
    text-shadow: #ffde6f 0px 0 20px, #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}
    
    
#pun.isguest .Nafvigacia {
    display: block;
    margin-top: 55px;
}

#pun.isguest .fixedNafigationGuest {
    display: block;

}

#pun.isuser .Nafvigacia, #pun.ismoderator .Nafvigacia, #pun.isadmin .Nafvigacia,
#pun.isuser .fixedNafigationGuest, #pun.ismoderator .fixedNafigationGuest, #pun.isadmin .fixedNafigationGuest {
    display: none !important;
}

#pun.isguest .fixedNafigation {
    display: none;
}

#pun.isuser .UserNafvigacia, #pun.ismoderator .UserNafvigacia, #pun.isadmin .UserNafvigacia,
#pun.isuser .fixedNafigation, #pun.ismoderator .fixedNafigation, #pun.isadmin .fixedNafigation {
    display: block !important;
}


.AnnounceQuotesDiv {
   width:auto;
}

.weeklyQuote {
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 1.45;
    text-align: left;
}

.weeklyQuote .borderDiv {
    color: #d7d7d7;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 45px;
}

.weeklyQuote p {
    text-indent: 16px;
padding: 10px;
}

.weeklyQuote p + p {
    margin-top: 0;
}

.GuestPasswords {
    color: #ccc7bb;
    box-sizing: border-box;
    width: 320px;
    line-height: 1.45;
    float: right;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 20px;
}


.frpgR {
    color: #939393;
    position: absolute;
    height: unset;
    visibility: visible;
    overflow: unset;
    line-height: unset;
    font-size: 12px;
    top: 190px;
}


.disclText {
    text-align: left;
margin-bottom: 20px;
    font-size: 10px;
    box-sizing: border-box;
}




.justLockjaw {
    display:none;
    position: absolute;
    margin-top: -140px;
    left: 580px;
    background: url(https://forumupload.ru/uploads/0016/a4/af/5/346610.png) no-repeat;
    width: 220px;
    height: 180px;
} 





.justLockjaw {
    position: absolute;
    margin-top: -163px;
    left: 575px;
    background: url('https://forumstatic.ru/files/0017/a6/e5/89224.png') no-repeat;
    width: 220px;
    height: 200px;
} 

.NeededRotator2,
.NeededRotator1 {
    position: absolute;
    z-index: 27;
    top: 40px;
    margin-left: 215px;
}

::-webkit-scrollbar {
    width: 6px; /* for vertical scrollbars */
    height: 8px; /* for horizontal scrollbars */
    border-left:1px solid #ccc7bb;
    scroll-behavior: smooth;
}


::-webkit-scrollbar-track {
    background: #000;
}

/* Тумбус */
::-webkit-scrollbar-thumb {
    background: rgb(80 0 0);
    border: 1px solid #fecd1b;
}

/*

#pun-index #forum_f1 .tcl h3:after {
   content: "Раздел для подачи анкет, заявок и списка нужных персонажей";
}

#pun-index #forum_f5 .tcl h3:after {
   content: "Техническая справка по форуму";
}

#pun-index #forum_f25 .tcl h3:after {
   content: "Если комиксов читали мало - вам сюда";
}

#pun-index #forum_f7 .tcl h3:after {
   content: "По всем вопросам, званиям и ачивкам";
}

#pun-index #forum_f6 .tcl h3:after {
   content: "О том, что творится в игровом мире и по чьей вине";
}

#pun-index #forum_f8 .tcl h3:after {
   content: "О командах и группировках, присутствующих в игре";
}

#pun-index #forum_f22 .tcl h3:after {
   content: "Информация про персонажей наших игроков";
}

#pun-index #forum_f3 .tcl h3:after {
   content: "Октябрь 2016 - ...";
}

#pun-index #forum_f11 .tcl h3:after {
   content: "Эпизоды, в которых ответа не было более месяца, могут быть архивированы";
}

#pun-index #forum_f9 .tcl h3:after {
   content: "Делайте с ним что хотите, лишь бы в рамках адекватного \00A9  Тони";
}

#pun-index #forum_f15 .tcl h3:after {
   content: "Место для отдыха, общения и упрлс -- Раздел модерируется";
}

#pun-index #forum_f13 .tcl h3:after {
   content: "Для личных тем-схронов игроков и нычка игроманов";
}

#pun-index #forum_f27 .tcl h3:after {
   content: "Нам восемь лет\0021 ";
}

#pun-index #forum_f20 .tcl h3:after {
   content: "Для листовочек";
}

#pun-index #forum_f21 .tcl h3:after {
   content: "Наши коллеги";
}

#pun-index #forum_f17 .tcl h3:after {
   content: "Вписано в историю мира";
}

#pun-index #forum_f18 .tcl h3:after {
   content: "То, что учитывается в истории мира, но не было доиграно";
}

#pun-index #forum_f19 .tcl h3:after {
   content: "местная барахолка";
}

#pun-index #forum_f2 .tcl h3:after {
   content: "Иллюминаты по-местному";
}

#pun:not(.isadmin) #pun-main #profile1[action$="id=6"] {
    display: none;
}

#pun:not(.isadmin) #pun-main #profile1[action$="id=236"] {
    display: none;
}

*/


.post-content .lastForumNewsLink {
   display:none;
}

.post-content .LastNewsMBLock {
   background: none;
   border: none;
   height: unset;
   box-shadow:none;
   margin:0;
   padding:0;
}

.LastNewsMBLock p {
  margin:0;
}

.go-up img:hover,
.go-down img:hover {
   opacity:1;
   transition:0.5s;
}

.go-up img,
.go-down img {
    filter: grayscale(85%);
   opacity:0.5;
   transition: 0.5s ease-in-out 0.2s;
}


.team-anchors {
 font-size: 18px;
    padding: 10px 40px;
    border-bottom: 3px double #000;
    border-top: 3px double #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.team-img {
 float: right;
    max-width: 350px;
max-height: 200px;
    margin-left: 20px!important;
border: 2px solid #bbb7aa !important;
    margin-left: 20px !important;
    background-color: #dad6ca;
    padding: 10px;
}

.team-container .basic-data p,
.team-members p,
.detailed-info p {
    border-bottom: 2px solid #bbb7aa;
}

.team-container p {
padding-bottom:10px!important;
}

.team-container .basic-data p:last-child,
.team-members p:last-child,
.detailed-info p:last-child {
  border-bottom:0px;
}

.basic-data,
.team-members,
.detailed-info {
  background: #dad6ca;
    padding: 20px;
    margin-bottom: 20px!important;
    text-align: justify;
    border: 1px solid #bbb7aa;
    border-bottom: 3px double #bbb7aa;
    border-top: 3px double #bbb7aa;
}

.teamblocks h5 {
visibility:hidden;
}

.team-container p {
margin-bottom:10px;
}






/* All-New Chrono */


.chronologyTable li+li {
   border-top: solid 1px #ccc7bb;
}

#pun .chronologyTable li .row-title a:hover, ul.chrono-events a:hover {
  color:#2e2e2e !important;
  text-shadow: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

ul.chrono-events {
    list-style: none;
    padding: 0;
}

ul.chrono-events li {
    border-left: solid 10px transparent;
    padding: 4px 10px;
}

ul.chrono-events li + li {
    margin-top: 12px;
}

ul.chrono-events a {
    color: #717060;
    text-decoration: none;
    font-weight: bold;
/*    transition: 0.5s ease 0s; */
}

.chronologyTable li .row-title a {
   transition:none;   
}


ul.chrono-events li.public {
    border-left-color: #edffd8;
}

ul.chrono-events li.public.breakingnews,
ul.chrono-events li.breakingnews {
    border-left-color: #dc9f3a;
}

.chronoTrigger {
    display: block;
    position: fixed;
    top: 200px;
    right: 0;
    background: #f9f6d9;
    width: 45px;
    height: 45px;
    background-image: url(https://forumstatic.ru/files/0016/a4/af/70210.svg);
    background-position: 50%;
    background-size: 30px;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 1px hsl(55, 100%, 0%), 0 0 0 2px hsl(48, 100%, 50%), 0 0 0 3px hsl(55, 100%, 0%), -2px 2px 10px 0 hsl(131, 72%, 11%);
    cursor: pointer;
    z-index:5;
}

#pun-main #topicCounter,
#pun-main .chronologyTable li .members,
#pun-main .chronologyTable .tags {    
    font-size: 11px;
    
}

.filters {
   font-size: 12px;
}

#pun-main #lastModify {
    font-size: 1.1em;
}


#pun-main .chronologyTable .tags {
    margin-top:5px;
}

.chronologyTable li .row-text {
    font-size:13px;
    
}

.chronologyTable li .row-title {
    font-weight: bold;
    font-size: 16px;
    color: #51524a;
}

#pun .chronologyTable li.public {
    border-left-color: #f7ca65;
}

#pun li.public.breakingnews, 
#pun .chronologyTable li.breakingnews {
    border-left-color: #f17c4f;
}

#pun .checkers {
    font-size:16px;
    box-shadow: 0 0 0 1px hsl(0deg 0% 0%), 0 0 0 2px hsl(45deg 25.81% 87.84%), 0 0 0 3px hsl(0deg 0% 0%), 0 4px 4px 0px rgba(0, 0, 0, .2);
}

#pun .checkers input[type="checkbox"]:checked+label {
    background: #4a1a6c;
    border-radius: 5px;
    color: #fff;
}

#pun .checkers .event-checkers, #pun .checkers .team-checkers {
    border-bottom: 3px double #000000;
}

#pun .chronologyTable li+li {
    border-top: solid 1px #c7c5b7;
}

#pun span.legend-trigger {
    color:#7c1818;
}

#pun-pages .modal__dialog {
    background-color: #e8e4d8;
}

#pun #pun-pages .checkers ul {
 justify-content: center;
padding: 5px;
}

#pun .checkers li:hover {
  background-color:#d8d2c2;
  border-radius:5px;
}

#pun .realm-checkers {
  border-bottom: 3px double #000000;
}

#pun .chronologyTable .tags {
  text-transform: none;
} 


#pun #pun-pages .checkers ul {
 justify-content: center;
padding: 5px;
}

#pun .checkers li:hover {
  background-color:#d8d2c2;
  border-radius:5px;
}

#pun .realm-checkers,
#pun .regional-checkers {
  border-bottom: 3px double #000000;
}

#pun .chronologyTable .tags {
  text-transform: none;
} 

#pun .chronologyTable li > .row-text > ul,
.team-container ul {
    list-style: initial;
   list-style-type:"»"!important;
padding: 5px 15px!important;
}

#pun .chronologyTable li > .row-text > ul > li,
.team-container ul li {
list-style:inherit;
border-top: 0;
padding: 10px;
    border-left: 0;
    margin: 0;
}

#pun .chronologyTable li > .row-text > ul > li + li,
.team-container ul li + li {
border-top: dotted 1px #c7c5b7;
}

#pun .chronologyTable li > .row-text > ul > li::marker,
.team-container ul li::marker {
 color:#9663a4;

}

#pun-main .world-table li .row-title {
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 10px;
}

#pun .world-table li.public {
    border-left-color: transparent!important;
}

.chronologyTable .tags div {
      line-height: 1.4em;
}


.img-right {
  float:right;
    max-width: 400px;
margin: 0px 0 10px 20px !important;
border-radius: 10px;
}

.img-left {
  float:left;
margin: 0px 20px 10px 0px !important;
border-radius: 10px;
}

.se-towers {
 max-height:230px;
}

.chtonic {
margin-top:10px!important;
}



/* realms */

#pun-main .chronologyTable .tags div.a616,
#pun-main .chronologyTable .tags div.r15575,
#pun-main .chronologyTable .tags div.mh69,
#pun-main .chronologyTable .tags div.r922,
#pun-main .chronologyTable .tags div.r782,
#pun-main .chronologyTable .tags div.r955,
#pun-main .chronologyTable .tags div.r889,
#pun-main .chronologyTable .tags div.r897,
#pun-main .chronologyTable .tags div.main888,
#pun-main .chronologyTable .tags div.main616,
#pun-main .chronologyTable .tags div.realms {
  border: 1px solid #FFF;
  font-weight:bold;
}

#pun-main .chronologyTable .tags div.multiverse {
background: #b49fb9;
    color: #303030;
    font-weight: bold;
}

#pun-main .chronologyTable .tags div.main888 {
background: #ab91b2;
    color: #360065;
}


#pun-main .chronologyTable .tags div.si {
  background: #3a3a3a;
    color: #ffffff;
}

#pun-main .chronologyTable .tags div.a616 {
       background: #b49090;
    color: #320505;
}

#pun-main .chronologyTable .tags div.spiders {
background: #9c3939;
    color: #ffffff;
}

#pun-main .chronologyTable .tags div.redroom {
    background: #2e2e2e;
    color: #cc7a7a;
}

#pun-main .chronologyTable .tags div.events {
  background: #9da5bb;
color: #3f2828;
}








/*
------------------------ */





/* base objects stats */

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

HTML {
    background: url(https://forumstatic.ru/files/001c/a5/8c/33134.jpg) top center no-repeat, url(https://forumstatic.ru/files/001c/a5/8c/12322.jpg) center top no-repeat #010101 fixed;
}


#pun_wrap,
#pun-title,
#pun-navlinks,
#pun-ulinks,
#pun-main table {
  width:100%;
}

#pun-navlinks,
#pun-ulinks {
  position: fixed;
  display:flex;
  justify-content: center;
}

#pun-about {
    text-align: center;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 900;
   font-family: Verdana, sans-serif;
}

.additionalFooter {
    color: #bebebe;
    padding: 20px;
    font-family: verdana, sans-serif;
    outline-offset: 3px;
    outline: 1px solid #bebebe;
    border: 1px double #8d8d8d8a;
    backdrop-filter: blur(1px);
    box-shadow: 1px 1px 20px transparent;
    background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #2a004e38, #00000096);
    transition: 0.3s ease-in-out 0.2s;

}


#pun_wrap {
  height:100%;
 /* height:100vh; */
}

#pun {
    height:100%;
    min-height: 100vh;
/*    background:#d7d1c3;*/
    padding: 240px 20px 30px 20px;
/*    overflow-x: auto; */
}

#pun,
#pun-navlinks .container,
#pun-ulinks .container,
#pun-status .container {
    margin: auto;
    width: 70%;
    max-width:1000px;
}

#pun,
#pun-navlinks .container,
#pun-ulinks .container {
    min-width: 800px;
}

#pun-navlinks .container {
    position: relative;
    margin: 9px 0px 0px;
}


#pun-navlinks .container,
#pun-ulinks .container {
    display: flex;
    justify-content: left;
        padding: 0 20px;
}




#html-header .arrows {
        position: relative;
        left: 103%;
    z-index: 990;

}


.go-up, .go-down {
        display: none;
        z-index: 7;
        cursor: pointer;
        opacity: 1;
        margin-bottom: 0;
        position: fixed;
/*      -webkit-transform: scaleX(-1);
      transform: scaleX(-1); */
 }

.go-up {
        top: 500px;
        width: 38px;
        height: 38px;
    }

.go-down {
        top: 545px;
        width: 38px;
        height: 38px;
    }




#pun-title {
  position:absolute;
  height:240px;
  border-bottom: 0px solid #ebe5d7;
  left:0;
  top:0;
}


#title-logo-table {
    width: 100%;
}

#pun-title #title-logo-tr td.title-logo-tdl, 
#pun-title #title-logo-tr td.title-logo-tdr {
    width: 50%;
    padding: 0px 5% 0px 25%;
}

#pun-navlinks .container a,
#pun-ulinks .container a,
.category .container h3 a  {
   color:#bebebe;
   text-decoration:none;
}

.category .container h3 a {
  font-size: 20px;
}


#pun-ulinks .container a {
    opacity: 0.7;
}

#pun-main table .tcr a {
 color:#bebebe;
}

#pun-navlinks .container a:hover,
#pun-ulinks .container a:hover,
#pun-main.multipage .container > table td.tcl a:hover,
#pun-stats .users_24h a:hover,
#pun-stats .onlinelist a:hover,
.subforums a:hover,
#pun-status .container a:hover,
.category .container h3 a:hover,
#pun-main table .tcr a:hover {
    color: #FFF;
    text-shadow: #fff 0px 0 10px;
    opacity:1;
}

/*
#pun-main.multipage h1 span:hover,
#pun-main .category h2 span:hover,
#pun-main table td.tcr .lastpost .byuser:hover {
  color:#7cc577;
}*/



#pun-main a {
  text-decoration:none;
  text-wrap: wrap;
}

/* лишние заголовки */

#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2 {
  display:none;
}

/* для слайда */
#pun-navlinks,
#pun-ulinks,
#pun-status {
    transition: top ease 300ms;
}

#pun-navlinks {
  font-family: 'Verdana', sans-serif; 
    height: 55px;
    border-bottom: 1px solid #bebebe;
    background: #000000;
  top:0;
  left: 0;
  z-index: 900;
  transition: top ease 300ms;
}

#pun-navlinks ul li {
   font-weight:normal;
   font-size: 14px;
   padding: 0px 10px 0px 0px;
}



#navadmin {
   position: fixed;
   right: 10px;
}

#navadmin a span {
   font-size:0px;
}

#navadmin a {
    position: relative;
    width: 50px;
    height: 50px;
    display: block;
    z-index: 10;
}

#navadmin:before {
    font-size: 28px;
    content: '\e995';
    font-family: 'icomoon';
    position: absolute;
    padding: 10px 20px;
    font-weight: 100;
    z-index: 2;
    color: #bebebe;
}

#pun-ulinks {
  top:33px;
  left: 0;
  font-size: 10px;
  z-index: 991;

}

/*
#pun-ulinks li {
  padding: 10px 10px 0px 0px;
}*/

#pun-navlinks ul li,
#pun-ulinks ul li {
  display:inline-block;
  z-index:1000;
}

#pun-ulinks ul li {
    margin-right: 10px;
}

#pun-status {
    width: 890px;
    height: 30px;
    color:#bebebe;
    font-size: 10px;
    position: absolute;
    right: 22%;
    top: 225px;
    padding-top: 8px;
    text-align: left;
    z-index: 991;
    background-image: url(https://forumstatic.ru/files/001c/a5/8c/92943.png);
    background-repeat: no-repeat;
}

/*
#pun-status:after {
    content: '.';
    font-size: 0 !important;
    display: block;
    width: 1000px;
    position: absolute;
    height: 70px;
    margin-left: -150px;
    margin-top: 10px;
    z-index: 0;
    background: linear-gradient(to bottom, black 20%, transparent);
}*/

#pun-status span {
    display:inline-block;
}

#pun-status span a {
    color:#bebebe;
}

#pun-status span a:hover {
    color:#FFF;
}

#pun-status .container span.item3 {
    display: inline;
    position: absolute;
    margin-top: 30px;
    right: 110px;
}

#pun-index .category {
 padding:10px;
 margin: 0px 0;
}

/*
.weeklyQuote {
background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #2a004e38, #00000096);
}*/

#pun-index .category .container,
#pun-stats ul,
.weeklyQuote,
#pun-viewtopic #pun-main.multipage .post > .container {
background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #2b0e2fba, #000000b5);
/*#e4e0dc*/
}

#pun-index .category .container,
.weeklyQuote,
#pun-stats ul,
#pun-viewtopic #pun-main.multipage .post > .container { 
    outline-offset: 3px;
    outline: 1px solid #bebebe;
    border: 1px double #8d8d8d8a;
    backdrop-filter: blur(1px);
    box-shadow: 1px 1px 20px transparent;
/*    background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #2a004e38, #00000096); */
    transition: 0.3s ease-in-out 0.2s;
    }

#pun-index .category .container:hover, 
.weeklyQuote:hover, 
#pun-stats ul:hover {
      outline: 1px solid #FFF;
        border: 1px double #8d8d8d; 
box-shadow: 1px 1px 20px #8156ac;
}

/* , inset 0px 0px 0 1px #60329a */

#pun-main .category h2,
#pun-stats h2 {
    margin: 0 0 0 0;
}

.main table tr td.tcl .icon, #pun-index .main table tr td.tcl .icon {
display:none;
}

#pun-main .category h2 span,
#pun-stats h2 span,
#pun-crumbs1 p, 
#pun-crumbs2 p,
#topic-modmenu p,
#pun-viewforum .modmenu p,
#pun-about p,
#topic-users-in p {
    background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #4418691f, #38144e47); 
  width: 100%;
    position: relative;
    display: block;
    padding: 0 10px 5px;
    margin:0;
    height: 60px;
display: flex;
    align-items: end;
}

#topic-users-in p {
    justify-content: flex-start;
}

#topic-modmenu p {
  justify-content: space-between;
}

#pun-main .category h2 span,
#pun-stats h2 span {
 justify-content: flex-end;
}

#pun-viewtopic #pun-crumbs1 p,
#pun-viewtopic #pun-crumbs2 p {
    padding: 0px 10px 20px;
    height: 80px;
}

.linkst,
.linksb {
    background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #4418691f, #38144e47); 
}

#pun-crumbs1 p, 
#pun-crumbs2 p {
  justify-content: flex-start;
}

#pun-break4, #pun-break3.divider {
    background-color: transparent;
    background-image: none;
    background-position: center;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

#pun-crumbs1 p, 
#pun-crumbs2 p,
h2 span,
#pun .linkst, #pun .linksb,
#pun-about p,
#topic-modmenu p,
#topic-users-in p {
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

#topic-users-in p > span {
  margin-right:5px!important;
}

#topic-users-in p > a {
  margin-left:5px;
}

#topic-users-in p > a:after {
  content:',';
}

#topic-users-in p > a:last-child:after {
  display:none;
}

#pun-crumbs1 p a,
#pun-crumbs2 p a {
  color:#bebebe;
}

#pun-crumbs1 p a:hover,
#pun-crumbs2 p a:hover {
  color:#FFF;
}

/* Описание под названием категории */

.category h2:before, 
#pun-stats h2:before {
    font-size: 11px;
    color: #767676;
    font-weight: 400;
    position: absolute;
    float: left;
    margin-left: 12px;
    margin-top: 45px;
    text-shadow: none;
}

#pun.isguest #pun-category3 h2:before {
    content: "If you cage the beast, the beast will get angry. \00A9  Wolverine ";
}

#pun.isguest #pun-category4 h2:before {
    content: "Faith is my sword. Truth is my shield. Knowledge is my armor. \00A9  Stephen Strange";
}

#pun-category1 h2:before {
    content: "All right. We're in. But no one dies. \00A9  Captain America";
}

#pun-category2 h2:before {
    content: "It worked...! I mean -- of course, it worked! \00A9  Iron Man";
}

#pun-category3 h2:before {
    content: "When you decide not to be afraid, you can find friends in super unexpected places. \00A9  Ms. Marvel";
}

#pun-category4 h2:before {
    content: "If you cage the beast, the beast will get angry. \00A9  Wolverine ";
}

#pun-category5 h2:before {
    content: "Faith is my sword. Truth is my shield. Knowledge is my armor. \00A9  Stephen Strange";
}

#pun-category6 h2:before {
    content: "I made him an idea, and ideas never die. \00A9  White Queen";
}

#pun-stats h2:before {
    content: "While you slept, the world changed. \00A9  Professor X";
}


/*

#pun-index .category,
#pun-main .category h2,
#pun-index .main table tr,
#pun-main h1 {
   box-shadow: 0px 1px 5px 0px rgb(189 183 171);
   -webkit-box-shadow:0px 1px 5px 0px #bdb7ab;
   -moz-box-shadow:0px 1px 5px 0px #bdb7ab;
   -webkit-appearance: none;
}

#pun-index .main table tr {
  box-shadow: 1px -1px 1px 1px #bdb7ab;
} */

#pun-index .category,
#pun-main .category h2,
#pun-main h1,
#pun-crumbs1, 
#pun-crumbs2,
#pun-stats h2,
#pun-crumbs1, #pun-crumbs2,
#topic-modmenu, #pun-viewforum .modmenu,
#pun-about {
   padding: 0px 6%;
   font-weight: normal;
}

#pun .linkst, 
#pun .linksb,
#pun #topic-users-in,
#pun #topic-modmenu {
  margin:0 6%;
}


#pun-stats h2 {
     margin: 4px 0 0 0;
}

#pun-about p {
     margin: 0px 0 4px;
}

#pun-about p a {
  color:#bebebe;
}

#pun-crumbs1 a:hover, 
#pun-crumbs2 a:hover {
  color:#007236;
}

#pun-index table tr td:first-of-type {
   padding: 15px 0px 15px 0px;
}

#pun-index table tr td:last-of-type {
   padding: 35px 0 22px 0px;
}

#pun-main {
  font-family: 'Verdana', sans-serif;
}

#pun-index .category {
  padding: 4px 0px 0px;
}


#pun-navlinks {
   box-shadow: 0px 1px 10px 1px #252321;
}

#pun-main .category h2,
#pun-main h1,
#pun-stats h2,
#pun-main .pun-modal .modal-inner h2 {
/* background:#252525;*/
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
   margin-bottom: 4px;
    font-size: 19px;
    width: 100%;
}

#pun-main table {
  border-collapse: separate;
  border-spacing: 0px 17px;
padding-left: 10px;
}

/*
#pun-index .main table tr {
   background: #ebe5d7;
} */

#pun-index .main .tc2, #pun-index .main .tc3 {
  width: 0px;
  overflow:visible;
  padding:0;
  position:absolute;
  display: inline-block;
  margin-top: 34px;
  color: #262626;
  font-size: 12px;
  z-index: 55;
}

#pun-index .main tr.inew .tc2, #pun-index .main tr.inew .tc3 {
 color:#ffd434;
}

#pun-index .main .tc2 {
  margin-left: -140px;
}

#pun-index .main .tc3 {
  margin-left: -25px;
}

#pun-index .main .tc2:before {
  content: "Тем: ";
  position: absolute;
  left: -35px;
}

#pun-index .main .tc2:after {
  content: ",";  
}

#pun-index .main .tc3:before {
  content:"Сообщений: ";
  position: absolute;
  left: -85px;
}

#pun-status .container span.item1 img {
position: absolute;
    left: 35px;
    margin-top: -15px;
    width: 45px;
    height: 45px;
    clip-path: polygon(20% 0, 100% 0, 100% 30%, 100% 80%, 80% 100%, 0 100%, 0% 70%, 0 20%);

}

#pun-status .container span.item1:before {
    content:'.';
    font-size:0;
    display:block;
    width: 47px;
    height: 47px;
    position: absolute;
    left: 34px;
    margin-top: -16px;
    background:#bebebe;
    clip-path: polygon(20% 0, 100% 0, 100% 30%, 100% 80%, 80% 100%, 0 100%, 0% 70%, 0 20%);
}

#pun.isguest #pun-status .container span.item1:after {
    content: '.';
    width: 44px;
    height: 44px;
    position: absolute;
    font-size: 0px !important;
    left: 35px;
    top: -15px;
    display: block;
    background: url(https://forumavatars.ru/img/avatars/0016/a4/af/5-1537386279.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 3px;
    clip-path: polygon(20% 0, 100% 0, 100% 30%, 100% 80%, 80% 100%, 0 100%, 0% 70%, 0 20%);
}

#pun.isguest #pun-status .container span.item1 img {
  display:none;
}


/* #pun.isguest #pun-status .container span.item1 img {
background-image:url('https://forumstatic.ru/files/001a/d9/43/26557.png')!important;
} */

#pun-status .container span.item1 {
  margin-left: 90px;
}

#pun.isguest #pun-status .container span.item1,
#pun.isguest #pun-status .container span.item2 {
padding-right: 60px;
}

#pun-status .container {
   width:100%;
   z-index:1;
   position:relative;
}

.main table tr td.tcl {
  width:60%;
  vertical-align: top;
    border-radius: 5px;
}

.main table tr td.tcl,
.weeklyQuote p,
#pun-stats #onlinelist {
background-color: #a898bb26;
    border: 1px solid #e2d3e81a;
    border-radius: 5px;
}


.main table tr td.tcl .intd {
  position:relative;
}

/*

#pun-main .category h2,
#pun-main h1,
.main table tr td.tcl,
.main table tr td.tcr,
#pun-crumbs1, 
#pun-crumbs2,
#pun-stats ul,
#pun-stats #onlinelist,
#pun-viewtopic .post-content .postimg,
.post-content .custom_tag_artframe,
#pun-searchposts .custom_tag_artframe,
#pun-searchposts .postimg,
#pun-messages .postimg,
#pun-main .pun-modal .modal-inner h2 {
  border-radius: 3px;
} */

.main table tr td.tc2,
.main table tr td.tc3 {
  border-radius:0px;
}

#pun-main.multipage h1 {
display:block;
    width: auto;
    position: relative;
    height: 30px;
    margin: -7px 40px -30px;
background-image:url('https://forumstatic.ru/files/001c/a5/8c/46857.png');
background-repeat:repeat;
}

#pun-main.multipage h1 span {
    position: absolute;
    font-size: 14px;
    margin-top: -24px;
    margin-left: -40px;
}

#pun-main.multipage h1:before {
  background-image:url(https://forumstatic.ru/files/001c/a5/8c/45993.png);
  background-repeat:no-repeat;
  display:block;
  height:30px;
  width:31px;
    margin-left: -88px;
  content:'.';
  font-size:0!important;  
}

#pun-main.multipage h1:after {
  background-image:url(https://forumstatic.ru/files/001c/a5/8c/88123.png);
  background-repeat:no-repeat;
  display:block;
  height:30px;
  width:34px;
  content:'.';
  font-size:0!important; 
    position: absolute;
    right: -33px;
    margin-top: -30px; 
}

#pun-index .main table tr td.tcr {
  display: grid;
  align-items: start;
  grid-template-columns: 50px auto;
    grid-template-rows: 50px auto;
}

#pun-index .main table tr td.tcr em.user-avatar {
   grid-column: 1;
   grid-row: 1;
   align-self:start;
   align-items: center;
   justify-items: center;
   margin: -2px 0px 12px 10px;
}

#pun-index .main table tr td.tcr > a {
    grid-column: 2;
    grid-row: 2;
    margin-top: 14px;
    text-wrap: wrap;
}

/*
#pun-index .byuser:before {
   font-family:'icomoon';
   content:"\e9f2 ...";
    font-size: 21px;
    font-weight: normal;
    position: absolute;
    margin-top: 25px;
    margin-left: -12px;
    color: #252525;
}
*/

#pun-index .main table tr td.tcr .lastpost {
    grid-column: 2;
    grid-row: 1;
}

#pun-main .subforums {
    margin-top: -10px;
    width: 100%;
    padding: 10px 5px 10px 20px;
    font-size: 12px;
    color: #5c4a61;
    font-weight: bold;
    position: relative;
    z-index: 10;
border-bottom: 1px solid #443a49;
/* background: linear-gradient(to left, #0000005e, transparent); */
    background: #ffffff08;
text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}

#pun-main .subforums em {
font-style: normal;
}

#pun-main .subforums a {
  color: #bebebe;
}

#pun-main .subforums a:hover {
  color:#FFF;
}

/* 
.subforums:after {
    position: relative;
    display: block;
    margin-top: -5px;
    right: -27px;
    float: right;
    content: ".";
    font-size: 0;
    background-color: #e0d9c8;
    width: 30px;
    height: 25px;
} */


#pun-main .subforums + .mainForumLinksHolder {
  padding-top:25px;
}


.mainForumLinksHolder {
    padding: 18px 25px 10px 0px;

}

.mainForumLinks {
    display: flex;
    justify-content: left;
    width: 100%;
    min-height: 30px;
    max-width: 535px;
    padding-left: 0px;
    padding-right: 5px;
    margin-left: 7px;
    border-left: 0px double #c9c5a9;
}

.mainForumLinks:last-child {
    border-bottom: 0px double #c9c5a9;
}

.noLink {
    border: 1px double #585751;
    color: #ccc7bb;
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 23px;
    text-align: left;

}

.mainForumLinks a {
    padding: 5px 15px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight:bold;
    text-align: center;
    color: #777078!important;
    font-size: 14px;
    transition: 0.5s ease 0.1s!important;
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}

.mainForumLinks a:hover {
    text-shadow: #ffffff 0px 0 20px;
    color: #FFF!important;
    z-index: 2;
}

.mainForumLinks a:before {
   font-family:'icomoon';
   content:'\e969';
   padding-right:10px;
}





.lastpost {
    width: auto;
    margin-top: 15px;
    margin-left: -28px;
    margin-right: -5px;
    min-height: 26px;
    padding: 7px 28px 5px 45px;
    background-color: #bebebe;
    color: #000000;
    font-size: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
}

#pun .punbb .user-avatar .isonline {
  top: -1px;
    right: -15px;
}

/* tr.inew .lastpost {
    background-color: #007236;
}

#pun-index tr.inew .user-avatar:before {
  background-color: #007236;
} */

.datetime,
.byuser {
   font-size: 11px;
   text-transform: uppercase;
}

.datetime {
   padding: 0 10px; 
   opacity: 0.7;
}

.byuser {
  z-index:10;
font-weight: bold;
}

.byuser:after {
  content:",";
  font-weight:normal;
}

/** Avatars
---------------------------------------------------------------*/
.punbb .user-avatar {
    position:relative; 

}

#pun-index .user-avatar {
    height:50px; 
    width: 50px;
    vertical-align:middle;
}

.punbb .user-avatar a {
    padding:0!important; 
    background:none transparent!important;
}

.punbb .user-avatar a:after {
    content:none!important;
}

#pun .punbb .user-avatar .avatar-image {
   position: absolute;
    margin-top: 6px;
    margin-left: 5px;
    height: 45px;
    width: 45px;
   opacity:1; 
   background-position:center center; 
   background-size:cover; 
   background-repeat:no-repeat;
   border-radius:unset;
clip-path: polygon(20% 0, 100% 0, 100% 30%, 100% 80%, 80% 100%, 0 100%, 0% 70%, 0 20%);
  z-index:51;
}

#pun .punbb .user-avatar .avatar-image:hover {
   opacity:1;
}

.user-avatar:before {
  content:".";
  font-size:0;
  position:absolute;
    display: block;
   margin-top: 5px;
    margin-left: 4px;
    height: 47px;
    width: 47px;
   background-color: #bebebe;
clip-path: polygon(20% 0, 100% 0, 100% 30%, 100% 80%, 80% 100%, 0 100%, 0% 70%, 0 20%);
   z-index:48;
   opacity:1;
}

/*
.user-avatar:after {
    content:".";
  font-size:0;
  position:absolute;
    display: block;
   margin-left: 22px;
    height: 26px;
    width: 36px;
   background-color:#252525;
   z-index:10;
   opacity:1;
} */

.punbb .user-avatar .isonline {
    margin-top: 10px;
    margin-left: 6px;
    width: 32px;
    height: 32px;
   display:block; 
   position:absolute; 
   transform: rotate(45deg);
   animation:blinkColor .9s linear infinite; 
   -moz-animation:blinkColor .9s linear infinite; 
   -webkit-animation:blinkColor .9s linear infinite; 
   background:#8ac176; z-index:19;
}


.main table tr td.tcl .icon,
#pun-index .main table tr td.tcl .icon {
    margin-top: 5px;
    position:absolute;
    height: 80px;
    width: 40px;
    background-color: #beb7a6;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    z-index: 10;
}

.main table tr.inew td.tcl .icon,
#pun-index .main table tr.inew td.tcl .icon {
      background-color: #007236;
}

/* #pun-index .main table tr td.tcl .icon {
  display: none;
} */

.tclcon h3 {
width: 840px;
    height: 30px;
    color: #bebebe;
    position: absolute;
    left: -50px;
margin-top: -40px;
    padding-top: 2px;
    text-align: left;
    z-index: 30;
    background-image: url(https://forumstatic.ru/files/001c/c7/0d/35934.png);
    background-repeat: no-repeat;
}

tr.inew .tclcon h3 {
   background-image: url(https://forumstatic.ru/files/001c/a5/8c/90439.png);
}

/*
.tclcon h3:after {
    content: ".";
    font-size: 0;
    border-top: 2px solid #beb7a6;
    display: block;
    background-color: #e0d9c8;
    width: auto;
    height: 25px;
    margin-top: 10px;
    margin-left: -37px;
    margin-right: -23px;
    z-index: 5;
}*/

/*
.tclcon h3:before {
    content: ".";
    font-size: 0;
    margin-top: 29px;
    display: block;
    position: absolute;
    width: 60px;
    height: 24px;
    z-index: 2;
    background-color: #e0d9c8;
} */

.tclcon h3 {
   padding-left: 8%;
}

.tclcon .subforums {
     padding-left: 5px;
}

/* .tclcon .subforums:before {
     content:'.';
     font-size:0;
      margin-top: 5px;
    position:absolute;
    height: 80px;
    width: 40px;
    background-color: #beb7a6;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    z-index: 10;
} */


.tclcon {
padding-top: 50px;
}

.tclcon h3,
.tclcon .subforums,
.main table tr td.tcr,
#pun-main .category h2,
.forumDescription,
#pun-ulinks,
#pun-status,
.main .tc3,
.main .tc2,
#pun-stats {
    font-family: 'Verdana', sans-serif;
}

.tclcon:has(.stickytext) a {
  font-weight:bold;
}

#pun-stats ul li {
    list-style-type: none;
    list-style-image: none;
}

#pun-stats ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
   font-size:14px;
    padding: 20px 15px 8px;
    border: 1px solid #c1baab;
    margin: 4px 0;

}

#pun-stats ul li.item1,
#pun-stats ul li.item2,
#pun-stats ul li.item3,
#pun-stats ul li.item4 {
   display:inline-flex;
   justify-content: center;
   margin: 0 0 15px;
   padding: 0 4px;
    color: #867b6f;
}

#pun-stats ul li span {
  margin-right:5px;
}

#pun-stats #onlinelist {
   display:block;
   width:100%;
   margin:5px 0;
    padding: 20px;
   color: #867b6f;
   text-align: justify;
   font-size: 16px;
}

#pun-stats .onlinelist div > a,
#pun-stats .users_24h div > a {
  font-weight:bold;
}

#pun-stats #onlinelist #statistic-other {
  font-size: 14px;
  display: flex;
  font-weight: bold;
  justify-content: space-between;
}

#pun-stats #onlinelist.statistics {
   background: #252525;
}

#pun-stats #onlinelist.statistics a {
  color:#ebe5d7;
}

#pun-stats #onlinelist.statistics a:hover {
  color:#7cc577;
}

.forumDescription {
    padding: 55px 15px 0px 4%;
    font-size: 14px;
    text-align: justify;
    color: #897c76;
}


#pun-navlinks li#navpm em,
.nav-item-notifications .bubble,
#pun #notify-link .unreads, 
#pun #navpm .unreads {
   background: #7cc577;
    border: 0 none;
    border-radius: 3px;
    color: #05180a;
    font: bolder 10px/1.6 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 3px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -6px;
}

#pun #navpm .unreads {
    margin-top:10px;
    right:unset;
    left:-25px;
}

#pun .notify-link {
    margin-left: -5px;
}


.nav-item-notifications .bubble:after {
   visibility:hidden;
}



/*
#pun li.nonewnots:before {
   opacity:0.5;
}

#pun-ulinks li.item8[data-number-unread="0"]:before {
  opacity: 0.5;
}


li#navpm:before {
    font-family:'icomoon';
    font-size:18px;
    content:'\f2b6';
    display:block;
    position:absolute;
    z-index:1;
    opacity:0.5;
}

li#navpm.inewPM:before {
    font-family:'icomoon';
    font-size:18px;
    content:'\f0e0';
    display:block;
    position:absolute;
    z-index:1;
    opacity:1;
}

li#navpm.inewPM:hover:before,
#pun-ulinks li.item8:hover:before,
#navadmin:hover:before,
li#navpm:hover:before {
  color: #007236;
} 

#pun-ulinks li.item8 {
   font-size:0;
   position: fixed;
   right:21%;
   margin-right:5px;
   margin-top: -8px; 
   width:30px;
   height:30px;
}

#pun-ulinks li.item8 a {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 10;
}

#pun-ulinks li.item8:before {
    font-family:'icomoon';
    font-size:18px;
    content:'\f0f3';
    display: block;
    position: absolute;
    z-index:1;
} */

#pun-status .status-right {
    text-align: left;
}

#pun-status .status-right {
    float: unset!important;
}

#pun-status .item4 a {
   margin-top: 3px;
}

#pun-status .item4 a:after {
    font-family:'icomoon';
    content:'\f006';
    margin-left:10px;
}

#pun #pun-status .item3 a {
  position:relative;
  display:inline-block;
  margin-left:unset;
}

#pun-status .item3 a:after {
  display:none;
}

#pun #pun-status .item5 a:after {
    font-family:'icomoon';
    content:'\f06e';
    font-size: 18px;

}

#pun #pun-status .item5 {
    font-size: 0px;
    position: absolute;
    margin-left: 45px;
    margin-top: -5px;
}

#pun-announcement {
    position: relative;
    top: unset;
    padding: 0;
    margin: 0;
    margin-top: 70px;
    max-height: unset;
    max-width: unset;
    right: 0;
    top: 0;
    left: 0;
    font-size: 11px;
    font-family:'verdana', sans-serif;
}



/* Forum pages and multipage
------------------------------------ */

/*
#pun-main h1 {
  display:block;
} */

.linkst,
.linksb {
  padding: 65px 20px 30px;
}

.linkst,
.linksb,
.post h3 span {
   display:flex;
   justify-content: space-between;
   align-items:center;
}


#pun-viewtopic .topic-starter h3 span {
border-top: 1px solid #bebebe !important;
 /*   background: #83000033;*/
   color:#007236;
}

.topic > .topic-starter {
    border-bottom: 0px solid #7cc577;
    border-radius: 0px;
}

.topic > .topic-starter h3 span strong,
.topic > .topic-starter h3 a {
     color:#007236;
}

.topic > .topic-starter h3 a:hover {
  color:#7cc577;
}

.post h3 {
  margin: 0px 6% 3px;
    padding-top: 20px;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #4418691f, #38144e47);
}

.topicpost h3 span {
  color: #827465!important;
}

.topicpost {
  border-bottom:0;
}

.topicpost h3 span strong,
.topicpost h3 a {
     color:#827465!important;
}

.topicpost h3 a:hover {
  color:#007236!important;
}

.topic > .topic-starter h3 a:hover {
  color:#95d790;
}

.post {
  padding-top:4px;
}

.toppost {
  padding-top:0px;
}

.post h3 span {
   font-size:12px;
   padding: 10px 30px;
}

.post h3 span .sharelink {
  order:3;
}

.post + .post h3 {
    padding-top: 40px;
}

.sharelink:after {
   font-family:'icomoon';
   content:'\ea82';
   margin-left:10px;
   padding-top:2px;
}

.post h3 span strong {
  order:1;
  color: #827465;
  font-weight: normal;
}

.post h3 span strong:before {
  content: '# ';
}

.post h3 span .permalink {
  order:2;
  margin-right: 38%;
}

.topic {
    font-family:'proxima-soft', 'Verdana', sans-serif;
    margin-top: 0px;
    margin-bottom: 4px;
}

#pun-viewtopic #pun-main.multipage .post > .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
         padding: 40px 8px 0;
    margin: 0;
}

#pun-viewtopic #pun-main .topic > div.topic-starter h3 strong:after {
    font-family: 'icomoon';
    content: '\e9ba';
    font-size: 16px;
    padding-left: 15px;
    margin-top: 1px;
    position: absolute;
}

/* alt h3 */

#pun-viewtopic #pun-main .topic > div.topic-starter h3 strong:after {
    content: '\e9ba';
}

#pun-viewtopic[data-forum-id="13"] #pun-main .topic > div.topic-starter h3 strong:after,
#pun-viewtopic[data-forum-id="11"] #pun-main .topic > div.topic-starter h3 strong:after,
#pun-viewtopic[data-forum-id="10"] #pun-main .topic > div.topic-starter h3 strong:after {
    content: '\f1fc';
}

#pun-viewtopic[data-forum-id="6"] #pun-main .topic > div.topic-starter h3 strong:after {
    content: '\f040';
}

.post .post-author,
.post .post-body {
   display:inline-flex;
}

.post[data-group-id="1"] .post-author .pa-author > a {
   color: #ffce42;
} 

.post[data-group-id="1"] .post-author .pa-title {
   color: #7cc575;
}

#pun-main .post-content .hashes {
    background-color: #7cc576;
    padding: 0px 9px 2px;
    border-radius: 3px;
    color: #007236;
    margin: 0px 2px;
    text-wrap: nowrap;
    border: 1px solid transparent;
    transition:0.2s ease-in-out;
}

#pun-main .post-content .hashes:hover {
   background-color: transparent;
   border: 1px solid #007236;
}

#pun-main .post-content .highlight-text {
    background-color: #7cc577 !important;
    color: #7cc577 !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 1px;
    transition: 0.6s ease-in-out 0.3s;
    border-radius:3px;
}

#pun-main .post-content .highlight-text:hover {
    background-color: rgb(215 209 195);
    color: #007136 !important;
}

div#pun-searchposts.punbb .post-content .highlight-text,
div#pun-searchposts.punbb .post-content .highlight-text:hover {
    background-color: #fffa7d!important;
    color: #000000!important;
    padding:0px;

}

#pun-viewtopic[data-forum-id="13"] #pun-main #form-buttons td#button-image,
#pun-viewtopic[data-forum-id="10"] #pun-main #form-buttons td#button-image {
  display: none!important;
}


#pun-main .post-content table {
    border-collapse: separate;
    border-spacing: 0px;
    border: 2px solid #ebe5d7;
    border-radius: 3px;
    padding:5px;
    transition:0.2s ease-in-out;
}

#pun-main .post-content table tbody {
   display: contents;
}

#pun-main .post-content table:hover {
      border: 2px solid #7cc576;
}

#pun-main .post-content table td {
      border-right: 1px solid #7cc576;
}

#pun-main .post-content table td:last-of-type {
     border-right: 1px solid transparent;
}

#pun-main .post-content table td {
   border-bottom: 1px solid #7cc576;
   padding:7px;
   text-align:left;
   vertical-align:top;
}

#pun-main .post-content table td p {
  border-bottom:0;
}

#pun-main .post-content table tr:last-child > td {
     border-bottom: 1px solid transparent;
}

#pun-main .post-content a {
  text-wrap: wrap;
  font-weight: bold;
}

#pun-main .post-content hr {
    height: 1px;
    border: 0;
    margin: 5px 0;
    background: #7ac174;
}

/*

#pun-viewtopic .post-content:before {
    content:'.';
    font-size:0;
    height: 2px;
    width: 6px;
    position: absolute;
    margin-top: -42px;
    margin-left: -102px;
    background-color:#7cc576;
} */

.post[data-group-id="1"] .post-content:before {
    font-family: 'icomoon';
    content: '\ea24';
    color: #7cc576;
    font-size: 34px;
    margin-top: -36px;
    right: 3px;
    position: absolute;
} 

.post[data-group-id="2"] .post-content:before {
    font-family: 'icomoon';
    content: '\f134';
    color: #7cc577;
    font-size: 25px;
    margin-top: -36px;
    right: 3px;
    position: absolute;
} 

.post[data-group-id="3"] .post-content:before {
    font-family: 'icomoon';
    content: '\f21b';
    color: #d7d1c3;
    font-size: 25px;
    margin-top: -36px;
    right: 3px;
    position: absolute;
} 

.post[data-group-id="4"] .post-content:before {
    font-family: 'icomoon';
    content: '\e91e';
    color: #827465;
    font-size: 25px;
    margin-top: -36px;
    right: 3px;
    position: absolute;
} 

.post[data-group-id="5"] .post-content:before {
    font-family: 'icomoon';
    content: '\e9e5';
    color: #827465;
    font-size: 25px;
    margin-top: 0px;
    margin-top: -36px;
    right: 3px;
    position: absolute;
} 

.post[data-group-id="6"] .post-content:before {
    font-family: 'icomoon';
    content: '\ea3d';
    color: #827465;
    font-size: 25px;
    margin-top: -36px;
    right: 3px;
    position: absolute;
} 

.post .post-author {
    width: 20%;
    height: fit-content;
    max-width: 185px;
    margin-top: 2px;
    margin-left: -25px;
    margin-right: 20px;
    padding: 0px 0px 10px;
    z-index: 20;
    background: linear-gradient(92deg, #000000, #72557f47);
    border: 1px solid #434343;
    outline: 2px solid #000000;
    box-shadow: 0 0 0px 3px #ebe5d7;
}

.post .post-body {
   flex-grow: 1;
   max-width:80%;
}

.post .post-links,
.post-box {
  width:100%;
}

.post .post-links {
  margin-top:20px;
}

.post-content {
 position:relative;
 width: auto;
 text-align: justify;
 margin-right: -10px;
font-size: 16px;
font-family: 'Verdana', 'sans-serif';
 background-color:#ebe5d7;
 min-height:200px;
 padding: 40px 12%;
 color: #544740;
border: 2px solid #000;
    outline: 1px solid #e8e4d8;
    box-shadow: -26px 14px 0 3px #0b0b0b;
}

.punbb .post-content .custom_tag_artframe {
  padding: 10px;
  border: 1px solid #7cc577;
   display: inline-block;

}

.punbb .post-content .custom_tag_artframe + .custom_tag_artframe {
  margin-top:5px;
   margin-left:5px;
}

.punbb .post-content .custom_tag_artframe > p,
.punbb .post-content .custom_tag_artframe .postimg {
  margin:0;
  padding:0;
}

.punbb .post-content .custom_tag_artframe .postimg {
   margin-bottom:-5px;

}

#pun-main .post-content .custom_tag_artframe a {
    color: #007236;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    border: 1px solid #7cc577;
    border-radius: 3px;
    margin-top: 5px;
    background-color: transparent;
    transition: 0.2s ease-in-out;
}

#pun-main .post-content .custom_tag_artframe a.hashes {
  width:unset;
  font-size:12px;
  display:inline-block;
}

#pun-main .post-content .custom_tag_artframe a:hover {
    background-color: #007236;
    color: #7cc577;
    border: 1px solid #007236;
}

.post-rating {
   text-align:right;
    padding: 10px 10px 50px;
    color: #827465;
}

.post-rating .container {
    right: 0;
    padding-right:10px;
 /*   position: absolute; */
}

.post-rating {
    width: 100%;
    float: right;
}

.reactions-root {
  float: left;
  max-width: 60%;
}

.postlink {
    width:30%;
    text-align: right;
}

.postlink span a,
.subscribelink a,
#isk,
#topic-modmenu .container a,
#pun-viewforum .modmenu a,
#pun-main .formsubmit input[type="submit" i],
#pun-main #poll-special input[type="submit" i],
#pun-main .formal input[type="submit" i],
.button,
#pun-profile #profile-left #pa-edit a {
    padding: 7px 14px;
    margin: 0px 3px;
    background-color: #f4f1e9;
    border-radius: 3px;
    color: #827465;
    border: 1px solid #f4f1e9;
background: linear-gradient(to bottom, #f4f1e9, #f4f1e9);
    box-shadow: 0px 0px 5px 0px #25252530;
    transition: 0.2s ease-in-out;
}


.postlink span a:hover,
.subscribelink a:hover,
#isk:hover,
#topic-modmenu .container a:hover,
#pun-viewforum .modmenu a:hover,
#pun-main .formsubmit input[type="submit" i]:hover,
#pun-main #poll-special input[type="submit" i]:hover,
#pun-main .formal input[type="submit" i]:hover,
.button:hover,
.pagelink a:hover,
#pun-profile #profilenav ul li:hover,
#pun-profile #profile-left #pa-edit a:hover {
background: linear-gradient(to bottom, #fdfcfa, #f1eee5 49%, #ebe5d7 50%, #d7d1c3);
    box-shadow: 0px 0px 5px 0px #007236, inset 0px 0px 3px 0px #9ad295;
    color: #007236;
    text-shadow: 1px 1px #f4f1e9;
   transition: 0.2s ease-in-out;
}

#pun #pun-viewforum .modmenu p,
#pun-viewtopic #topic-modmenu p span {
  font-size:0;
}

#pun-viewforum .modmenu p a,
#pun-viewtopic #topic-modmenu p span a {
  font-size: 14px;
} 



#topic-modmenu .container,
#pun-viewforum .modmenu {
  text-align:right;
}




.linksb #sTheme {
    height: unset;
} 


.linksb #sTheme, 
.linksb #isk {
  border:0px solid transparent;
  border-radius:3px;
  padding-left: 10px;
}

.linksb #isk {
    cursor: pointer;
    font-size: 14px;
    width: unset;
    height:unset;
}


#pun #pun-viewtopic .linksb .postlink {
   display: block;
/*    width: unset; */
}

.post-author ul li {
    list-style-type: none;
    list-style-image: none;
    display:block;
    transition: 0.3s ease-in-out 0.1s;
}

.post-author ul:before {
 content:'.';
 font-size:0!important;
 position:absolute;
 width:186px;
height:186px;
display:block;
clip-path: polygon(85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%, 0 0);
}

.post-content p.formatted {
    padding: 0 0 5px 0;
    text-indent: 3em;
}

.punbb .post-content p {
   padding-bottom:0px;
   margin:2px 0;
line-height: 1.5;
}


.quote-box,
.code-box {
    position:relative;
    border: 1px solid #7cc575;
    background-color: #fbfaf6;
    border-radius: 3px;
    padding: 15px;
    margin: 5px 0 20px;
    box-shadow: 5px 5px 0px #7cc575;
}

.spoiler-box:after {
    display:none;
}

.topic .quote-box:after {
   content:'\e978';
    position: absolute;
    right: 0;
    margin-top: 9px;
    font-size: 17px;
}

.topic .qc-post-link {
  color:#007236;
}

.topic .qc-post-link:hover {
  color:#fbfaf6;
}

.topic .quote-main:before {
    content: '\e977';
    position: absolute;
    margin-left: -49px;
    background-color: #7cc575;
    padding: 9px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*
.quote-box:after {
   font-family:'Icomoon';
   content:"\e978";
   color:#007236;
   margin: 0 10px 0 -15px;
} */

.quote-box cite,
.code-box .legend {
    padding: 5px 25px 5px 25px;
    background-color: #7cc575;
    color: #007236;
    font-style: normal;
    font-weight:normal;
    border-radius: 3px;
    margin: 15px 0 15px -52px;
}

.quote-box cite:before,
.code-box .legend:before,
.quote-box:after,
.quote-box:before {
   font-family:'Icomoon';
   color:#007236;
   margin: 0 10px 0 -15px;
}

.quote-box cite:before {
   content:"\e977";
}

.code-box .legend:before {
   content:"\f121";
}


.quote-box blockquote,
.code-box pre {
    margin: 15px 20px;
    color: #6d6655;
    font-size: 13px;
    min-height:10px;
}


/* Кнопочки из (з)ада
-------------------------------- */

.punbb .post-links ul {
   padding-inline-start: 0px;
   text-align: right;
}

.punbb .post-links ul li {
   display: inline-block;
   list-style-type: none;
   font-size: 13px;
    margin-left: 4px;
    margin-bottom: -10px;
    padding: 10px 0;
    background:linear-gradient(to bottom, #f4f1e9, #f4f1e9);
    border: 1px solid #f4f1e9;
    border-radius: 3px;
    box-shadow: 0px 3px 5px 0px #25252573; 
    transition: 0.2s ease-in-out;
}

/* лишние отступы
----- */

.punbb .post-links ul li.pl-delete,
.punbb .post-links ul li.pl-edit,
.punbb .post-links ul li.pl-delete,
.punbb .post-links ul li.pl-quote {
    margin-left: 3px;
}

/* --- */

.punbb .post-links li.social-telegram,
.punbb .post-links li.social-vk,
.punbb .post-links li.social-youtube,
.punbb .post-links li.social-facebook,
.punbb .post-links li.social-instagram,
.punbb .post-links li.social-ko-fi,
.punbb .post-links li.social-artstation,
.punbb .post-links li.social-boosty,
.punbb .post-links li.social-discord,
.punbb .post-links li.social-steam,
.punbb .post-links li.social-dzen,
.punbb .post-links li.email,
.punbb .post-links li.pm,
.punbb .post-links li.profile,
.punbb .post-links li.pl-website {
  float:left;
}

#pun-messages.punbb .post-links li.pl-email a,
.punbb .post-links li.social-telegram a,
.punbb .post-links li.social-vk a,
.punbb .post-links li.social-youtube a,
.punbb .post-links li.social-facebook a,
.punbb .post-links li.social-instagram a,
.punbb .post-links li.social-boosty a,
.punbb .post-links li.social-ko-fi a,
.punbb .post-links li.social-artstation a,
.punbb .post-links li.social-steam a,
.punbb .post-links li.social-dzen a,
.punbb .post-links li.pl-reports a,
.punbb .post-links li.email a,
.punbb .post-links li.pm a,
.punbb .post-links li.profile a,
.punbb .post-links li.pl-website a,
.punbb .post-links li.pl-delete a,
#pun .punbb .post-links li.pl-edit-poll a {
   position:relative;
   font-size:0;
   padding: 20px;
    z-index: 10;
}

.punbb .post-links li.no-link {
   position:relative;
   font-size:0;
   padding: 20px 20px 19px;
   z-index: 2;
}

.punbb .post-links li.pl-quote,
.punbb .post-links li.pl-edit {
   padding: 10px;
}

#pun .punbb .post-links li.pl-edit-poll,
#pun-premoderation .post-links li.pl-email {
  padding: 10px 0;
}

.punbb .post-links li.pl-quote a,
.punbb .post-links li.pl-edit a {
   position:relative;
   font-size:12px;
   font-weight:bold;
   padding: 10px;
   margin:0;
   color: #867b6f;
}

.punbb .post-links li.no-link:before {
   content: "";
    margin-top: -8px;
    margin-left: -8px;
    position: absolute;
    width: 18px;
    height: 18px;
}

.punbb .post-links li a:hover {
   color: #007236;
}

.punbb .post-links li.profile:before  {
  content: "\f2be";
}

.punbb .post-links li.pm:before {
  content: "\f0e0";
}

.punbb .post-links li.email:before,
#pun-messages.punbb .post-links li.pl-email:before {
  content: "\f1fa";
}

.punbb .post-links li.pl-delete:before {
  content: "\f1f8";
}

.punbb .post-links li.pl-edit:before {
  content: "\f040";
}

.punbb .post-links li.pl-edit-poll:before {
   content: "\e99c";
}

.punbb .post-links li.pl-quote:before {
  content: "\e978";
}

.punbb .post-links li.pl-reports:before {
  content: "\f071";
}

.punbb .post-links li.pl-website:before {
  content: "\f0ac";
}

.punbb .post-links li.social-telegram:before {
  content: "\f1d8";
}

.punbb .post-links li.social-instagram:before {
  content: "\f16d";
}

.punbb .post-links li.social-boosty:before {
  content: "\e900";
}

.punbb .post-links li.social-artstation:before {
  content: "\e909";
}

#pun_wrap .punbb .post-links li.social-ko-fi:before {
  content: "\e904";
  font-size: 19px;
}

.punbb .post-links li.social-vk:before {
  content: "\f189";
}

.punbb .post-links li.social-youtube:before {
  content: "\f16a";
}

.punbb .post-links li.social-facebook:before {
  content: "\f082";
}

#pun .punbb .post-links li.social-discord:before {
  content: "\eab9";
  margin-top: -7px;
  margin-left: -9px;
}

.punbb .post-links li.social-steam:before {
  content: "\e90a";
}

.punbb .post-links li.social-dzen:before {
  content: "\e90b";  
}

#pun-premoderation.punbb .post-links li.decline:before {
  content: "\e95b";
}

#pun-premoderation.punbb .post-links li.approve:before {
  content: "\e952";
}

#pun-searchposts .post-links li > a:before {
  content: "\e969";
}

/*
.punbb .post-links li.social-discord:before {
  background-image:url(https://forumstatic.ru/files/001a/d9/43/58037.png);
  background-repeat:no-repeat;
  background-size: contain;
  z-index:3;
}

.punbb .post-links li.social-discord:hover:before {
  background-image:url(https://forumstatic.ru/files/001a/d9/43/46810.png);
}

*/



#pun-messages.punbb .post-links li.pl-email:before,
.punbb .post-links li.social-telegram:before,
.punbb .post-links li.social-vk:before,
.punbb .post-links li.social-youtube:before,
.punbb .post-links li.social-facebook:before,
.punbb .post-links li.social-discord:before,
.punbb .post-links li.pl-reports:before,
.punbb .post-links li.email:before,
.punbb .post-links li.pm:before,
.punbb .post-links li.profile:before,
.punbb .post-links li.pl-website:before,
.punbb .post-links li.pl-delete:before,
#pun .punbb .post-links li.pl-edit-poll:before {
    position: absolute;
    font-size: 16px;
    color: #827465;
    font-family: 'icomoon';
    margin-top: 2px;
    margin-left: 12px;
    z-index: 3;
}

.punbb .post-links li.social-instagram:before,
.punbb .post-links li.social-boosty:before,
.punbb .post-links li.social-ko-fi:before,
.punbb .post-links li.social-artstation:before,
.punbb .post-links li.social-dzen:before,
.punbb .post-links li.social-steam:before {
    position: absolute;
    font-size: 16px;
    color: #827465;
    font-family: 'icomoon-brands';
    margin-top: 2px;
    margin-left: 12px;
    z-index: 3;
}

.punbb .post-links li.email:before,
.punbb .post-links li.social-facebook:before,
.punbb .post-links li.pl-website:before,
.punbb .post-links li.pl-delete:before,
.punbb .post-links li.social-steam:before {
     margin-left: 13px;
}

#pun-messages.punbb .post-links li.pl-email:before,
.punbb .post-links li.pl-quote:before,
.punbb .post-links li.pl-edit:before,
.punbb .post-links li.pl-delete:before,
#pun-searchposts .post-links li > a:before,
#pun-premoderation.punbb .post-links li.approve:before,
#pun-premoderation.punbb .post-links li.decline:before {
   font-size: 16px;
   color: #867b6f;
   font-family: 'icomoon';
} 

#pun-premoderation.punbb .post-links li.approve:before,
#pun-premoderation.punbb .post-links li.decline:before,
#pun-searchposts .post-links li > a:before {
  margin-right: 5px;
}

#pun-premoderation.punbb .post-links li.approve:before,
#pun-premoderation.punbb .post-links li.decline:before {
  line-height: 1.1;
  vertical-align: middle;
}

.punbb .post-links ul li:hover {
    color: #007236;
    background: linear-gradient(to bottom, #fdfcfa, #f1eee5 49%, #ebe5d7 50%, #d7d1c3);
    box-shadow: 0px 0px 3px 0px #007236, inset 0px 0px 3px 0px #9ad295;
   text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links ul li:active,
.punbb .post-links ul li:focus {
    background: #7cc577;
    box-shadow: 0px 0px 3px 0px #007236, inset 0px 0px 3px 0px #7cc577;
}

.punbb .post-links ul li.pl-reports:active,
.punbb .post-links ul li.pl-reports:focus {
    background: #ce3d3d;
    box-shadow: 0px 0px 3px 0px #ce3d3d;
}

.punbb .post-links li:hover:before,
#pun-messages.punbb .post-links li.pl-email:hover:before,
#pun .punbb .post-links li.pl-edit-poll:hover:before {
    color: #007236;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links ul li:active:before,
.punbb .post-links ul li:focus:before,
.punbb .post-links li.social-facebook:active:before,
.punbb .post-links li.social-telegram:active:before,
.punbb .post-links li.social-instagram:active:before,
.punbb .post-links li.social-vk:active:before,
.punbb .post-links li.social-discord:active:before,
.punbb .post-links li.social-steam:active:before,
.punbb .post-links li.social-youtube:active:before,
.punbb .post-links li.social-facebook:focus:before,
.punbb .post-links li.social-telegram:focus:before,
.punbb .post-links li.social-discord:focus:before,
.punbb .post-links li.social-vk:focus:before,
.punbb .post-links li.social-youtube:focus:before,
.punbb .post-links li.social-dzen:focus:before {
    color: #f4f1e9;
    text-shadow: 1px 1px #252525;
}

.punbb .post-links ul li.pl-reports:hover,
#pun-premoderation.punbb .post-links li.decline:hover {
    background: linear-gradient(to bottom, #fdfcfa, #f1eee5 49%, #ebe5d7 50%, #d7d1c3);
    box-shadow: 0px 0px 3px 0px #ce3d3d, inset 0px 0px 3px 0px #eab02b;
}

#pun-premoderation.punbb .post-links li.decline:hover a {
   color: #ce3d3d;
}

#pun-premoderation.punbb .post-links li.approve:hover a,
#pun-searchposts .post-links ul li:hover a {
   color: #007236;
}

.punbb .post-links li.pl-reports:active:before,
.punbb .post-links li.pl-reports:focus:before,
#pun-premoderation.punbb .post-links li.decline:active:before,
#pun-premoderation.punbb .post-links li.decline:focus:before {
    color: #f4f1e9;
    text-shadow: none;
}

.punbb .post-links li.social-facebook:hover:before {
    color: #2243bb;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-boosty:hover:before {
    color: #eb902f;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-ko-fi:hover:before {
    color: #eb5656;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-artstation:hover:before {
    color: #3277e3;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-telegram:hover:before {
    color: #2b72dc;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-vk:hover:before {
    color: #4296ec;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-youtube:hover:before {
    color: #bb2929;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-instagram:hover:before {
    color: #ab006d;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-steam:hover:before {
    color: #2f306e;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.social-dzen:hover:before {
    color: #4d4d4d;
    text-shadow: 1px 1px #f4f1e9;
}

.punbb .post-links li.pl-reports:hover:before,
#pun-premoderation.punbb .post-links li.decline:hover:before {
    color: #ce3d3d;
    text-shadow: 1px 1px #fdf1d2;
}

.punbb .post-links li.social-discord:hover:before {
   color:#8c5995;
   text-shadow: 1px 1px #fdf1d2;
}

#pun-premoderation.punbb .post-links li.approve:hover:before,
#pun-searchposts .post-links li:hover > a:before {
     color: #007236;
    text-shadow: 1px 1px #fdf1d2; 
}

/* Конец (з)адских кнопочек
------------------------------- */


/* Реакции
------------------------*/

.topic .reactions-container {
    justify-content: flex-end;
}

/* .topic .reaction-picker {
    position: absolute;
} */

.reaction-picker-panel {
    left: 0;
}

.topic .reactions-root .emoji-mart {
  background: #f4f1e9;
  border: 0;
}

.topic .reactions-root .emoji-mart-category-label span {
  color: #f4f1e9;
  background: #007236;
  border-bottom:2px solid #7cc577;
  border-radius:3px;
}

.topic .reactions-root .emoji-mart-search {
  padding-bottom:5px;
}

.topic .reactions-root .emoji-mart-bar {
  border-bottom:2px solid #7cc577;
  background: #007236;
}

/*
----------- */

.topic .reaction-chip {
    list-style-type: none;
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: -10px;
    padding: 5px;
    background: linear-gradient(to bottom, #f4f1e9, #f4f1e9);
    border: 1px solid #f4f1e9;
    box-shadow: 0px 3px 5px 0px #25252573;
    transition: 0.2s ease-in-out;
    
}

.topic .reaction-chip:hover {
    border: 1px solid #007236;
    background: linear-gradient(to bottom, #fdfcfa, #f1eee5 49%, #ebe5d7 50%, #d7d1c3);
    box-shadow: 0px 0px 3px 0px #007236, inset 0px 0px 3px 0px #9ad295;
    text-shadow: 1px 1px #f4f1e9;
}


.topic .reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: #e5e5e5;
    
}

.topic .reaction-counters-container {
    padding-right: 30px;
}

.topic .reaction-chip.reaction-chip--clicked {
    border: 1px solid #007236;
    background-color: #85c3f2;
}


#pun-viewtopic .reaction-picker button svg path {
    fill: #d7d1c3;

}

#pun-viewtopic .reaction-picker button:hover svg path {
    fill: #7cc576;
}

#pun-viewtopic button.reaction-chip:hover svg path {
  fill: #007236;
}

#pun-viewtopic .reactions-root .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
 background-color:#7cc576!important;
}

/* Темы
------------------------*/


.post-share-tip {
    width: 164px;
    height: 80px;
    padding: 0 10px 10px;
}

.linkst,
.linksb,
#topic-modmenu,
#pun-viewforum .modmenu {
    margin: 0px 0;
}



.linkst,
.linksb,
#topic-modmenu ,
#pun-viewforum .modmenu {
/*    background: #ebe5d7; 
    box-shadow: 0px 1px 5px 0px #bdb7ab; */
    font-size:14px;
    color: #827465;
}

/*
#topic-modmenu .container {
   padding:5px 20px;
} */

.post h3 a,
.pa-ip a,
.post-sig a {
  color: #827465;
}

.post h3 a:hover,
.pa-ip a:hover,
.post-sig a:hover {
   color: #007236;
}

.linksb .pagelink {
   width:40%;
   color: #827465;
}

.pagelink a {
  padding:7px 14px;
/*  margin: 0px 3px; */
  background:#f4f1e9;
  border-radius:3px;
  text-align: center;
  transition: 0.2s ease-in-out;
}

.pagelink strong {
  padding:7px 14px;
  margin: 0px 3px;
  background: #7cc577;
  color: #007136;
  border-radius:3px;
  text-align: center;
}

.linksb .pagelink {
  order:1;
}

.linksb #s-block {
  order:3;
  padding:0;
height: 33px;
}

.linksb .subscribelink {
  order:2;
  font-size:0;
}

.linksb .postlink {
  order:4;
}

#pun-main .linksb .subscribelink > a {
 font-size: 12px;
 text-wrap:nowrap;
}


#pun-crumbs1, 
#pun-crumbs2 {
   font-family:'verdana', sans-serif;
   margin: 0px 0;
}

#pun-crumbs1 p,
#pun-crumbs2 p {
   margin: 0px 0;
    color: #ffd434;
}

#pun-crumbs1 em, 
#pun-crumbs2 em {
   display:none;
}

div#pun-live-rusff {
  height:unset;
  max-height:25px;
}

.cooltext {
   padding-top: 3px;
}

#pun-main div#pun-live-rusff {
   width: unset;
   font-family: 'Verdana', sans-serif;
   color: #827465;
   box-shadow: none;
   padding-top: 3px;
}

#pun-main div#pun-live-rusff .cool2 {
    width:unset;
    height:21px;
    padding: 4px 2px 0 4px;
    border: 0;
    border-radius: 3px;
}

#pun-main div#pun-live-rusff .cool1,
#pun-main div#pun-live-rusff .cool3 {
    padding: 2px 7px;
    background: #007236;
    border:0px;
    width: unset;
    height:unset;
    box-shadow: none;
    text-shadow: none;
    border-radius:3px;
}

#pun-main div#pun-live-rusff .cool1:hover,
#pun-main div#pun-live-rusff .cool3:hover {
    background: #7cc576;
}

#pun-main div#pun-live-rusff-peoples {
  background: #242924;
  border-radius: 3px;
}














/* Профиль основной
---------------------------------------*/

.post + #post-form.formal {
  margin-top:10px;
}

#pun-viewtopic #mod-options {
  padding: 5px;
    color: #827565;
    border-color: #827565;
    border-radius: 3px;
}



.post-vote,
.post-vote .container {
    width: 100%;
}

.post-vote {
    position: absolute;
    margin-top: 12px;
}

.post-vote .container {
   text-align: right;
   padding-right: 80px;   
}

.post-vote a {
  padding:5px;
  font-size:0;
}

.post-vote a.positive {
   margin-right: 12px;
   color: #e57c91;
}

.post-vote a.negative:after {
    content:'/';
    font-size: 16px;
    color: #544740;
    margin-left: -8px;
}

.post-vote a.negative {
    position: absolute;
    margin-left: 8px;
    margin-top: -6px;
    color: #5a5b54;
}

.post-vote a:before {
   position:absolute;
   padding:5px;
   font-family:'Icomoon';
   font-size:14px;
}

.post-vote a.positive:before {
   content:'\e9da';
}

.post-vote a.positive:hover {
   color: #ff477a;
}

.post-vote a.negative:before {
   content:'\e9db';  
}

.post-vote a.negative:hover {
   color:#669cb1;
}

.post-sig {
   margin-top: 40px;
    padding-top: 10px;
    border-top: 1px solid #d7d1c3;
    font-size: 12px;
    color: #b5ad99;
  max-height:180px;
  overflow:hidden;
}

.lastedit {
    float: right;
    font-size: 11px;
    color: #d7d1c3;
}

.post-sig img {
  max-height:90px;
}


.topic li.pa-author {
   border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
    padding-left: 140px;
   font-weight:bold;
}



.topic .post-author .pa-title {
  border-bottom-right-radius: 0px;
   padding: 0px 5px 5px;
margin-bottom: 15px;
    color: #bebebe;
    position: absolute;
    right: 0;
    top: 7px;
}

#post-preview .post-content {
  border-radius:3px;
}

.post h3 {
  display:block;
  clear: both;
}

.post-author ul {
   padding-inline-start: 0px;
   width: 100%;
    margin: 0;
}

.post-author ul li {
  color: #827465;
  margin: 0;
  padding: 10px 7px;
  font-size:11px;
  position:relative;
}

.pa-author > img {
    position:absolute;
    margin-left: 10px;
    margin-top: -25px;
}

.topic ul li.pa-author,
.pa-author a {
    font-family: verdana, sans-serif;
    font-size: 16px;
    color: #7cc577;
}

.topic .pa-author,
.topic .pa-title {
   color: #f4f1e9;
   margin: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}


 
.topic .pa-author {
    border-top: 0px solid #7cc576;
border-bottom: 1px solid #4d494e;
    padding: 10px 5px 5px;
    font-size:18px;
    font-weight:bold;
margin-top: -43px;
    left: 0;
    width: 100%;
    position: absolute;
    background: linear-gradient(to right, #5a00a629, #38144e47);
}

.topic .post[data-group-id="3"] .pa-avatar {
    position:relative;
}

.topic .pa-avatar {
    display: flex;
    justify-content: flex-end;
    padding: 9px;
    margin: 7px 0 0 -27px;
    border-radius: 3px;
    border: 0px solid #f4f1e9;
    z-index:10;
}

.pa-avatar img {
position: relative;
    width: 180px;
    max-height: 180px;
    margin-top: -45px;
    left: -25px;
    border: 1px solid #0000;
    z-index: 10;
    opacity:1;
    z-index:3;
    clip-path: polygon(85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%, 0 0);
}

.punbb .pa-avatar:before {
    content: ".";
    font-size: 0px;
    position: absolute;
    width: 188px;
    height: 186px;
    background: linear-gradient(135deg, #791113, #000 55%);
    margin-top: -48px;
    left: -7px;
    clip-path: polygon(84% 0, 100% 16%, 100% 100%, 16% 100%, 0 84%, 0 0);
    z-index: 2;
}

.punbb .pa-avatar:after {
    content: ".";
    font-size: 0px;
    position: absolute;
    width: 191px;
    height: 188px;
top: -40px;
    left: -8px;
    clip-path: polygon(84% 0, 100% 16%, 100% 100%, 16% 100%, 0 84%, 0 0);
    background: #bebebe;
    z-index: 1;
}

.pa-fld1 hr {
   position: absolute;
    top: 20px;
    left: -22px;
    width: 240px;
    height: 20px;
   border:0;
    background: linear-gradient(to right, #ffcc01, #e8e4d8 70%);
    -moz-transform: skew(-45deg, 0deg);
     -webkit-transform: skew(-45deg, 0deg); 
    -o-transform: skew(-45deg, 0deg);
    -ms-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}

.punbb .pa-fld1 a:first-child {
    position: absolute;
    font-family: 'Impact', sans-serif;
    font-weight: normal !important;
    font-size: 14px;
    margin-top: 10px;
    z-index: 2;
    color: #0b1c2e !important;
    top: 10px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 210px;
}




.post .container .online .pa-avatar {
    border: 0px solid #7cc577;
 /*   box-shadow: 0px 0px 10px 0px #7cc577;*/
}

.post .container .online .pa-avatar img {
    border: 0px solid #7cc577;
    opacity: 1;
}

.post .container .online ul li.pa-reg {
    border-top: 1px solid #7cc577;
}

.topic .pa-fld4,
.topic .pa-ip,
.topic .pa-ua,
.topic .pa-age {
    background: none;
}

.topic .pa-fld2 {
    height: 40px;
    max-height: 40px;
    width: 80%;
    display: inline-block;
   background: #252525;  
    margin: 0px 0px 0px -25px;
}

.topic .pa-fld2 img { 
max-width: 35px;
    position: absolute;
    margin-top: -8px;
    margin-left: -5px;
}


.topic .pa-fld2:after {
   content: ':P';
   position:absolute;
   margin-top: 11px;
    right: -25px;
}

.topic .pa-age {
    display: inline-block;
    margin: 0px 0px;
    position: absolute;
    padding-top: 22px;
   background: #ebe5d7;
 /*   visibility: hidden; */
}


.topic .pa-age:after {
   content: ' y.o.';
}



.post-author ul li.pa-reg {
    border-top: 1px solid #827465;
}

.post-author ul li.pa-last-visit,
.post-author ul li.pa-reg {
    border-radius: 3px;
    width: 100%;
    margin-right:0;
}

.post-author ul li.pa-last-visit {
    border-top-left-radius: 0;
    margin-top: -11px;
    padding-top: 0;
}

.post-author ul li.pa-respect + li.pa-fld2 {
   margin-bottom: 26px;
}

.post-author ul li.pa-respect + li.pa-reg {
   margin-bottom: 42px;
}

.post-author ul li.pa-respect + li.pa-age {
   margin-bottom: 36px;
} 
/*
.post-author ul li.pa-age + li.pa-reg {
   margin-top: 36px;
} */


.topic .pa-ip,
.topic .pa-ua {
  display:inline-block;
   margin: 0px 0px;
}

.topic .pa-ip {
 width:60%;
}

.topic .pa-ua {
 width:38%;
}

.topic .pa-fld3 {
  max-height: 36px;
  padding: 8px 7px;
}

.topic .pa-fld3 {
  visibility: hidden;
}

.topic .online .pa-fld3 {
  visibility: visible;
}

.pa-fld3 + .pa-reg {
  margin-top:40px;
}

.pa-respect + .pa-reg {
   margin-top:85px;
}

#topic-users-in,
#topic-modmenu {
  padding:0;
  color: #827465;
}


#post-form {
    background: url(https://forumstatic.ru/files/001c/a5/8c/81419.png), linear-gradient(45deg, #2b0e2fba, #000000b5);
    outline-offset: 3px;
    outline: 1px solid #bebebe;
    border: 1px double #8d8d8d8a;
    backdrop-filter: blur(1px);
    box-shadow: 1px 1px 20px transparent;
    padding: 5px 5% 30px;
    transition: 0.3s ease-in-out 0.2s;
}

form#post fieldset {
   border: 0;
   padding:0;
}

form#post .formsubmit {
   text-align: right;
}

#main-reply {
   width:100%;
   max-height:200px;
}

#pun-main.multipage #similar-topics .container table tr td.st-tcr {
   border-right:0;
}


/* Альтернативное оформление постов и профиля н.1
------------------------------------------------------------ */








#pun-main.multipage h2,
#pun-messages #profile h2,
#pun-profile #pun-main h1,
#pun-main .pun-modal .modal-inner h2 {
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    border-radius: 3px;
    padding: 10px 6%;
    background-color: #007236;
   color: #7cc577;
    margin:10px 0;
    font-size: 17px;
}

#pun-main.multipage h2 + .container,
#pun-main.multipage .section > .container,
#pun-main #punbbsearch > fieldset,
#profile10.container .adfs-box,
#pun-login.punbb #pun-main .formal,
#pun-login.punbb #pun-main .info .container,
#pun-message.punbb #pun-main .info .container,
#forum-vip .container,
#vip-list-adm .container,
#forum-foundation .container,
#top-donators .container,
#latest-donators .container {
   background: #ebe5d7;
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    border-radius: 3px;
    padding: 10px 6% 30px;
    border:0;
    margin:10px 0;
}

#pun-message.punbb #pun-main .info .container {
  margin-bottom:0px;
}

#pun-login.punbb #pun-main .info .container {
  color:red;
}


#pun-main.multipage .container > table .user-avatar:before,
#pun-messages .container > table .user-avatar:before {
   background-color: #d7d1c2;
}

.punbb #pun-main.multipage .container > table .user-avatar .isonline,
#pun-messages .container > table .user-avatar .isonline {
    background: #252525;
    outline: 2px solid #7cc577;
    animation: none;
    -moz-animation: none;
    -webkit-animation: none;
}

#profile10.container .adfs-box > table#filetable {
  margin-bottom:20px;
}

#profile10.container .adfs-box .pagelink {
  margin-top:15px;
}

#pun-main.multipage .container > table,
.main .messages-container .fs-box > .container > table,
#pun-messages .container > table,
#profile10.container .adfs-box > table#filetable {
   width:100%;
    border-collapse: collapse;
    color: #544740;
}

#pun-main.multipage .container > table tbody tr,
.main .messages-container .fs-box > .container > table tbody tr,
#pun-messages .container > table tbody tr,
#profile10.container .adfs-box > table#filetable tbody tr {
   border-left: 6px solid #d7d1c2;
}

#pun-main.multipage .forum .container > table tbody tr {
  border-left: 6px solid #d7d1c2;
}

#pun-main.multipage .container > table tr,
.main .messages-container .fs-box > .container > table tr,
#profile10.container .adfs-box > table#filetable tr {
   border-bottom: 3px double #d7d1c2;
   vertical-align: top;
}

#pun-main.multipage .container > table tr:last-child,
.main .messages-container .fs-box > .container > table tr:last-child,
#profile10.container .adfs-box > table#filetable tr:last-child {
  border-bottom: 1px solid #d7d1c2;
}

/*
#pun-main.multipage .container > table thead tr:last-child {
  border-bottom: 3px double #d7d1c2;
} */

#pun-main.multipage .container > table tr.altstyle,
.main .messages-container .fs-box > .container > table tr.altstyle {
  Background-color:#efeadc;
}

#pun-main.multipage .container > table td,
.main .messages-container .fs-box > .container > table td,
#profile10.container .adfs-box > table#filetable td {
    padding: 5px 15px;
}

#pun-main.multipage .container > table th,
#profile10.container .adfs-box > table#filetable th {
   padding: 10px 15px;
   font-size: 14px;
}

#pun-searchtopics #pun-main.multipage .container > table td.tc3,
#profile10.container .adfs-box > table#filetable td.tc3 {
   width:7%;
   text-align:center;
   min-width:50px;
}

#pun-main.multipage .container > table td.tc3 {
   width:12%;
   text-align:center;
}

#pun-main.multipage .container > table td.tcl,
#profile10.container .adfs-box > table#filetable td.tcl {
  border-left: 0px solid #d7d1c2;
}

#pun-main.multipage .container > table td:last-child,
#profile10.container .adfs-box > table#filetable td:last-child {
  border-right: 6px solid #d7d1c2;
}

#pun-main.multipage .container > table td.tcl,
#pun-main.multipage .container > table td.tc2,
#pun-main.multipage .container > table th.tcl,
#pun-main.multipage .container > table th.tc2,
#profile10.container .adfs-box > table#filetable th.tc2 {
  width:25%;
  text-align: left;
}



#pun-main.multipage .container > table .user-avatar {
  position: relative;
   width: 50px;
   height: 50px;
   margin-top: 5px;
   margin-right: 25px;
   margin-left: -40px;
   display: inline-block;
}

#pun-main.multipage .container > table span.usersname {
  position:absolute;
}

form#post .fs-box {
   display:block;
}

#pun-main.main form#post {
    background: none;
    box-shadow: none;
    padding: unset;
    border: 0;
    margin: 0;
}

.multipage .fs-box {
  display:flex;
  flex-wrap: wrap;
  color:#544740;
}

.multipage .fs-box p.inputfield,
.multipage .fs-box p.selectfield {
  display:inline-flex;
  flex-direction: column;
  width: 25%;
}

.multipage .fs-box p.infofield {
  display:block;
  width:100%;
}

.multipage .fs-box p.inputfield label,
.multipage .fs-box p.selectfield label,
.multipage .fs-box p.inputfield span,
.multipage .fs-box p.selectfield span {
  display:block;
  width:100%;
}

#profile10 .select-file {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}


#pun-viewforum #pun-main.multipage .linkst noindex .postlink,
#pun-viewforum #pun-main.multipage .linksb noindex .postlink {
  width:unset;
}

#pun-viewforum #pun-main.multipage .linksb noindex {
   order:2;
}

#pun-viewforum #pun-main.multipage .linksb .pagelink {
   order:1;
}


#pun-viewforum #pun-main.multipage > .container,
.main .messages-container .fs-box > .container,
#pun-messages #messages .fs-box {
   background: #ebe5d7;
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    border-radius: 3px;
    padding: 10px 6% 20px;
    border:0;
    margin:10px 0;
}


#pun-viewforum #pun-main.multipage .container > table td.tcl,
#pun-viewforum #pun-main.multipage .container > table th.tcl,
#pun-searchtopics #pun-main.multipage .container > table td.tcl,
#pun-searchtopics #pun-main.multipage .container > table th.tcl {
  width:40%;
}

#pun-viewforum #pun-main.multipage .container > table td.tc2,
#pun-viewforum #pun-main.multipage .container > table th.tc2,
#pun-viewforum #pun-main.multipage .container > table td.tc3,
#pun-viewforum #pun-main.multipage .container > table th.tc3 {
   width:10%;
   text-align: center;
}

#pun-viewforum #pun-main.multipage .container > table td.tcl,
#pun-viewforum #pun-main.multipage .container > table th.tcl,
#pun-searchtopics #pun-main.multipage .container > table td.tcl,
#pun-searchtopics #pun-main.multipage .container > table th.tcl {
   padding-left:5%;
}

#pun-viewforum #pun-main.multipage .container > table td.tcr,
#pun-viewforum #pun-main.multipage .container > table th.tcr,
#pun-searchtopics #pun-main.multipage .container > table td.tcr,
#pun-searchtopics #pun-main.multipage .container > table th.tcr {
  padding-right:5%;
}

#pun-viewforum #pun-main.multipage .container > table td,
#pun-searchtopics #pun-main.multipage .container > table td {
   padding: 20px;
   vertical-align:top;
}

#pun-viewforum #pun-main.multipage .category .container > table td:last-child {
  border-right: 0;
}

#pun-viewforum #pun-main.multipage .container > table .user-avatar,
#pun-searchtopics #pun-main.multipage .container > table .user-avatar {
   float:right;
   margin-right: -78px;
   margin-left: 20px;
    margin-top: 0;
}

#pun-viewforum .main .category table tr td.tcl .icon {
    margin-top: -2px;
    position:absolute;
    margin-left: -15px;
    height: 60px;
    width: 30px;
    background-color: #d7d1c1;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    z-index: 10;
}

#pun-viewforum .main table tr td.tcl .icon,
#pun-searchtopics .main table tr td.tcl .icon,
.main .messages-container table tr td.tcl .icon {
    margin-top: -4px;
    position:absolute;
    margin-left: -48px;
    height: 60px;
    width: 30px;
    background-color: #d7d1c1;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    z-index: 10;
}


#pun-viewforum #pun-main.multipage .pagestext {
   display:block;
}

#pun-viewforum .forumDescription {
   padding: 0px 0px 0px 13%;
   font-size: 14px;
}


#pun-viewforum #pun-main.multipage .category > .container {
    border-radius: 3px;
    border:0;
}

#pun-viewforum #pun-main.multipage .category > .container table {
   border-collapse: separate;
   border-spacing: 0px 10px;
}

#pun-viewforum #pun-main.multipage .category > .container table td {
  padding: 15px;
}

#pun-viewforum #pun-main.multipage .category > .container table td {
  padding: 15px;
}

#pun-viewforum #pun-main.multipage .category > .container table td h3 {
   font-size: 20px;
   padding-left: 13%;
}



#pun-viewforum #pun-main.multipage .category .container > table tbody tr {
  box-shadow: 0px 1px 5px 0px #bdb7ab;
  border-radius: 3px;
  background: linear-gradient(to right, #EBE5D6 99.3%, #d7d1c1 0.7%);
  border-left: 6px solid #d7d1c2;
}


/*
#pun-viewforum #pun-main.multipage .category .container > table td.tcl {
  border-left: 0;
}

#pun-viewforum #pun-main.multipage .category .container > table td:last-child {
  border-right: 0;
} */

#pun-viewforum #pun-main.multipage .category .container > table td.tcr {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 86px;
    padding-right: 6px;
    height: 100%;
} 

#pun-viewforum #pun-main.multipage .category .container > table td.tcr .lastpost {
   order:1;
   width: 100%;
   margin-left: 0;
   padding-left:5px;
}

#pun-viewforum #pun-main.multipage .category .container > table td.tcr .byuser:before {
   content:'.';
   font-size:0;
   height: 30px;
   margin-top: -5px;
   margin-left: -30px;
   position:absolute;
   border-top: 26px solid #252525;
   border-bottom: 0px solid #252525;
   border-left: 25px solid #0000;
   border-right: 0px solid #0000;
}

#pun-viewforum #pun-main.multipage .category .container > table td.tcr > a {
   order:2;
   width:100%;
   padding-top: 4px;
   padding-right: 35px;
}

#pun-viewforum #pun-main.multipage .category .container > table td.tcr .user-avatar { 
    position: absolute;
    right: 13%;
    margin-top: 0px;
    order:3;
}





#pun-rules #pun-main,
#pun-pages #pun-main {
    padding: 2px 8px;
    border-radius: 0px;
    outline-offset: 3px;
    outline: 1px solid #bebebe;
    border: 1px double #8d8d8d8a;
    box-shadow: 1px 1px 20px #8156ac;
    background: #ebe5d7;
}

/*

#pun-main fieldset {
   background: #ebe5d7;
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    border-radius: 3px;
    padding: 30px 6%;
    border:0;
    margin:10px 0;
} */

#pun-main fieldset {
    padding: 0;
    border:0;
}

#pun-main fieldset .fs-box label {
   font-weight:bold;
}

#pun-main fieldset .fs-box p {
  margin-bottom:5px;
  padding: 5px;
}

#pun-main fieldset .fs-box p.infofield {
  margin-bottom:5px;
  margin-top:0px;
}

#post-form fieldset {
   background: none;
    box-shadow: none;
    border-radius: 0px;
    padding: 0;
    border:0;
    margin:0;
}

#pun-rules #pun-main .container ol,
#pun-regrules #pun-main .container div > ol {
   background-color: #f4f1e9;
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    border-radius: 3px;
    padding: 10px 6% 30px;
    border:0;
    margin:10px 0;
}

#pun-rules #pun-main .container ol li,
#pun-regrules #pun-main .container ol li {
    text-align: justify;
    margin: 15px 0;
    padding-top:5px;
    font-size: 17px;
    color: #1e191a;
    border-top: 1px solid #7cc577;
}

#pun-rules #pun-main .container ol li:first-child,
#pun-regrules #pun-main .container ol li:first-child {
   border-top: 0px;
}

#pun-rules #pun-main .container h3,
#pun-pages #pun-main .container h3,
#pun-regrules #pun-main .container h3,
#pun-main .unread-notifications .notifications-block-title {
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    border-radius: 3px;
    padding: 10px 6%;
   background-color: #007236;
   color: #7cc577;
    margin:10px 0;
}



  #pun-rules #pun-main ol li,
#pun-regrules #pun-main ol li {
          list-style: decimal-leading-zero;
      
  }
  #pun-rules #pun-main ul li,
#pun-regrules #pun-main ul li {
          list-style: circle;
              font-size: 17px;
  }

#pun-rules #pun-main ul li::marker,
#pun-rules #pun-main ol li::marker,
#pun-regrules #pun-main ol li::marker {
  color: #007236;
}

 #pun-rules span.forbidden,
#pun-regrules span.forbidden {
  font-weight: bold;
  color: red;
}

 #pun-rules span.allowed,
#pun-regrules span.allowed {
   font-weight: bold;
  color: green;
}

#pun-rules #pun-main a:link.inrules,
#pun-pages #pun-main a:link.inrules,
#pun-pages #pun-main a:visited,
#pun-regrules #pun-main a:link.inrules,
#pun-regrules #pun-main a:visited {
   font-weight: bold;
   text-wrap:wrap;
   color: #4d4345;
}

#pun-register #pun-main #register fieldset.radiofield > span.radio {
  display:inline-block;
}

/* #pun-register #pun-main #register fieldset:nth-child(6) .fs-box fieldset.radiofield > .radio {
  display:block;
} */

#pun-register #pun-main #register fieldset.radiofield {
  box-shadow:none;
}

#pun-searchposts .pa-replies,
#pun-premoderation .pa-replies {
    background:none;
    width: 100%;
    min-width: unset;
}


#pun-searchposts .post h3 span,
#pun-premoderation .post h3 span {
    background: #f4f1e9;
    display: block;
    color: #b6b1a5;
}

#pun-searchposts .post h3 span strong,
#pun-premoderation .post h3 span strong {
  float: right;
}

#pun-searchposts .post-author ul li,
#pun-premoderation .post-author ul li {
  z-index: 10;
  margin: 0;
}

#pun-searchposts .post,
#pun-premoderation .post {
  padding-top: 0px;
}


#pun-searchposts .post .post-author,
#pun-premoderation .post .post-author {
    width: 100%;
    min-width: unset;
    padding: 0;
}

#pun-searchposts .topic .pa-author,
#pun-premoderation .topic .pa-author {
  margin: 0px -25px 0px -25px;
  border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#pun-searchposts .post-content,
#pun-premoderation .post-content {
  width: 100%;
  min-height:unset;
  margin-right: 0;
    margin-left: 0px;
}

#pun-searchposts .post .post-body,
#pun-premoderation .post .post-body {
   width: 100%;
   max-width:unset;
   margin-top: -40px;
}

#pun-searchposts .post .post-links,
#pun-premoderation .post .post-links {
    z-index: 12;
    position: relative;
}

#pun-searchposts .post .post-links {
    margin: -20px 0px 45px -20px;
}

#pun-premoderation .post .post-links {
    margin: -20px 0px 45px;
    padding-right: 40px;
    padding-left: 40px;
}

#pun-searchposts .post-links ul li,
#pun-premoderation .post-links ul li {
  padding: 10px;
}

#pun-searchposts .post-links ul li a,
#pun-premoderation .post-links ul li a {
  color: #827465;
  font-weight: bold;
}

#pun-searchposts .post-links ul li a:hover,
#pun-premoderation .post-links ul li a:hover {
  color: #007236;
}





/* LS
----------------------------------------- */

#pun-messages .container > table td {
  padding: 12px 20px;
}

#pun-messages .container > table td.pmtc24 {
  vertical-align: middle;
}

#pun-messages .fs-box {
  padding: 10px 6% 20px;
}

#pun-messages .fs-box .container {
  background: none;
  box-shadow: none;
}

#pun-messages .container > table tr td.tcl .intd {
  min-height: 50px;
  padding-left: 25px;
}

#pun-messages .container > table tr td.tcl .intd .tclcon {
  text-transform: uppercase;
  font-size: 18px;
}

#pun-messages .container > table tr td.tcl {
  border-right: 6px solid #d7d1c2;
}

#pun-messages .container > table tbody tr {
  border-left: 6px solid #d7d1c2;
  border-right: 6px solid #d7d1c2;
}


#pun-messages .container > table th {
    padding: 10px 15px;
    font-size: 14px;
}

#pun-messages .container > table th.pmtc24 {
  vertical-align: middle;
   text-align: center;
}

#pun-messages .container > table th.tcl {
   text-align: left;
}


#pun-messages .container table tr td.tcl .icon {
  margin-left: -51px;
}

#pun-messages .container > table tbody tr:hover .icon {
  background-color:#1e191a;
}

#pun-messages .user-avatar {
  position: absolute;
  margin-left: -83px;
}

#pun-messages .container > table tbody tr.inew {
  background-color: #f4f1e9;
  border-right: 6px solid #7cc576;
  border-left: 6px solid #007236;
  border-bottom: 3px double #7cc576;
  border-top: 3px double #7cc576;
}

#pun-messages .container > table tbody tr.inew a,
#pun-messages .container > table tbody tr.inew .intd a {
  color: #007236;
}

#pun-messages .container > table tbody tr.inew .intd .tclcon a:before,
#pun-messages .container > table tbody tr .intd .tclcon a:before {
  font-family: 'icomoon';
  margin-right: 12px;
}

#pun-messages .container > table tbody tr.inew .intd .tclcon a:before {
  content:'\f0e0';
}

#pun-messages .container > table tbody tr .intd .tclcon a:before {
  content:'\f2b7';
}

#pun-messages .container > table tbody tr .intd a {
  color:#d7d1c1;
}

/* #pun-messages .container > table tbody tr a {
  transition: 0.2s ease-in-out;
} */

#pun-messages .container > table tbody tr:hover .intd a {
  color: #1e191a;
}

#pun-messages .container > table tbody tr:hover {
  border-left: 6px solid #1e191a;
}

#pun-messages .container > table tbody tr.inew a:hover {
  color: #7cc576;
}

#pun-messages .container > table tbody tr.inew .intd .tclcon a {
  font-weight: bold;  
}

#pun-messages .container > table tbody tr.inew:hover .intd a {
  color: #7cc576;
}

#pun-messages .container > table tbody tr.inew td {
  border-top: 3px double #7cc576;
}

#pun-messages .container > table tr.inew td.tcl {
  border-right: 6px solid #7cc576;
}

#pun-messages .container > table tbody tr.inew:hover {
  border-left: 6px solid #7cc576;
}

#pun-messages .container > table tr.inew .icon {
  background-color: #007236;
}

#pun-messages .container > table tr.inew:hover .icon {
  background-color: #7cc576;
}

#pun-messages .container > table tr td.tc2,
#pun-messages .container > table tr td.tc3 {
  text-align: center;
}

#pun-messages #profilenav ul {
    padding: 0 60px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

#pun-messages #profilenav ul li {
   flex-grow: 1;
   display: inline-flex;
   justify-content: center;
}

#pun-messages #profilenav ul li {
    color: #867b6f;
    padding: 7px 14px;
    margin: 0px 5px;
    background-color: #f4f1e9;
    border-radius: 3px;
    color: #827465;
    border: 1px solid #f4f1e9;
    text-shadow: 1px 1px #f4f1e9;
    background: linear-gradient(to bottom, #f4f1e9, #f4f1e9);
    box-shadow: 0px 0px 5px 0px #25252530;
    transition: 0.2s ease-in-out;
}

#pun-messages #profilenav ul li:hover {
    padding: 7px 14px;
    margin: 0px 5px;
    background-color: #f4f1e9;
    border-radius: 3px;
    color: #827465;
    border: 1px solid #f4f1e9;
    background: linear-gradient(to bottom, #fdfcfa, #f1eee5 49%, #ebe5d7 50%, #d7d1c3);
    box-shadow: 0px 0px 3px 0px #007236, inset 0px 0px 3px 0px #9ad295;
    transition: 0.2s ease-in-out;
}

#pun-messages #profilenav ul li:hover a {
    color: #007236;
}

#pun-messages #post-form {
  margin-top: 10px;
}

#pun-messages div#form-buttons table tr > td {
  min-width: 36px;
}

div#form-buttons table tr > td#button-rs-popup {
  width:40px!important;
}

#pun-messages .toppost {
  padding-top:0;
}

#pun-messages .post .post-body {
   margin-right: -20px;
   max-width:90%;
}

#pun-messages .fs-box .container {
  display: flex;
  flex-wrap: wrap;
}

#pun-messages .post .post-author {
   display: inline-block;
}

#pun-messages .post .post-links {
   display: block;
    width: 100%;
   margin-top:0px;
}

#pun-messages .post .post-author {
   width: unset;
   min-width: 150px;
}

#pun-messages .post-author ul li.pa-author {
  border-top: 3px solid #7cc576;
  background: #007236;
}

#pun-messages .post-author ul li {
  margin: 0px 0px 10px -25px;
}

#pun-messages .post .container .online .pa-avatar {
  margin-right: 10px;
}

#pun-messages .post h3 span {
  color: #544740;
}

#pun-messages.punbb .post-links li.pl-website {
  float: unset;
}




/* Profile pages
-------------------------------------- */

#pun-profile #profilenav ul,
#pun-profile #profilenav ul li,
#pun-profile #viewprofile,
#pun-profile #profile-left,
#pun-profile #profile-right,
#pun-profile #profile-signature,
#pun-profile #profile fieldset,
#pun-profile #profile8 fieldset > legend,
#pun-register.punbb fieldset legend {
  border-radius: 3px;
  box-shadow: 0px 1px 5px 0px #bdb7ab;
}

#pun-profile #profile fieldset.radiofield {
   box-shadow:none;
}

#pun-profile #profile fieldset.radiofield .radio img {
  max-width: 100px;
}

.infofield + .checkfield {
  margin-top:15px;
}


#viewprofile-next,
#pun-profile #profile {
  display: block;
}

#pun-profile #profilenav {
   display: block;
}

#pun-profile #viewprofile {
   display: block;
    padding: 20px 50px;
}


#pun-profile #profilenav ul {
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #ebe5d7;
}

#pun-profile #profilenav ul li {
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    margin: 5px;
    background: #f4f1e9;
    flex-grow: 1;
}

#pun-profile #profilenav ul li a {
  padding:0;
  color:#867b6f;
}

#pun-profile #profilenav ul li:hover a {
  color:#007236;
}

#pun-profile #viewprofile {
  background: #ebe5d7;
  padding: 20px 12%;
}

#pun-profile #viewprofile .container table tr {
  padding:0;
  display: flex;
}

#pun-profile #viewprofile .container ul {
  padding:0;
}

#pun-profile #viewprofile .container ul li {
  padding:0;
  display: block;
  width: 100%;
  padding:5px;
  margin-bottom: 0px;
}

#pun-profile #profile-left #pa-avatar img {
    width: 170px;
    height: 170px;
    padding: 9px;
    background: linear-gradient(to bottom, #ece5d2, #fdfcfa, #f1eee5 30%, #ebe5d7 35%, #d7d1c3);
    border-radius: 3px;
    border: 1px solid #f4f1e9;
    box-shadow: 0px 0px 5px 0px #25252573;
}

#pun-profile #profile-left #pa-edit {
  padding: 16px 0;
}

#pun-profile #profile-left #pa-edit a {
  max-width:170px;
}

#pun-profile #profile-left {
 order:2;
 width: 38%;
 background-color: #007236;
 border-top: 3px solid #7cc577;
 color: #7cc577;
 text-align: center;
}

#pun-profile #profile-right {
 order: 1;
 width: 60%;
  padding: 5px;
  background-color: #f4f1e9;
  margin-right: 10px;
  border-top: 3px solid #7cc577;
}

#pun-profile #viewprofile #profile-right li {
   background: none;
    border-bottom: 2px dotted #7cc577;

}

#pun-profile #viewprofile #profile-right li span {
  font-weight: bold;
   color: #007236;  
}

#pun-profile #viewprofile #profile-right li strong {
  font-weight: normal;
  color: #867b6f;
}

#pun-profile #profile-signature {
      background: #f4f1e9;
    border-top: 3px solid #7cc577;
    color: #867b6f;
    padding: 5px;
    margin-right: 8px;
}

#pun-profile #viewprofile a {
  color:#544740;
  font-weight: bold;
}

#pun-profile #viewprofile a:hover {
  color:#7cc577;
}

#pun-profile #profile fieldset {
  background:#ebe5d7;
  padding: 10px;
  color: #544740;
  padding: 30px;
  margin-bottom:10px;
}

#pun-profile #profile fieldset a {
  color:#007236;
 font-weight: bold;
}

#pun-profile #profile fieldset a:hover {
  color:#7cc577;
}

#pun-profile #profile8 fieldset .fs-box > fieldset {
  box-shadow: none;
  display: flex;
  margin-bottom: 0px;
}

#pun-profile #profile8 fieldset .fs-box > fieldset .radio,
#pun-profile #profile8 fieldset .fs-box > fieldset br {
  display: inline-block;
  padding:5px 10px;
}

#pun-profile #profile8 fieldset .fs-box > fieldset .radio input {
  margin-right:10px;
}

#pun-profile #profile8 fieldset > legend,
#pun-register.punbb fieldset legend {
  display: block;
  padding: 5px 40px;
  color: #7cc577;
  background-color: #007236;
  width: 100%;
}

#pun-profile #profile8 #setmods {
  margin-bottom: 10px;
}

#pun-profile #profile8 #setmods .checkfield input {
  margin-right:10px;
}





/* Новые сообщения
------------------ */

#pun-main .category table tr.inew .icon {
  background-color: #007236;
}

#pun-main .category table tr.inew .tclcon h3:after {
  border-top: 2px solid #007236;
    background-color: #7cc577;
}

#pun-main .category table tr.inew .tclcon .subforums {
   color: #007236;
}

#pun-main .category table tr.inew .tclcon .subforums a:hover {
  color: #007236;
}

#pun-main .category table tr.inew a {
 color: #ffd434;
}

#pun-main .category table tr.inew a:hover {
 color: #FFF;
}

#pun-index .main table tr.inew td.tcr em.user-avatar:before {
  background-color: #ffd434;
}

#pun-index .main table tr.inew .lastpost {
    background: linear-gradient(to right, #ffd434, #bebebe);
}


#pun-main .category table tr.inew .tc2:before,
#pun-main .category table tr.inew .tc2:after,
#pun-main .category table tr.inew .tc3:before,
#pun-main .category table tr.inew .tc3:after,
#pun-main .category table tr.inew .tc2,
#pun-main .category table tr.inew .tc3 {
  color:#ffd434;
}

#pun-main .icon[data-new-topics]:before, 
#pun-main .subforums span[data-new-topics]:before {
   background: none;
    border-radius: 8px;
    color: #7cc577;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    vertical-align: bottom;
    line-height: 1.2;
    margin: 38px 5px;
    min-width: 10px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

#pun-viewforum #pun-main .icon[data-new-topics]:before, 
#pun-viewforum #pun-main .subforums span[data-new-topics]:before {
  margin-top: 32px;
}

#pun-viewforum .main table tr.inew td.tcl .icon {
  background-color:#007236;
/* margin-left: -15px;*/
}

#pun-viewforum #pun-main.multipage .container > table tr.inew td.tcl {
  border-left: 6px solid #007236;
}

/*
#pun-main #poll-special .container table {
   border-collapse: collapse;
} */

#pun-main #poll-special .container table tr.question td.tac,
#pun-main #poll-special.type-3 .container table.poll1 tr.question td.tac,
#pun-main #poll-special.type-3 .container table.poll2 tr.question td.tac {
  border-bottom: 2px solid #007236;
  color: #007236;
  width: 100%;
  padding-left: 3%;
  font-size: 20px;
  text-align: left;
}

#pun-main #poll-special.type-3 .container table.poll2 tr td > strong {
  color: #007236;   
}


#pun-main #poll-special.type-3 .container table.poll1 tr td:first-child {
  border-bottom: 1px dotted #7cc577;
  text-align: left;
}

#pun-main #poll-special .container table.poll1 tr td.tar {
  width:10%;
}

#pun-main #poll-special .container table tr td.tac:has(span) {
  border-top: 1px dotted #7cc577;
}

#pun-main #poll-special .container table tr td > span,
#pun-main #poll-special .container table.poll1 tr td {
  color: #544740;
} 

#pun-main #poll-special .container table tr td.tac > span {
  color: #007236;
}

#pun-main #poll-special .container table tr td.tac {
  text-align: right;
}

#pun-main #poll-special .container table tr td.tac strong:after {
   font-family: 'icomoon';
    content: '\e99c';
    font-weight: normal;
    padding-left: 10px;
}

#pun-main #poll-special .container table tr td > h1 {
  background: #7cc577;
}

#pun-main #poll-special .container table tr td:first-child {
   width: 40%;
   padding-left: 5%;
   padding-right: 10px;
   text-align: right;
}

#pun-main #poll-special .container table tr td:nth-child(2) {
  width: 30%;
}


#pun-main #poll-special.type-3 .container table tr td {
  width:12%;
}

#pun-main #poll-special.type-3 .container table.poll2 tr td:first-child {
  width: 0%;
}

#pun-main #poll-special.type-3 .container table.poll2 tr td:nth-child(4),
#pun-main #poll-special.type-3 .container table.poll2 tr td:nth-child(7) {
  width: 6%;
}

#pun-poll.punbb #pun-main .formal,
#pun-main .formal form#register fieldset {
    padding: 20px;
    margin: 10px 0;
    border-radius: 3px;
    box-shadow: 0px 1px 5px 0px #bdb7ab;
    background: #ebe5d7;
    color: #544740;
} 


#pun-multimove #pun-main .topic .post .container {
    display: flex;
    flex-wrap: wrap;
} 

#pun-multimove.punbb #pun-main .post-links ul li {
  padding: 10px;
}

#pun-multimove.punbb #pun-main .post-links ul li label {
   color: #544740;
}

#pun-multimove.punbb #pun-main .post-links ul li:hover label {
   color: #007236;
}

/*
#pun-modal {
  position: fixed;
}*/


#pun-delete #pun-main .formal .container {
   margin: 10px 0;
}

#pun-delete #pun-main .formal .container .post-content {
  margin-bottom: 10px;
}

#pun-delete #pun-main .formal .container p.formsubmit {
  text-align: right;
}

#pun #BookmCntToggle {
   z-index:990;
   background: #ebe5d7;
   color: #007236;
   width: 26px;
   border-radius: 3px;
}

#pun #MyBookmarks h2, 
#pun #MyBookmarks h1,
#pun .editBookmark h2 {
  box-shadow: none;
    border-radius: 3px;
    padding: 10px 6%;
    background-color: #007236;
    color: #7cc577;
    margin: 10px 0;
    font-size: 17px;
}

#pun #MyBookmarks .container {
   background: #ebe5d7;
    box-shadow: none;
    border-radius: 3px;
    padding: 10px 6% 30px;
    border: 0;
    margin: 10px 0;
}

#pun #MyBookmarks h2 > span {
   padding-left:25px;
}

.topic .post .bookmark {
   right: -25px;
}

#pun-main .topic .post .editBookmark h1 {
  font-size: 16px;
}

#pun-main .topic .post .editBookmark .container {
  background-color: #f4f1e9;
}

#pun-userlist #pun-main .usertable .group1 .usersname {
  font-weight: bold;
}

#pun-userlist #pun-main .usertable .group1 .usersname:after,
#pun-userlist #pun-main .usertable .group2 .usersname:after,
#pun-userlist #pun-main .usertable .group4 .usersname:after,
#pun-userlist #pun-main .usertable .group5 .usersname:after,
#pun-userlist #pun-main .usertable .group6 .usersname:after {
    font-family: 'icomoon';
    margin-left: 10px;
    opacity: 0.5;
}

#pun-userlist #pun-main .usertable .group1 .usersname:after {
  content:'\ea24';
  color: #7cc05a;
  opacity: 1;
}

#pun-userlist #pun-main .usertable .group2 .usersname:after {
  content:'\f134';
}

#pun-userlist #pun-main .usertable .group4 .usersname:after {
  content:'\e9ce';
}

#pun-userlist #pun-main .usertable .group5 .usersname:after {
  content:'\e9e5';
}

#pun-userlist #pun-main .usertable .group6 .usersname:after {
  content:'\ea3d';
}

#pun-online #pun-main .container .tcl span.flag-i {
  height: 18px;
    width: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    float: right;
}

#pun-viewforum .stickytext {
  background: #7cc576;
    color: #007236;
}

#pun-viewforum .closedatafield {
    background: #d7d1c3;
    color: #007236;
}

#pun-viewforum .closedatafield,
#pun-viewforum .stickytext {
      font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    margin:0 3px 0 0;
}

#pun-viewforum .closedatafield {
  padding-right:2px;
}

#pun-pages #pun-main .container .lastPost .custom_tag_nocritics {
  display:none;
   padding: 0;
    margin-top: -40px;
    margin-left: -20px;
    right:unset;
}

#pun-pages #pun-main .container .lastPost .lp_post {
  font-size:0!important;
}

#pun-pages #pun-main .container .lastPost .lp_post a,
#pun-pages #pun-main .container .lastPost .lp_post table {
  display:none!important;
}

#pun-pages #pun-main .container .lastPost .lp_post a:has([alt="Artwork"]) {
  display:block!important;
}

#pun-pages #pun-main .container .lastPost img {
 display:none;
}

#pun-pages #pun-main .container .lastPost .lp_post img,
#pun-pages #pun-main .container .lastPost .lp_post br {
  display:none;
}

#pun-pages #pun-main .container .lastPost .lp_post br {
 height:10px;
width:1px;
 margin:0;
 padding:0;
}

#pun-pages #pun-main .container .lastPost img[title="Artwork"] {
  display:block;
}

#pun-pages #pun-main .container .lastPost br + img,
#pun-pages #pun-main .container .lastPost img + img {
    margin-top:10px;
}


/* #pun-pages #pun-main .container .lastPost */

.aNewsBlock #lastForumNews p {
   font-size:14px;
}


#pun-pages #pun-main .container .helloo .aNewsBlock {
   display: block;
    position: relative;
    background: #7cc577;
    outline: 1px solid #7cc577;
    box-shadow: none;
    outline-offset: 5px;
    width: 20%;
    height: auto;
    min-height: unset;
    margin: 0;
    left: unset;
    right: 0;
    padding: 10px;
    border-radius: 3px;
    font-family: 'verdana', sans-serif;
    order: 2;
    width: 28%;
}

#pun-pages #pun-main .container div.lastForumNewsLink {
 background-color: unset;
    box-shadow: none;
    padding: 0;
    margin:0;
}

#pun-pages #pun-main .container #lastForumNews {
  padding-left: 0;
}

#pun-pages #pun-main .container div.lastForumNewsLink p {
  text-indent:0;
  text-align:left;
  color: #007236;
}

#pun-main .container #lastPosts .lastPost .lp_user > div {
  display:inline-block;
   background: none;
    box-shadow: none;
    padding: 0;
}

#pun-pages #pun-main .container #lastPosts div > div p {
   text-indent: 0px;
    font-size: 0px;
}

#pun-pages #lastPosts li::marker { content: none; }

#pun-main .container #lastPosts .lastPost .lp_user,
#pun-main .container #lastPosts .lastPost .lp_post {
    margin: 10px 0px;
    box-shadow:none;
  padding: 10px;
    border: 1px solid #7cc577;
}

#pun-main .container #lastPosts .lastPost .lp_user {
      background: #7cc577;
    border-radius: 3px;
    color: #007236;
    margin-top:0;
}

#pun-main .container #lastPosts .lastPost .lp_user .lp_time {
  padding-left:10px;
}

#pun-main .container #lastPosts .lastPost .lp_user .lp_username {
  font-weight:bold;
  margin-left:5px;
}

#pun-main .container #lastPosts .lastPost .lp_user .lp_username:before {
  content:'| от';
  font-weight:normal;
  margin-right:5px;
}



#pun-main .container #lastPosts .lastPost {
  overflow:hidden;
/* width: 33%; */
/*flex: 1 1 calc(33.333% - 20px);*/
    box-sizing: border-box;
}


#pun-pages #pun-main .lastArtworksUpdates h3 {
      background-color: #1e191a;
    color: #e6e3dc;
    display: block;
    width: 100%;
}



#pun-pages #pun-main .lastArtworksUpdates {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}


#pun-pages #pun-main .lastArtworksUpdates li.lastPost::marker {
 list-style-type: none !important;
    color: #f4f1e9;
    display: none;
    font-size:0;
}

#pun-pages #pun-main .container .custom_tag_artframe img,
#pun-pages #pun-main .container img[title="Artwork"] {
  overflow-clip-margin: content-box;
  border-radius:3px;
    overflow: clip;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
}

#pun-pages #pun-main .container .custom_tag_artframe {
  box-shadow:none;
  padding: 10px;
    border: 1px solid #7cc577;
}

#pun-pages #pun-main #lastPosts {
/* max-width: 100%;
    height:1500px;
    padding: 0px 10px;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start; */
    width: 100%;
    margin: 0;
    column-gap: 8px;
    padding:10px;
    column-count: 3;
    box-sizing: border-box;
}

#pun-pages #pun-main .lastArtworksUpdates .showmore {
   background: #007236;
    padding: 0;
    width: 100%;
    border-radius: 3px;
    padding: 10px 6%;
    font-weight: bold;
}

#pun-pages #pun-main .lastArtworksUpdates .showmore a {
  color:#7cc577;
}

/* grid attempt... failed XD

#pun-pages #pun-main #lastPosts {
display: grid;
grid-template-columns: repeat(3, 33%);
grid-template-rows: repeat(3, auto);
grid-column-gap: 7px;
grid-row-gap: 7px;
width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 0px 10px;
    margin: 0;
}



#lastPosts .lastPost:nth-child(1) { grid-area: 1 / 1 / 2 / 3; max-width: 640px; min-width: 30%;}
#lastPosts .lastPost:nth-child(2) { grid-area: 1 / 3 / 2 / 4; padding-top:210px; }
#lastPosts .lastPost:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
#lastPosts .lastPost:nth-child(4) { grid-area: 2 / 2 / 3 / 4; }
#lastPosts .lastPost:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
#lastPosts .lastPost:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
#lastPosts .lastPost:nth-child(7) { grid-area: 3 / 3 / 4 / 4; }

#pun-pages #pun-main .container .custom_tag_artframe img {
  overflow-clip-margin: content-box;
  border-radius:3px;
    overflow: clip;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    object-fit: contain;
}

#pun-pages #pun-main .container .custom_tag_artframe {
  box-shadow:none;
  padding: 10px;
    border: 1px solid #7cc577;
} 

*/




#pun-post #pun-main h1 {
  margin-bottom:10px;
}

#pun-viewtopic[data-topic-id="25"] .quote-box blockquote {
      font-size: 16px;
}









/* Хлебные крошки
-------------------------- */

.punbb p.crumbs strong {
   display: inline-block;
   color:#70677a;
}

.punbb p.crumbs strong:after {
  content:':';
  padding-right: 5px;  
  color: #636363;
}

.punbb p.crumbs a:after {
  content:'>';
  padding: 0 7px;
  color: #675e71;
}
/*
.punbb:not(#pun-viewtopic) p.crumbs a:first-of-type {
  display: none;
}*/
































#pun-index #pun-main h1,
.punbb .post-links ul li.pl-share,
.pa-posts .fld-name,
.social-discord em,
#post-form h2,
#pun-rules #pun-main h1,
#pun-pages #pun-main h1,
#formkey,
#pun-viewforum #pun-main.multipage .category > .container table .tclcon h3:after,
#pun-viewforum #pun-main.multipage .category .container > table td.tcr br,
#pun-viewforum #pun-main.multipage .category .container > table thead,
#pun-viewforum .byuser:after,
.multipage .fs-box p.inputfield br,
.multipage .fs-box p.selectfield br, 
#pun-viewtopic[data-forum-id="6"] .topic .pa-age,
.post[data-group-id="3"] .post-body .post-rating,
#pun-index #pun-crumbs2,
.pa-age span:last-of-type,
.pa-age .fld-name,
.pa-respect .fld-name,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
#pun-navlinks #navprofile,
#pun-navlinks #navawards,
#pun-announcement h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-break1,
#pun-break2,
.punbb .clearer,
#button-smile,
#lastNews .quote-box,
div#pun-messages .hfbutt,
div#pun-messages .pa-respect, 
div#pun-messages .pa-ip, 
div#pun-messages .pa-reg, 
div#pun-messages .pa-posts, 
div#pun-messages .pa-last-visit,
.punbb td div.tclcon p,
.hv-mask .pa-fld2 p:nth-child(1),
.setting-item[data-type="important_post"] .setting-input,
#pun-index #forum_f5 .tclcon br,
div#pun-searchposts.punbb .FNTslider,
div#pun-post.punbb .FNTslider,
#pun-index thead,
#pun-index #pun-crumbs1,
.forum2 .post-rating,
.forum2 .pa-respect,
div#pun-messages .post-content .post-sig,
#pun-redirect, #pun-maint,
li#navawards,
#topic-users-in a:last-child:after,
.punbb fieldset legend,
#pun-messages.punbb #messages fieldset legend span,
.modlist,
.acchide,
.topicpost .container .post-sig,
#pun-premoderation .pa-title,
#pun-premoderation .pa-avatar,
#pun-premoderation .pa-posts,
#pun-premoderation .pa-respect,
#pun-premoderation .pa-fld3,
#pun-premoderation .pa-fld2,
#pun-premoderation .pa-reg,
#pun-premoderation .pa-fld2:after,
#pun-premoderation .pa-last-visit,
#pun-premoderation .pa-ua,
#pun-profile #profilenav h2,
#pun-messages .post-author ul li.pa-title,
#pun-messages .post-author ul li.pa-from,
#pun-messages .post-author ul li.pa-online,
#pun-profile #profile-left #profile-name,
#pun-main .post-content .custom_tag_newsm,
.aNewsBlock div.custom_tag_newsblockfull,
#pun-profile #profilenav ul li.profile-item-usercp,
#form-buttons #button-files_rusff,
#pun-main .post-content > .lastForumNewsLink,
#lastForumNews > .quote-box,
#pun-main .formal form#register .info-box,
#tipsy-notification-telegram,
.notifications-telegram-invite,
#pun-navlinks ul li#navregister,
#pun-navlinks ul li#navlogin,
#pun-register #pun-main #register fieldset.radiofield > br,
#pun #pun-viewtopic .post-author li.pa-gifts,
#pun #pun-title h1,
.punbb .pa-author .flag-i,
#pun-index #forum_f10 {
   display: none;
}

html #tipsy-notification-telegram,
html .notifications-telegram-invite,
#pun #pun-viewtopic .post-author li.pa-gifts,
#pun #pun-viewtopic .post-author li.pa-awards {
 display:none!important;
 visibility:hidden!important;
}

@font-face {
  font-family: 'icomoon';
  src:  url('https://forumstatic.ru/files/001a/d9/43/26737.eot?t2rrcn');
  src:  url('https://forumstatic.ru/files/001a/d9/43/26737.eot?t2rrcn#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001a/d9/43/54380.ttf?t2rrcn') format('truetype'),
    url('https://forumstatic.ru/files/001a/d9/43/81525.woff?t2rrcn') format('woff'),
    url('https://forumstatic.ru/files/001a/d9/43/71208.svg?t2rrcn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icomoon-brands';
 src:  url('https://forumstatic.ru/files/001a/d9/43/90723.eot?fiunva');
  src:  url('https://forumstatic.ru/files/001a/d9/43/90723.eot?fiunva#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001a/d9/43/54870.ttf?fiunva') format('truetype'),
    url('https://forumstatic.ru/files/001a/d9/43/69968.woff?fiunva') format('woff'),
    url('https://forumstatic.ru/files/001a/d9/43/57905.svg?fiunva#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon', 'icomoon-brands' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.codeButtons {
    position: absolute;
    background: none;
    border: 0;
    color: #827465;
}

#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#7cc577}

#pun-messages #form-buttons table {
    display:flex;
}

.punbb-admin div#form-buttons table tr > td {
   width:unset;
}

div#form-buttons table tr > td {
    border: 1px solid #0000;
    border-radius: 3px;
    background-image:none!important;
    width: auto;
    height: 40px;
    position: relative;
    transition: 0.2s ease-in-out;
}

#form-buttons table {
   border-spacing: 0px 10px;
}

#form-buttons td img {
    z-index: 10;
    position: absolute;
    opacity: 0;
    margin-top: -19px;
    width: 100%;
    height: 100%;
}

#form-buttons td:hover,
#post-form td#button-files_rusff:hover,
#post-form td#button-graffiti_rusff:hover,
#pun #post-form .hfbutt:hover {
   background: #f4f1e9!important;
    border: 1px solid #7cc577;
    box-shadow: 0 0 4px #a09c94;
}

#form-buttons td:hover:before {
   color:#7cc577;
}

td#button-font:before,
td#button-size:before,
td#button-bold:before,
td#button-italic:before,
td#button-underline:before,
td#button-strike:before,
td#button-left:before,
td#button-center:before,
td#button-right:before,
td#button-link:before,
td#button-spoiler:before,
td#button-image:before,
td#button-artp:before,
td#button-video:before,
td#button-hide:before,
td#button-quote:before,
td#button-code:before,
td#button-color:before,
td#button-table:before,
td#button-smile:before,
td#button-sticker:before,
td#button-keyboard:before,
td#button-addition:before,
td#button-files_rusff:before,
td#button-graffiti_rusff:before,
td#button-mask:before {
    width: 100%;
    max-height: 40px;
    margin-top: 0px;
    font-family: icomoon;
    font-size: 16px;
    display: block;
    color: #827465;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    z-index: 0;
}

td#button-font:before {
    content: '\f031';
}

td#button-size:before {
    content: '\f034';
}

td#button-bold:before {
    content: '\f032';
}

td#button-italic:before {
    content: '\f033';
}

td#button-underline:before {
    content: '\f0cd';
}

td#button-strike:before {
    content: '\f0cc';
}

td#button-left:before {
    content: '\f036';
}

td#button-center:before {
    content: '\f037';
}

td#button-right:before {
    content: '\f038';
}

td#button-link:before {
    content: '\f0c1';
}

td#button-spoiler:before {
    content: '\f0c4';
}

td#button-image:before {
    content: '\f083';
}

td#button-artp:before {
   content: '\f03e';
}

td#button-video:before {
    content: '\f16a';
}

td#button-hide:before {
    content: '\f023';
}

td#button-quote:before {
    content: '\e978';
}

td#button-code:before {
    content: '\f121';
}

td#button-color:before {
    content: '\f1fb';
}

td#button-table:before {
    content: '\f0ce';
}

td#button-smile:before {
    content: '\e9e0';
}

td#button-sticker:before {
    content: '\ea76';
}

td#button-keyboard:before {
    content: '\e955';
}

td#button-addition:before {
    content: '\f161';
}

td#button-files_rusff:before {
    content: '\f07c';
}

td#button-graffiti_rusff:before {
    content: '\f1fc';
}

#form-buttons td#button-sticker {
    width:4%;
}

td#button-mask:before {
    content: '\e9fa';
}

.icons-search:before {
    font-family:'icomoon';
    content:'\e986';
    font-size: 16px;
}

.category h2:after, 
#pun-stats h2:after {
    font-size: 11px;
    font-weight: 400;
    margin-left: 12px;
    margin-top: 45px;
    text-shadow: none;
    display:none;
}

div#tags .container {
   position:absolute;
   background-color: #ebe5d7;
   box-shadow: 0px 1px 5px 0px #bdb7ab;
   border-radius: 3px;
   padding: 15px;
   z-index:80;
}

#pun-admain div#tags #keyboard-area.container,
#pun-admain div#tags #addition-area.container,
#pun-admain div#tags #table-area.container {
    right: 25px;
}

div#tags #table-area.container {
  max-width: 300px;
  max-height: 350px;
}

div#tags #table-area.container table {
   font-weight: normal;
}

div#tags #table-area.container table tr {
 padding:0;
}

div#tags #table-area.container table tr td {
padding:0;
}

div#tags #table-area.container p {
    padding:0;
    border-left: 0;
}


/*
div#tags .container div {
   padding:5px;
} */

div#tags .container div + div {
   margin-bottom:5px;
}

div#tags .container div img {
    position: absolute;
    left: 10px;
    padding: 10px 30px;
    width: 100%;
}

div#tags .container div#uploaded-images img {
  position: relative;
    left: unset;
    border: 0;
    width: auto;
    height: unset;
    max-height: 150px;
}

#uploaded-images {
  text-align: center;
    border: 1px solid #d7d1c3;
    border-radius: 3px;
}

#image-area-tcon-internet .resizable-textarea #image-area-tinp {
  width: 100%;
}

#pun #image-change-host #change-host option[value="imgur"],
#pun #image-change-host #change-host option[value="imageban"],
#pun #image-change-host #change-host option[value="ibb"] {display:none;}

.birdyLogo {
   position: absolute;
    width: 70px;
    height: 70px;
    display: block;
    z-index: 100;
    left: 15px;
    top: 5px;
    opacity: 1;
}

#lastForumNews {
  padding-left: 80px;
}

em.no-avatar a span.avatar-image {
  background-image:url('https://forumstatic.ru/files/001a/d9/43/26557.png')!important;
}





/* oldsafecode */

/*

#pun.isguest #pun-category3 h2:after {
    content: "If you cage the beast, the beast will get angry. \00A9  Wolverine ";
}

#pun.isguest #pun-category4 h2:after {
    content: "Faith is my sword. Truth is my shield. Knowledge is my armor. \00A9  Stephen Strange";
}

#pun-category1 h2:after {
    content: "All right. We're in. But no one dies. \00A9  Captain America";
}

#pun-category2 h2:after {
    content: "It worked...! I mean -- of course, it worked! \00A9  Iron Man";
}

#pun-category3 h2:after {
    content: "When you decide not to be afraid, you can find friends in super unexpected places. \00A9  Ms. Marvel";
}

#pun-category4 h2:after {
    content: "If you cage the beast, the beast will get angry. \00A9  Wolverine ";
}

#pun-category5 h2:after {
    content: "Faith is my sword. Truth is my shield. Knowledge is my armor. \00A9  Stephen Strange";
}

#pun-category6 h2:after {
    content: "I made him an idea, and ideas never die. \00A9  White Queen";
}

#pun-stats h2:after {
    content: "While you slept, the world changed. \00A9  Professor X";
}


*/





/* InfoPage
------------------------------------------------- */








/*

#pun-viewtopic #mask_dialog .inner {
    background-image: none;
    background-color: #ebe5d7;
} */

#pun-viewtopic #pun-reputation .inner,
#pun-viewtopic #pun-report .inner {
   border-radius: 3px;
   background-color: #f4f1e9;
   padding: 10px;
}

#pun-viewtopic #pun-reputation table tr td.tcl,
#pun-viewtopic #pun-report table tr td.tcl {
   width:20%;
}

#pun-viewtopic #pun-reputation table tr td.tc2,
#pun-viewtopic #pun-report table tr td.tc2 {
   width: 80%;
}

#pun-viewtopic #pun-reputation table tr td.tc2 textarea#reputationText,
#pun-viewtopic #pun-report table tr td.tc2 textarea#rep_text {
   width: 100%;
}

#pun-main .pun-modal .modal-inner {
  background: #f1eee5;
    border-radius: 3px;
    padding: 10px;
}

#pun-main .pun-modal .closer {
      right: 1em;
}

#pun-main .pun-modal .container p + p {
  margin-bottom:5px;
}

#pun-main .pun-modal .container a {
  color:#007236;
}

#pun-main .unread-notifications .notifications-block-title {
 border:0px;
 padding: 0 1em;
}

#pun-main .unread-notifications .notifications-block-title a {
   color: #f1eee5;
}

#pun-main .unread-notifications .notifications-block-title a:hover {
 color: #7cc577;
}

#pun-main .unread-notifications #notifications-wrap table,
#pun-main .unread-notifications #notifications-settings,
#pun-main .unread-notifications #notifications-advanced #advanced-setting-list {
  color:#544740;
}

#pun #pun-main.multipage .pun-modal .section > .container {
    background: none;
    box-shadow: none;
    padding: 0;
}

#pun #pun-main .pun-modal .modal-inner h2 {
  background: #252525;
}

#pun-main .unread-notifications #notifications-wrap table {
  border-spacing: 1px 5px;
}

#pun-main .unread-notifications #notifications-wrap table td.notification-item {
  border: 1px solid #7cc577;
    border-radius: 3px;
    padding: 5px;
}

#pun-main .unread-notifications .notifications-block-title {
  margin: 0;
}

#pun-index .pun-modal table tr {
  background:none;
}

#pun-main #mask_dialog .inner,
.hvStickerPackModal {
      box-shadow: 0px 1px 5px 0px #bdb7ab;
    background: #ebe5d7;
    border-radius: 3px;
  color:#544740;
}

.hvStickerPackModalContainer .hvStickerPackModal {
        box-shadow: 0px 1px 5px 0px #bdb7ab;
    background: #ebe5d7;
    border-radius: 3px;
  color:#544740;
  border: 0;
}

.hvStickerPackModalContainer .hvStickerPackModalContent {
background-color: #faf9f5;
    border: 1px solid #d7d1c3;
 border-radius:3px;
}


/* Необходимое из экстры
--------------------------------------- */

.notify-parent {position: relative;}
.notify-bubble {
    background: #7cc577;
    border-radius: 3px;
    color: black;
    font: bolder 10px/1.2 Tahoma;
    min-width: 14px;
    padding: 1px 3px;
    position: absolute;
    text-align: center;
}

.notify-parent .notify-bubble {
    margin:-10px 0px 0px -5px;
}

.notify-bubble:after {
    border-color: #7cc577 transparent;
    border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 6px;
    position: absolute;
    width: 0;
}


:root {
  interpolate-size: allow-keywords; /* разрешает анимацию до height: auto */
}

details::details-content {
  block-size: 0;
  overflow: hidden;
  transition: block-size .3s ease, content-visibility .3s allow-discrete;
}

details[open]::details-content {
  block-size: auto;
}







/** Image-Button
---------------------------------------------------------------*/
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:verdana,Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}
#color-area td img, #table-area td img {
    width: 20px;
    height: 20px;
    cursor: pointer !important;
}

/** jQuery plugins
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:verdana,tahoma,helvetica,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}

/** Social icons
---------------------------------------------------------------*/
.social {background-image:url('/i/social.1.png'); background-repeat:no-repeat; float:left; display:block; margin:3px 5px; width:16px; height:16px}
.social-mailru {background-position:-52px 0}
.social-odnoklassniki {background-position:-78px 0}
.social-twitter {background-position:-104px 0}
.social-vkontakte {background-position:-130px 0}
.social-yandex {background-position:-156px 0}
.social-youtube {background-position:-182px 0}
.social-instagram {background-position:-312px 0}
.social-linkedin {background-position:-338px 0}
.social-reddit {background-position:-442px 0}
.social-share {background-position:-468px 0}
.social-tumblr {background-position:-546px 0}
.social-webtalk {
    background-image: url(https://forumstatic.ru/files/001a/d9/43/32261.png);
    background-position: center;
    background-size: contain;
}

.post-content .spoiler-box > div {background:url('/img/plus.png') no-repeat left center; cursor:pointer; padding-left:18px}
.post-content .spoiler-box > div.visible {background-image:url('/img/minus.png')}
.post-content .spoiler-box > blockquote {padding-top:1.4em; display:none}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}


/* Avatars
---------------------------------------------------------------
.punbb .user-avatar {float:left; position:relative; height:36px; width:36px; margin:1px 9px 2px 0px}
#pun-index .user-avatar {height:40px; vertical-align:middle}
.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image {border-radius:50%; height:36px; width:36px; opacity:0.85; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left}
.punbb .user-avatar .avatar-image:hover {opacity:1}
.punbb .user-avatar .isonline {width:8px; height:8px; border-radius:50%; display:block; position:absolute; top:2px; right:0px; animation:blinkColor .9s linear infinite; -moz-animation:blinkColor .9s linear infinite; -webkit-animation:blinkColor .9s linear infinite; background:#8ac176; z-index:100}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}} */


/* Animations
------------------------------------------- */

@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}


.post-author ul li.pa-posts:hover,
.post-author ul li.pa-respect:hover {
  margin-left:-45px;
}

.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; max-height:60vh; margin:12% auto 0; margin-top:20vh; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important}
.pun-modal .container {padding:.6em 1em; max-height:40em; max-height:54vh; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}