/*************************************************************

ÏÀÍ ÒÅËÎ

**************************************************************/
/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
çäåñü "margin: 190px" îçíà÷àåò îòñòóï íà 190 ïèêñåëåé îò ñàìîãî âåðõà ôîðóìà
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    width: 964px;
    margin: 250px auto -10px auto;
    background-color: #d0cec9;
    background-position: center;
    padding-top: 153px;
    padding-bottom: -30px;
    margin-top: 343px;
}
/* A5.2 ÐÀÇÌÅÙÅÍÈÅ ÊÎÍÒÅÍÒÀ ÂÍÓÒÐÈ ÒÅËÀ
-------------------------------------------------------------*/
.punbb {
    height: auto;
    margin-left: 49px;
    width: 908px; 
  }


/*************************************************************

ØÀÏÊÀ, ÔÎÍ, ÔÓÒÅÐ È ÍÀÑÒÐÎÉÊÈ ÔÓÒÅÐÀ

**************************************************************/

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body {
background: url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) no-repeat fixed top center;
background-color: #060606; 
overflow-x: hidden; }


/* ØÀÏÊÀ
-------------------------------------------------------------*/
#pun-title table {
    width: 999px;
    background: rgba(0, 0, 0, 0) url(http://forumstatic.ru/files/001a/fc/bf/54342.png);
    border: none;
    height: 317px;
    margin-left: -50px;
    width: 965px;
    margin-top: -443px;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
    height: 251px;
    margin-bottom: -100px;
    margin-left: -75px;
    margin-top: -245px;
    width: 1000px;
    padding: 0px !important;
    border: none !important;
}
/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 292px;
    width: 1000px;
    margin-left: 28px;
    position: absolute;
    padding-bottom: 50px;
    font-family: montserrat;
    font-size: 11px;
    text-transform: uppercase;
    color: #d0cec9 !important;
    /* background-color: black; */
    text-align: center;
}

#pun-about a {    color: #c9dedc !important;}
/*************************************************************

ÏÐÎÔÈËÜ

**************************************************************/

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author {
width: 230px;
background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
margin-left: -51px !important;
padding-bottom: 5px !important;
border-right: solid;
  border-right-color: currentcolor;
border-top: solid;
  border-top-color: currentcolor;
border-bottom: solid;
  border-bottom-color: currentcolor;
border-color: #30aab0;
}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul {
    /* background-color: #232222b3; */
    margin-left: 8px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    width: 193px;
    /* padding: 0px !important; */
    /* padding-top: 0px !important; */
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {
text-transform: uppercase;
letter-spacing: 1px;
color: #30aab0 !important;
font-family: 'Yeseva One';
font-weight: 300;
font-size: 16px;
background: #131815;
height: auto;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a {
    font-weight: 300 !important;
    color: #30aab0 !important;
}
/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
    /*letter-spacing:0.5px!important */
}


/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
    font-size: 10px!important;
    text-transform: math-auto;
    background: #131815;
    padding: 4px 14px 4px 14px!important;
    text-align: center;
    color: #d0cec9;
    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: 1px solid #30aab0 !important;
}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld3 {
    width: 191px;
    margin-left: 4px !important;
    margin-top: -2px !important;
    color: #c5c5c5;
}

.pa-fld3 a {}

#profilenav h2 {
    text-align: left !important;
}

/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
.pa-posts, .pa-respect {
    padding: 0px 4px 2px 2px !important;
    width: 172px;
    background-color: #131815a3;
    text-transform: lowercase;
    color: #d0cec9;
    font-size: 9px;
    display: inline-block;
border: 1px solid #30aab0;
}
.pa-posts .fld-name:after {content: <br />;}
.pa-posts span, .pa-respect span {
    display: inline-block;
}

