/*************************************************************

ÏÀÍ ÒÅËÎ

**************************************************************/
/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
çäåñü "margin: 190px" îçíà÷àåò îòñòóï íà 190 ïèêñåëåé îò ñàìîãî âåðõà ôîðóìà
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    background: repeat transparent url(http://forumstatic.ru/files/001b/0a/47/52388.jpg);
    width: 900px;
    background-position: center;
    padding-top: 242px;
    padding-bottom: -30px;
    margin-top: 256px;
}
/* A5.2 ÐÀÇÌÅÙÅÍÈÅ ÊÎÍÒÅÍÒÀ ÂÍÓÒÐÈ ÒÅËÀ
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 25px;
    width: 850px; 
  }


/*************************************************************

ØÀÏÊÀ, ÔÎÍ, ÔÓÒÅÐ È ÍÀÑÒÐÎÉÊÈ ÔÓÒÅÐÀ

**************************************************************/

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body {
    background: url(http://forumstatic.ru/files/001b/0a/47/48212.png);
    background-color: #060606;
    overflow-x: hidden;
    background-color: #5d8084;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom center;
    background-size: cover;
    z-index: 100;
    top: 0 !important;
    overflow-x: hidden !important;
}

/* ØÀÏÊÀ
-------------------------------------------------------------*/
#pun-title table {
    background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001b/0a/47/32617.png);
    border: none;
    height: 279px;
    margin-left: -25px;
    width: 900px;
    margin-top: -490px;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
    background: url(http://forumstatic.ru/files/001b/0a/47/10393.png) center bottom no-repeat scroll rgba(0, 0, 0, 0);
    height: 79px;
    margin-bottom: -80px;
    margin-left: -26px;
    margin-top: -130px;
    width: 900px;
    padding: 0px !important;
    /* border: none !important; */
}
/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 49px;
    width: 900px;
    margin-left: 28px;
    position: absolute;
    padding-bottom: 20px;
    padding-top: 10px;
    font-family: 'JETBRAINS MONO';
    font-size: 10px;
    text-transform: uppercase;
    color: #d0cec9 !important;
    text-align: center;
}

#pun-about a {    color: #c9dedc !important;}
/*************************************************************

ÏÐÎÔÈËÜ

**************************************************************/

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author {
    width: 230px;
    background: #5b7a7d;
    margin-left: -12px!important;
    padding-bottom: 5px!important;
    border-right: solid;
    border-top: solid;
    border-left: solid;
    border-bottom: solid;
    border-color: #3f4d50;
}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul {
    background-color: #3f4d50;
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: -3px;
    width: 204px;
    padding-top: 10px !important;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {
    text-transform: none;
    background: #dfe5e6;
    color: #3f4c52 !important;
    font-family: 'JetBrains Mono';
    font-weight: 300;
    font-size: 16px;
    height: auto;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}



/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a {
    font-weight: 300 !important;
    color: #3f4d50 !important;
}
/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
    letter-spacing:0.5px!important;
}


/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
    font-size: 10px!important;
    text-transform: math-auto;
    padding: 4px 14px 4px 14px!important;
    text-align: center;
    color: #d5dddf;
    height: auto;
    margin-top: 6px !important;
    margin-bottom: -15px !important;
}

/* ÀÂÀÒÀÐ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-avatar {
    margin-top: 22px !important;
    margin-bottom: 0px !important;
    margin-left: -1px !important;
    text-align: center;
}
/* ÇÀÄÀÅÌ ÒÅÍÜ È ÐÀÌÊÓ ÀÂÀÒÀÐÓ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border: 2px solid #5b7a7d!important;
}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld2 {
    margin: 1px 7px 1px 6px !important;
}

.pa-fld2 a {
    color: #9f9ea2 !important;
}

#profilenav h2 {
    text-align: left !important;
}

.pa-fld5 {
    background-color: #181318a3;
    border-style: solid;
    border-width: 1px;
    border-color: #5b4955;
    color: #b6b6b6;
    margin: 1px 7px 1px 6px !important;
}

.pa-fld5 a {}

#profilenav h2 {
    text-align: left !important;
}

/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
.pa-posts, .pa-respect {
    padding: 0px 2px 2px 2px !important;
    width: 84px;
    color: #d5dddf;
    font-family: 'JetBrains Mono';
    text-transform: lowercase;
    font-size: 9px;
    display: inline-table;
    height: 30px;
    /* background: #d5dddf; */
}

