/* Применяется ко всем элементам */

* {
 text-size-adjust: 100%;
 -moz-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 scrollbar-color: var(--deepgreen) var(--darkblue);
 }
 
 ::selection {
   background: #7cbfbd;
   color: #11111b;
 }
 
 /* полоса прокрутки (кроме мозиллы) */
 
 ::-webkit-scrollbar-button { background-repeat:no-repeat; width:6px; height:0px } 
 ::-webkit-scrollbar-track {background-color: var(--darkblue);}
 ::-webkit-scrollbar-thumb {background-color: var(--deepgreen);}
 ::-webkit-resizer{ background-repeat:no-repeat; width:7px; height:0px} 
 ::-webkit-scrollbar{width: 15px;}
 ::-webkit-scrollbar:horizontal {height: 10px;}
 .punbb ::-webkit-scrollbar:horizontal {height: 5px;}
 .punbb ::-webkit-scrollbar{width: 6px; }
 
 
 html {background: #001117 url(//i.imgur.com/7cbNY8n.png) no-repeat fixed top center/cover;}
 
 #pun {background: url(https://i.imgur.com/pveONm6.png) no-repeat top center, url(https://forumupload.ru/uploads/001a/e7/a4/14/648907.png) no-repeat bottom center;}
 
 .punbb > div .container {padding: 10px 60px !important;}
 
 .punbb .linksb {padding: 5px 60px !important;}
 
 .punbb .post-box .post-rating .container {margin-right: 0px;}
 
 .punbb .post-box .post-rating .container,
 .punbb .post-box .post-vote .container {
   padding: 10px !important;
   width: fit-content;
 }
 
 .punbb #tags .container, .punbb #post #tags .container {
   padding: 10px 15px !important;
   background: var(--lightviolet);
border: 1px solid #230b0247;
   top: unset;
   max-height: 250px;
   overflow: auto;
 }
 
 #imageupload-left input[type="button"] {width: fit-content !important;}
 
 .punbb #keyboard-span input {
   color: var(--golds);
   padding: 0 2px !important;
   border-color: var(--lightviolet);
 }
 
 .punbb #pun-report .inner, .punbb #pun-reputation .inner, .punbb #pun-admin-award-form .inner {
 background: #efe9ef;
 border: none;
 }
 
 .punbb #pun-report .container, .punbb #pun-reputation .container, .punbb #pun-admin-award-form .container {padding: 10px 15px !important;}
 
 .punbb #pun-report textarea, .punbb #pun-reputation textarea {
   background: var(--lightviolet);
   border: 1px solid #5b5e51;
 }
 
 .punbb #main-reply {
   max-width: 982px;
	 background-color: #f7f3ed;
	 border: 1px solid #230b0247;
   scrollbar-color: var(--deepgreen) transparent;
   padding: 6px;
   font-size: 14px;
   text-size-adjust: auto;
   -moz-text-size-adjust: auto;
   -webkit-text-size-adjust: auto;
   -ms-text-size-adjust: auto;
 }
 
 .punbb #main-reply::-webkit-scrollbar-thumb {background-color: var(--golds);}
 .punbb #main-reply::-webkit-scrollbar-track {background-color: var(----brownDark)  transparent;}
 
 #pun-respect .main td, #pun-respect .main th {
   box-sizing: border-box;
   padding: 5px !important;
 }
 
 #pun-respect .main td:nth-of-type(1), #pun-respect .main th:nth-of-type(1) {width: 20% !important;}
 #pun-respect .main td:nth-of-type(2), #pun-respect .main th:nth-of-type(2) {width: 5% !important;}
 #pun-respect .main td:nth-of-type(3), #pun-respect .main th:nth-of-type(3) {width: 15% !important;}
 #pun-respect .main td:nth-of-type(4), #pun-respect .main th:nth-of-type(4) {width: 30% !important;}
 #pun-respect .main td:nth-of-type(5), #pun-respect .main th:nth-of-type(5) {width: 30% !important;}
 
 
 /* Таблица в шапке
 -------------------------------------------------------------*/
 
 #html-header .tablica {
	 position: absolute;
	 top: 36px;
	 width: 1132px;
	 height: 202px;
	 display: flex;
	 display: -webkit-flex;
	 flex-direction: row;
	 flex-wrap: nowrap;
	 color: var(--goldline);
 }
 
 .tablica .col1 {
    width: 18px;
    margin-left: 4px;
    height: 110px;
    top: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 }
 
