body {
     background: url(https://i.imgur.com/5SiukDP.png) no-repeat top center;
     background-color: #141810 !important;
     background-attachment: fixed;
     padding-top: 380px!important;
     background-size: cover;
     padding-bottom: 50px!important;
}
 #pun {
     background-color: #F9F8F6;
     background-attachment: scroll;
     position: relative;
     margin: auto;
     width: 980px;
     padding-left: 40px;
     padding-right: 40px;
     border-top: 100px solid #3f4937;
     border-bottom: 100px solid #3f4937;
}
 div#html-footer {
     margin: 0px 0px 0px 0px;
}
/*таблица*/
 #tadd {
     position: absolute;
     padding: 8px 24px;
     width: 139px;
     background: rgba(255, 255, 255, 0.05);
     border-radius: 32px;
     margin-left: 414px;
     text-align: center;
     top: -409px;
     font-family: Chsoup_li;
     font-style: normal;
     font-size: 12px;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #fbfbfbb5;
}
 #tmain {
     position: absolute;
     margin-left: -40px;
     width: 1059px;
     text-align: center;
     top: -355px;
     font-family: 'Chsoup_med';
     font-style: normal;
     font-size: 72px;
     letter-spacing: 4px;
     text-transform: uppercase;
     background-color: #E2E2CD;
     color: transparent;
     text-shadow: -1px 2px 1px rgb(40 47 35 / 10%);
     -webkit-background-clip: text;
     -moz-background-clip: text;
     background-clip: text;
}
 #taddinf {
     position: absolute;
     margin-left: 304px;
     top: -270px;
}
 #taddinf1 {
     position: absolute;
     margin-left: -40px;
     text-align: center;
     top: -215px;
     font-family: 'Chsoup_li';
     font-style: normal;
     font-size: 9px;
     letter-spacing: 2px;
     text-transform: uppercase;
     color: #E2E2CD;
     width: 1059px;
}
/*категории*/
 #pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2 {
     width: 980px;
     height: 10px;
     margin-bottom: -30px !important;
     border-bottom: 1px solid #3f4937 !important;
}
 #pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2, #pun-category6.category h2, #pun-category7.category h2, #pun-category8.category h2 {
     text-shadow: none;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #3F4937;
     text-align: center;
     font-size: 18px !important;
     font-family: 'Chsoup_b';
}
 #pun-category1.category h2 span, #pun-category2.category h2 span, #pun-category3.category h2 span, #pun-category4.category h2 span, #pun-category5.category h2 span, #pun-category6.category h2 span, #pun-category7.category h2 span, #pun-category8.category h2 span{
    background: #f9f8f6;
    padding: 10px;
}
 .opis-hr {
     opacity: 1;
     filter: none!important;
     border: 0;
     border-bottom: 1px solid #E2E2CD !important;
     height: 1px;
     margin: 2px 0px 10px 0px !important;
}
 .opis {
     text-align: justify;
     padding: 36px 8px 8px 8px;
     font-family: Chsoup_jost;
     font-size: 9px;
     line-height: 160%;
     text-align: justify;
     letter-spacing: 0.1em;
     text-transform: lowercase;
     color: #000000;
}
 .opis1 {
     margin: 4px 0px 9px 4px !important;
     text-transform: uppercase;
     text-align: left;
     font-size: 8px;
     font-family: Chsoup_Jost;
     color: #000000;
     letter-spacing: 0.1em;
     line-height: 160%;
}
 .opis2 {
     display: flex;
     justify-content: flex-start;
     margin: 10px 0px 0px 0px !important;
     padding: 2px 0px 8px 0px;
}
 .opis2 a {
     letter-spacing: 1px;
     font-size: 8px;
     padding: 4px 8px;
     margin-right: 10px;
     text-transform: uppercase;
     font-family: Chsoup_Jost;
     color: #f9f8f6 !important;
     background: #3f4937;
     border-radius: 24px;
}
/*статистика*/
 #pun-stats h2 span {
    background: #f9f8f6;
    padding: 10px;
}
 #pun-stats h2 {
     width: 980px;
     height: 12px;
     padding: 8px 0px 0px 0px!important;
     margin-bottom: -11px;
     text-transform: uppercase;
     text-shadow: none;
     text-transform: uppercase;
     font-size: 18px !important;
     letter-spacing: 1px;
     color: #343d2d !important;
     font-family: 'Chsoup_b';
     text-align: center;
     border-bottom: 1px solid #3f4937 !important;
}
 #pun-viewtopic .post h3 {
     text-transform: uppercase;
     font-family: 'Chsoup_jost';
     font-style: normal;
     margin-bottom: 8px;
     margin-top: 0;
     height: 32px;
     padding-top: 0px;
     border-top: 1px solid #dadada;
     border-bottom: 1px solid #dadada;
}
 .permalink {
     letter-spacing: 0.4px;
     font-size: 10px;
     text-transform: uppercase;
     margin-left: -3px!important;
}
 .topic .sharelink {
     display: none;
}
/*фич с текстом*/
 del {
     transition: 0.3s linear;
     filter: blur(1px);
     text-decoration: none;
}
 del:hover {
     transition: 0.3s linear;
     text-decoration: none!important;
     filter: none 
}
/* 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: #1B1C1D;
     text-align: top center;
}
/* CS1.2 */
 .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
     background-color: transparent;
     color: #1B1C1D;
}
/* CS1.3 */
 #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-navlinks .container {
     background-color: transparent;
     color: #1B1C1D;
    /* text-align: left;
     */
     background-repeat: no-repeat;
}
/* CS1.4 */
 #pun-title, #pun-title .container, .punbb .modmenu .container {
     background-color: transparent;
     color: #1B1C1D;
}
/* CS1.5 */
 .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
     background-color: transparent;
     color: #1B1C1D;
}
/* CS1.6 */
 .punbb th, #pun-ulinks .container {
     color: #1B1C1D;
     text-align: center;
}
/* CS1.7 */
 #pun-main .quote-box {
     margin: 8px;
     padding: 14px 8px;
     position: relative;
     background: rgb(249 248 246);
     box-shadow: 0 0 0 1px #fbfbfb inset, 0 0 20px 0 #f3f5f5 inset, 0 0 5px 0 #f3f5f5;
     border: 1px solid #E2E2CD !important;
}
 #pun-main .quote-box cite {
     color: rgb(69 126 68);
     padding-top: 10px;
     display: block;
     text-align: left;
     font-size: 15px;
     text-transform: uppercase;
     font-family: 'Chsoup_med';
     letter-spacing: 1px;
}
 .punbb .post-content .quote-box .quote-box cite, .punbb .post-content .quote-box .quote-box .quote-box cite, .punbb .post-content .quote-box .code-box cite, .punbb .post-content .quote-box .quote-box .code-box cite {
     font-size: 12px;
     padding-top: 10px;
     display: block;
     text-align: left;
}
 .punbb .post-content .quote-box .quote-box cite:before, .punbb .post-content .quote-box .quote-box .quote-box cite:before, .punbb .post-content .quote-box .code-box cite:before, .punbb .post-content .quote-box .quote-box .code-box cite:before {
     margin-left: -10px;
     padding-right: 16px;
     margin-top: -4px!important;
     content: " " !important;
     float: left;
     position: relative;
     font-size: 15px;
     text-transform: uppercase;
     font-family: 'Chsoup_med';
     font-size: 21px;
}
 .punbb .post-content .quote-box .quote-box, .punbb .post-content .quote-box .quote-box .quote-box, .punbb .post-content .quote-box .code-box, .punbb .post-content .quote-box .quote-box .code-box {
     padding: 8px 2px 8px 2px !important;
     position: relative;
     background: #f6f6f1 !important;
     text-align: justify;
}
 .post-content table .quote-box, .post-content table .code-box {
     border: 2px solid rgb(69 126 68);
     margin: 16px;
     color: #000000;
     background-color: #f3f5f5;
     padding: 16px 24px;
     position: relative;
}
 #pun-main .code-box strong.legend a {
     letter-spacing: .4px;
     text-decoration: none;
     font-size: 15px;
     text-transform: uppercase;
     font-family: 'Chsoup_med';
     letter-spacing: 1px;
}
 #pun-main .code-box {
     border: 1px solid #e2e2cd;
     margin: 16px;
     background-color: rgb(249 248 246);
     padding: 6px 6px;
     box-shadow: none;
     position: relative;
}
 #pun-main .code-box cite {
     color: #674932;
     font-size: 12px;
     padding-top: 10px;
     display: block;
     text-align: center;
}
 #pun .quote-box.spoiler-box {
     padding: 10px !important;
}
/* CS1.8 */
 #pun-navlinks .container {
     text-align: center 
}
 .offline li.pa-online strong {
     font-weight: normal 
}
 #pun-main .formal textarea {
     color: #000000;
}
 .punbb textarea, .punbb select, .punbb input {
     color: #f9f8f6;
}
/* CS1.8 */
 #pun-navlinks .container {
     text-align: center 
}
 .offline li.pa-online strong {
     font-weight: normal 
}
 #pun-main .formal textarea {
     background: #f6f6f1 !important;
     color: #000000;
     border: 1px solid #e2e2cd;
}
 .punbb textarea, .punbb select, .punbb input {
    /* background-color: #f3f5f5;
     */
}
/* 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;
}
 .punbb .formal fieldset .post-box, .punbb .info-box {
     border: 1px solid transparent;
}
 li.pa-online {
     border-left-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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
     color: #457e44;
}
/* 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: #486d47;
}
/* CS3.3 */
 #pun-navlinks a {
     border: none!important;
     color:#457e44;
     transition: all 0.5s ease-in-out 0.1s;
     filter: none;
}
 #pun-navlinks a:hover {
     border: none!important;
     color: #ffffff54;
     text-decoration: none;
}
 #pun-navlinks li a {
     text-decoration: none;
     position: relative;
}
 #pun-navlinks li a:before {
     content: "";
     width: 0;
     height: 1px;
     position: absolute;
     bottom: -6px;
     right: 0;
     background: #3f4937;
     transition: all 0.3s;
}
 #pun-navlinks li a:hover:before {
     width: 100%;
     left: 0;
     background: #e5c68794;
}
/* CS3.4 */
 #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
     transition-duration: 0.5s;
}
/* CS3.5 */
 #pun-ulinks a {
     text-decoration: none;
     font-family: 'Chsoup_jost';
     letter-spacing: 1px;
     font-size: 7.5px !important;
     color:rgb(186 186 186);
     transition: 0.5s;
     text-transform: uppercase;
}
/* CS3.6 */
 #pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
     color: #ffffff;
     text-decoration: none;
}
/* CS4 Post status icons -------------------------------------------------------------*/
 tr.iredirect div.icon {
     border-color: transparent;
}
/*иконки на гл*/
 Div.icon {
     background-image: url();
     background-repeat: no-repeat;
     width: 0px;
     height: 16px;
}
 TR.inew Div.icon {
     background-image: url();
     background-repeat: no-repeat;
     width: 0px;
     height: 16px;
}
/*все кроме новых соо*/
 #pun-viewforum table Div.icon, #pun-modviewforum table Div.icon, #pun-messages table Div.icon {
     float: left;
     display: block;
     border-style: none;
     position: relative;
     margin-top: 8px!important;
     margin-right: 5px!important;
     width: 7px;
     height: 7px;
     border-radius: 15px;
     background: #D4D0CC;
     border: 1px solid rgba(27, 28, 29, 0.2);
     box-shadow: inset 10px 4px 60px rgba(82, 92, 106, 0.07);
}
 #pun-viewforum TR.inew Div.icon, #pun-modviewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
     background: #8ab08c;
     border: 1px solid rgba(27, 28, 29, 0.2);
     box-shadow: inset 10px 4px 60px rgba(82, 92, 106, 0.07);
}
 #pun-viewforum TR.isticky Div.icon, #pun-modviewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #e5c687;
    border: 1px solid rgba(27, 28, 29, 0.2);
    box-shadow: inset 10px 4px 60px rgba(82, 92, 106, 0.07);
}
 #pun-viewforum TR.iclosed Div.icon, #pun-modviewforum TR.iclosed Div.icon #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
     background: #FBFBFB;
     border: 1px solid rgba(27, 28, 29, 0.2);
     box-shadow: inset 10px 4px 60px rgba(82, 92, 106, 0.07);
}
 #pun-viewforum table div.tclcon, #pun-modviewforum table div.tclcon, #pun-messages table div.tclcon {
     padding-left: 15px;
     padding-top: 5px!important;
}
/*новые соо*/
 #pun-searchtopics table Div.icon {
     float: left;
     display: block;
     border-style: none;
     position: relative;
     margin-top: 15px!important;
     margin-right: 5px;
     width: 7px;
     height: 7px;
     border-radius: 15px;
}
 input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
     -text-transform: lowercase;
     -khtml-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     font-family: Chsoup_li !important;
     font-style: normal;
     font-weight: normal;
     font-size: 11px !important;
     line-height: 14px !important;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #f9f8f6;
     padding: 4px 16px 4px 16px;
     transition-duration: .3s;
}
 input[type="button" i], input[type="submit" i]:hover {
     background-position: top center;
     background-color: #f6f6f1 !important;
     color: #3f4937 !important;
     text-transform: lowercase;
     transition-duration: .3s;
     -text-transform: lowercase;
     -khtml-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     font-family: Chsoup_li !important;
     font-style: normal;
     font-weight: normal;
     font-size: 11px !important;
     line-height: 14px !important;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 #imageupload-left input[type=button] {
     width: auto;
     text-align: center;
}
/*тем соо на гл*/
 # #pun-index .category .tc2, #pun-index .category .tc3 {
     display: none!important;
}
 .Tems_And_messages {
     display: none;
}
 .Add {
     display: inline-block;
     background-color: transparent;
     font-family: 'Chsoup_Jost';
     font-size: 8px;
     text-transform: uppercase;
     padding: 2px 15px;
     text-align: center;
}
 .Tems_And_messages .right {
     letter-spacing: 1px;
     font-weight: 900;
     text-align: center;
     font-size: 9px;
     padding: 0;
     margin-right: 3px;
     font-family: 'Chsoup_b';
}
 .main table .Add {
     display: inline-block;
     position: absolute;
     top: 9px;
     letter-spacing: 1px;
     left: 540px;
     font-size: 9px;
     text-align: center;
}
 #pun-index .category tr {
     position: relative;
     display: block;
    /* width: 980px;
     */
     margin: 32px 0px 0px 0px;
}
 #pun-index .category .container, #pun-stats.section .container {
    /* background: #eeeeee4a;
     */
    /* box-shadow: 0 0 20px 0 #f9f9fa inset;
     */
    /* border: 1px solid #1b1c1d12;
     */
}
/*выделение*/
 ::selection {
     text-shadow: none;
     color: #f9f8f6 !important;
     background: rgb(119 148 96 / 40%);
}
 ::-moz-selection {
     color: #f9f8f6 !important;
     background: rgb(119 148 96 / 40%);
}
 ::webkit-selection {
     color: #f9f8f6 !important;
     background: rgb(119 148 96 / 40%);
}
/*всплывающие блоки*/
 .pun-modal .modal-inner {
     width: 700px;
     max-width: 94%;
     height: auto;
     max-height: 44em;
     margin: 12% auto 0;
     box-shadow: 0 5px 0px #a3b59e !important;
     position: relative;
     z-index: 120000;
     overflow: hidden;
     background-color: #fbfbfb;
}
/*и еще*/
 .inner, #pun_wrap #post .container[id$="-area"] {
     background-position: top center;
     background-color: #f6f6f1;
     border-radius: 0px;
     padding: 3px;
     max-height: 260px;
     overflow: auto;
     border: 1px solid #475d6d;
}
/*подтекстовая часть*/
 textarea, keygen, select, input {
     background-position: top center;
     background-color: #3f4937 !important;
     border-radius: 11px;
     border: 1px solid #e2e2cd;
     padding: 3px;
}
/*не помнююююююю*/
 #pun-main h1 {
     font-family: Chsoup_Jost;
     font-size: 9px;
     text-transform: uppercase;
     padding: 4px 16px 6px 16px !important;
}
 #pun-crumbs1 {
     margin-top: -13px!important;
     font-family: 'Open Sans';
     font-size: 10px;
     text-transform: uppercase;
}
 #lz {
     text-align: justify;
     width: 172px;
     font-size: 10px;
     letter-spacing: 0.2px;
     margin: 6px 0px 0px 8px;
     padding: 8px;
     background: #3f4937;
     color: #f9f8f6;
}
 .pa-respect{
     text-align: center;
     text-transform: uppercase;
     font-family: 'Chsoup_jost';
     margin: 10px 0px 0px 0px !important;
}
 .pa-online{
     text-align: center;
     text-transform: uppercase;
     font-family: 'Chsoup_jost';
     margin: 9px 0px 0px -3px !important;
     font-size: 7px;
     letter-spacing: .5px;
     border: none !important;
}
 #lz a {
    color:#f1eadd;
}
 .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld5 .fld-name, .pa-fld6 .fld-name {
     display: none 
}