li.pa-posts > span, li.pa-respect > span.fld-name {
    width: 84px;
    display: block;
}

/* ÑËÎÂÎ ÐÅÏÓÒÀÖÈß - ÝÒÎ ÑÑÛËÊÀ. ÅÅ ÍÓÆÍÎ ÏÅÐÅÊÐÀÑÈÒÜ ÎÒÄÅËÜÍÎ!
-------------------------------------------------------------*/
 .pa-respect a {   
 color: #d5dddf !important;
  font-size: 9px;}

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.pa-posts {
    margin-left: -4px!important;
    margin-bottom: 1px !important;
}

/* ÎÒÎÁÐÀÆÅÍÈÅ ÏÐÎÔÈËß ÏÐÈ ÎÒÂÅÒÈÒÜ
-------------------------------------------------------------*/
#pun-post .pa-author {
    width: 216px !important;
    padding: 0;
    margin-top: 12px;
    text-align: center;
    margin-left: 12px;
}

/* ÑÑÛËÊÈ ÏÐÎÔÈËÜ, ËÑ, EMAIL ÏÎÄ ÏÐÎÔÈËÅÌ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
Âîçìîæíî, ïðèäåòñÿ äâèãàòü ñ ïîìîùüþ ïîñëåäíåãî ïàðàìåòðà*/

.punbb .post-links ul {
    padding: 0 1em 0 0;
    height: 2em;
    line-height: 2em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    margin-left: -14em;
}

/* ÂÐÅÌß È ÍÎÌÅÐ ÏÎÑÒÀ
-------------------------------------------------------------*/
.post h3 {
    height: 50px;
    margin: 5px 0px 5px -46px;
    border: none;
    text-transform: lowercase;
}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 620px;
    position: absolute;
    width: 200px;
    text-align: right!important;
}

/* ÈÊÎÍÊÀ ÑÒÐÀÍÛ ÍÅ ÎÒÎÁÐÀÆÀÅÒÑß
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: rgb(213 221 223) !important;
    width: 190px;
    font-size: 10px;
}

.pa-ip a {
    color: rgb(213 221 223) !important;
}

/* ÎÍËÀÉÍ - ÀÊÒÈÂÅÍ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    font-size: 9px;
    color: #d5dddf;
}
.pa-offline {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    font-size: 9px;
    color: #d5dddf;
}
/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
li#navawards, .lastedit {
    display: none !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÄÀÐÊÈ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}


/*************************************************************

ÖÂÅÒ ÒÅÊÑÒÀ È ÊÎÍÒÅÍÒ ÏÎÑÒÀ

**************************************************************/

/* ÖÂÅÒ ÒÅÊÑÒÀ ÁÎËÜØÈÍÑÒÂÀ ÝËÅÌÅÍÒÎÂ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #03191c;
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.punbb .post-box {
    color: #0c1010;
}

/* ÖÂÅÒ ÄÅÆÓÐÍÎÃÎ ÒÅÊÑÒÀ (òåìó ïðîñìàòðèâàþò, ñòðàíèöû è ò.ä.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
    text-transform: lowercase;    color: #0c1010;}

/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ (ÐÅÄÊÎ ÏÐÈÕÎÄÈÒÑß ÒÐÎÃÀÒÜ)
-------------------------------------------------------------*/
.post-content {
    margin: -15px 0px 0px 10px !important;
}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    position: absolute;
    width: 200px;
    text-align: right!important;
}


/*************************************************************

ÖÂÅÒ ÑÑÛËÎÊ

**************************************************************/

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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 {
    border: none;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    box-shadow: none;
    color: #1e2424;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.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: none !important;
    text-decoration: none;
    border: none !important;
    color: #142929;
}


/*************************************************************

ÏÎÄÔÎÐÓÌ

**************************************************************/

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: auto;
    font-size: 10px;
    text-align: center;
    margin-left: 8px;
    background: #51757f1c;
    margin-top: 0px;
    background-image: url();
    padding: 12px 10px 10px 10px;
    border: 2px dotted #3046493d;
}

/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-family: 'JetBrains Mono';
    font-size: 18px;
    color: #1b2628;
    font-weight: 400!important;
}