.tablica .col2 .soc {
    display: inline-flex;
    top: 166px;
    left: 286px;
    position: absolute;
    width: 120px;
    justify-content: space-evenly;
}

.tablica .col2 .socialm {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.tablica .col2 .socialm:hover {transition: all .2s ease-in-out 0s;
    box-shadow: 0px 4px 10px 6px rgb(0 9 11 / 41%);
    transform: scale(1.1);}
 
.socmtg: {width: 20px}
.socialm tg:hover {box-shadow: 0 0 10px rgba(250, 230, 203, .5);}
 
 .tablica .col2 {
    display: flex;
    flex-direction: column;
    width:  753px;
    box-sizing: border-box;
    padding: 27px 0 30px 17px;
    justify-content: space-between;
    position: relative;
 }
 
 /* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
 /* настройка кнопки, может быть текстом */
 .spirit-navigation, .spirit-navigation1 {
         height: 28px;
    width: 181px;
    display: inline-block;
    cursor: pointer;
    color: var(--lightviolet);
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    z-index: 1;
    /* border: 1px solid #411b15; */
    /* background: rgba(0,0,0,.34); */
    background: url(https://forumupload.ru/uploads/001a/e7/a4/56/489013.png) center;
    font: normal 11px/28px Bonanova;
    letter-spacing: 1px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 0 0 0 1px #013334, 0 0 0 2px #011f20, 0 0 15px #000000c4 inset;
}
 
 /* вид кнопки после клика по ней */
 .spirit-navigation.spirit-navigation_hover, .spirit-navigation1.spirit-navigation_hover, .spirit-navigation:hover, .spirit-navigation1:hover {
background: url(https://forumupload.ru/uploads/001a/e7/a4/56/218437.png) center;
box-shadow: 0 0 0 1px #371b15, 0 0 0 2px #130907, 0 0 7px #010000e0 inset;
 }
 
 /* настройка позиции выпадающего по клику окна и его ширина */
 #navigblock, #navigblock1 {
   width: 356px;
   position: absolute;
   z-index: 5;
 }

#navigblock {left: -174px;}
 
 /* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
 .sslka {
    padding: 17px;
    /* background: #00272e; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: baseline;
    /* border: 2px solid #00262d; */
    border-top: none;
    background: #120705f0;
    border: 1px solid #1e1716;
    /* height: 144px; */
    -webkit-box-shadow: 0px 20px 19px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 20px 19px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 30px 8px rgb(0 0 0 / 72%);
 }
 
 /* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
 #pun .sslka a {
 white-space: nowrap;
    text-align: center;
    display: inline-flex;
    border: 1px solid #6e3027;
    padding: 5px;
    background: var(--brown);
    font: normal 12px/16px montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-sizing: border-box;
    margin: 3px;
    flex-grow: 1;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 28px;
    color: var(--lightviolet);
 }
 
 /* ссылка при наведении */
 #pun .sslka a:hover {
    background: #00343c !important;
    border: 1px solid #005765;
    transform: scale(.9);
 }

 /* общий код */
.navig {    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    width: 374px;
    left: 279px;
    top: -11px;
    position: relative;
}
 
 .newsblock {
    background: #030c0c8f;
    border: 1px solid var(--deepgreen);
    box-sizing: border-box;
    width: 345px;
    height: 106px;
    margin-bottom: 15px;
    color: #687979;
    padding: 5px 10px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--deepgreen) transparent;
    font: 500 12px/116% montserrat;
