/*************************************************************

ÏÀÍ ÒÅËÎ

**************************************************************/
/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
çäåñü "margin: 190px" îçíà÷àåò îòñòóï íà 190 ïèêñåëåé îò ñàìîãî âåðõà ôîðóìà
-------------------------------------------------------------*/
#pun {
    margin: auto;
    position: relative;
    background: repeat transparent url(http://forumstatic.ru/files/001b/14/2b/97632.jpg);
    width: 910px;
    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/14/2b/25767.jpg?v=1);
    overflow-x: hidden;
    background-color: #313e48;
    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/14/2b/47399.png);
    border: none;
    height: 375px;
    margin-left: -25px;
    width: 910px;
    margin-top: -490px;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
    background: url(http://forumstatic.ru/files/001b/14/2b/27265.png) center bottom no-repeat scroll rgba(0, 0, 0, 0);
    height: 146px;
    margin-bottom: -80px;
    margin-left: -26px;
    margin-top: -56px;
    width: 910px;
    padding: 0px !important;
}
/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    margin-top: 144px;
    width: 910px;
    FONT-VARIANT: JIS78;
    position: absolute;
    padding-bottom: 20px;
    padding-top: 30px;
    font-family: 'Cormorant Infant';
    font-size: 13px;
    /* text-transform: uppercase; */
    color: #d4c6b9 !important;
    text-align: center;
}
#pun-about a {    color: #d4c6b9 !important;}
/*************************************************************

ÏÐÎÔÈËÜ

**************************************************************/

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author {
    width: 242px;
    background: url(http://forumstatic.ru/files/001b/14/2b/25926.png) center top no-repeat, url(http://forumstatic.ru/files/001b/14/2b/13807.png) center bottom no-repeat, url(http://forumstatic.ru/files/001b/14/2b/53725.png) repeat-y;
    margin-left: 3px !important;
    padding-bottom: 10px !important;
}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul {
    /* background-color: #2a3236; */
    margin-left: 6px;
    margin-top: 32px;
    margin-right: 0px;
    margin-bottom: -3px;
    width: 204px;
    padding-top: 10px !important;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {
    text-transform: none;
    color: #c3a589 !important;
    font-family: 'Cormorant Infant';
    font-weight: bold;
    font-size: 20px;
    height: auto;
    /* padding-top: 4px !important; */
    margin-top: -9px !important;
    margin-left: 11px !important;
    width: 190px;
    /* padding-bottom: 20px !important; */
}


/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a {
    font-weight: bold;
    color: #c3a589 !important;
}
/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
}


/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
    font-size: 10px!important;
    text-transform: math-auto;
    padding: 23px 14px 3px 14px!important;
    text-align: center;
    color: #dedede;
    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 {
    border: double 3px #725d48 !important;
}
/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld2 {
    /* position: absolute; */
    margin: -23px 0px 1px 180px !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: #d4c6b9;
    font-family: 'Cormorant Infant';
    text-transform: lowercase;
    font-size: 14px;
    display: inline-table;
    height: 30px;
}

li.pa-posts > span, li.pa-respect > span.fld-name {
    width: 84px;
    display: block;
}

/* ÑËÎÂÎ ÐÅÏÓÒÀÖÈß - ÝÒÎ ÑÑÛËÊÀ. ÅÅ ÍÓÆÍÎ ÏÅÐÅÊÐÀÑÈÒÜ ÎÒÄÅËÜÍÎ!
-------------------------------------------------------------*/
.pa-respect a {
    color: #d4c6b9 !important;
    font-size: 14px;
}

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.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: #d4c6b9;
}
/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
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: none;    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;
    margin-left: 8px;
    margin-top: 0px;
    color: #32210f;
    padding: 12px 10px 10px 10px;
    /* border: double 4px #845f3e; */
}
/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a {
    font-family: 'CORMORANT INFANT';
    font-size: 20px;
    color: #372a18;
    font-weight: 600!important;
}