/* ÑËÎÂÎ ÐÅÏÓÒÀÖÈß - ÝÒÎ ÑÑÛËÊÀ. ÅÅ ÍÓÆÍÎ ÏÅÐÅÊÐÀÑÈÒÜ ÎÒÄÅËÜÍÎ!
-------------------------------------------------------------*/
 .pa-respect a {   
 color: #d0cec9 !important;
  font-size: 9px;}

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.pa-posts {margin-left: 0px!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: 660px;
    position: absolute;
    width: 200px;
    text-align: right!important;
}


/* ÈÊÎÍÊÀ ÑÒÐÀÍÛ ÍÅ ÎÒÎÁÐÀÆÀÅÒÑß
-------------------------------------------------------------*/
.pa-author img {
    display: none;
}


/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    color: rgb(208 206 201) !important;
    width: 190px;
    font-size: 7px;
}
.pa-ip a {
    clear: both;
    color: rgb(208 206 201) !important;
    width: 190px;
    font-size: 7px;
}

/* ÎÍËÀÉÍ - ÀÊÒÈÂÅÍ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-online {
    height: 10px;
    margin-top: 5px !important;
    display: block;
    margin-bottom: 10px!important;
    text-transform: lowercase;
    font-size: 9px;
    color: #d0cec9;
}
/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
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 {
    margin-left: 680px;
    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;
font-weight: bold;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.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: 400px;
    font-size: 12px;
    min-height: 106px;
    margin-left: 35px;
    text-align: justify;
    margin-top: 30px;
    margin-left: 9px;
}

/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-family: 'Yeseva One';
    font-size: 15px;
    color: #1a1c19;
    font-weight: 400!important;
    /* display: block; */
    /* margin-left: 3px; */
    /* margin-bottom: 2px; */
    text-align: left;
}

/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {
    text-align: left;
    text-transform: uppercase;
    line-height: 18px;
    font-family: 'Yeseva One';    font-weight: 700;
}

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
.podfor_link {text-align: justify;}
.podfor_link a {color: #00ffff !important;}

/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 12px;
    text-transform: lowercase;
    font-family: playfair display!important;
    font-weight: 600;
}

/* ÊÎËÈ×ÅÑÒÂÎ ÌÅÑÒÀ, ÊÎÒÎÐÎÅ ÇÀÍÈÌÀÅÒ ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 30%!important;
    text-align: right;
}


/* ÊÎËÈ×ÅÑÒÂÎ ÒÅÌ È ÑÎÎÁÙÅÍÈÉ Â ÏÎÄÔÎÐÓÌÅ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: yeseva one;
    font-weight: 400;
    font-size: 13px;
}

/*************************************************************

ÊÀÒÅÃÎÐÈÈ È ÑÒÀÒÈÑÒÈÊÀ

**************************************************************/

/* ÊÀÒÅÃÎÐÈÈ

ÂÀÆÍÎ! Åñëè êàòåãîðèé áîëüøå 5, êîïèðóåòå îäðó èç êàòåãîðèé è çàìåíÿåòå ïîñëåäíþþ öèôðó
íàïðèìåð: ÷òîáû ïîëó÷èòü øåñòóþ êàòåãîðèþ, ñäåëàéòå èç pun-category5 - pun-category6

-------------------------------------------------------------*/


/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {
    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1020px;
    height: 30px;
    display: inherit;
    border: none !important;
    margin-left: -60px !important;
    margin-bottom: 37px !important;
}
/* ÏÅÐÂÀß
-------------------------------------------------------------*/
#pun-category1 h2 {
    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !important;
}
/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category2 h2 {    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !important;
}
/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category3 h2 {    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !important;
}
/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 {    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !important;
}

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 {    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !important;
}

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category6 h2 {    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !important;
}