z-index: 4;
 }
 
 .punbb .newsblock a {color: var(--blue) !important;
    font: normal 12px/12px bonanova;
    letter-spacing: 1px;}
 .punbb .newsblock a:hover {color: var(--golds) !important;}
 
 .newsblock::before {
   content: "";
 }
 
 .tablica .col3 {
display: flex;
    flex-direction: column;
    width: 400px;
    justify-content: space-between;
    position: relative;
    padding: 17px 0 4px;
 }
 
 .activists, .writers {
    width: 376px;
    height: 50px;
    box-sizing: border-box;
    padding: 0 67px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: space-between;
    position: relative;
    color: var(--silver);
 }


 .activists:after, .writers:after {
    content: "постописцы";
    position: absolute;
    font: 500 12px/12px bonanova;
    letter-spacing: 1px;
    top: 53px;
    left: 233px;
 } 

 .activists:after {
   content: "активисты";
top: 54px;
    left: 243px;
 }

.activists {
     top: -16px;
    left: 35px;}
 
 .writers {
    left: -49px;
    top: 105px;
 }
 
 .writers:before {
   content: "";
   left: 0;
   top: 10px;
 }
 
 .face, .face a {
   display: block;
   width: 48px;
   height: 48px;
   background: #18100b;
 }
 
 .face {
   border: 1px solid var(--deepgreen);
   transition: all .2s ease-in-out 0s;
 }
 
 .face:hover {    box-shadow: 0px 0px 6px 1px rgb(0 9 11 / 95%);
    transform: scale(1.1);
    position: relative;}
 
 .face a {
    opacity: .5;
    filter: grayscale(50%) brightness(80%);
 }
 
 .face a:hover {
   opacity: 1;
    filter: brightness(0.7);
 }
 
 .face a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center
 }

.faceep, .faceep a {
   display: block;
   width: 48px;
   height: 48px;
   background: #18100b;
 }
 
 .faceep {
    border: 1px solid var(--deepgreen);
    transition: all .2s ease-in-out 0s;
    top: -33px;
    left: -15px;
    position: relative;
    z-index: 5;
}
 
 .faceep:hover {    box-shadow: 0px 0px 6px 1px rgb(0 9 11 / 95%);
    transform: scale(1.1);
    position: relative;}
 
 .faceep a {
   opacity: .5;
   filter: grayscale(60%) brightness(80%);
 }
 
 .faceep a:hover {
   opacity: 1;
   filter: none;
 }
 
 .faceep a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
 }


 .punbb .colbottom {
   display: block;
   height: 154px;
   box-sizing: border-box;
   margin: 9px 0  2px 34px;
   position: relative;
 }

 .punbb .tablica .bestep {
width: 147px;
 display: flex;
 display: -webkit-flex;
 justify-content: space-evenly;
 align-items: center;
 flex-direction: row;
 /* border: 2px solid var(--goldborder); */
 box-sizing: border-box;
 /* background: rgba(0,0,0,.5); */
 position: absolute;
    z-index: 3;
   }
 
 .punbb .tablica .bestpost {
    width: 612px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    border: 1px solid var(--deepgreen);
    box-sizing: border-box;
    background: #030c0c8f;
    position: absolute;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 3;
 }
 .punbb .tablica .bestep {
top: 65px;
    height: 42px;
    left: 584px;
 }

.punbb .tablica .bestep .hed {
  font: normal 14px/12px bonanova;
  text-transform: uppercase;
  top: -32px;
  position: absolute;
  color: var(--blue) !important;
  width: fit-content;
  height: fit-content;
  text-align: right;
}

.punbb .tablica .bestpost .hed{
 font: normal 14px/12px bonanova;
 text-transform: uppercase;
 top: -18px;
 left: 47px;
 position: absolute;
 color: var(--blue) !important;
}    

