html, body {min-width:1107px!important;} /*Правка для мобильных Устройств с мелким Экраном*/

/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

.pa-posts, .post-author .pa-respect, .pa-fld4 {
    display: inline-block;

    width: 50px;
}
.quote-box a {
font-weight: 700 !important;
}
html, body {
    background-color : #0c0c0c;
  }
li.pa-awards {
    display: block !important;
}
html, body, .code-box .scrollbox, textarea, .scrollbox, div, spletenki, textcont {
    scrollbar-width: thin;
scrollbar-color: #3c0303 rgba(20, 18, 15,0.01);
}
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background-clip: padding-box;
padding: 15px !important;
position: relative;
border: 1px solid #7b1313;
background: #cecccd url(http://forumstatic.ru/files/001b/35/2b/54574.png) no-repeat 130px top;
box-shadow: 0 0 0 1px rgba(255,255,255,.4) inset, 0 0 30px 0 rgba(134, 133, 133, 0.7) inset;
}
#pun .quote-box.spoiler-box {
    padding: 10px !important;
border: 1px solid #7b1313;
background: rgb(208, 208, 208) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.4) inset, 0 0 30px 0 rgba(134, 133, 133, 0.7) inset;
}
#pun .post-content .spoiler-box > div::before {
    content: "\f107";
    position: absolute;
    width: 9px;
    height: 9px;
    left: 0px;
    top: 1px;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
font: 800 13px/9px icon;
color: #d0cdcd;
background: #6a0808;
padding: 2px;
box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}
#pun .post-content .spoiler-box > div {
  background: none;
  position: relative
}
#BookmCntToggle {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 30px;
    height: 30px;
    opacity: .7;
    cursor: pointer;
    z-index: 3;
    transition: opacity .3s ease-out;
    display: none !important;
}
#pun-messages .indOnline, .indOffline {left: -11px;}
.indOnline, .indOffline {
width: 5px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -11px;
    cursor: help;
}
.indOnline {
background-color: var(--primary-Accent);
}

.indOffline {
    background-color: transparent;
}
.pa-posts .fld-name::before {
    content: "sms";
    color: #b9b8b8;
    font-size: 10px;
    width: 100%;
    display: block;
    text-align: left;
}
.pa-respect .fld-name::before {
    content: "repa";
    color: #b9b8b8;
    font-size: 10px;
    width: 100%;
    display: block;
    text-align: left;
}
.pa-fld4 .fld-name::before {
    content: "posts";
    color: #b9b8b8;
    font-size: 10px;
    width: 100%;
    display: block;
    text-align: left;
}
.pa-fld4 {

color: #dfdddd;
font-size: 9px;
margin-top: -1px !important;
text-align: left;

}
.pa-posts .fld-name, .pa-respect .fld-name, .pa-respect .fld-name a, .pa-fld3 .fld-name, .pa-fld4 .fld-name {
    font-size: 0;
color: #b9b8b8;
}
.pa-fld2 grad {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    height: 119%;
    float: left;
    color: #bebcbc !important;
    text-align: center;
    padding: 0px 0px 7px 13px;
    font-size: 10px;
    font-family: 'candara' !important;
    margin-left: -5px;
}
.pa-fld2 osn {
    display: block;
    padding: 32px 7px 0 0px;
    height: 67px;
    color: #bdbbbb !important;
    font-family: 'candara' !important;
    line-height: 12px;
    text-align: justify;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #202020 rgba(20, 18, 15,0.01);
}
.pa-fld2 osn a {


    color: #720808 !important;
    font-weight: 500;

}
.pa-fld2 lzname a {
    color: #cbc8c8 !important;
    letter-spacing: 1px;
}
.pa-fld2 lzname {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    height: 119%;
    float: left;
    color: #fff !important;
    text-align: center;
    padding: 0px 9px 7px;
    font-size: 11px;
    font-family: 'Helvetica';
}
.pa-fld2 {
    color: #dddbdb;
    font-family: 'candara' !important;
    height: 115px;
}
.pa-fld1 {
width: 100%;
height: 44px;
background: url(https://forumstatic.ru/files/001b/35/2b/70153.jpg);
margin-top: -2px !important;
}
.pa-fld1 span{
    display: none;
}
.shkala {
display: block;
background-color: #141313;
width: 100%;
border-radius: 0px;
height: 9px;

}

#pun-main .post-author ul {

}
.procnt {
   background-color: #510202;
height: 7px;
cursor: auto !important;
border: 1px solid #000;
}