/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {
    text-align: left;
    text-transform: uppercase;
    line-height: 18px;
    font-family: 'JetBrains Mono';    font-weight: 400;
}

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
.podfor_link {text-align: justify;}
.podfor_link a {color: #00ffff !important;}

/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'JetBrains Mono';
    font-weight: 400;
}

/* ÊÎËÈ×ÅÑÒÂÎ ÌÅÑÒÀ, ÊÎÒÎÐÎÅ ÇÀÍÈÌÀÅÒ ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 40%!important;
    text-align: right;
}


/* ÊÎËÈ×ÅÑÒÂÎ ÒÅÌ È ÑÎÎÁÙÅÍÈÉ Â ÏÎÄÔÎÐÓÌÅ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: 'JetBrains Mono';
    font-weight: 400;
    font-size: 13px;
    display: none;
}

/*************************************************************

ÊÀÒÅÃÎÐÈÈ È ÑÒÀÒÈÑÒÈÊÀ

**************************************************************/

/* ÊÀÒÅÃÎÐÈÈ

ÂÀÆÍÎ! Åñëè êàòåãîðèé áîëüøå 5, êîïèðóåòå îäðó èç êàòåãîðèé è çàìåíÿåòå ïîñëåäíþþ öèôðó
íàïðèìåð: ÷òîáû ïîëó÷èòü øåñòóþ êàòåãîðèþ, ñäåëàéòå èç pun-category5 - pun-category6

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


/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
    text-align: center;
}
/* ÏÅÐÂÀß
-------------------------------------------------------------*/
#pun-category1 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}
/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category2 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}
/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category3 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}
/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category6 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}

/* ÑÅÄÜÌÀß
-------------------------------------------------------------*/
#pun-category7 h2 {
    width: 900px;
    height: 30px;
    display: inherit;
    margin-left: -25px !important;
}

/*************************************************************

ÔÎÐÓÌÍÀß È ÏÎËÜÇÎÂÀÒÅËÜÑÊÀß ÍÀÂÈÃÀÖÈß

**************************************************************/

/* ÊÎÍÒÅÉÍÅÐ Ñ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÅÉ
-------------------------------------------------------------*/
#pun-navlinks .container {
    border-color: transparent;
    color: #152115;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-navlinks a {
    font-size: 0px !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0.1s;
    display: inline-block;
    padding: 0 !important;
}

/* ÊÎÍÒÅÉÍÅÐ ÍÀÂÈÃÀÖÈÎÍÍÛÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
/* ÊÎÍÒÅÉÍÅÐ ÍÀÂÈÃÀÖÈÎÍÍÛÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-navlinks .container {
    /* background-color: #151918b3; */
    height: 27px;
    margin-top: -64px!important;
    font-weight: normal;
    text-align: center;
    width: 900px!important;
    margin-left: -26px!important;
    padding-bottom: 0;
}

/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
    margin-left: -21px;
    font-family: 'Montserrat';
    text-transform: lowercase;
    width: 886px;
    text-align: center;
    font-style: normal;
    top: 8px !important;
    font-size: 8px;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 10px !important;
    font-weight: 100;
    transition: all 0.5s linear 0s;
    letter-spacing: 0px;
    padding: 0 7px 0px 7px !important;
}
/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
#pun-ulinks a:hover {}


/*************************************************************

ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ

**************************************************************/

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ È ÑÍÈÇÓ ÂÍÅØÍÈÉ ÂÈÄ
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'JetBrains Mono';
    width: 950px;
    margin-bottom: 40px !important;
}
/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#pun-crumbs1 {
    margin-top: -340px !important;
    margin-bottom: 0px !important;
}
/* ÑÑÛËÊÈ Â ÂÀØÅÌ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÈ ÍÀ ÔÎÐÓÌÅ - ÄÅËÀÅÌ ÆÈÐÍÛÌÈ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-weight: normal}



/*************************************************************

ÏÎËß ÂÂÎÄÀ, ÖÈÒÀÒÛ-ÊÎÄÛ, ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ 

**************************************************************/