/* ÑÅÄÜÌÀß
-------------------------------------------------------------*/
#pun-category7 h2 {    background: #151918 url(https://forumstatic.ru/files/001a/fc/bf/12054.jpg) repeat-y fixed top center;
    width: 1040px;
    /* border-width: 2px !important; */
    /* border-color: #d85c16; */
    /* border-style: solid !important; */
    height: 38px;
    display: inherit;
    /* margin-top: 300px; */
    /* border: none !important; */
    padding: 0px !important;
    margin-left: -60px !important;
    margin-bottom: -10px !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: #15191845;
    height: 35px;
    border: none;
    margin: -20px;
    margin-top: -304px!important;
    font-weight: normal;
    text-align: center;
    line-height: 26px;
    width: 900px!important;
    margin-left: -5px!important;
    padding-bottom: 2px;
}

/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
    margin-left: 75px;
    font-family: 'Montserrat';
    text-transform: lowercase;
    width: 1040px !important;
    text-align: justify !important;
    font-style: normal;
    top: 15px !important;
    height: 16px !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#pun-ulinks .item5 {
    display: none;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ
-------------------------------------------------------------*/
#pun-ulinks a {
    font-size: 11px !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: bitter;
    width: 950px;
    margin-bottom: 40px !important;
    font-weight: 200;
}
/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#pun-crumbs1 {
    margin-top: 19px !important;
    margin-bottom: 0px !important;
}

/* ÑÑÛËÊÈ Â ÂÀØÅÌ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÈ ÍÀ ÔÎÐÓÌÅ - ÄÅËÀÅÌ ÆÈÐÍÛÌÈ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-weight: bold}



/*************************************************************

ÏÎËß ÂÂÎÄÀ, ÖÈÒÀÒÛ-ÊÎÄÛ, ÂÑÏËÛÂÀÞÙÈÅ ÎÊÍÀ 

**************************************************************/

/* ÑÒÐÀÍÈÖÀ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
#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(242 246 230);
  background-color: rgb(242, 246, 230);
padding: 18px 20px !important;
width: 97% !important;
background-color: #e3e2de;
border: 1px solid #30aab0;
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.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: #e0dfdb;
    color: #001919;
    /* border: 2px solid #243c3fa3; */
    /* 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: Yeseva One;
    font-weight: 400;
    color: #3f4340;
}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#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: #c8c8c8;
    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: #222820;
    background-repeat: no-repeat;
    border-style: none;
    border-radius: 50%;
    height: 10px;
    font-weight: 10px;
    display: block;
    height: 17px;
    margin-left: -40px;
    position: absolute;
    width: 19px;
    z-index: 1;
    opacity: 0.3;
}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-color: #65cac1;
    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: #161a19;
    /* 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: #dfdfdf;
    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: #30aab0;
    cursor: pointer!important;

  }

/*************************************************************

ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÂÂÅÐÕ-ÂÍÈÇ, ÁÅÃÓÍÎÊ ÓÂÅËÈ×ÅÍÈß ÒÅÊÑÒÀ 

**************************************************************/


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {    background: #30aab0;
    color: #f2f6e6;
}

/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #30aab0;
}
/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
background-color: #212121;
}

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
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: 977px !important;
}

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÍÈÇ
-------------------------------------------------------------*/
.go-down {
    bottom: 39%;
    margin-left: 977px !important;
}
/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 1;
}

#smilies-area, #video-area, #spoiler-area {
    width: 450px;
    margin-top: -20px;
    margin-right: 10px;
    height: 350px;
    overflow: auto;
    background-color: #ccc;
}

#post-form h2 {    display: none;}

/*************************************************************

ÒÎÏÈÊÈ È ÂÑßÊÎÅ ÌÅËÊÎÅ Â ØÀÏÊÅ

**************************************************************/

/* ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ
-------------------------------------------------------------*/
#html-header forumname {
position: absolute;
margin: 117px -45px !important;
margin-left: 10px;
text-align: center;
font-family: 'Yeseva One';
width: 965px;
overflow: auto;
height: 65px;
padding-right: 5px;
color: #d1d1d1;
font-size: 54px;
text-transform: math-auto;
line-height: 57px;
text-shadow: rgb(1 2 3) 0px 0px 0px, rgb(3 10 9) 0px 0px 4px;
}