.pluha {
    margin: 0px 0 0px 0 !important;
}



.pluha img {
max-width: 62px;
margin: -19px 1px 0 -0;
float: left;
}

.pluha2 {
margin: 0 -2px 0px 64px !important;
text-align: left;
font-size: 16px;
color: #bbbaba;
padding-top: 6px;
font-family: 'candara';
letter-spacing: 1px;
font-weight: 700;
height: 36px;
}
#pun .quote-box cite, #pun .code-box strong.legend {
    display: block;
    padding: 4px 15px 4px 15px !important;
    font-size: 9px;
    text-transform: uppercase;
    font-family: open sans;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: -5px !important;
    margin-left: -5px !important;
    text-align: left;
    color: #710c0c !important;
background: #424240;
    display: inline-block;
    box-shadow: 0 0 0 1px rgba(0,0,0,.05) inset;
}
#pun .quote-box cite, #pun .code-box strong.legend a {
    color: #dbdbdb !important;
}
.pluha2 span {
display: block;
font-size: 10px;
letter-spacing: 0px;
}
.pa-fld2 span {
display: none;
}
.pa-fld3 span {
display: none;
}
#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    padding: 2px 4px;
    border: solid 1px #ccc;
    margin-right: 19px !important;
}
#togglePreview {
    float: right;
    margin-top: -31px;
}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 97%;
}
.hasicon .tc2{
    padding-top: 20px;
}
.button, button.sticker, #pa-edit strong a {
    background: #5e0808 !important;
border: 0 !important;
box-shadow: none;
border-radius: 0px;
border-top: medium none !important;
color: #ded9d7 !important;
font-family: 'candara' !important;
font-size: 10px !important;
font-weight: 700 !important;
margin-top: 5px !important;
padding: 7px 15px 7px 15px !important;
text-decoration: none;
transition: all 0.5s ease-in-out 0s;
    transition-duration: 0.5s;
