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

ÏÀÍ ÒÅËÎ

**************************************************************/
/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
çäåñü "margin: 190px" îçíà÷àåò îòñòóï íà 190 ïèêñåëåé îò ñàìîãî âåðõà ôîðóìà
-------------------------------------------------------------*/
#pun { position: relative;
    width: 977px;
    margin: 340px auto -78px auto;
    background: #edf0f2 !important;
    padding-top: 7px; }

/* A5.2 ÐÀÇÌÅÙÅÍÈÅ ÊÎÍÒÅÍÒÀ ÂÍÓÒÐÈ ÒÅËÀ
-------------------------------------------------------------*/
.punbb { height: auto; margin-left: 45px; width: 909px; }

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

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

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

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body { background: url(http://forumupload.ru/uploads/001b/57/2c/3/401970.jpg) no-repeat fixed top center; background-size: cover; background-color: #d7d5e6; }


/* ØÀÏÊÀ
-------------------------------------------------------------*/
#pun-title table {background: url(http://forumupload.ru/uploads/001b/35/8c/2/988051.png) rgba(0, 0, 0, 0) no-repeat;
    border: none;
    height: 415px;
    margin-left: -69px;
    margin-bottom: 11px !important;
    width: 1025px;
    margin-top: -356px;}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container { background-color: #edf0f2;
    height: 40px;
    margin-left: -45px;
    margin-top: -80px;
    padding: 0px !important;
    border: none !important;}

/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {width: 1027px;
    margin-top: 49px;
    position: absolute;
    font-family: arial;
    font-size: 7px;
    margin-left: -60px;
    text-transform: lowercase;}

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

ÏÐÎÔÈËÜ

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

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author {width: 206px;
    margin-left: -18px !important;
    padding-bottom: 5px !important;
    padding-top: 11px;}

/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.post-author ul { margin-left: 4px; margin-top: -7px; width: 198px; padding: 0px !important; }

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: verdana !important;
    color: rgb(193, 128, 70) !important;
    font-weight: 700 !important;
    width: 210px !important;
    margin-left: -4px !important;
    padding-top: 9px !important;}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a { font-weight: 700 !important; color: rgb(214 129 64) !important;}

/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover { letter-spacing:0.5px!important }

/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title { text-transform: lowercase; text-align: center; font-size: 9px !important; padding: 0px 13px 0px !important; }

/* ÀÂÀÒÀÐ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-avatar { margin-top: 5px !important;    text-align: center; }

/* ÇÀÄÀÅÌ ÒÅÍÜ È ÐÀÌÊÓ ÀÂÀÒÀÐÓ
-------------------------------------------------------------*/
.pa-avatar img {max-width: 180px;
    max-height: 180px;
    border: 2px solid rgb(137 132 190) !important;}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld4 {    width: 30px!important;}
.pa-fld4 a {}
.pa-fld2 {margin-top: -1px !important;
    margin-bottom: -4px !important;}
.pa-fld2 a {}

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

/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
.pa-posts, .pa-respect, .pa-fld4, .pa-fld2 {  display: inline-block;  padding: 2px 4px !important; }

.post-author .pa-respect {      width: 46px;   margin-left: 0; font-family: montserrat!important;     text-align: center;    line-height: 13px;     font-weight: 700;     font-size: 8px; text-transform: lowercase; }

/* ÑËÎÂÎ ÐÅÏÓÒÀÖÈß - ÝÒÎ ÑÑÛËÊÀ. ÅÅ ÍÓÆÍÎ ÏÅÐÅÊÐÀÑÈÒÜ ÎÒÄÅËÜÍÎ!
-------------------------------------------------------------*/
 .pa-respect a {   }

.pa-fld1 {   text-transform: uppercase;
    background: rgb(209 209 211);
    margin-left: 1px !important;
    height: 9px;
}

.pa-fld4 {   width: 45px !important;    text-align: center;    line-height: 13px; font-family: montserrat!important;   font-weight: 700;  font-size: 8px;        padding: 0px 0px!important; }

.pa-fld5 {    font-family: verdana!important;
    font-size: 10px;
    text-align: center!important;
    padding: 9px !important;}

/* ÎÒÊË ÊÎË-ÂÎ ÑÎÎÁÙÅÍÈÉ Â ËÑ
-------------------------------------------------------------*/
#pun-messages .pa-posts { display: none; }

/* ÑÄÂÈÃ ÊÎË-ÂÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.pa-posts {     width: 50px; font-family: montserrat!important;    font-size: 8px;    font-weight: 700;    text-align: center;    line-height: 13px; text-transform: lowercase;}

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

/* ÑÑÛËÊÈ ÏÐÎÔÈËÜ, ËÑ, EMAIL ÏÎÄ ÏÐÎÔÈËÅÌ ÏÎËÜÇÎÂÀÒÅËß Â ÒÎÏÈÊÅ */

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

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

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

/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip { clear: both; color: rgb(164, 101, 96) !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; }

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
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: rgb(58 55 88); }


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

/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ 
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}

/* ÍÎÌÅÐ ÏÎÑÒÀ 
-------------------------------------------------------------*/
#pun .post h3 strong { margin-left: 732px; position: absolute; width: 160px; 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 0s; box-shadow: none; color: #d68140;}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.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: #ccbca7; }


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