.punbb .tablica .bestpost .hed:hover, .punbb .tablica .bestep .hed:hover {
 color: var(--golds) !important;
}    

 .bestep span {
   font: normal 24px/38px Marta Decor Two;
   letter-spacing: .25px;
   width: 100%;
   height: 100%;
   text-align: center;
   background: rgba(0,0,0,.35);
   transition: all .2s linear 0s;
   z-index: 1;
   position: absolute;
   color: var(--goldline);
 }
 
 .bestep span:hover {
   background: transparent;
   text-shadow: 1px 1px #000; 
 }
 
 .bestep a {
   width: 100%;
   height: 100%;
 }
 
 .bestep img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   position: absolute;
   left: 0;
   top: 0;
   filter: grayscale(60%) brightness(80%);
 }

.bestep .and {
    filter: none;
    font-family: prata;
    font-size: 39px;
    position: absolute;
    z-index: 10;
    top: 40px;
    color: #b67227;
}
 
 .punbb .tablica .bestpost {
    height: 73px;
    top: 50px;
    left: 58px;
 }
 
 .punbb .bestpost p {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--deepgreen) transparent;
    padding: 5px 23px 5px 35px;
    color: #687979;
    font: 500 12px/107% montserrat;
    text-align: left;
    direction: rtl;
    width: 493px;
    left: -56px;
    position: relative;
 }
 
 .col2 .newsblock::-webkit-scrollbar,
 .punbb .bestpost p::-webkit-scrollbar {width: 7px; height: 8px;}
 .col2 .newsblock::-webkit-scrollbar-track,
 .punbb .bestpost p::-webkit-scrollbar-track {background-color: var(--darkblue);}
 .col2 .newsblock::-webkit-scrollbar-thumb,
 .punbb .bestpost p::-webkit-scrollbar-thumb {background-color: var(--deepgreen);}
 
 .punbb .bestpost a {color: var(--blue) !important;}
 .punbb .bestpost a:hover {color: var(--golds) !important;}
 
 .punbb .mandrake {
   background: url(//forumstatic.ru/files/0012/0b/b4/32523.png) no-repeat bottom center;
   width: 82px;
   height: 147px;
   position: absolute;
   left: 193px;
   bottom: 0;
 }
 
 .punbb .mandrake img {
   opacity: 0;
   display: block;
   width: 82px;
   height: 147px;
   cursor: pointer;
   transition: opacity .2s linear 0s;
 }
 
 .punbb .mandrake:hover img {opacity: 1;}
 
 .tablica .aboutblock {
	 display: block;
	 position: absolute;
	 font: normal 12px/12px montserrat;
	 font-weight: 600;
	 width: 140px;
	 left: 261px;
	 top: -71px;
	 letter-spacing: -.5px;
	 text-align: center;
	 color: var(--brownLight);
 }
 
 .tablica .wantedblock {
    width: 93px;
    height: 45px;
    position: absolute;
    right: 299px;
    bottom: 25px;
    color: #687979;
 }
 
 .tablica .wantedblock:before {
    content: "очень ждём!";
    position: absolute;
    font: 500 12px/15px bonanova;
    top: 9px;
    right: 7px;
    width: 36px;
 }
 
 .tablica .wantedglass {
position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 45px;
    pointer-events: none;
 }
 
 .tablica .wantedblock .wanted {
    display: block;
    width: 45px;
    height: 45px;
    background: #18100b;
 }
 
 .tablica .wantedblock .wanted a {
display: block;
    width: 45px;
    height: 45px;
    opacity: 0.5;
    border: 1px solid var(--deepgreen);
    transition: all .2s ease-in-out 0s;
 }
 
 .tablica .wantedblock .wanted a:hover {
    box-shadow: 0px 0px 6px 1px rgb(0 9 11 / 95%);
    transform: scale(1.1);
    position: relative;
opacity: 1;
 }
 
 .wanted a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
 }
 
 .tablica .cardsblock {
   display: block;
   position: absolute;
   width: 180px;
   height: 295px;
   top: -12px;
 }
 
 .cardsblock .card {
   display: block;
   position: absolute;
   width: 91px;
   height: 123px;
   transition: all .5s linear 0s;
   cursor: pointer;
 }
 
 .cardsblock .cup {
   z-index: 0;
   top: 0;
   right: 2px;
 }
 
 .cardsblock .cup img {transform: rotate(-15deg);}
 .cardsblock .cup:hover {transform: translate(-5px, -15px);}
 
 .candle {
   position: absolute;
    top: 95px;
    left: 543px;
    opacity: 0;
    transition: 2s;
    z-index: 1;}
 
 .candle:hover {
 opacity:1;}
 
 .roots{
	 top: -403px;
	 left: 394px;
	 position: relative;
	 z-index: 5;
    width: 215px;
 }

 .cross{
    position: absolute;
    top: -1px;
    left: 427px;
    z-index: 5;
 }

 .branch{
    position: absolute;
    top: 129px;
    left: 334px;
 }
 
 .scull {
position: absolute;
    top: 175px;
    left: 642px;
    opacity: 0;
    transition: 2s;
    z-index: 1;}
 
 .scull:hover {
 opacity:1;}
 

 .leastleft {
	 position: absolute;
	 left: -96px;
	 top: 24px;
 }
 .leastright {
 position: absolute;
	 left: 950px;
	 top: 17px;
 }
 
 .cardsblock .wizard {
   z-index: 1;
   top: 50px;
   right: 45px;
 }
 
 .cardsblock .wizard img {transform: rotate(-45deg);}
 .cardsblock .wizard:hover {transform: translate(-10px, -15px);}
 
 .cardsblock .fire {
   z-index: 2;
   top: 124px;
   right: 52px;
 }
 
 .cardsblock .fire img {transform: rotate(-70deg);}
 .cardsblock .fire:hover {transform: translate(-15px, -5px);}
 
 .cardsblock .hermit {
   z-index: 3;
   top: 180px;
   right: 25px;
 }
 
 .cardsblock .hermit img {transform: rotate(-105deg);}
 .cardsblock .hermit:hover {transform: translate(-15px, 5px);}
 
 .tablica .artsphere {
    width: 720px;
    height: 257px;
    display: block;
    position: absolute;
    top: -293px;
    right: -45px;
    z-index: 4;
    pointer-events: none;
 }
 
 .tablica .artsphere .arts {
   display: block;
 }
 
 .arts img {
   width: 100%;
   height: 100%;
 }
 
 .tablica .amsblock {
 position: absolute;
	 height: 115px;
	 left: -61px;
	 width: 392px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 top: -78px;
	 background-image: url(https://i.imgur.com/aSFWDMy.png);
	 background-repeat: no-repeat;
 transition: 0.5s;
 }
 
 .tablica .amsblock .amsbutton {
	 position: absolute;
	 left: 134px;
	 top: 11px;
	 padding: 10px;
	 width: 89px;
	 height: 20px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 font-size: 18px;
	 font-family: bonanova;
	 letter-spacing: 2px;
	 color: #326262;
	 background-image: url(https://i.imgur.com/aSFWDMy.png);
	 background-repeat: no-repeat;
	 background-position: -134px -11px;
 transition: 0.5s;
 }
 
 .tablica .amsblock:hover, .tablica .amsblock.active {
 background-image: url(https://i.imgur.com/2IBB87B.png);}
 
 .tablica .amsblock .amsbutton:hover, .tablica .amsblock .amsbutton.active {
 background-image: url(https://i.imgur.com/tjBWcNo.png);
 color: #d3cec2;}
 
 
 #admins {
display: none;
position: absolute;
    z-index: 6;
    left: 89px;
    top: 86px;
    width: 285px;
    background: #030c0cb0;
    border: 1px solid var(--deepgreen);
 }
 
 #admins .admin {
	 display: inline-flex;
	 width: 140px;
	 height: 80px;
	 border: 1px solid var(--brownDark);
	 box-sizing: border-box;
	 background: var(--darkblue);
	 margin: 6px 0;
	 position: relative;
	 flex-wrap: nowrap;
	 justify-content: center;
	 align-content: center;
	 align-items: center;
 }
 
 .admin img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: top center;
   filter: grayscale(70%) brightness(80%);
 }
 
 .admin span {
	    position: absolute;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 102%;
    height: 14px;
    font: normal 12px/22px Bonanova;
    letter-spacing: .5px;
    color: var(--golds);
    z-index: 1;
    background-color: var(--brownDark);
    top: 65px;
    padding-top: 6px;
 }
 
 .punbb .admin .duty {
    opacity: 0;
    position: absolute;
    width: 101%;
    top: -1px;
    height: 82px;
    z-index: 4;
    background: rgba(0,0,0, .8);
       color: var(--lightviolet);
    box-sizing: border-box;
    padding: 6px 10px 18px 10px;
    font: normal 10px/120% montserrat;
    display: flex;
    transition: all .2s linear 0s;
    align-items: flex-start;
    flex-wrap: nowrap;
 }
 
 .admin:hover .duty {opacity: 1;}
 
 .top {
	 right: 43px;
	 top: 204px;
	 position: absolute;
	 display: block;
	 width: fit-content;
	 margin: 5px !important;
	 z-index: 4;
	 opacity: 0.5;
 transition: 0.5s;
 }
 
 .top:hover {
	 opacity: 1;
 }
 
 /* Футер
 -------------------------------------------------------------*/
 
 #html-footer {
   position: relative;
   margin: 0 auto;
 }
 
 #html-footer > .container {
   padding: 0 35px 0 37px !important;
   box-sizing: border-box;
   position: absolute;
   top: 31px;
   width: 100%;
   height: auto;
 }
 
 #html-footer .podval {
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    background: #030c0c8f;
    border: 1px solid var(--deepgreen);
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    top: 4px;
    left: -5px;
 }
 
 .podval .rumors {
       display: block;
    position: absolute;
    bottom: -45px;
    width: 438px;
    height: 204px;
    background: url(https://forumupload.ru/uploads/001a/e7/a4/14/330443.png) no-repeat top left;
    background-size: contain;
    left: -43px;
    box-sizing: border-box;
    z-index: 1;
 }
 
 .punbb .podval .rumors .container {
    color: #b39875;
        padding: 6px 22px 73px 47px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 414px;
    max-height: 500px;
    align-content: space-between;
    justify-content: space-between;
    font: 500 12px/16px montserrat, sans-serif;
 }
 
 .podval .rumors span {
    display: block;
    position: relative;
    font: normal 16px/100% Bonanova;
    width: fit-content;
    padding: 0px 0px 20px;
    text-transform: uppercase;
    top: 18px;
 }
 
 .podval .rumors p {
   display: block;
   overflow: auto;
 }
 
 .podval .banners {
   display: block;
   width: 713px;
   height: 104px;
   box-sizing: border-box;
   border: 1px solid var(--deepgreen);
   position: relative;
   margin: 0 10px 0 auto;
   overflow: auto;
   text-align: right;
   padding: 5px 15px;
 }
 
 .podval .banners a {opacity: .5;}
 .podval .banners a:hover {opacity: 1;}
 
 
 /* Убрать рамку на выделенном элементе */
 
 :focus {outline: none;}
 
 
 /* Убрать модеров, редактирование, это интересно */
 
 .punbb td .modlist, .lastedit, div#pun-live-rusff, .topic a.sharelink {display: none !important;}
 
 
 button, input.button, select {cursor: pointer;}
 
 input.button, #pun-admain input.button, #sub4, input[type="button"] {
	  background-image: url(https://forumupload.ru/uploads/001a/e7/a4/56/60926.png);
	 box-shadow: 0 1px 3px rgb(30 33 23 / 30%);
	 border: 1px solid var(--brown) !important;
	 padding: 5px 15px;
	 font: normal 11px verdana !important;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 color: var(--golds);
	 transition: all .2s linear 0s;
	 cursor: pointer;
 }
 
 .punbb .button-dice {float: right;}
 
 input.button:hover, #pun-admain input.button:hover, #sub4:hover, input[type="button"]:hover {
	 color: var(--lightviolet);
	 transform: translate(0, 1px);
	 box-shadow: none;
	background-image: url(https://forumupload.ru/uploads/001a/e7/a4/56/538653.png);
	 border: 1px solid var(--blue) !important;
 }
 
 
 /* CS1 Background and text colours
 -------------------------------------------------------------*/
 
 /* CS1.1 */
 .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
 .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
 .punbb .info-box, .punbb #pun-main .info-box .legend {
   background-color: transparent; 
   color: #0e0401;
   }
 
 /* CS1.2 */
 .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
   background-color: transparent; 
   color: var(--brownDark);
   }
 
 /* CS1.3 */
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   height: 37px;
   margin: 0 49px 0 51px;
   box-sizing: border-box;
 }
 
 
 #pun-index .category h2, #pun-stats h2 {