vertical-align: middle;
text-transform: uppercase;
cursor: pointer;
}
.button:hover, button.sticker:hover, #pa-edit strong a:hover {
    background: #241c27 !important;
    cursor: pointer;
    color: #d3d1c5 !important;
}
#pun-admain textarea, #pun-admain .longinput input {
    width: 98%;
    color: #000000;
    font-size: 11px;
    padding: 15px !important;
    width: 97% !important;
    border: none;
    background: #d0cccc;
    box-shadow: 0 0 0 1px #490505 inset,0 0 0 2px rgba(255,255,255,.31) inset, 0 0 2px 0 #670707 inset, -2px 0px 1px -2px #e5dbdb, 2px 0px 1px -2px #ddc7c7;
}
.post_reputation h1 span {
position: absolute !important;
top: 21px !important;
z-index: 1 !important;
left: 413px !important;
text-align: center !important;
width: 51% !important;
color: #ccc6c6 !important;
font-family: 'candara' !important;
text-transform: lowercase !important;
font-size: 17px !important;
letter-spacing: 3px !important;
writing-mode: tb-rl;
transform: rotate(360deg);
}
div.post-rating a, div.post-vote a {
    text-decoration: none !important;
    font-size: 19px !important;
    font-family: 'candara' !important;
    text-transform: lowercase;
    font-weight: 500 !important;
    color: #000 !important;
}
#mask_dialog .hv-mask-dialog-title {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 34px;
    position: relative;
    text-transform: lowercase;
    font-family: 'candara';
}
#pun #pun-viewtopic .FNTslider {
    display: block;
}
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    background: #E8E8E8;
    padding: 8px;
}
.punbb select, input {
    border: 0;
    padding: 2px 3px 2px 3px !important;
    color: #222;
    background: #d8d7d2;
    border: 1px solid rgba(0,0,0,.14) !important;
}
#pun-main {
    position: relative;
}
#pun-main h1 span{
    position: absolute;
    top: -31px;
    color: #fff !important;
    z-index: 1;
    left: 240px;
    text-align: center;
    text-transform: lowercase;
    width: 51%;
    color: #c6b7b7 !important;
    font-family: 'candara';
    letter-spacing: 2px;
}
#pun #pun-viewtopic .FNTslider {display: block}
   .FNTslider {
border-radius: 0px;
position: absolute;
z-index: 1000;
background: rgba(66, 65, 65, 0.36);
width: 110px;
height: 4px;
border: none;
display: none;
top: -27px;
left: 542px;
}
#topic-users-in {
    background: #000;
    color: #fff !important;
    margin-left: -16px;
    width: 951px;

}
#topic-users-in  p {
text-align: left;
color: #b3b0b0 !important;
padding: 3px 27px 3px 27px;
font-family: 'candara';
text-transform: lowercase;
font-size: 13px;
letter-spacing: 1px;
margin-bottom: -2px !important;
}
#topic-users-in  a {

color: #b3b0b0 !important;

font-family: 'candara';
text-transform: lowercase;
font-size: 13px;
letter-spacing: 1px;
line-height: 15px;
}
#topic-users-in  a:hover {

color: #550303 !important;

}
#pun .FNTslider .before {
    height: 4px;
    border-right: none 0;
    border-radius: 1px 0 0 1px;
    position: absolute;
    background: #550303;
    margin-top: -1px;
    margin-left: -1px;
    border: solid 1px rgba(0, 0, 0, 0.6);
}
#pun .FNTslider .thumb {
    width: 10px;
    height: 4px;
    border-radius: 0%;
    position: relative;
    top: -1px;
    background: #858282;
    cursor: pointer;
    border: 1px solid #222;
}

.table-main-next-dw {
    position: absolute;
    color: rgb(179, 174, 174) !important;
    top: 31px;
    cursor: pointer;
    font-family: 'candara';
    font-size: 13px;
    letter-spacing: 2px;
    writing-mode: tb-rl;
    transform: rotate(203deg);
    left: 44px;
}
.table-main-next-up {
    position: absolute;
    top: -48px;
    width: 331px;
    left: -270px;
    color: #959292;
    font-family: 'candara';
    font-size: 13px;
}
#navig-batton {
    cursor: pointer;
    position: absolute;
    right: -27px;
    top: -20px;
    font-family: 'Jeckle';
    color: #b7b2b2;
    font-size: 13px;
    transform: rotate(321deg);
    writing-mode: tb-rl;
    letter-spacing: 3px;
}
/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
    width: 162px;
    margin-left: -10px;
    position: absolute;
    top: -22px;
    z-index: 999;
    left: 15px;
}

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

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    background: #0e0b0b;
    white-space: nowrap;
    margin: 5px auto;
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 4px;
    width: 140px;
    color: #cdcbd3;
    font-size: 12px;
    border: 1px solid #550303;
font-family: 'candara';
}

/* ссылка при наведении */
#pun .sslka a:hover {
background-color: #550303 !important;
opacity: .9;
transform: scale(.9);
color: #cdcbd3 !important;
}