/* ÑÒÐÀÍÈÖÀ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
#pun-redirect{
padding: 14px;
margin-top: -140px!important;
margin-left: 250px!important;
}

/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
Çà÷àñòóþ, ñòðàíèöà ïåðåàäðåñàöèè íå òðåáóåò ñåðüåçíûõ èçìåíåíèé. 
 áîëüøèíñòâå ñëó÷àåâ äîñòàòî÷íî èçìåíèòü öâåòà è çàêðóãëåíèå êðàåâ (ò.å. 5 ïîñëåäíèõ ïîçèöèé)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{
    width:500px;
    height: 52px;
    margin: 10% auto;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 40px;
    display:inline-block;
    text-transform: uppercase;
    background-color: #f2f6e6;
    color: #3e422f;
    border: 1px solid #d3d7c7;
    box-shadow: inset 0px 0px 2px #ffffff, inset 0px 0px 1px #ffffff, inset 0px 0px 30px rgb(199 203 187);
}


/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    background-clip: padding-box;
    background: rgb(213 221 223);
    padding: 18px 20px !important;
    width: 97% !important;
    background-color: #e2e6e7;
    border: 1px solid #57696c;
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(36 59 63);
    padding: 2px 2px 2px 2px !important;
    background-color: #efefef;
    color: #162a2a;
}
/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ÂÍÅØÍÈÉ ÂÈÄ ÖÈÒÀÒÛ, ÊÎÄÀ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    background: rgb(255, 255, 255);
    padding: 20px 20px !important;
    background-color: #dfe5e6;
    color: #001919;
    border: 2px dotted #304649;
    /* box-shadow: inset 0px 0px 2px #ffffff, inset 0px 0px 1px #ffffff, inset 0px 0px 30px rgb(190 194 198); */
}

/* B1.9 ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
Îòâå÷àåò çà íàñòðîéêè òîãî ñàìîãî "Ìàøà íàïèñàë(-à), âûäåëèòü êîä è òä.
Ðàáîòàåì òîëüêî ñ 4 ïîñëåäíèìè ïàðàìåòðàìè 
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: block;
    padding-bottom: 0em;
    margin: 0;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    text-transform: math-auto;
    font-family: 'JetBrains Mono';
    font-weight: 600;
    color: #304649;
}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#pun-main .code-box .scrollbox pre {
font-size: 12px;}


/* ÐÅÉÒÈÍà ÏÎÑÒÀ  ÒÎÏÈÊÅ (ÊÎÃÄÀ ÏÈØÅØÜ ÊÎÌÌÅÍÒ Ê ÏËÞÑÓ - ×ÒÎÁÛ ÔÎÍ ÁÛË ÍÅ ÏÐÎÇÐÀ×ÍÛÉ)
-------------------------------------------------------------*/
.post_reputation {
    padding: 15px;   background: rgb(245, 239, 231);}


/* Â ÔÎÐÌÅ ÎÒÂÅÒÀ ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ ØÐÈÔÒÎÂ, ÐÀÇÌÅÐÀ ÒÅÊÑÒÀ È ÒÄ
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: #d5dddf;
    color: #0a1f1f;
    border: 1px solid #0a1f1f;
    box-shadow: inset 0px 0px 2px #ffffff, inset 0px 0px 1px #ffffff, inset 0px 0px 30px rgb(199 203 187);
}

/* ÇÀÄÀÅÌ ØÈÐÈÍÓ È ÂÛÑÎÒÓ ÔÎÐÌÅ ÎÒÂÅÒÀ, À ÒÀÊÆÅ ÑÎÇÄÀÅÌ ÄËß ÍÅÅ ÏÐÎÊÐÓÒÊÓ
×ÒÎÁÛ ÎÍÀ ÍÅ ÐÀÑÒßÃÈÂÀËÀÑÜ ÍÀ ÏÎËÎÂÈÍÓ ÝÊÐÀÍÀ
-------------------------------------------------------------*/
#font-area {height: 300px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}


/*************************************************************

ÈÊÎÍÊÈ ÑÒÀÐÛÕ ÍÎÂÛÕ

**************************************************************/

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    background-color: #2d656e;
    background-repeat: no-repeat;
    border-style: none;
    height: 10px;
    font-weight: 10px;
    display: block;
    height: 13px;
    margin-left: -15px;
    margin-top: 14px;
    position: absolute;
    width: 30px;
    z-index: 1;
    opacity: 0.3;
}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-color: #547578;
    opacity: 1;
}

/* ÈÊÎÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 2px 8px;
    background: #7e898b;
    border-radius: 100px;
    height: 10px;
    width: 10px;
}


/* ÈÊÎÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 2px 8px;
    background: #d85c16;
    border-radius: 100px;
    height: 10px;
    width: 10px;
}
/* ÈÊÎÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 2px 8px;
    background: #8e4922;
    border-radius: 100px;
    height: 10px;
    width: 10px;
}
/* ÈÊÎÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: 2px 8px;
    background: #253633;
    border-radius: 100px;
    height: 10px;
    width: 10px;
}
/*************************************************************

ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ, ÏÎÑÌÎÒÐÅÒÜ, ÑÎÕÐÀÍÈÒÜ È ÒÄ

**************************************************************/

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 11px!important;
    background-color: #57696c;
    /* background: linear-gradient(#134750, #0e6565)!important; */
    /* box-shadow: inset 0px 0px 2px #c6dfe7, inset 0px 0px 1px #97b5bc, inset 0px 0px 18px rgb(13 29 24) !important; */
    color: #e2e6e7;
    text-transform: lowercase;
    font-family: Bitter!important;
    padding: 3px 5px 3px 5px !important;
    cursor: pointer!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background-color: #3f4d50;
    cursor: pointer!important;

  }

/*************************************************************

ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÂÂÅÐÕ-ÂÍÈÇ, ÁÅÃÓÍÎÊ ÓÂÅËÈ×ÅÍÈß ÒÅÊÑÒÀ 

**************************************************************/


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {
    background: #3f4d50;
    color: #e6eaeb;
}

/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #3f4d50;
}
/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
background-color: #ccd6d6;
}

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
body {overflow-x: hidden}

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ 
-------------------------------------------------------------*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 32px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 57px;
    z-index: 9999;
}

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ ×ÓÒÜ ÑÍÈÆÀÅÒÑß ÏÐÎÇÐÀ×ÍÎÑÒÜ ÊÍÎÏÊÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÂÅÐÕ
-------------------------------------------------------------*/
.go-up {
    bottom: 43%;
    margin-left: 866px !important;
}

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÍÈÇ
-------------------------------------------------------------*/
.go-down {
    bottom: 39%;
    margin-left: 867px !important;
}
/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

#smilies-area, #video-area {
    width: 450px;
    margin-top: 5px;
    margin-right: 10px;
    height: 350px;
    overflow: auto;
    background-color: #ccc;
    border-style: solid;
    border-color: #5b4955;
}

#spoiler-area {
    width: 450px;
    margin-top: 5px;
    margin-right: 10px;
    height: 45px;
    overflow: auto;
    background-color: #d5dddf;
    border-style: solid;
    border-color: #3f4c52;
}

#post-form h2 {    display: none;}

/*************************************************************

ÒÎÏÈÊÈ È ÂÑßÊÎÅ ÌÅËÊÎÅ Â ØÀÏÊÅ

**************************************************************/


/* ÈÍÔÎ Î ÐÎËÅÂÎÉ
-------------------------------------------------------------*/

#html-header tableinfo {
    position: absolute;
    width: 460px;
    text-align: center;
    margin: 124px 0px 0px 194px;
    font-family: 'JetBrains Mono';
    text-transform: uppercase;
    color: #d5dddf;
    font-size: 12px;
}

/* ËÓ×ØÈÉ ÏÎÑÒ
-------------------------------------------------------------*/
#html-header newstext {
    position: absolute;
    margin: 142px 10px 0px 190px!important;
    background: #d5dddf03;
    text-align: justify;
    width: 460px;
    overflow: auto;
    height: 62px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #3a4e50;
    font-size: 10px;
    text-transform: math-auto;
    line-height: 12px;
}

#html-header newstext:hover {
    background: #ffffff94;
    transition: all 0.3s ease-in-out 0.1s;

}

#html-header navlinktable1 a {
    position: absolute;
    margin: 116px 10px 10px -12px;
    width: 180px;
    text-align: center;
    background: #7b9ba0;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #d5dddf;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}

#html-header navlinktable2 a {
    position: absolute;
    margin: 144px 10px 10px -12px;
    width: 180px;
    text-align: center;
    background: #d5dddf;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #7b9ba0;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}
#html-header navlinktable3 a {
    position: absolute;
    margin: 171px 10px 10px -12px;
    width: 180px;
    text-align: center;
    background: #7b9ba0;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #d5dddf;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}