background: url(https://i.imgur.com/d4iGa4n.png) no-repeat top center;
    height: 82px;
    margin: 0px 20px 0 20px;
    box-shadow: none;
    box-sizing: border-box;
    padding-top: 27px;
    padding-right: 76px;
 }
 
 .punbb #pun-report h1, .punbb #pun-reputation h1, .punbb-admin h2 {
 border: none !important;
 margin: 0 !important;
 }
 
 #pun-index .category h2 span, #pun-stats h2 span {color: var(--silver);
background: none;}
 
 /* CS1.4 */
 #pun-title, #pun-title .container, .punbb .modmenu .container {
   background-color: transparent; 
   color: var(--brownDark);
   }
 
 /* CS1.5 */
 .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
   background-color: transparent; 
   color: var(--brownDark);
   }
 
 /* CS1.6 */
 .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
   background-color: transparent; 
   color: var(--brownDark);
   }
 
 /* CS1.7 */
 .punbb .quote-box, .punbb .code-box {
   color: #0e0401;
   }
 
 /* CS1.8 */
 #pun-navlinks .container {
   background-color: transparent; 
   color: var(--orange);
   }
 
 .offline li.pa-online strong {
   font-weight: normal;
   }
 
 /* CS2 Border colours
 -------------------------------------------------------------*/
 
 /* CS2.1 */
 .punbb .container, .punbb .post-body, .post h3, #pun-title {
   border-color: transparent;
   }
 
 /* CS2.2 */
 .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
 .punbb .category, .punbb .post {
   border-color: transparent;
   }
 
 /* CS2.3 */
 #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
   border-color: transparent;
   }
 
 /* CS2.4 */
 .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
 .punbb .post h3 span, .post-links ul, .post-links, .usertable table {
   border-color: transparent;
   }
 
 /* CS2.5 */
 .punbb th {
   border-color: transparent;
   }
 
 /* CS2.6 */
 #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
   border-color: transparent;
   }
 
 #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
   border-color: transparent;
   }
 
 .punbb .divider {
   border-color: transparent;
   }
 
 
 /* CS3 Links
 -------------------------------------------------------------*/
 
 /* CS3.1 */
 .punbb a, .punbb a:link, .punbb a:visited,
 .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
   color: #0e0401;
   transition: all .2s ease-in-out 0s;
   }
 
 .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
   color: var(--orange);
   }
 
 /* CS3.2 */
 .punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
 .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
   color: var(--blue);
   }
 
 /* CS3.3 */
 #pun-navlinks a {
   text-decoration: none;
   }
 
 /* CS3.4 */
 #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   text-decoration: none;
   }
 
   #pun-pagelinks a:active, #pun-pagelinks a:focus {
   background-color: transparent;
   }
 
 
 /* CS4 Post status icons
  -------------------------------------------------------------*/
 
 div.icon {
   background: url(https://i.imgur.com/O6etAHg.png) no-repeat top center;
 }
 
 tr.inew div.icon {
 background: url(//i.imgur.com/AvH79oN.png) no-repeat top center;
 }
 
 tr.isticky div.icon {
   background: url() no-repeat top center;
 }
 
 tr.iclosed div.icon {
   background: url() no-repeat top center;
 }
 
 #pun-main div.catleft, #pun-main div.catright {display: none}

 /* Вызов человека
  -------------------------------------------------------------*/
#post-mentions #mentions-area {background: rgb(240 234 228);
}