ÏÎÄÔÎÐÓÌ

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

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon { font-size: 10px;
    text-transform: lowercase;
    padding: 6px 15px 17px 20px;
    padding-bottom: 4px;
    text-align: justify;
  background: #e1e0ed; }

/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon h3 a { font-size: 12px; display: block; text-align: left; text-transform: uppercase;    letter-spacing: 0.5px; position: relative;     font-family: verdana !important; font-weight: 700 !important;        color: rgb(138 133 191) !important; width: 274px; margin-left: 11px; }

/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a { text-align: center; line-height: 22px; font-family: verdana!important; font-weight: 700; }

/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
.podfor_link {text-align: center; margin-top: 3px !important;
    margin-bottom: -26px !important;}
.podfor_link a {  color: #8c9370 !important;}
.podfor_link a:hover { color: #927882 !important;}

/* ÑÑÛËÊÀ ÍÀ ÏÎÑËÅÄÍÞÞ ÀÊÒÈÂÍÓÞ ÒÅÌÓ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index .tcr a { font-size: 11px; font-weight: normal; font-family: verdana!important; font-weight: 700; text-transform: uppercase; }

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

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

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

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

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

/* ÊÀÒÅÃÎÐÈÈ
-------------------------------------------------------------*/

/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 { background-color: #8780bb;
    width: 977px;
    height: 26px;
    border: none !important;
    padding: 0px !important;
    margin-left: -45px !important; }

/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category1 h2 { background-color: #8780bb;
    width: 977px;
    height: 26px;   border: none !important;  padding: 0px !important; margin-left: -45px !important; }

/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category2 h2 { background-color: #8780bb;
 width: 977px;
    height: 26px;   border: none !important;  padding: 0px !important; margin-left: -45px !important; }

/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category3 h2 { background-color: #8780bb;
 width: 977px;
    height: 26px;   border: none !important;  padding: 0px !important; margin-left: -45px !important; }

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 { background-color: #8780bb;
 width: 977px;
    height: 26px;  border: none !important;  padding: 0px !important; margin-left: -45px !important; }

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 { background-color: #8780bb;
 width: 977px;
    height: 26px;  border: none !important;  padding: 0px !important; margin-left: -45px !important; }

/* ÑÅÄÜÌÀß
-------------------------------------------------------------*/
#pun-category6 h2 { background-color: #8780bb;
 width: 977px;
    height: 26px;  border: none !important;  padding: 0px !important; margin-left: -45px !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 {border: none;
    margin-top: -81px !important;
    margin-left: 287px !important;
    letter-spacing: 12px;
    font-size: 8px;}

#pun-navlinks img {  width: 35px;  height: 35px;  display: inline-block; }

/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
div#pun-ulinks { text-transform: lowercase;
    font-style: normal;
    margin-top: 12px;
    font-size: 8px;
    font-family: arial !important;
    width: 931px !important;
    margin-left: 111px;}

#pun-ulinks .container a {color: #7aad6f; !important;}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#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-crumbs1, #pun-crumbs2 {  font-size: 13px;  text-align: left;  text-transform: uppercase;  font-family: verdana!important;  font-weight: 700;  margin-bottom: 10px !important;  margin-left: -16px !important; }

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#pun-crumbs1 {    margin-top: 235px !important;}

/* ÑÑÛËÊÈ Â ÂÀØÅÌ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÈ ÍÀ ÔÎÐÓÌÅ - ÄÅËÀÅÌ ÆÈÐÍÛÌÈ
-------------------------------------------------------------*/
#pun-crumbs2, #pun-crumbs1 a {font-weight: bold}


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

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

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

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

/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
 5 ïîñëåäíèõ ïîçèöèé)
-------------------------------------------------------------*/
#pun-redirect.punbb .info .container{ text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px;
    display: inline-block;
    text-transform: uppercase;
    background: #dedee3 !important;
    border-radius: 20px; }

/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {  background: rgb(255 251 246);
    border: 1px solid rgb(122 173 111);
    padding: 18px 21px !important;
    width: 93.5% !important; }

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/

.punbb select, input {  color: rgb(117 128 121); border: 1px solid rgb(104 124 125); }

/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.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;
    padding: 7px 10px 5px 10px !important;
    border: 1px solid rgb(165 163 162);
    border-radius: 10px 10px 0 0;}