#html-header navlinktable4 a {
    position: absolute;
    margin: 197px 10px 10px -12px;
    width: 180px;
    text-align: center;
    background: #d5dddf;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #7b9ba0;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}

#html-header navlinktable1 a:hover {
    background: #d5dddf;
    color: #7b9ba0;
    transition: all 0.3s ease-in-out 0.1s;
}
#html-header navlinktable2 a:hover {
    background: #7b9ba0;
    color: #d5dddf;
    transition: all 0.3s ease-in-out 0.1s;
}
#html-header navlinktable3 a:hover {
    background: #d5dddf;
    color: #7b9ba0;
    transition: all 0.3s ease-in-out 0.1s;
}
#html-header navlinktable4 a:hover {
    background: #7b9ba0;
    color: #d5dddf;
    transition: all 0.3s ease-in-out 0.1s;
}

#html-header forusers1 a {
    position: absolute;
    margin: 116px 10px 10px 668px;
    width: 180px;
    text-align: center;
    background: #7b9ba0;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #d5dddf;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}

#html-header forusers1 a:hover {
    background: #d5dddf;
    color: #7b9ba0;
    transition: all 0.3s ease-in-out 0.1s;
}

#html-header forusers2 a {
    position: absolute;
    margin: 144px 10px 10px 668px;
    width: 180px;
    text-align: center;
    background: #d5dddf;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #7b9ba0;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}

#html-header forusers2 a:hover {
    background: #7b9ba0;
    color: #d5dddf;
    transition: all 0.3s ease-in-out 0.1s;
}
#html-header forusers3 a {
    position: absolute;
    margin: 171px 10px 10px 668px;
    width: 180px;
    text-align: center;
    background: #7b9ba0;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #d5dddf;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}

#html-header forusers3 a:hover {
    background: #d5dddf;
    color: #7b9ba0;
    transition: all 0.3s ease-in-out 0.1s;
}
#html-header forusers4 a {
    position: absolute;
    margin: 197px 10px 10px 668px;
    width: 180px;
    text-align: center;
    background: #d5dddf;
    padding: 0px 5px 5px 8px;
    font-family: 'JetBrains Mono';
    color: #7b9ba0;
    font-size: 13px;
    text-transform: uppercase !important;
    height: 12px;
}

#html-header forusers4 a:hover {
    background: #7b9ba0;
    color: #d5dddf;
    transition: all 0.3s ease-in-out 0.1s;
}


/*************************************************************

ÁÀÍÍÅÐÛ

**************************************************************/
.banners {
    width: 826px;
    height: 9px;
    margin: -60px 6px !important;
    overflow: auto;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 25px;
    text-align-last: center;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}
.banners img {opacity: 0.3; filter: grayscale(0.5);}
.banners img:hover {opacity: 1; filter: grayscale(0);}

.plashka {
    margin: -9px 0px 0px 0px !important;
}

.character {
    margin: 3px 7px 3px 10px !important;
    background-color: #dfe5e6;
    width: 180px;
}

.character a {
    margin: 3px 0px 3px 0px !important;
    color: #364346 !important;
    font-family: 'JetBrains Mono';
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: none;
}

.about {
    margin: 0px 10px 3px 10px !important;
    width: 172px !important;
    background-color: #dfe5e6;
    text-align: justify !important;
    padding: 4px 4px 4px 4px !important;
    font-size: 10px;
    font-family: 'Montserrat';
    color: #141b1c;
}
.about a {
        font-weight: bold;
}
.link2 {
    color: #d6dcdd !important;
    background-color: #7b9ba0;
    font-size: 8px;
    margin-left: 0px !important;
    text-align: justify;
    text-align: center;
    padding-right: 3px;
    width: 100%;
}


.link2 a {
    color: #fbfeff !important;
    font-size: 9px;
    padding-left: 2px;
    text-align: center;
    font-family: 'Montserrat' !important;
    width: 100%;
}
.for_op {
    text-align: justify;
    padding-top: 5px;
    padding-bottom: 5px;
}
#pun-status .item4 a {
    position: absolute;
    font-family: 'JetBrains Mono';
    text-transform: lowercase;
    margin: 2px 6px 15px -436px;
    color: #d6dcdd!important;
    /* font-weight: bold; */
}