/* ÑÑÛËÊÈ
-------------------------------------------------------------*/
#html-header headlink1 a {
    position: absolute;
    font-size: 14px;
    color: #d0cec9;
    margin-top: 203px;
    margin-left: -26px;
    font-family: 'Yeseva One';
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #1c1e1b;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink1 a:hover {  
    color: #131815!important;
    background-color: #d85c16;
}

#html-header headlink2 a {
    position: absolute;
    font-size: 14px;
    color: #131815;
    margin-top: 225px;
    margin-left: 146px;
    font-family: 'Yeseva One';
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #d85c16;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink2 a:hover {  
    color: #d0cec9!important;
    background-color: #1c1e1b;
}

#html-header headlink3 a {
    position: absolute;
    font-size: 14px;
    color: #d0cec9;
    margin-top: 203px;
    margin-left: 750px;
    font-family: 'Yeseva One';
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #1c1e1b;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink3 a:hover {  
    color: #131815!important;
    background-color: #d85c16;
}

#html-header headlink4 a {
    position: absolute;
    font-size: 14px;
    color: #131815;
    margin-top: 225px;
    margin-left: 576px;
    font-family: 'Yeseva One';
    font-weight: 200;
    text-transform: lowercase;
    width: 140px;
    background-color: #d85c16;
    padding: 1px 18px 1px 10px;
    text-align: center;
}

#html-header headlink4 a:hover {  
    color: #d0cec9!important;
    background-color: #1c1e1b;
}

/* ÈÍÔÎ Î ÐÎËÅÂÎÉ
-------------------------------------------------------------*/

#html-header inforol {
position: absolute;
font-size: 12px;
color: #d0cec9;
margin-top: 53px;
margin-left: 188px;
font-family: 'Montserrat';
font-weight: 200;
text-transform: lowercase;
width: 495px;
line-height: 2;
background-color: #1c3e3c70;
padding: 1px 3px 1px 3px;
text-align: center;
height: 50px;
}

#html-header inforol:hover {  
color: #131815 !important;
background-color: #54a6a1;
}

/* ÏÐÀÂÛÉ ÄËÈÍÍÛÉ ×ÅË
-------------------------------------------------------------*/
#html-header long_right {
    position: absolute;
    margin: 153px 555px !important;
}
#html-header long_right img {
  transition: filter .5s all;
  -webkit-filter: grayscale(99%);  
    filter: brightness(0.5); 
}

#html-header long_right img:hover {
  -webkit-filter: grayscale(0%);  
  filter: grayscale(0%);  
}


/* ÏËÀÕÈ Â ÎÁÚßÂËÅÍÈÈ
-------------------------------------------------------------*/
.pnews {
    background: #1f4347;
    width: 150px !important;
    display: inline-block;
    font-family: bitter;
    margin: 0 2px !important;
    color: #f1f1f1 !important;
    font-size: 12px;
    transition-duration: 2s;
    padding: 3px 5px 3px 5px;
    text-align: center;
}


.pnews a, .vnews a {
    color: #e6e6e4 !important;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Bitter';
    text-transform: uppercase;
    line-height: 19px;
}


.vnews {
    background: #31251f;
    width: 150px !important;
    display: inline-block;
    font-family: bitter;
    margin: 0 2px !important;
    color: #f1f1f1 !important;
    font-size: 12px;
    transition-duration: 2s;
    padding: 3px 5px 3px 5px;
    text-align: center;
}


/*************************************************************

ÁÀÍÍÅÐÛ

**************************************************************/
.banners {
    position: absolute;
    width: 961px;
    height: 74px;
    background-color: #131815a3;
    margin: 17px -51px !important;
    overflow: auto;
    padding-right: 5px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    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);}