.table-main-next {
    float: left;
    width: 19%;
    position: relative;
}
.table-main-best {
    float: left;
    width: 24%;
    margin-left: 27px !important;
}
.table-main-best-up {
    width: 100%;
    margin-top: 12px !important;
}
.table-main-best-dw {
    width: 100%;
    margin-top: 20px !important;
}
.table-main-best div {
    float: left;
    height: 43px;
}
.table-main-best a {
    display: inline-block;
    border: 1px solid #7e0707 !important;
    margin-right: 7px !important;
    height: auto;
    margin-top: 1px;
}
.table-main-best div {
    position: relative;

}
.table-main-best a img {
    filter: grayscale(100%);
    width: 100%;
    object-fit: cover;
height: 100%;
}

.table-main-best a div:hover::after {
    content: "";
    background: #550303;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    mix-blend-mode: multiply;

transition-duration: 5s !important;
transition: all .6s ease-in-out 0s;
}


.table-main-news-dw {
    margin-top: 13px !important;

}
.table-main-needs {
    float: left;
width: 25%;
height: 100%;

}
.table-main-needs div {
    float: left;
height: 126px;

}
.table-main-needs a {
display: inline-block;
border: 1px solid #7e0707 !important;
margin-right: 6px !important;
height: 126px;
margin-top: 1px;
}
.table-main-needs div {
    position: relative;

}
.table-main-needs a img {
    filter: grayscale(100%);
    width: 100%;
    object-fit: cover;
height: 100%;
}

.table-main-needs div:hover::after {
    content: "";
    background: #550303;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    mix-blend-mode: multiply;
transition: all .5s linear 0s !important;

}



.table-main-news-dw a {
    display: block;
    width: 92%;
    padding-right: 0px !important;
    height: 45px;
    border: 1px solid #7e0707 !important;
}
.table-main-news-dw div {
    position: relative;
height: 45px;
}
.table-main-news-dw a img {
    filter: grayscale(100%);
    width: 100%;
    height: 45px;
    object-fit: cover;
opacity: 0.5;
}
.table-main-news-dw a img:hover {
opacity: 1 !important;
}
.table-main-needs a img {

opacity: 0.5;
}
.table-main-needs a img:hover {
opacity: 1 !important;
}
.table-main-best a img {

opacity: 0.5;
}
.table-main-best a img:hover {
opacity: 1 !important;
}
.table-main-news-dw div:hover::after {
    content: "";
    background: #550303;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    mix-blend-mode: multiply;


transition-duration: 5s !important;
transition: all .6s ease-in-out 0s;
}
.table-main-news {

    float: left;
    width: 20%;
    height: 100%;
    margin-left: 23px !important;

}
.table-main-news a{
color: #cbcaca !important;
text-decoration: underline !important;
padding-right: 4px;
}
.table-main-news a:hover{
    color: #7e0d0f !important;

}
.banners {
    position: absolute;
    width: 948px;
    margin-top: -26px !important;
    margin-left: -13px !important;
    height: 35px;
    overflow-y: auto;
    scrollbar-width: thin;
    line-height: 19px;
    text-align: justify;
    padding-right: 4px;
}
.banners img {
filter: grayscale(100%);
transition: all .6s ease-in-out 0s;
}
.banners img:hover {
filter: grayscale(0%);

}
.table-main-news-up {
height: 62px;
margin-left: 9px !important;
text-align: left;
width: 166px;
padding-top: 5px;
overflow-y: auto;
margin-top: 2px !important;
color: #c2bfbf;
font-family: 'candara';
font-size: 10px;
}
.table-main {
    height: 129px;
    width: 948px;
    top: -147px;
    margin-left: -16px !important;
    position: absolute;
    text-align: justify;
    line-height: 12px;
    z-index: 100;
    color: #dddbdb;
    font-size: 9px;
    font-family: 'Helvetica';

}
.table-main-ams {
    width: 5%;
    display: block;
    height: 100%;
    float: left;
}
.table-main-ams a {

}
.table-main-ams b {
    white-space: nowrap;
    color: #dddbdb !important;
    writing-mode: tb-rl;
    transform: rotate(180deg);
    text-transform: lowercase;
    font-size: 11px;
    height: 100%;
    text-align: right !important;
    font-family: 'candara';
    font-weight: 300 !important;
    letter-spacing: 1px;
}
.tooltip3-ams2 {
    position: absolute;
    top: 0;
    left: 23px;
}
.tooltip3-ams1 {
    position: absolute;
    top: 0;
    left: 0px;
}
#html-header {
    height: 0px !important;
}
/* tooltip*/