/* B1.9 ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
Îòâå÷àåò çà íàñòðîéêè òîãî ñàìîãî "Ìàøà íàïèñàë(-à), âûäåëèòü êîä è òä.
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend { display: block;  padding-bottom: 0em;
    margin: 0px;  font-style: normal;  font-size: 11px;  text-transform: uppercase;  font-family: verdana !important;     color: #9a94c9!important;   font-weight: 700 !important; }

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

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


/* Â ÔÎÐÌÅ ÎÒÂÅÒÀ ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ ØÐÈÔÒÎÂ, ÐÀÇÌÅÐÀ ÒÅÊÑÒÀ È ÒÄ
-------------------------------------------------------------*/
#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: rgb(248 244 240);       color: rgb(108 108 108);
    border: 1px solid rgb(63 63 63); }

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

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

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

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

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {background-image: url(http://forumupload.ru/uploads/001b/57/2c/3/862423.png);       background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 30px;
    margin-left: 4px;
    margin-top: 3px;
    position: absolute;
    width: 30px;
    z-index: 1;
    opacity: 1; }

/* ÈÊÎÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {    background-image: url(http://forumupload.ru/uploads/001b/57/2c/3/343469.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: 3px 18px;    width: 9px;    height: 9px;    background: #f4f9f6;
    border: 1px solid #e4e4e4;}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    width: 9px;    height: 9px;    background: #dcc3bc;    border: 1px solid #ceb5ae;}


/* ÈÊÎÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    width: 9px;    height: 9px;    background: #668278;    border: 1px solid #526d64;}

/* ÈÊÎÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 9px;    height: 9px;    background: #cecece;    border: 1px solid #bfbfbf;}

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

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

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

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/

input.button, #post fieldset .hashelp div input, .button, #pun-admain input {      background: #8984be;
    cursor: pointer !important;
    border: 1px solid #7e77ba;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 10px !important;
    color: #f4f9f6!important;
    font-weight: 700 !important; }

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {    background: #d6bdb6;
    border: 1px solid #d6bdb6;    color: #f4f9f6!important;  }

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

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

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


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection {background: rgb(193 177 169);    color: rgb(244 249 246); }

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

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {  background-color: #9a94c9; }

/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {    background-color: rgb(212 216 219); }

/* ×ÒÎÁÛ ÍÅ ÎÒÎÁÐÀÆÀËÀÑÜ ÏÐÎÊÐÓÒÊÀ ÔÎÐÓÌÀ ÏÎ ÃÎÐÈÇÎÍÒÀËÈ
-------------------------------------------------------------*/
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: 44%;     margin-left: 955px !important; }

/* ÐÀÑÏÎËÎÆÅÍÈÅ ÊÍÎÏÊÈ ÂÍÈÇ
-------------------------------------------------------------*/
.go-down {    bottom: 39%;    margin-left: 960px !important; }

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {    opacity: 1; }


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

ÎÔÎÐÌËÅÍÈÅ ÒÅÌ

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


/* ÏËÀØÊÈ
-------------------------------------------------------------*/

.plahi {      position: absolute;
    height: 114px;
    width: 198px;
    overflow: overlay;
    margin: 97px 47px !important;}

.plaha {    background: url() no-repeat;
    width: 180px;
    height: 40px;
    text-align: left !important;
    overflow: auto; }

.plaha pic {      position: absolute;    margin: 6px 6px !important; }

.plaha text {    position: absolute;
    margin: 8px 28px !important;
    width: 126px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: verdana!important;
    font-weight: 700 !important;
    color: rgb(244 249 246) !important;
    height: 12px;
    overflow: hidden;
    text-align: left; }

.plaha text a {    color: rgb(214 131 65) !important;}

.plaha sub {    font-size: 9px;
    letter-spacing: 1px;
    height: 12px;
    overflow: hidden;
    margin: 22px 28px !important;
    position: absolute;
    width: 130px;
    text-align: left;}

/* ËÇ
-------------------------------------------------------------*/
.lz_n {     font-family: verdana!important;
    font-size: 10px;
    text-align: center!important;
    padding: 4px !important;
    background: #d9d8e7;
    border-radius: 0px 0px 15px 15px;
    width: 172px;
    margin-left: 9px !important;
    margin-top: 2px !important;
  
 }

/* ÑÍÑ
-------------------------------------------------------------*/