.character {
margin: 1px 7px 6px 7px !important;
background-color: #131815a3;
border-style: solid;
border-width: 1px;
border-color: #30aab0;
}
.character a {
    margin: 3px 0px 3px 0px !important;
    color: #d0cec9 !important;
    font-family: 'Yeseva One';
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    text-transform: none;
    border-color: #d8611e !important;
}
.about {
margin: -2px 10px 3px 6px !important;
width: 172px !important;
background-color: #131815a3;
border: #30aab0 !important;
  border-top-style: none;
  border-top-width: medium;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-left-style: none;
  border-left-width: medium;
border-style: solid !important;
border-width: 1px !important;
text-align: justify !important;
padding: 3px 3px 4px 3px !important;
font-size: 10px;
font-family: 'Montserrat';
color: #d0cec9;
}
.about a {
        /* margin: 3px 0px 5px 24px !important; */
        /* font-family: 'Bitter'; */
        /* font-weight: 700; */
        /* font-size: 12px; */
}
.link2 {
    color: #bababa !important;
    font-size: 8px;
    margin-left: -28px !important;
    padding-left: 27px;
    text-align: justify;
    width: 400px;
}
.link2 a {
    color: #171b1a !important;
    font-size: 9px;
    padding-left: 2px;
    text-align: justify;
    font-family: 'Montserrat' !important;
    width: 393px;
}


.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #d0cec9;
	color: #372700;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}






/* àíêåòà îò âåùåãî äóõà */
.cheese_head_wrap {
  background: #eae9e2; /* îáùèé ôîí */
  width: 100%;
  height: auto;
  margin: auto
}

.cheese_head_first {
  background:
   
    url(https://i.ibb.co/WGCHxnb/image.jpg); /* âåðõíèé òåìíûé ôîí â äâà èçîáðàæåíèÿ */
  padding: 23px;
  display: flex;
  color: #eae9e2; /* öâåò øðèôòà */
  font-family: Merriweather; /* íàçâàíèå øðèôòà â âåðõíåì áëîêå */
}

.cheese_head_img {
  border: 2px solid #eae9e2; /* öâåò îáâîäêè êàðòèíêè */
  padding: 4px; /* îòñòóï îáâîäêè */
  line-height: 0;
  margin-right: 23px;
  overflow: hidden
}

.cheese_head_img img {
  width: 180px; /* øèðèíà èçîáðàæåíèÿ */
}

.cheese_head_info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.cheese_head_info span {
  font-size: 20px; /* ðàçìåð øðèôòà èìåíè ïåðñîíàæà */
  text-transform: uppercase;
  letter-spacing: 1px
}

.cheese_head_info em {
  font-size: 10px; /* ðàçìåð øðèôòà â ñòðîêàõ ïîä èìåíåì */
  font-weight: 200;
}

.cheese_head_quenta {
  padding: 18px 23px;
  line-height: 150%;
  text-align: justify;
}

.cheese_head_last {
  padding: 23px;
  background: #1c1c1c url(https://i.ibb.co/Lhhh9BN/3.jpg) repeat top; /* íèæíèé òåìíûé ôîí îäíî èçîáðàæåíèå è öâåò */
}

#post_button {
  background: #212121; /* ôîí êíîïêè ïîñòà */
  border: 1px solid #303030; /* îáâîäêà êíîïêè ïîñòà */
  text-align: center;
  font: 500 11px merriweather; /* øðèôò êíîïêè */
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #eae9e2; /* öâåò øðèôòà */
  padding: 7px;
  transition: all .6s ease-in-out 0s
}

#post_button.openpost {
  background: #373535; /* öâåò êíîïêè ïî íàæàòèþ */
  color: #939393; /* öâåò øðèôòà */
  border-color: #303030 /* öâåò îáâîäêè */
}

#postblock {
  background: #efeff1; /* öâåò âûïàäàþùåãî áëîêà*/
  padding: 18px 23px;
  margin-top: 23px;
}
img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0
  }