a.tooltip3 span {
    
}

.tooltip3 span {
    visibility: visible;
    position: absolute;
    z-index: 999999;
    background-color: #000 !important;
    border: 1px solid #550303;
    font-family: 'candara';
    color: #c7c4c4 !important;
    letter-spacing: 1px;
    font-weight: 300 !important;
}


a.tooltip3 span img {
    filter: grayscale(1);
    outline: 1px solid #4c394f;
}


.punbb a.tooltip3{
 text-align:center;
 padding:0;
 margin:0;
}
.punbb a.tooltip3 p{
 padding:0;
 position:relative;
 display:block;
 width:0;heght:0;
 margin:0;
}
a.tooltip3 span:hover,
a.tooltip3:hover span{
background-attachment: scroll;
background-clip: border-box;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto;
display: inline;
}
a.tooltip3 span {
    position: absolute;
    display: none;
    left: 45px;
    width: 138px;
    font-size: 11px;
    height: auto;
    top: 0px;
    padding: 7px 8px;
}

#amscsh {
    width: 5%;
    height: 100%;
}

.banners-2 {
    width: 44%;
    float: right;
}
.banners-1 {
    width: 44%;
    float: left;
}
.podfor {
padding: 7px 14px 13px;
line-height: 15px;
font-family: 'Helvetica';
font-size: 11px;
color: #c8c6c6;
position: relative;
background: #131313;
}
.podfor  center {
text-align: left;
padding-top: 7px;
}
.podfor  z {
    position: absolute;
 left: -19px;
color: #000;
white-space: nowrap;
writing-mode: tb-rl;
transform: rotate(180deg);
top: -2px;
    text-transform: lowercase;
    font-size: 11px;
    letter-spacing: 3px;
}
.tc3 {
    padding: 16px 6px 0 !important;
}
.tc2 {
    padding: 16px 6px 0 !important;
}
.podfor links {
position: absolute;
bottom: -16px;
right: 1px;
width: 100%;
text-align: right;
letter-spacing: 1px;
}
.plash span {
    width: 100%;
    display: block;
text-align: center;
}
.plash {
    position: relative;
    line-height: 12px;
transition: all .5s ease-in-out 0s;
}
.plash:hover {
  opacity: 0.6;
}


#pun {
background-color: #dddbdb;
background-image: url(https://forumstatic.ru/files/001b/35/2b/94574.jpg);
margin-bottom: 53px !important;
  }

/* 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 {
    border-color:transparent;
    color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
    border-color:transparent;
    color: #000000;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
    border-color:transparent;
    color: #000000;
    font-weight: normal;
    font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
    border-color:transparent;
    color: #000000;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    border-color:transparent;
    color: #000000;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
    background-color: transparent;;
    color: #000000;
  }


/* CS1.8 */
#pun-navlinks .container {
    border-color: transparent;
  }

.offline li.pa-online strong {
    font-weight: normal;
  }





 .punbb input {
transition-duration: 0.5s;
padding: 2px 3px 2px 3px;
color: #222;
background: #d8d7d2;
border: 1px solid rgba(0,0,0,.14) !important;
  }
 .punbb input:hover {

     transition-duration: 0.5s;
border: 1px solid #650505 !important;
  }
 .punbb input:focus {

     transition-duration: 0.5s;
border: 1px solid #650505 !important;
  }