/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {
    text-align: center;
    font-family: 'CORMORANT INFANT';
    font-weight: 600;
}

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
.podfor_link {text-align: justify;}
.podfor_link a {color: #00ffff !important;}

/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a {
    font-size: 18px;
    text-transform: none;
    font-family: 'Cormorant Infant';
    font-weight: bold;
}

/* ÊÎËÈ×ÅÑÒÂÎ ÌÅÑÒÀ, ÊÎÒÎÐÎÅ ÇÀÍÈÌÀÅÒ ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ ÍÀ ÃËÀÂÍÎÉ
-------------------------------------------------------------*/
#pun-index .tcr {
    width: 40%!important;
    text-align: right;
}


/* ÊÎËÈ×ÅÑÒÂÎ ÒÅÌ È ÑÎÎÁÙÅÍÈÉ Â ÏÎÄÔÎÐÓÌÅ
-------------------------------------------------------------*/
#pun-index .tc2, #pun-index .tc3 {
    width: 10%;
    font-family: 'Yanone Kaffeesatz';
    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: -77px!important;
    font-weight: normal;
    text-align: center;
    width: 910px!important;
    margin-left: -26px!important;
    padding-bottom: 0;
}

/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
    margin-left: -34px;
    font-family: 'Montserrat';
    text-transform: lowercase;
    width: 908px;
    text-align: center;
    margin-top: 20px !important;
    font-style: normal;
    top: -12px !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: 13px;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Cormorant Infant';
    font-weight: 500 !important;
    width: 908px;
    margin-bottom: 0px !important;
    margin-top: -85px;
}
/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#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(254 254 252);
    padding: 18px 20px !important;
    width: 97% !important;
    background-color: #dadadb;
    border: 1px solid #5d4732;
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.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 {
    background-clip: padding-box;
    position: relative;
    border: solid 1px #7a6653;
    padding: 7px 12px !important;
    background-color: #f0fbff26;
    color: #001919;
}
.punbb #pun-main .code-box {
    height: 76px;
    overflow: auto;
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    background: #b9b0a7;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgb(129 112 95);
    position: relative;
    z-index: 120000;
    overflow: hidden;
}


/* 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: 'Yanone Kaffeesatz';
    font-weight: 600;
    color: #414235;
}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#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-image: url(http://forumstatic.ru/files/001b/14/2b/87298.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 40px;
    margin-left: 444px;
    margin-top: 6px;
    position: absolute;
    width: 55px;
    z-index: 1;
    opacity: 0.3;
}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    background-image: url(http://forumstatic.ru/files/001b/14/2b/87298.png);
    background-repeat: no-repeat;
    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: 13px!important;
    background-color: #2b3033;
    /* 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: #dedede;
    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: #62737e;
    cursor: pointer!important;

  }

/*************************************************************

ÏÐÎÊÐÓÒÊÀ, ÂÛÄÅËÅÍÈÅ, ÂÂÅÐÕ-ÂÍÈÇ, ÁÅÃÓÍÎÊ ÓÂÅËÈ×ÅÍÈß ÒÅÊÑÒÀ 

**************************************************************/


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {
    background: #34424b;
    color: #e6eaeb;
}

/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/

::-webkit-scrollbar-thumb {
    background-color: #38291a;
}
/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background-color: #d4c6b9;
    border: solid 1px #31231380;
}

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
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: 60%;
    margin-left: 900px !important;
}

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÍÈÇ
-------------------------------------------------------------*/
.go-down {
    bottom: 50%;
    margin-left: 900px !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: 44px 0px 0px 23px;
    font-family: 'Yanone Kaffeesatz';
    text-transform: uppercase;
    color: #d5dddf;
    font-size: 12px;
}

/* ËÓ×ØÈÉ ÏÎÑÒ
-------------------------------------------------------------*/
#html-header newstext {
    position: absolute;
    margin: 218px 10px 0px -5px!important;
    background: #ffecd800;
    text-align: justify;
    width: 266px;
    overflow: auto;
    height: 44px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #d4c6b9;
    font-size: 10px;
    text-transform: math-auto;
    line-height: 12px;
}

#html-header newstext:hover {
    background: #00000052;
    transition: all 0.3s ease-in-out 0.1s;

}
#html-header newstext2 {
    position: absolute;
    margin: 218px 10px 0px 584px!important;
    background: #ffecd800;
    text-align: justify;
    width: 266px;
    overflow: auto;
    height: 44px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #d4c6b9;
    font-size: 10px;
    text-transform: math-auto;
    line-height: 12px;
}