*, ::after, ::before {
box-sizing:content-box; -moz-box-sizing:initial; -webkit-box-sizing:initial;
}
.ABC {
margin:auto; width:460px;
text-align:center; font-family:Arial; line-height:16px; 
}
.ABC a {
text-decoration:none !important;
}
.cdtABIC {
display:none;
}

.listABC {
margin:30px auto 0;
width:600px;
}

.ABCV{/*áëîê öåëèêîì*/
width:500px; /*øèðèíà*/
margin:auto; /*îòñòóïû àâòîìàòè÷åñêèå*/
line-height:16px; /*âûñîòà ëèíèé*/
}


#LTRSV {/*Áóêâû áëîê ïîëíîñòüþ*/
width:660px; /*øèðèíà*/
height:35px; /*âûñîòà*/
margin-bottom:25px; /*îòñòóï ñíèçó*/
text-align:center; /*òåêñò ïî öåíòðó*/
transition:all linear 0.45s; -webkit-transition:all linear 0.45s; /*àíèìàöèÿ*/
}

#LTRSV:hover {/*Íàâåäåíèå íà áóêâû*/
height:160px; /*âûñîòà ïîÿâëÿþùåãîñÿ êîíòåéíåðà*/
color:white; /*öâåò øðèôòà*/
}

#LTRSV span{/*÷¸ðíàÿ ïîëîñà*/
display:block; 
margin-top:-25px; /*îòñòóï ñâåðõó*/
height:5px; /*âûñîòà ëèíèè*/
background:black; /*öâåò ëèíèè*/
}

.LTRSV {/*êðóãëûå îáëàñòè íà ôîíå áóêâ*/
transition:all ease 0.35s; -webkit-transition:all ease 0.35s; /*àíèìàöèÿ*/
position:relative; /*ïîçèöèîíèðîâàíèå*/
z-index:3; 
display:inline-block; 
vertical-align:top; /*âåðòèêàëüíîå âûðàâíèâàíèå*/
margin:0 15px; /*îòñòóïû*/
height:33px; /*âûñîòà*/
width:35px; /*øèðèíà*/
padding:12px 5px 0px 5px; /*îòñòóïû*/
border-radius:35px; /*çàêðóãëåíèå êðà¸ì*/
text-align:center; /*ïî öåíòðó*/
color:white; /*öâåò øðèôòà*/
background:teal; /*ôîíîâûé öâåò*/
}

.LTRSV div {/*êîíòåéíåð ïðè íàâåäåíèè íà áóêâû - íàñòðîéêè*/
position:absolute; /*ïîçèöèîíèðîâàíèå*/
z-index:1; 
margin-left:-45px; /*îòñòóï ñëåâà*/
margin-top:25px; /*îòñòóï ñâåðõó*/
width:500px; /*øèðèíà*/
height:0; /*âûñîòà íîëü - òî åñòü åãî íå âèäíî*/
overflow:hidden; 
background:rgba(250,250,250,0.3); /*öâåò ôîíà*/ 
color:black; /*öâåò øðèôòà*/
text-align:left; /*òåêñò ñëåâà*/
font-size:11px; /*ðàçìåð øðèôòà*/
transition:all linear 0.45s; -webkit-transition:all linear 0.45s; /*àíèìàöèÿ*/
}

.LTRSV:hover div{/*êîíòåéíåð ïðè íàâåäåíèè íà áóêâû - ïîÿâëÿåòñÿ*/
width:500px; /*øèðèíà*/
height:135px;  /*âûñîòà*/
}

.LTRSV p {/*áëîê ñ òåêñòîì â ñåðîì êîíåéíåðå*/
width:490px; /*øèðèíà*/
height:125px; /*âûñîòà*/
padding:5px; /*îòñòóï ïî âñåì ÷åòûð¸ì êðàÿì*/
overflow:auto;
transform:translateY(-125px); -webkit-transform:translateY(-125px); /*àíèìàöèÿ*/
transition:all linear 0.45s; -webkit-transition:all linear 0.45s; /*àíèìàöèÿ*/
}