#pun-index .tcl h3 a:hover  {
border-bottom: none !important; transition: all 0.4s ease-out; letter-spacing: 2px;}


#pun-main .code-box {
    font-size:12px!important;
  }




/* CS2 Цвета границ
-------------------------------------------------------------*/

/* 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 */
.punbb .quote-box, .punbb .code-box {
    border-color:transparent;
  }

#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-color:transparent;
  }

li.pa-online {
    border-color:transparent;
  }

.punbb .post-sig dt {
    width: 250px;
    height: 1px;
    background: rgba(0, 0, 0, 0.14);
    margin: 10px 0px 10px 140px;
    opacity: 1.0;
  }



/* CS3 Цвета ссылок и всё что с ними связанно
-------------------------------------------------------------*/

/* 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 {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* 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 {
    border-bottom: 0px none #3f3f3f;
    text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
    border-bottom: 0px none #000;
    text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-weight: normal;
    font-style: normal;
    border-bottom: 0px none #000;
    text-decoration: none;
  }



/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

#pun  .section {
    border-style: none;
    width: 918px;  
 }

#pun  .tc2, #pun-main .post-author ul  {
    text-align: center;
 }

.punbb .post div.container {
    background: url() no-repeat scroll center bottom transparent;
  }


#pun-title table tbody tr .title-logo-tdr {
position: absolute;
z-index: 1;
right: 95px;
top: 47px;
text-align: right;
padding-right: 0px;
  }



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

#pun-about p.container {
background-image: url(https://forumstatic.ru/files/001b/35/2b/33208.jpg);
margin-left: -43px;
background-position: center bottom;
background-repeat: no-repeat;
height: 92px;
width: 984px;
overflow-x: hidden;
  }
#banners_bottom {
    display: none;
}
div#html-footer {
  }

div#pun-about {
    margin-bottom: -52px;
text-transform: lowercase;
font-family: 'Helvetica';
  }

 #pun-announcement.section h2 span {
    display: none;
 }
    a.menu:link, a.menu:visited, a.menu:active{
    text-decoration: none;
 }



/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/



/* CS4 Картинки категорий */
#post-form h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/50481.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#post-form h2 span {
    display: none;
}
#pun-category1.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/35705.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-category1.category h2 span {
    display: none;
}
#pun-category2.category h2 span {
    display: none;
}
#pun-category3.category h2 span {
    display: none;
}
#pun-category4.category h2 span {
    display: none;
}
#pun-category5.category h2 span {
    display: none;
}
#pun-category6.category h2 span {
    display: none;
}
#pun-category7.category h2 span {
    display: none;
}
#pun-category2.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/44919.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}

#pun-category3.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/81185.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-category4.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/14667.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-category5.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/17009.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-category6.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/35713.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-category7.category h2 {
background: url(https://forumstatic.ru/files/001b/35/2b/15282.jpg);
height: 24px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-stats.section h2 {
background: #000;
height: 9px;
width: 966px;
font-size: 20px !important;
margin-left: -39.6px;
opacity: 1;
font-family: 'belithel demo';
color: #e2d5eb;
text-align: right;
padding: 2px 11px 9px 1em !important;
letter-spacing: 2px;
}
#pun-stats.section h2 span {
    display: none;
}
#pun-stats ul.container {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: auto;
    padding-left: 0px;
  }

.onlinelist {
text-align: left;
margin-top: 7px !important;
text-transform: lowercase;
color: #131313;
font-size: 14px;
font-family: 'Calvino';
}

.users_24h {
text-align: left;
margin-top: -4px !important;
text-transform: lowercase;
color: #131313;
font-size: 12px;
font-family: 'Calvino';
}

/* Фон подфорума */
#pun-index td div.tclcon { 
color: #dddbdc;
text-align: justify;
text-transform: lowercase;
margin-left: 25px;
  }