/* coded by becky dont steal u ass */
html #touch, html[data-theme="light"] #touch { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 204, 204, 204; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #touch { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
@media (prefers-color-scheme: dark) {
html #touch, html[data-theme="light"] #touch { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 204, 204, 204; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #touch { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}}
#touch { width: 250px; margin: auto; }
.yourvoicecalling { width: 236px; padding: 5px; border: 2px solid rgba(var(--accent1), .7); border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 2px rgba(var(--bkgnd),0.7); -moz-box-shadow: 0px 0px 10px 2px rgba(var(--bkgnd),0.7); box-shadow: 0px 0px 10px 2px rgba(var(--bkgnd),0.7); background-color: rgba(var(--bkgnd), .99);}
.mehasa topb { width: 150px; height: 15px; border-radius: 0 0 10px 10px; background-color: rgba(var(--accent1), .7); display: block; margin: auto; margin-top: -13px;}
.mehasa { font-size: 8px; text-transform: uppercase; font-family: 'Lato', sans-serif; color: rgba(--text), .6); letter-spacing: 1px; line-height: 100%; margin-bottom: 5px !important;;}
.mehasa ion-icon { margin-bottom: -2px; }
.mehasa right { float: right; font-size: 9px; }
.heartwhenwill { padding: 10px; }
.heartwhenwill .pic-c { width: 70px; height: 70px; border-radius: 100%; margin-top: -73px; margin-left: 7px;}
.heartwhenwill .pic-c img { width: 70px; height: 70px; border-radius: 100%; object-fit: cover;  }
.heartwhenwill .pic-r { width: 208px; height: 106px; padding: 2px; border: 2px solid rgba(var(--accent1), .9); border-radius: 5px;}
.heartwhenwill .pic-r img { width: 202px; height: 100px;  object-fit: cover; padding: 2px; border: 1px solid rgba(var(--accent1), .9); border-radius: 5px;}
.heartwhenwill pic-cb { width: 70px; height: 70px; padding: 5px; border-radius: 100%; display: block; border: 2px solid rgba(var(--accent1), .9); border-top: 2px solid transparent;}
.heartwhenwill pic-cb2 { width: 70px; height: 70px; padding: 2px; border-radius: 100%; display: block; border: 1px solid rgba(var(--accent1), .9); border-right: 1px solid transparent; margin-top: -80px; margin-left: 4px;}
.rotates-l {-webkit-animation:rotates-l 3s linear infinite both; animation:rotates-l 3s linear infinite both; }
@-webkit-keyframes rotates-l {0%{-webkit-transform:rotate(0); transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes rotates-l {0%{-webkit-transform:rotate(0); transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.rotates-r {-webkit-animation: rotates-r 3s linear infinite reverse both; animation: rotates-r 3s linear infinite reverse both;}
@-webkit-keyframes rotates-r {0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes rotates-r {0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.ifollowyou { float: right; width: 120px; text-align: center; line-height: 100%; font-family: 'Lato', sans-serif; margin-top: -60px !important;;}
.ifollowyou-r { width: 216px; text-align: center; line-height: 100%; font-family: 'Lato', sans-serif; margin-top: 10px; }
.ifollowyou yours, .ifollowyou-r yours { line-height: 100%; font-size: 35px; font-weight: 700; text-transform: lowercase; letter-spacing: -2px; -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(139deg, rgba(var(--accent1), .99) 0%, rgba(var(--accent2), .99) 100%);}
.ifollowyou theirs, .ifollowyou-r theirs { display: block; font-weight: 300; font-size: 9px; text-transform: uppercase; line-height: 100%; color: rgba(var(--text), .8); letter-spacing: 2px; text-align: right;}
.ifollowyou-r theirs { text-align: center; }
.ifollowyou theirs:before { content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 1px; background-color: rgba(var(--accent1), .7); margin-right: 5px;}
.ifollowyou-r theirs:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 1px; background-color: rgba(var(--accent1), .7); margin-right: 5px;}
.ifollowyou-r theirs:after { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 1px; background-color: rgba(var(--accent1), .7); margin-left: 5px;}
.fromtimetotime, .fromtimetotime-c { width: 216px; padding: 10px !important; border: 1px solid rgba(var(--accent1), .3); margin: 10px 0 !important; border-radius: 10px;}
.icanrecognise, .icanrecognise-c { width: 211px; height: 300px; padding-right: 5px; overflow: auto; }
.fromtimetotime-c { background-image: linear-gradient(139deg, rgba(var(--accent1), .05) 0%, rgba(var(--accent2), .05) 100%); color: rgba(var(--text), .99); font-size: 12px; text-align: justify; line-height: 120%; font-family: 'Lato', sans-serif; letter-spacing: .5px; }
.icanrecognise p { padding: 10px !important; margin: 3px !important; float: right; clear: both; border: 1px solid rgba(var(--accent1), .7); border-radius: 10px 10px 0 10px; background-image: linear-gradient(139deg, rgba(var(--accent1), .05) 0%, rgba(var(--accent2), .05) 100%); color: rgba(var(--text), .99); font-size: 11px; text-align: justify; line-height: 120% !important; font-family: 'Lato', sans-serif; letter-spacing: .5px;}
.icanrecognise p pic img { width: 175px; }
.icanrecognise p i, .icanrecognise-c i { color: rgba(var(--accent1), .8); letter-spacing: 2px; }
.icanrecognise p b, .icanrecognise-c b {  font-size: 14px; color: rgba(var(--accent1), .8); letter-spacing: 1px;}
.icanrecognise-c::-webkit-scrollbar, .icanrecognise::-webkit-scrollbar { width: 2px; height: 2px; }
.icanrecognise-c::-webkit-scrollbar-thumb, .icanrecognise::-webkit-scrollbar-thumb { background-color: rgba(var(--accent1), .7); }
.icanrecognise-c::-webkit-scrollbar-track, .icanrecognise::-webkit-scrollbar-track { background-color: rgba(var(--bkgnd), .7); }
.everythingifi { width: 226px; padding: 10px; padding-bottom: 15px; margin-left: -5px !important; margin-bottom: -5px !important; border-top: 2px solid rgba(var(--accent1), .7); background-color: rgba(var(--accent1), .3); border-radius: 0 0 8px 8px; color: rgba(var(--accent1), .8); font-size: 13px; line-height: 100%; font-family: 'Lato', sans-serif; }
.everythingifi right { float: right; }
.everythingifi bottoml { background-color: rgba(var(--bkgnd), .4); padding: 5px 10px; font-size: 7px; line-height: 100%; font-family: 'Lato', sans-serif;  color: rgba(var(--text), .8); text-transform: uppercase; letter-spacing: 2px; font-weight: 400; margin-left: 5px; border-radius: 5px; }
.blinks {-webkit-animation: blinks 4s linear infinite both; animation: blinks 4s linear infinite both;}
@-webkit-keyframes blinks {0%,50%,100%{opacity:1}25%,75%{opacity:0}} @keyframes blinks {0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.everythingifi ion-icon { margin-bottom: -3px; }

/* ÈÍÑÒÀ coded by becky 
-------------------------------------------------------------*/

html #workit, html[data-theme="light"] #workit { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 219,219,219; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #workit { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
@media (prefers-color-scheme: dark) {
html #workit, html[data-theme="light"] #workit { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 219,219,219; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #workit { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;} }
#workit { width: 500px; margin: auto; }
.westeppinout { width: 498px; background: rgba(var(--accent1), .1); background: linear-gradient(-129deg, rgba(var(--accent1), .1) 0%, rgba(var(--accent2), .1) 100%);  border: 1px solid rgba(var(--border), 1); display: flex; flex-flow: row wrap; align-items: flex-start;}

.czenniestellus { padding: 13px;}

.czenniestellus ll { -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); margin-top: 10px; }
.czenniestellus l { background-image: linear-gradient(129deg,rgba(var(--accent1),1) 0,rgba(var(--accent2),1) 100%); background-size: 1px 100%; background-repeat: no-repeat; background-position: bottom; padding-left: 15px;}
.czenniestellus i { padding-top: 10px; color: rgba(var(--text), .6); background: transparent; -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-size: 14px;}
.czenniestellus circ { width: 8px; height: 8px;  border-radius: 100%; display: inline-block; margin: 5px 0 0 0; }
.czenniestellus circ:nth-child(1) { background-color: rgba(231, 43, 43, .5) }
.czenniestellus circ:nth-child(2) { background-color: rgba(	231, 207, 43, .5); }
.czenniestellus circ:nth-child(3) { background-color: rgba(	96, 199, 46, .5); }
.righthotlike { width: 383px; padding: 30px; border-left: 1px solid rgba(var(--border), 1); background-color: rgba(var(--bkgnd), .4); text-align: justify; line-height: 120%; color: rgba(var(--text), 1); }

.righthotlike name { margin: 0 0 20px 0; font-family: 'Kufam', sans-serif; font-size: 40px; text-transform: lowercase; letter-spacing: -1px; line-height: 100%; color: rgba(var(--accent1), 1); font-weight: 400; text-align: right; display: block; }

.righthotlike name ll { background-image: linear-gradient(129deg,rgba(var(--accent1),1) 0,rgba(var(--accent2),1) 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; }
.righthotlike stat { display: block; text-align: right; color: rgba(var(--text), .5); font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 100%;  font-weight: 400; letter-spacing: 1px;  }
.righthotlike stat b {-webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); font-weight: 900; letter-spacing: 2px;}

.righthotlike pic { width: 60px; height: 60px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 5px; border-radius: 5px; float: left; clear: both; margin-left: 2px; }

.righthotlike pic img { width: 60px; height: 60px; object-fit: cover; border-radius: 5px;}

.thesunwe { margin: 16px 0 !important; float: right; clear: both; font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: lowercase;  line-height: 130%;  font-weight: 400; padding: 15px; background-color: rgba(var(--bkgnd), .6); border: 1px solid rgba(var(--border), 1); border-radius: 10px; }

.wowimissyou { float: right; clear: both; font-family: 'Kufam', sans-serif; font-size: 12px; text-transform: lowercase;  line-height: 150%;  font-weight: 400; padding: 15px; background-color: rgba(var(--bkgnd), .6); border: 1px solid rgba(var(--border), 1); border-radius: 10px; }
.wowimissyou b, .thesunwe b { font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 130%;  -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); font-weight: 900; letter-spacing: 2px; cursor: crosshair; }
.wowimissyou b:before, .thesunwe b:before { content: "#"; }
.wowimissyou nm, .thesunwe nm { background: linear-gradient(129deg, rgba(var(--accent1), .3) 0%, rgba(var(--accent2), .3) 100%);  font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase;  line-height: 100%;  font-weight: 900; letter-spacing: 2px; border-radius: 5px; border: 1px solid rgba(var(--border), 1); padding: 10px;  margin: 0 10px 0 0; float: left; clear: both; }
.arealittleexcited { width: 383px; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }
.arealittleexcited mainp { width: 95px; height: 95px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 10px; border-radius: 5px; margin-bottom: 10px; transition-duration: .6s; }
.arealittleexcited mainp img { width: 95px; height: 95px; border-radius: 5px; object-fit: cover; filter: grayscale(70%); transition-duration: .6s;}
.arealittleexcited mainp:hover img { filter: grayscale(0%); }
.righthotlike igp { width: 363px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 10px; border-radius: 5px; margin: 30px 0;}
.righthotlike igp img { width: 363px; object-fit: cover; border-radius: 5px; }


/* íîâîå ñîîáùåíèå èíñòû coded by becky 
-------------------------------------------------------------*/

html #workit, html[data-theme="light"] #workit { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 219,219,219; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #workit { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
@media (prefers-color-scheme: dark) {
html #workit, html[data-theme="light"] #workit { --text: 34, 34, 34; --bkgnd: 250, 250, 250; --border: 219,219,219; --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
html[data-theme="dark"] #workit { --text: 236, 236, 236; --bkgnd: 68, 68, 68; --border: 34, 34, 34; --accent1: 106, 130, 251; --accent2: 252, 92, 125;} }
#workit { width: 500px; margin: auto; }
.westeppinout { width: 498px; background: rgba(var(--accent1), .1); background: linear-gradient(-129deg, rgba(var(--accent1), .1) 0%, rgba(var(--accent2), .1) 100%);  border: 1px solid rgba(var(--border), 1); display: flex; flex-flow: row wrap; align-items: flex-start;}
.czenniestellus { padding: 13px; }
.czenniestellus ll { -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); margin-top: 10px; }
.czenniestellus l { background-image: linear-gradient(129deg,rgba(var(--accent1),1) 0,rgba(var(--accent2),1) 100%); background-size: 1px 100%; background-repeat: no-repeat; background-position: bottom; padding-left: 15px;}
.czenniestellus i { padding-top: 10px; color: rgba(var(--text), .6); background: transparent; -webkit-background-clip: initial; -webkit-text-fill-color: initial; font-size: 14px;}
.czenniestellus circ { width: 8px; height: 8px;  border-radius: 100%; display: inline-block; margin: 5px 0 0 0; }
.czenniestellus circ:nth-child(1) { background-color: rgba(231, 43, 43, .5) }
.czenniestellus circ:nth-child(2) { background-color: rgba(	231, 207, 43, .5); }
.czenniestellus circ:nth-child(3) { background-color: rgba(	96, 199, 46, .5); }
.righthotlike { width: 383px; padding: 30px; border-left: 1px solid rgba(var(--border), 1); background-color: rgba(var(--bkgnd), .4); text-align: justify; line-height: 120%; color: rgba(var(--text), 1); }
.righthotlike name { margin: 0 0 20px 0; font-family: 'Kufam', sans-serif; font-size: 40px; text-transform: lowercase; letter-spacing: -1px; line-height: 100%; color: rgba(var(--accent1), 1); font-weight: 400; text-align: right; display: block; }
.righthotlike name ll { background-image: linear-gradient(129deg,rgba(var(--accent1),1) 0,rgba(var(--accent2),1) 100%); background-size: 100% 1px; background-repeat: no-repeat; background-position: bottom; }
.righthotlike stat { display: block; text-align: right; color: rgba(var(--text), .5); font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 100%;  font-weight: 400; letter-spacing: 1px;  }
.righthotlike stat b {-webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); font-weight: 900; letter-spacing: 2px;}
.righthotlike pic { width: 60px; height: 60px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 5px; border-radius: 5px; float: left; clear: both;}
.righthotlike pic img { width: 60px; height: 60px; object-fit: cover; border-radius: 5px; }
.thesunwe { margin: 30px 0; float: right; clear: both; font-family: 'Kufam', sans-serif; font-size: 12px; text-transform: lowercase;  line-height: 130%;  font-weight: 400; padding: 15px; background-color: rgba(var(--bkgnd), .6); border: 1px solid rgba(var(--border), 1); border-radius: 10px; }
.wowimissyou { float: right; clear: both; font-family: 'Kufam', sans-serif; font-size: 12px; text-transform: lowercase;  line-height: 150%;  font-weight: 400; padding: 15px; background-color: rgba(var(--bkgnd), .6); border: 1px solid rgba(var(--border), 1); border-radius: 10px; }
.wowimissyou b, .thesunwe b { font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase; line-height: 130%;  -webkit-text-fill-color: transparent; -webkit-background-clip: text;  background-image: linear-gradient(129deg, rgba(var(--accent1), .8) 0%, rgba(var(--accent2), .8) 100%); font-weight: 900; letter-spacing: 2px; cursor: crosshair; }
.wowimissyou b:before, .thesunwe b:before { content: "#"; }
.wowimissyou nm, .thesunwe nm { background: linear-gradient(129deg, rgba(var(--accent1), .3) 0%, rgba(var(--accent2), .3) 100%);  font-family: 'Kufam', sans-serif; font-size: 10px; text-transform: uppercase;  line-height: 100%;  font-weight: 900; letter-spacing: 2px; border-radius: 5px; border: 1px solid rgba(var(--border), 1); padding: 10px;  margin: 0 10px 0 0; float: left; clear: both; }
.arealittleexcited { width: 383px; display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; }
.arealittleexcited mainp { width: 95px; height: 95px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 10px; border-radius: 5px; margin-bottom: 10px; transition-duration: .6s; }
.arealittleexcited mainp img { width: 95px; height: 95px; border-radius: 5px; object-fit: cover; filter: grayscale(70%); transition-duration: .6s;}
.arealittleexcited mainp:hover img { filter: grayscale(0%); }
.righthotlike igp { width: 363px; display: block; background: linear-gradient(129deg, rgba(var(--accent1), .6) 0%, rgba(var(--accent2), .6) 100%); padding: 10px; border-radius: 5px; margin: 30px 0;}
.righthotlike igp img { width: 363px; object-fit: cover; border-radius: 5px; }

/* ÃÎÑÒÅÂÀß
-------------------------------------------------------------*/
.guest_theme {background: url(http://forumupload.ru/uploads/001b/35/8c/2/170996.png);
    width: 500px;
    height: 342px;
    margin: auto !important;
    border-radius: 6%; }

.guest_theme welcome {  position: absolute;
    width: 439px;
    height: 58px;
    text-align: justify;
    margin: 130px -2px;
    padding-right: 2px;
    font-size: 9px;
    margin-left: 29px;
    color: #5c579a;
    background: #ffffff;
}

.guest_theme faceboy {        position: absolute;
    width: 182px;
    height: 93px;
    overflow: auto;
    text-align: center;
    margin: 210px 42px;
    padding-right: 1px;
    font-size: 10px;
    color: #424242;
    line-height: 13px;
    background: #ffffff;}

.guest_theme facegirl {  position: absolute;
    width: 180px;
    height: 92px;
    overflow: auto;
    text-align: center;
    margin: 210px 273px;
    padding-right: 1px;
    font-size: 10px;
    color: #424242 !important;
    line-height: 13px;
    background: #ffffff;}

.guest_theme time { text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    font-family: verdana!important;
    color: #ffffff!important;
    font-weight: 700 !important;
    background: #5caf6c;
    width: 189px !important;
    padding: 0px 55px 0px 55px; }

/* ÍÎÂÎÑÒÈ
-------------------------------------------------------------*/

.news_theme {background: url(http://forumstatic.ru/files/001b/35/8c/18311.png) no-repeat;    width: 600px;    height: 665px;    margin: auto !important;}
.news_theme imagi {    position: absolute;    width: 538px;    height: 95px;    margin: 30px 37px;    padding-right: 2px; }
.news_theme text {       position: absolute;    width: 512px;    height: 106px;    overflow: auto;    text-align: justify;    margin: 182px 48px;    padding-right: 6px;    font-size: 10px;    color: #8a857a;    line-height: 13px;}
.news_theme activ {  position: absolute;    width: 400px;    height: 20px;    margin: 307px 138px; }
.news_theme activc {  position: absolute;    width: 400px;    height: 20px;    margin: 307px 340px; }
.news_theme activa {  position: absolute;    width: 400px;    height: 20px;    margin: 362px 132px; }
.news_theme activb {      position: absolute;    width: 400px;    height: 20px;    margin: 362px 334px; }
.news_theme textc {  position: absolute;    width: 512px;    height: 131px;    overflow: auto;    text-align: justify;    margin: 430px 48px;    padding-right: 6px;    font-size: 10px;    color: #8a857a;    line-height: 13px; }
.news_theme posts {  position: absolute;    width: 395px;    height: 45px;    margin: 593px 105px;    font-size: 10px;    color: #5d544b;    text-align: justify; }

/* ÂÍÅØÍÎÑÒÈ
-------------------------------------------------------------*/

.vnehi_theme {    width: 600px; height: auto;  margin: auto !important; }
.vnehi_theme img {    width: 450px;    margin: 0px 74px 0px 83px; }
.fface {      width: 610px; }
.fface_t {    width: 600px;    text-align: center;    color: #ffffff;    font-family: 'verdana';    font-size: 12px;    padding-top: 3px!important;    border: 1px solid #c6c6de;  background-color: #645fa2;    padding-bottom: 1px;    font-weight: 700 !important;    margin-left: -5px; }
.fface_a {    text-align: center;    color: #737575;    font-size: 11px;    height: 100px;    overflow-y: auto;    text-transform: lowercase;    padding: 2px 2px 2px 2px;    padding-right: 0px; }


/* ÏÐÈÅÌÊÀ
-------------------------------------------------------------*/

  .welcome_theme {         width: 370px;       height: auto;    margin-left: 112px !important;        font-size: 10px;        text-transform: lowercase;        padding: 14px 20px 10px 21px;        text-align: justify;        border-radius: 20px;    border: 1px solid #de9e6d;}


.wt_hello {        text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-size: 10px;
    font-family: verdana!important;
    color: #d68140!important;
    font-weight: 700 !important;
    background: #e4e3e2;
    width: 367px !important;
    margin-left: 0px;
    margin-top: 0px !important;
  }

.wt_pic {      position: inherit !important;   filter: grayscale(1);      margin-top: 8px !important;      border: 1px solid #8ba5a8;      border-radius: 100%;  display: inline-block; padding: 0 7px 0px 0px;}

.wt_pic img {   width: 85px;      height: 85px;border-radius: 100%;}

.wt_hell {    width: 271px !important;      margin-left: 100px;  margin-top: -85px;  position: inherit;  display: inline-block;}


/* ÔÀÊ
-------------------------------------------------------------*/

.faq_theme {     width: 427px;    margin-left: 112px !important;    font-size: 10px;    text-transform: lowercase;    padding: 14px 20px 5px 21px;    text-align: justify;    border-radius: 20px;    border: 1px solid #cfbbad;}


.faq_theme zg {    text-transform: uppercase;    letter-spacing: 1px;    font-size: 10px;    font-family: verdana!important;    color: #f8d3ad!important;    font-weight: 700 !important;        background: #a0a2a1;    width: 121px !important;    padding: 0px 308px 0px 118px;
    margin-left: 0px;}

.faq_theme ps {       position: absolute;    margin: 19px -438px !important;}

.faq_theme dd {text-align: center;    margin: 90px 0px !important;    font-weight: 700 !important;    text-transform: uppercase;    letter-spacing: 1px;    border: 1px solid #cfbbad;    width: 425px;}

.faq_theme tt {    position: absolute;    width: 404px;    height: 50px;    margin: -70px 11px !important;    overflow: auto;    padding-right: 11px;}


/*  ÎÔÎÐÌËÅÍÈÅ ÒÅÌ
-------------------------------------------------------------*/

.odin_theme {     width: 428px;    margin-left: 112px !important;    font-size: 10px;    text-transform: lowercase;    padding: 11px 20px 5px 21px;        padding-bottom: 15px;    text-align: justify;    border-radius: 20px;     border: 1px solid #7aad6f;}


.odin_theme zagolovok {     text-transform: uppercase;    letter-spacing: 1px;    font-size: 10px;    font-family: verdana!important;    color: #f8d3ad!important;    font-weight: 700 !important;    background: #91ba8a;    width: 121px !important;    padding: 0px 214px 0px 214px;    margin-left: 0px;}

.odin_theme txt {position: absolute;    width: 414px;    margin: 26px -421px !important;}

/*  ÎÔÎÐÌËÅÍÈÅ ÒÅÌ
-------------------------------------------------------------*/


  .dva_theme {  width: 448px;
    height: auto;
    margin-left: 92px !important;
    font-size: 10px;
    text-transform: lowercase;
    padding: 14px 20px 10px 21px;
    text-align: justify;
    border-radius: 20px;
    border: 1px solid #7aad6f;  }
  
.dva_theme pics {     position: inherit !important;      margin-left: -12px !important;  margin-top: 300px !important;  display: inline;
  }
  
.dva_theme zag {      text-transform: uppercase;      letter-spacing: 1px;      font-size: 10px;      font-family: verdana!important;      color: #f8d3ad!important;      font-weight: 700 !important;              background: #91ba8a;     width: 121px !important;      padding: 0px 273px 0px 152px;      margin-left: 12px;  display: inline;  position: inherit !important;  }

.dva_theme text { position: inherit !important;  margin-left: 0px!important; display: inline;
  }


/*  ÁÀÍÊ
-------------------------------------------------------------*/

.bank_theme {    width: 500px;    height: 402px;    margin: auto !important;    border: 1px solid #8984be;    border-radius: 20px;    padding: 10px 0px !important;}

.bank_theme pic  {        width: 450px;    margin: 0px 25px;}

.bank_theme pc img { width: 20px;    height: 20px;border-radius: 100%;}

.bb_aa {       width: 220px;    height: 300px;    margin: 6px 25px 3px 27px !important;    font-size: 10px;    line-height: 13px;}

.bb_bb {          width: 194px;    height: 300px;    margin: 6px 33px 5px 76px !important;    margin-left: 40px !important;    font-size: 10px;    line-height: 13px;}

/*  ÏÐÎÊÀ×ÊÀ ËÑ
-------------------------------------------------------------*/

.ll_theme {    width: 600px;height: auto;    margin: auto !important; margin-bottom: 30px !important;}

.ll_theme pic  {        width: 450px;    margin: 0px 82px;}

.ll_theme pc img { width: 20px;    height: 20px;border-radius: 100%;}

.ll_theme mn {position: absolute;     width: 582px;    text-align: justify;    margin: 5px 40px 5px 9px !important;    font-size: 10px;    color: #8a857a;    line-height: 13px;    overflow: auto;    height: 66px !important;    padding-right: 8px !important;}

.ss {       width: 610px;    margin: 75px 0px !important;}

.ss_t {    width: 611px;    margin-left: -5px !important;    text-align: center;    color: #b9b7b2;    font-family: 'verdana';    font-size: 12px;    padding-top: 3px!important;    border: 1px solid #dfd5cb;    background-color: #f8f4f0;    padding-bottom: 4px;    font-weight: 700 !important;}

.ss_a {    width: 599px;    height: 96px;    overflow-y: auto;    margin: 3px 0px 3px 0px !important;   }


.ss_b {        width: 596px;    height: 139px;    overflow-y: auto;    margin: 3px 1px 4px 3px !important;}

.ss_z {   width: 196px;    height: 149px;    overflow-y: auto;    margin: 5px 1px -24px 73px !important;    padding-right: 8px;}

.ss_zz {   width: 196px;    height: 149px;    overflow-y: auto;    margin: -146px 1px -38px 323px !important;    padding-right: 8px;}


/*  ÌÀÃÀÇÈÍ
-------------------------------------------------------------*/

.magaz_theme {   width: 600px;height: auto;    margin: auto !important;}

.magaz_theme pic  { width: 450px;    margin: 0px 82px;}

.magaz_theme mn {position: absolute;    width: 451px;    text-align: justify;    margin: 1px 43px -22px 82px !important;    font-size: 10px;     color: #8a857a;    line-height: 13px;}

.mm { width: 610px;    margin: 65px 0px !important;}

.mm_t {    width: 600px;    text-align: center;    color: #b9b7b2;    font-family: 'verdana';    font-size: 12px;    padding-top: 3px!important;    border: 1px solid #dfd5cb;    background-color: #f8f4f0;    padding-bottom: 1px;    font-weight: 700 !important;}

.mm_a {    width: 207px;    height: 100px;    overflow-y: auto;    margin: 0px 33px 3px 76px !important; padding-right: 2px;}

.mm_b {   width: 228px;    height: 101px;    overflow-y: auto;    margin-left: -7px !important;}

/*  000
-------------------------------------------------------------*/

@media only screen and (min-width : 320px) and (max-device-width : 480px)