.LTRSV:hover p{/*áëîê ñ òåêñòîì â ñåðîì êîíåéíåðå ïðè íàâåäåíèè ìûøüþ íà áóêâû*/
transform:translateY(0px); -webkit-transform:translateY(0px); /*àíèìàöèÿ*/
}

.VII div{/*äâèãàåì âòîðîé êðóã ñ áóêâàìè*/
position:absolute; /*ïîçèöèîíèðîâàíèå*/
margin-left:-120px; /*îòñòóï ñëåâà*/
}

.VIII div{ /* äâèãàåì 3é êðóã ñ áóêâàìè */
position:absolute; /*ïîçèöèîíèðîâàíèå*/
margin-left:-195px; /*îòñòóï ñëåâà*/
}

.VIV div{ /* äâèãàåì 4é êðóã ñ áóêâàìè */
position:absolute; /*ïîçèöèîíèðîâàíèå*/
margin-left:-270px; /*îòñòóï ñëåâà*/
}

.VV div{ /* äâèãàåì 5é êðóã ñ áóêâàìè */
position:absolute; /*ïîçèöèîíèðîâàíèå*/
margin-left:-345px; /*îòñòóï ñëåâà*/
}

.VVI div{/* äâèãàåì 6é êðóã ñ áóêâàìè */
position:absolute; /*ïîçèöèîíèðîâàíèå*/
margin-left:-420px; /*îòñòóï ñëåâà*/
}
.STUV {/*Áëîê ñ áóêâàìè S T U*/
font-size:12px; /*ðàçìåð øðèôòà*/
height:32px; /*âûñîòà*/
width:35px; /*øèðèíà*/
padding:13px 5px 0px 5px; /*îòñòóïû*/
}
.STUV div{ /* äâèãàåì Áëîê ñ áóêâàìè S T U  */
position:absolute; /*ïîçèöèîíèðîâàíèå*/
margin-left:-270px;/*îòñòóï ñëåâà*/
}
.XYZV {/*Áëîê ñ áóêâàìè XYZ*/
font-size:12px; /*ðàçìåð øðèôòà*/
height:32px; /*âûñîòà*/
width:35px; /*øèðèíà*/
padding:13px 5px 0px 5px; /*îòñòóïû*/
}
.XYZV div{/* äâèãàåì Áëîê ñ áóêâàìè XYZ  */
position:absolute; /*ïîçèöèîíèðîâàíèå*/ 
margin-left:-420px; /*îòñòóï ñëåâà*/
}


 {
   box-sizing: border-box;
}
.dbl-border {
   position: relative;
   display: table;
   margin: 50px auto;
}
.dbl-border img {
   display: block;
}
.dbl-border:before, .dbl-border:after {/*äâîéíàÿ ñìåø¸ííàÿ ðàìêà*/
   content: "";
   position: absolute;
   z-index: 1;
   width: 100%;
   height: 100%;
   border: 2px solid #40D8EC; /*òîëùèíà, öâåò è ñòèëü ðàìêè*/
}
.dbl-border:before {
   top: -15px;
   left: -15px;
}
.dbl-border:after {
   right: -15px;
   bottom: -15px;
}
.image-wrapper {/*Ðàìêà âîêðóã èçîáðàæåíèÿ*/
   position: relative;
   z-index: 2;
   padding: 5px; /*òîëùèíà ðàìêè âîêðóã ôîòî*/
   background: white; /*öâåò ôîíà*/
   box-shadow: 1px 1px 20px 0 rgba(0, 0, 0, 0.1); /*Òåíü*/
}


/*ÁûñòðîÏëþñû äëÿ Òîïèêà!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
  background-size: 38px auto;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #336B5E;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}