/* Цвета ссылок */
.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: #020202;
    text-decoration: none;
      transition-duration: 0.5s;
  }
.punbb a:focus, .punbb a:active, .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
border-bottom: 0 none #000;
   color: #930808;
    text-decoration: none;
  }


#pun-index .tcr a {
font-size: 16px;
text-transform: lowercase;
font-family: 'candara';
font-weight: 700;
color: #100e0e !important;
padding-top: 4px;
display: ruby-base;
}
#pun-viewforum .tclcon a {
    font-weight: 700 !important;
}
#pun-viewforum .tcr a{
    font-size: 16px;
    text-transform: lowercase;
    color: #100e0e !important;
    padding-top: 4px;
    font-family: 'candara';
    font-weight: 700;
    display: flex;
    padding-left: 3px;
}
body #post .fs-box.hashelp .container {
background: rgb(200, 194, 194) !important;
    background-repeat: repeat;
background-repeat: repeat !important;
z-index: 100 !important;
padding: .7em !important;
border-radius: 0;
border: 1px solid #7f0d0d;
  }
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area{
position: absolute;
    right: 6px;
    top: 43px;
  }
#imageupload-left input[type=button] {
    width: auto!important;
  }
#font-area, #size-area {
    right: unset !important;
    height: 190px;
    overflow-y: auto;
}

#poll-special .poll2 td h1 {
    background: #111419!important;
    padding: 1px;
    border: none 0 transparent!important;
    border-bottom: none 0 transparent!important;
  }

/*убираем свечение в хроме*/
input, textarea {
    outline: none;
  }  
input:active, textarea:active {
    outline: none;
  } 
:focus {
    outline: none;
  }

.intd .tclcon .modlist {
    display: none;
  }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner{
    background-color: rgba(243, 243, 243, 0.73);
    border-radius: 15px;
    padding: 1em;
  }

.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em !important;
    border-style: none !important;
    border-width: 0px !important;
    background-color: #cbc9ca !important;
    color: #000 !important;
  }

img.post-img-Sp {
margin-left: -2px !important;
padding: 0 3px !important;
  }
.Sp2 {
    display: block;
    background: #000;
    height: 100px;
    margin-top: 0px;
    margin-left: 8px;
    padding: 0px !important;
    text-align: center !important;
    width: auto;
    color: #999b8b;
}
.lastedit {
    display: none!important;
  }

li#navawards {
    display: none!important;
  }


.go-up, .go-down {
    cursor: pointer;
    display: none;
    margin-bottom: 160px;
    opacity: 0.8;
    position: fixed;
    z-index: 999;
    text-align: center;
    transition: opacity .6s ease-in-out 0s
}

.go-up {
top: 256px;
right: 0;

}
.go-down {
top: 291px;
right: 0;
}

.go-down:hover, .go-up:hover {
    opacity: .6;
}

.topic a.sharelink {
    display: none;
}

#pun-status .status-right {
    display: none !important;
}
.adminmain {

    margin-top: 12px !important;
}
#pun-main a::after {
    content: "";
    height: 1px;
    width: 0%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width .8s cubic-bezier(.64,.51,.55,1.26) 0s;
    background: currentColor;
}



#pun-admain fieldset .handle, #pun-admain fieldset p {
 
    background-color: #dddbdc !important;
}


.forname {
    font-family: 'Jeckle';
    color: #dddbdb;
    font-size: 41px;
    white-space: nowrap;
    margin-right: 0.5em;
    position: absolute;
    writing-mode: tb-rl;
    transform: rotate(360deg);
    top: -3px;
    letter-spacing: 2px;
    right: -52px;
    cursor: context-menu;
}


.hasicon tr {
position: relative;
}

.foto1-left {
position: fixed;
left: 0px;
top: 52px;
z-index: -1;
width: 11%;
}
.foto1-left2 {
position: fixed;
left: 0px;
bottom: 46px;
z-index: -1;
width: 11%;
}