#html-header newstext2:hover {
    background: #00000052;
    transition: all 0.3s ease-in-out 0.1s;
}

#html-header newstext2 a {
    color: #839799;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Cormorant Infant';
}

.link2 {
    font-family: 'Montserrat' !important;
    text-transform: lowercase !important;
    color: #322513 !important;
    text-align: center;
    font-size: 11px;
    /* padding-left: 10px; */
    padding-top: 10px !important;
    padding-bottom: 10px;
}

.link2 a {
    color: #322513 !important;
    font-size: 11px;
    font-family: 'Montserrat'!important;
}

.for_op {
    font-family: 'Cormorant Infant';
    font-size: 15px;
    font-weight: 500;
    color: #15110c;
}

/* ÒÅÊÑÒ Â ØÀÏÊÅ
-------------------------------------------------------------*/


#html-header active1 {
    position: absolute;
    margin: 114px 3px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active2 {
    position: absolute;
    margin: 114px 72px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active3 {
    position: absolute;
    margin: 114px 142px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active4 {
    position: absolute;
    margin: 114px 210px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active5 {
    position: absolute;
    margin: 114px 589px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active6 {
    position: absolute;
    margin: 114px 658px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active7 {
    position: absolute;
    margin: 114px 729px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}
#html-header active8 {
    position: absolute;
    margin: 114px 798px !important;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    border-radius: 50%;
}

#html-header active1 img {    border-radius: 50%;    height: 55px;}
#html-header active2 img {    border-radius: 50%;    height: 55px;}
#html-header active3 img {    border-radius: 50%;    height: 55px;}
#html-header active4 img {    border-radius: 50%;    height: 55px;}
#html-header active5 img {    border-radius: 50%;    height: 55px;}
#html-header active6 img {    border-radius: 50%;    height: 55px;}
#html-header active7 img {    border-radius: 50%;    height: 55px;}
#html-header active8 img {    border-radius: 50%;    height: 55px;}

.banners {
    position: absolute;
    width: 670px;
    height: 72px;
    margin: -27px -5px !important;
    overflow: auto;
    padding-right: 5px;
    line-height: 20px;
    padding-top: 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: 3px 7px 3px 10px !important;
    background-color: #32231345;
    width: 180px;
}

.character a {
    margin: 3px 0px 3px 0px !important;
    color: #d4c6b9 !important;
    font-family: 'Cormorant Infant';
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    text-transform: none;
}

.about {
    margin: 0px 10px 4px 6px !important;
    width: 184px !important;
    background-color: #35291842;
    text-align: justify !important;
    padding: 4px 4px 4px 4px !important;
    font-size: 12px;
    font-family: 'Montserrat';
    color: #d4c6b9;
}
.about a {
    font-weight: bold;
    color: #d4c6b9 !important;
}

#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: #9c9187;
    padding: 8px;
}

.zajavka .post-content {
    display: inline-block!important;
    position: relative;
    vertical-align: top!important;
    box-sizing: border-box;
    float: none!important;
    clear: both!important;
    padding: 3px 6px 0!important;
    background: #e8e1db;
    border: 1px double #8d6543;
    margin: 0px 2px 4px!important;
    max-height: 740px;
    overflow: hidden;
}

.zajavka .post-content .role_name p {
    display: table-cell!important;
    padding: 4px!important;
    margin: 0!important;
    line-height: 14px!important;
    background: #5c4531;
    text-align: center;
    vertical-align: middle;
    font-family: arial !important;
    font-weight: bold;
    font-size: 15px!important;
    color: #e8e1db;
}

.punbb .post-content td {
    background-color: rgb(232 217 203)!important;
    border: 1px solid #5c4531!important;
    vertical-align: middle!important;
    padding: 0.4em!important;
}

.punbb .post-content p {
    color: #4c3e33;
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    white-space: pre-wrap;
    text-align: justify;
}

.body .punbb .post-content p a {
    color: #494d7b;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    text-decoration: none;
    word-break: break-all;
    line-height: 12px!important;
    font-weight: bold;
    transition: all 0.3s;
}

.post-content .role_name p {
text-shadow: none !important;
}

.zajavka .post-content .blur_gradient {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: linear-gradient(to top,#edf 0,rgb(239 231 224) 5%,rgba(243,250,252,.0) 100%);
}

