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

ÏÀÍ ÒÅËÎ

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

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

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

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

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

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body {
        background: url(https://i.imgur.com/mZN2BMf.png) fixed;
    background-color: #ffffff;
    background-attachment: fixed;
    background-size: cover;
}

/* ØÀÏÊÀ
-------------------------------------------------------------*/
        #pun-title table {
           background: url(https://i.imgur.com/6DwlL5J.png) rgba(0, 0, 0, 0);
    border: none;
    height: 377px;
    margin-left: -59px;
    margin-bottom: 77px;
    width: 1079px;
    margin-top: -198px;
    position: inherit;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
               background: url(https://i.imgur.com/yBPYw7d.png) no-repeat center;
    height: 219px;
    width: 1090px;
    margin-top: -82px;
    margin-left: -71px;
    position: absolute;
}
/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
       margin-top: 126px;
    width: 300px;
    position: absolute;
    font-family: arial;
    font-size: 7px;
    text-align: center;
    margin-left: 662px;
   display: none;
}

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

ÏÐÎÔÈËÜ

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

/* ÐÀÌÊÀ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/


/* ÂÍÓÒÐÅÍÍÅ ÏÐÎÑÒÐÀÍÑÒÂÎ ÏÐÎÔÈËß Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author {      
    font-weight: bold;
    text-align: center;
    padding-bottom: 0px!important;
    letter-spacing: 1px;
    color: #e6e5e3;
    text-transform: uppercase;
}

/* ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ ÑÑÛËÊÀ
-------------------------------------------------------------*/
.pa-author a { color: #e7ebe9e3!important;
    font-size: 11px!important;
    margin-left: 11px;
    font-family: catallina !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 22px;}

/*ÏÐÈ ÍÀÂÅÄÅÍÈÈ ÍÀ ÍÈÊ ÀÂÒÎÐÀ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-author a:hover {
    color: #3a3545!important;
}


/* ÑÒÀÒÓÑ ËÈ×ÍÎÅ ÇÂÀÍÈÅ
-------------------------------------------------------------*/
.pa-title {
    width: 190px;
    margin-top: 10px!important;
    background: #ffffff1a;
    margin-left: 5px!important;
    font-size: 7px;
    letter-spacing: 1px;
    color: #dee3e0;
    font-family: Montserrat;
    text-transform: uppercase;
    text-align: center;
}

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

/* ÇÀÄÀÅÌ ÒÅÍÜ È ÐÀÌÊÓ ÀÂÀÒÀÐÓ
-------------------------------------------------------------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    box-shadow: rgb(107 118 81 / 49%) 0px 0px 7px;
    border: 1px solid rgb(240 243 234 / 22%) !important;
    margin-top: 11px;
}

/* ÏÎËß ÏÐÎÔÈËß
-------------------------------------------------------------*/
.pa-fld1 {    width: 30px!important;}

.pa-fld1 a {}

.pa-fld2 {}

.pa-fld2 a {}

.pa-fld3 {}

.pa-fld3 a {}


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

/* ÏÎÑÒÛ, ÐÅÏÓÒÀÖÈß
-------------------------------------------------------------*/
   .pa-posts, .pa-respect {        display: inline-block;
    width: 90px;
    margin: 90px 0px 2px 0px!important;
    color: #4e5261;
    background-color: #d5d2d082;
    font-size: 9px;
    font-weight: bold;
    font-family: montserrat !important;
    text-transform: uppercase;
}

.pa-fld4 {    
    width: 90px;
    margin: 0px 0px 2px -33px!important;
    color: #4e5261;
    background-color: #d5d2d082;
    font-size: 9px;
    font-weight: bold;
    font-family: montserrat !important;
    text-transform: uppercase;
}

.pa-fld5 {   
    width: 90px;
    margin: -18px 0px 2px 60px!important;
    color: #4e5261;
    background-color: #d5d2d082;
    font-size: 9px;
    font-weight: bold;
    font-family: montserrat !important;
    text-transform: uppercase;
}
.pa-posts {
border-radius: 0px;
}

.pa-respect {
border-radius: 0px;
}
.pa-fld4 {
border-radius: 0px;
}

.pa-fld5 {
border-radius: 0px;
}

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

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

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


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

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

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

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


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


/* ÀÉÏÈ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.pa-ip {
    clear: both;
    width: 199px;
    font-size: 7px;
    color: rgb(95 103 116) !important;
}

/* ÎÍËÀÉÍ - ÀÊÒÈÂÅÍ Â ÒÎÏÈÊÅ
-------------------------------------------------------------*/
.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 53 69);
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.punbb .post-box { }



/* ÖÂÅÒ ÄÅÆÓÐÍÎÃÎ ÒÅÊÑÒÀ (òåìó ïðîñìàòðèâàþò, ñòðàíèöû è ò.ä.)
-------------------------------------------------------------*/
.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(61 57 72);
    font-size: 11px;
    font-family: montserrat;
}
/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ (ÐÅÄÊÎ ÏÐÈÕÎÄÈÒÑß ÒÐÎÃÀÒÜ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 779px;
    margin-top: 1px;
    position: absolute;
    width: 204px;
    color: #f1f1f1;
    font-family: catallina;
    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;
    border-radius: 10px;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;
    box-shadow: none;
    color: rgb(58 53 69);
    FONT-SIZE: 9PX;
    font-family: catallina !important;
    text-transform: uppercase;
}

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


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

ÏÎÄÔÎÐÓÌ

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

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 480px;
    background: url(https://i.imgur.com/DGaucZ1.png) center top no-repeat, url(https://i.imgur.com/PwksJSh.png) center bottom no-repeat, 
url(https://i.imgur.com/2I5ecBg.png) repeat-y ;
    min-height: 63px;
    margin-left: -21px;
    margin-top: 17px;
    padding: 45px 0px 36px;
}

 .podforum {
    width: 411px;
    height: auto;
    color: #fff;
    text-align: justify;
    font-family: montserrat;
    font-size: 11px;
    margin-left: 35px !important;
    margin-top: 22px!important;
}

 .podforum .zagl{
    color: #eef0f7bf;
    position: absolute;
    font-size: 10px;
    font-family: montserrat;
    text-transform: lowercase;
    margin-left: 235px;
    margin-top: -34px;
    text-align: right!important;
    height: 12px;
    width: 94px;
}


/* ÏÎÄÔÎÐÓÌ - ÍÀÇÂÀÍÈÅ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/

#pun-index .tclcon h3 a {
    position: relative;
    font-size: 18px;
    text-align: left;
    width: auto;
    height: auto !important;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-family: 'Finches'!important;
    font-weight: 600 !important;
    color: rgb(255 255 255) !important;
    margin-left: 4px;
    margin-bottom: 11px;
    padding: 0 4px 0 4px;
    background: linear-gradient(45deg, #b9d1be, #dcc3b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200%;
    background-position-x: 0;
    transition: all .5s linear 0s !important;
}

#pun-index .tclcon h3 a:hover {
   background: linear-gradient(45deg, #dcc3b0, #b9d1be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
transition: all .5s linear 0s !important;
padding-right: 10px!important;
padding-left: 10px!important;
}
/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {
   text-align: center;
    text-transform: uppercase;
    line-height: 5px;
    font-family: montserrat!important;
    font-weight: 500;
}
/* ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Â ÏÎÄÔÎÐÓÌÀÕ
-------------------------------------------------------------*/
.podfor_link {text-align: center;}
.podfor_link a {  color: #8c9370 !important;
    margin: 0px 5px !important;
}
.podfor_link a:hover { color: #927882 !important; }

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

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


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


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

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

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

/* ÊÀÒÅÃÎÐÈÈ

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

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

/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {     
            width: 622px;
    height: 46px;
    display: inherit;
    margin: 49px -54px -3px;
    border: none !important;
    padding: 20px 50px !important;
    color: rgb(235 234 231);
    font: 500 italic 15px nizhe !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-style: normal !important;
    background: url(https://i.imgur.com/v8IJaI3.png) center top no-repeat;
}

.section h2 span{
  visibility:hidden;
}

/* ÏÅÐÂÀß
-------------------------------------------------------------*/
#pun-category1 h2 {         display: block;
    width: 622px;
    margin-top: -6px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/1JuM20G.png) center top no-repeat;
}

.category h2 span{
  visibility:hidden;
}

/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category2 h2 {           display: block;
    width: 622px;
    margin-top: 12px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/lbvuWdc.png) center top no-repeat;
}

/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category3 h2 {          display: block;
    width: 622px;
    margin-top: 12px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/5vJ5FnW.png) center top no-repeat;
}

/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 {           display: block;
    width: 622px;
    margin-top: 12px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/xPLF2u1.png) center top no-repeat;
}

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 {           display: block;
    width: 622px;
    margin-top: 12px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/nq9YDNp.png) center top no-repeat;
}

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category6 h2 {          display: block;
    width: 622px;
    margin-top: 12px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/Cvvqlwi.png) center top no-repeat;
}

/* ÑÅÄÜÌÀß
-------------------------------------------------------------*/
#pun-category7 h2 {            display: block;
    width: 622px;
    margin-top: 12px;
    margin-left: -27px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    font: 600 10px Cuprumital;
    background: url(https://i.imgur.com/nGDFPLE.png) center top no-repeat;
}

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

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

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

/* ÊÎÍÒÅÉÍÅÐ Ñ ÔÎÐÓÌÍÎÉ ÍÀÂÈÃÀÖÈÅÉ
-------------------------------------------------------------*/
#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 {
    position: absolute;
    border-radius: 30px !important;
    margin-bottom: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: -449px !important;
    width: 1040px !important;
    height: 20px !important;
    font-family: 'Cuprum';
    margin-left: -25px !important;
    letter-spacing: 11px;
    word-spacing: 23px;
    line-height: 19px;
}
/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
   position: absolute!important;
    font-family: cuprum;
    font-size: 11px;
    text-align: center;
    color: #53485a;
    background: linear-gradient(0.5turn, #c5e3cc, #8ca592)!important;
    border: none;
    margin: -424px -52px !important;
    text-transform: lowercase;
    width: 1070px;
    letter-spacing: 11px;
    font-weight: 600;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÌÎÈ ÇÀÃÐÓÇÊÈ Â ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÊÀÕ
-------------------------------------------------------------*/
#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 {
color: #152115;
}


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

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

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

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ È ÑÍÈÇÓ ÂÍÅØÍÈÉ ÂÈÄ
-------------------------------------------------------------*/
#pun-crumbs1, #pun-crumbs2 {
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-family: montserrat!important;
    font-weight: 700;
    width: 963px;
    margin-bottom: 67px !important;
}

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

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



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

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

**************************************************************
/* ÑÒÐÀÍÈÖÀ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
#pun-redirect {
padding: 14px;
margin-top: -140px!important;
margin-left: -20px!important;
background-color: #fff;
width: 100% !important;
}

/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
Çà÷àñòóþ, ñòðàíèöà ïåðåàäðåñàöèè íå òðåáóåò ñåðüåçíûõ èçìåíåíèé. 
 áîëüøèíñòâå ñëó÷àåâ äîñòàòî÷íî èçìåíèòü öâåòà è çàêðóãëåíèå êðàåâ (ò.å. 5 ïîñëåäíèõ ïîçèöèé)
-------------------------------------------------------------*/
    #pun-redirect.punbb .info .container {
    width: 500px;
    height: 52px;
    margin: 5% 0% 0% 20%;
    text-align: center;
    left:0;right:0;
    top:0;bottom:0;
    padding: 50px;
    display:inline-block;
    text-transform: uppercase;
    background: #ffffff;
    color: #9698b6;
    border: 10px solid #777b98;
    border-radius: 15px;
}

#pun-redirect .main-title {
 margin: 0% 0% 0% 20%;
}

/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    background: linear-gradient(0.25turn, #dbc2ae5e, #c9decf73);
    color: rgb(61 57 72);
    border: 1px solid rgb(58 53 69 / 41%);
    padding: 18px 20px !important;
    width: 96% !important;
}
/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(207 206 205 / 16%);
    color: rgb(68 64 79);
    border: 1px solid rgb(121 118 127);
    border-radius: 0px 10px;
    padding: 3px !important;
    margin-left: 20px;
    font-family: cuprum !important;
}
/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.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 {
    position: relative;
    color: rgb(64 59 74);
    border: 2px solid #ffffff00;
    border-image: linear-gradient(0.25turn, #8ca1b1, #979099) 1;
    padding: 10px !important;
    box-shadow: inset 0px 0px 10px 0px #89a2b440, 0px 0px 2px 0px #98939c59;
}


.pun-modal .modal-inner {background-color: #f7e9b6;}


/* B1.9 ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
Îòâå÷àåò çà íàñòðîéêè òîãî ñàìîãî "Ìàøà íàïèñàë(-à), âûäåëèòü êîä è òä.
Ðàáîòàåì òîëüêî ñ 4 ïîñëåäíèìè ïàðàìåòðàìè 
-------------------------------------------------------------*/
.punbb .quote-box cite {
   display: block;
    padding-bottom: 0em;
    letter-spacing: 1px;
    margin: 6px;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    color: rgb(61 57 72);
    font-family: catallina !important;
}

.punbb .code-box strong.legend a{
display: block;
    width: 200px;
    padding: 3px 5px 3px 5px;
    letter-spacing: 2px;
    margin-bottom: 3px;
    border-radius: 0px 0px 10px 10px;
    margin-top: -10px;
    font-style: normal;
    text-align: center;
    background: linear-gradient(0.25turn, #909ba9, #9396a2);
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 4;
    color: rgb(226 226 224);
    font-family: catallina !important;

}

.punbb .code-box strong.legend a:hover{
color: rgb(64 59 74);

}

/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#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: 10px 10px 10px 10px !important;
    background: #ebeae7;
    color: rgb(93 100 112);
    border: 1px solid rgb(158 151 152);
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(255 255 255) 0px 0px 1px inset, #e3ded5 0px 0px 30px inset;
    border-radius: 20px 0px 0px 20px
}

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


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

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

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

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {
          background-image: url(https://i.imgur.com/m3E4Nbg.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    height: 62px;
    margin-left: -26px;
    margin-top: -5px;
    position: absolute;
    width: 58px;
    z-index: 1;
    filter: grayscale(1);
}
/* ÈÊÎÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
        background-image: url(https://i.imgur.com/m3E4Nbg.png);
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    margin-left: -26px;
    margin-top: -5px;
    position: absolute;
    z-index: 99;
    opacity: 1;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

/* ÈÊÎÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -5px 8px;
    height: 24px;
    width: 22px;
z-index: 99;
    background: url(http://forumstatic.ru/files/001b/bd/0a/52389.png) no-repeat;
}

/* ÈÊÎÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#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: -5px 8px;
    height: 24px;
    width: 22px;
    background: url(http://forumstatic.ru/files/001b/bd/0a/52389.png) no-repeat;
}

/* ÈÊÎÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#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: -5px 8px;
    height: 24px;
    width: 22px;
    background: url(http://forumstatic.ru/files/001b/bd/0a/65593.png) no-repeat;
}

/* ÈÊÎÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#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: -5px 8px;
    height: 24px;
    width: 22px;
    background: url(http://forumstatic.ru/files/001b/bd/0a/74011.png) no-repeat;
}


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

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

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

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
   border-radius: 0px 10px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font-size: 9px !important;
    background: #453549a1!important;
    color: rgb(235 234 231) !important;
    font-family: 'catallina'!important;
    letter-spacing: 1px;
    font-weight: 500 !important;
    padding: 3px 5px !important;
    cursor: pointer !important;
}

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: #3062869e!important;
color: rgb(235 234 231) !important;
border: 1px solid rgb(237 236 241 / 60%) !important;
    cursor: pointer!important;
  }

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

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

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


/* ÂÍÅØÍÈÉ ÂÈÄ ÂÛÄÅËÅÍÍÎÃÎ ÒÅÊÑÒÀ
-------------------------------------------------------------*/
::selection { background: #36688c8c;
    color: rgb(232 234 255);
}
/* ÏÐÎÊÐÓÒÊÀ ØÈÐÈÍÀ
-------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 5px;
    height: 5px;}

/* ÄÂÈÆÓÙÀßÑß ×ÀÑÒÜ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
          background: linear-gradient(0.25turn, #473c48, #4c405485);
}

/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background: #f1f1f161;
    border: 1px solid #88a2b452;
}

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

/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ 
-------------------------------------------------------------*/
.go-up, .go-down {
   cursor: pointer;
    display: none;
    height: 50px;
    margin-bottom: 160px;
    padding-left: 25px;
    opacity: 1;
    position: fixed;
    width: 50px;
    z-index: 9999;
}
/* ÊÍÎÏÊÈ ÂÂÅÐÕ ÂÍÈÇ ÏÐÈ ÍÀÂÅÄÅÍÈÈ ×ÓÒÜ ÑÍÈÆÀÅÒÑß ÏÐÎÇÐÀ×ÍÎÑÒÜ ÊÍÎÏÊÈ
-------------------------------------------------------------*/
.go-down:hover, .go-up:hover {
    opacity: 0.7;
}

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

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

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

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

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

/* ÒÅÊÑÒ Â ØÀÏÊÅ
-------------------------------------------------------------*/

#html-header top_text {
          position: absolute;
    font-size: 10px;
    /* background: chocolate; */
    color: rgb(83 83 85);
    width: 356px;
    text-align: justify;
    height: 90px;
    overflow: overlay;
    text-transform: lowercase;
    font-family: cuprum;
    text-shadow: rgb(214 214 214) 1px 1px 0px, rgb(66 66 68 / 10%) 0px 0px 3px;
    direction: ltr;
    margin: -520px 485px !important;
}

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

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

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

#html-header navi {
    position: absolute;
    margin: 219px 264px;
    width: 250px;
    color: rgb(205 215 237);
    text-align: center;
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: 700;
    text-shadow: rgb(82 92 106) 1px 1px 0px, rgb(179 185 195 / 31%) 0px 0px 5px;
    font-family: montserrat !important;
}

#html-header navi a {    color: rgb(208 215 233) !important;     display: inline-block; margin-right: 7px}

#html-header ready {   
    position: absolute;
    margin: 77px 608px;
    width: 210px;
    letter-spacing: 1px;
    text-align: justify;
    font-size: 10px;
    color: #ffffffe8;
    text-transform: uppercase;
    font-family: catallina !important;
    font-weight: 500;
}

#html-header topik {
position: absolute;
width: 85px;
    margin: 321px 906px;
    line-height: 14px;
    opacity: 1;
    transition: ease 1s;
    filter: contrast(1) brightness(0.95) opacity(0.8) grayscale(1);
}

#html-header topik img {
opacity:0.7;
 filter: sepia(100%) opacity(50%);
        -webkit-filter: grayscale(100%) opacity(80%);
         transition: all 0.6s ease 0s;
}
 
#html-header topik img:hover {
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-ms-transition: all 0.5s; 
-o-transition: all 0.5s; 
    -webkit-filter: grayscale(0%);
transition: all 0.5s; 
opacity:1;
filter:alpha(opacity=100);
}


/* 
-------------------------------------------------------------*/
.for_links {text-align: center}

.for_links a { border-radius: 0px 10px!important;
    transition: all 0.5s ease 0s;
    text-transform: lowercase !important;
    font-size: 9px !important;
    font-family: 'Montserrat';
    background: linear-gradient(0.25turn, rgb(106 124 139 / 65%), rgb(115 101 113 / 75%)) !important;
    padding: 2px 9px 3px !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    color: rgb(241 241 241) !important;
}

.for_links a:hover { background: linear-gradient(0.19turn, #adbea5bf, #e7c7afb5)!important;}  


/* ÀÊÒÈÂÈÑÒÛ Â ØÀÏÊÅ
-------------------------------------------------------------*/

#html-header urlnav {
   position: absolute;
    margin: 44px 1021px;
    width: 40px;
    color: #eaebed;
    font-family: cuprum !important;
}
#html-header urlnav a {
   
    color: #eaebed;
    font-family: cuprum !important;
}
#html-header active1 {
    position: absolute;
    margin: 111px 588px;
}

#html-header active1 img {
    position: absolute !important;
    border-radius: 100% !important;
    width: 34px;
    margin-top: 107px;
    margin-left: -571px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header active1 img:hover {    mix-blend-mode: normal;!important }

#html-header active2 {
    position: absolute;
    margin: 165px 535px;
}

#html-header active2 img {
    position: absolute !important;
    border-radius: 100% !important;
    width: 54px;
    margin-top: -71px;
    margin-left: -578px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
   
}

#html-header active2 img:hover {    mix-blend-mode: normal;!important }

.active3 {
    position: absolute;
    margin: 186px 619px;
}

.active3 img {
    position: absolute !important;
    border-radius: 100% !important;
    width: 54px;
    margin-top: 4px;
    margin-left: -662px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

.active3 img:hover {    mix-blend-mode: normal;!important }


#html-header active4 {
    position: absolute;
    margin: 186px 619px;
}

#html-header active4 img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: 40px;
    margin-left: -427px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header active4 img:hover {    mix-blend-mode: normal;!important }

#html-header active5 {
    position: absolute;
    margin: 186px 619px;
}

#html-header active5 img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: 78px;
    margin-left: -491px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header active5 img:hover {    mix-blend-mode: normal;!important }

#html-header active6 {
    position: absolute;
    margin: 186px 619px;
}

#html-header active6 img {
   position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: 87px;
    margin-left: -381px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header active6 img:hover {    mix-blend-mode: normal;!important }

#html-header active7 img {
            position: absolute !important;
    border-radius: 100% !important;
    width: 29px;
    margin-top: 260px;
    margin-left: 375px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header active7 img:hover {    mix-blend-mode: normal;!important }

#html-header episode img {
    position: absolute !important;
    border-radius: 0px 16px !important;
    width: 77px;
    height: 72px;
    margin-top: 164px;
    margin-left: 66px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header episode img:hover {    mix-blend-mode: normal;!important }

#html-header couple img {
            position: absolute !important;
    border-radius: 0px 15px !important;
    width: 77px;
    height: 72px;
    margin-top: 126px;
    margin-left: 893px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header couple img:hover {  mix-blend-mode: normal;!important }

#html-header good img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: 94px;
    margin-left: 847px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header good img:hover {    mix-blend-mode: normal;!important }

#html-header good1 img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: 58px;
    margin-left: 903px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header good1 img:hover {    mix-blend-mode: normal;!important }

#html-header good2 img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: 76px;
    margin-left: 962px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header good2 img:hover {    mix-blend-mode: normal;!important }

#html-header good3 img {
    position: absolute !important;
    border-radius: 100% !important;
    width: 29px;
    margin-top: 260px;
    margin-left: 888px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

#html-header good3 img:hover {    mix-blend-mode: normal;!important }

/* ÑËÀÉÄÅÐ Â ØÀÏÊÅ
-------------------------------------------------------------*/
#html-header slider {
       margin-left: 446px;
    position: absolute;
    width: 42%;
    margin-top: 81px;
}


    /* ÏÎËÅ ÑÑÛËÊÈ ÍÀ ÒÅÌÓ È ÀÂÒÎÐÀ ÏÎÑËÅÄÍÅÃÎ ÑÎÎÁÙÅÍÈß */
#pun-index .category tr .bottom {
        font-family: Segoi !important;
    line-height: 15px;
    font-size: 10px;
    vertical-align: middle;
    background-color: rgb(233 200 176);
    border-bottom: blue;
    border: 10px;
    border-radius: 9px;
    border-radius: 10p;
    border-radius: 10;
    border-radius: 1;
    text-align: right;
    padding: 3px;
    color: rgb(184 109 51);
}

    /* ÑÑÛËÊÈ ÏÐÈ ÍÀÂÅÄÅÍÈÈ */
.punbb .category tr .bottom a{
    opacity: 1;
    font-size: 15px;
    font-weight: bold;
    font-family: Segoi Ui !important;
    font-variant: small-caps;
    text-transform: lowercase;
}
.punbb .category tr .bottom a:hover{
  opacity:0.7;
}

/*ÐÀÇÌÛÒÛÉ ÇÀ×ÅÐÊÍÓÒÛÉ ØÐÈÔÒ*/
.punbb .post-content del {
   text-decoration: none;
filter: blur(2px);
}

.punbb .post-content del:hover {
filter: blur(0px);
}

/*ÀÄÌÈÍÛ Â ØÀÏÊÅ*/

.ams {
    position: absolute;
    top: -118px;
    line-height: 6px;
    color: #e6caaf!important;
    font-family: catallina!important;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
    /* display: inline-flex; */
    align-items: baseline;
    text-align: center;
    text-transform: lowercase;
    font-size: 0px;
    z-index: 50;
    height: 25px;
    width: 188px;
    transform: rotate(0deg);
    left: 217px!important;
}

/* ------------öâåò ññûëîê-----------------------------------------------*/
span.eman a:link {
    color: #fffff!important;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;}

span.eman a:hover { color: #372c3c; text-decoration: none;}

span.eman {
    display: inline-block;
    margin-left: -1px;
    margin-bottom: 0;
    padding-right: 5px;
}

.eman:hover sv1, .eman:hover sv2, .eman:hover sv3, .eman:hover sv4, .eman:hover sv5, .eman:hover sv6, .eman:hover sv7, .eman:hover sv8, .eman:hover sv9, .eman:hover sv10 {
    visibility: visible;
    transform: translateX(-50%) scale(1);
}

.eman sv1 {
    position: absolute;
    display: block;
    top: 10px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 18px;
}

.eman sv2 {
    position: absolute;
    display: block;
    top: 10px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 22px;
}

.eman sv3 {
    position: absolute;
    display: block;
    top: 10px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 26px;
}

.eman sv4 {
    position: absolute;
    display: block;
    top: 10px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 23px;
}

.eman sv6 {
    position: absolute;
    display: block;
    top: 10px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 21px;
}

.eman sv7 {
    position: absolute;
    display: block;
    top: 26px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 21px;
}

.eman sv8 {
    position: absolute;
    display: block;
    top: 26px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 20px;
}

.eman sv9 {
    position: absolute;
    display: block;
    top: 26px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 21px;
}

.eman sv10 {
    position: absolute;
    display: block;
    top: 26px;
    z-index: 9;
    transform: translateX(-50%) scale(0);
    visibility: hidden;
    transition: all .7s ease-in-out 0s;
    letter-spacing: 0;
    max-height: 175px;
    line-height: 12px;
    font-size: 11px;
    margin-left: 25px;
}

/*ÖÈÒÀÒÀ Â ÔÓÒÅÐÅ*/
.citata {    
    position: absolute;
    width: 145px;
    height: 45px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 10px;
    margin-top: -18px!important;
    margin-left: 646px!important;
    overflow: auto;
    line-height: 10.5px;
    padding-right: 4px;
    padding-left: 4px;
    color: #f1f1f1;
    font-family: montserrat !important;
}

.whoh { position: absolute;
    width: 145px;
    height: 21px;
    font-family: catallina !important;
    font-size: 9px;
    color: #1f2e3a;
    font-weight: bold;
    margin-top: -32px!important;
    margin-left: 686px!important;
}

.tablapost::-webkit-scrollbar {
        width: 4px;
    height: 2px;
}

.tablapost::-webkit-scrollbar-thumb {
       background-color: #849e66;
    border: 1px solid #849e66;
    box-shadow: none!important;
}

.tablapost::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    box-shadow: none!important;
}


.tablapost_pic {   position: absolute;
    margin: 199px 119px!important;
    width: 60px;
    height: 70px;
}

/*ÍÓÆÍÛÅ Â ÔÓÒÅÐÅ*/

.needs img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: -32px!important;
    margin-left: 828px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

.needs img:hover {    mix-blend-mode: normal;!important }

.needs1 img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: -3px!important;
    margin-left: 888px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

.needs1 img:hover {    mix-blend-mode: normal;!important }

.needs2 img {
    position: absolute !important;
    border-radius: 0px 6px !important;
    width: 30px;
    height: 29px;
    margin-top: -30px!important;
    margin-left: 950px;
    filter: grayscale(1);
    mix-blend-mode: soft-light;
}

.needs2 img:hover {    mix-blend-mode: normal;!important }

/*ÁÀÍÍÅÐÛ*/

.banneri {
position: absolute;
    z-index: 9999;
    width: 377px;
    height: 45px;
    margin-top: -30px!important;
    margin-bottom: 0px!important;
    margin-left: 217px!important;
    overflow: auto;
   text-align: justify;
    padding: 3px;
    line-height: 16px;
}

.banneri img {
opacity:0.7;
 filter: sepia(100%) opacity(50%);
        -webkit-filter: grayscale(100%) opacity(80%);
         transition: all 0.6s ease 0s;
}
 
.banneri img:hover {
-moz-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-ms-transition: all 0.5s; 
-o-transition: all 0.5s; 
    -webkit-filter: grayscale(0%);
transition: all 0.5s; 
opacity:1;
filter:alpha(opacity=100);
}

.banneri::-webkit-scrollbar { width: 3px; height: 1px; }

.banneri::-webkit-scrollbar-thumb {
  background: linear-gradient(0turn, #7fa5c57d, #625d68);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

.banneri::-webkit-scrollbar-track {
     background: #f1f1f126;
    box-shadow: none!important;
    border-radius: 0px 10px;
}


/*ÏÐÈÂÅÒÑÒÂÈÅ Â ØÀÏÊÅ*/

#html-header aboutus  { 
    position: absolute;
    width: 158px;
    height: 42px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
    font-family: montserrat!important;
    margin: 82px -21px;
    overflow: auto;
    line-height: 10.5px;
    padding-right: 5px;
    padding-left: 4px;
    color: #ffffff;
}


#html-header aboutus::-webkit-scrollbar { width: 3px; height: 2px; }

#html-header aboutus::-webkit-scrollbar-thumb {
  background: linear-gradient(0turn, #cbd0ce, #a1b7a4);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

#html-header aboutus::-webkit-scrollbar-track {
   background: #52415563;
    box-shadow: none!important;
    border-radius: 0px 10px;
}

/*ÍÀÑÒÐÎÉÊÀ ÏËÀØÊÈ*/

.phali {
    position: absolute;
    width: 190px;
    height: 91px;
    overflow: auto;
    padding-right: 6px;
    margin-left: 680px!important;
    margin-top: 221px!important;
}


.phali::-webkit-scrollbar { width: 2px; height: 0px; }

.phali::-webkit-scrollbar-thumb {
  background: linear-gradient(0turn, #7fa5c57d, #625d68);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

.phali::-webkit-scrollbar-track {
     background: #f1f1f126;
    box-shadow: none!important;
    border-radius: 0px 10px;
}

.plaha { background: linear-gradient(0.19turn, #365c78bf, #523e52c4)!important;
    height: 29px;
    width: 189px;
    border-radius: 0px 15px 15px 0px;
    display: inline-block;
    margin-bottom: 3px!important;
}

.plaha pic {    
    position: absolute;
    margin: 2px 4px;}

.plaha pic img {    width: 25px;    height: 25px;}

.plaha text {   
   text-transform: uppercase;
    font-size: 10px;
    font-family: catallina;
    margin: 4px 34px;
    width: 105px;
    height: 20px;
    color: #ffffff!important;
    position: absolute;
    text-align: left;
    line-height: 11px;
}
.plaha:hover {    background: linear-gradient(0.19turn, #adbea5bf, #e7c7afb5)!important;}

.plaha stroka {
    font-size: 7px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: montserrat;
    margin: 2px 34px;
    width: 118px;
    height: 20px;
    color: #ffffff!important;
    position: absolute;
    text-align: left;
    line-height: 11px;
}

/*íàâèãàöèÿ ïîäôîðóìà*/
#pun-index .tcl {
    width: 35%;
    padding-right: 30px !important;
}
/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
                    width: 480px;
    font-size: 10px;
   url(https://i.imgur.com/DGaucZ1.png) center top no-repeat, url(https://i.imgur.com/PwksJSh.png) center bottom no-repeat, url(https://i.imgur.com/2I5ecBg.png) repeat-y;
    text-transform: lowercase;
    min-height: 63px;
    margin-left: -19px;
    margin-top: 17px;
    text-align: justify;
    padding: 45px 0px 36px;
}
.plinks {
    text-align: center;
    font-family: arial;
    font-weight: 700;
    word-spacing: 3px;
    background-color: #e9e9e9;
    margin: 6px 0px 0px 0 !important;
    padding: 0px 2px 2px 2px;}

#html-header progr{
   position: absolute;
    font-family: catallina !important;
    font-size: 9px;
    text-transform: uppercase;
    margin-top: 66px;
    margin-left: 27px;
    font-weight: bold;
    color: #523f53;
}

#html-header word{
            position: absolute;
    font-family: cuprum !important;
    font-size: 13px;
    margin-top: 243px;
    margin-left: 786px;
    color: #f1f1f1;
    letter-spacing: 1px;
}

#html-header post{
            position: absolute;
    font-family: cuprum !important;
    font-size: 13px;
    margin-top: 58px;
    margin-left: 805px;
    color: #f1f1f1;
    letter-spacing: 1px;
}

#html-header number{
                    position: absolute;
    font-size: 68px;
    margin-top: 63px;
    font-family: nizhe !important;
    margin-left: 809px;
    color: #f1f1f1;
    letter-spacing: 1px;
}

#html-header need{
              position: absolute;
    color: #f1f1f1;
    font-family: cuprum !important;
    letter-spacing: 1px;
    font-size: 13px;
    margin-top: 243px;
    margin-left: 266px;
}

/*ÂÍÅØÍÎÑÒÈ È ÈÌÅÍÀ*/
.imvneh1 {transform: rotate(0deg);
    font-family: finches;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 4px;
    width: 79px;
    padding: 4px 0px 2px 0px;
    border-radius: 10px;
    text-align: center;
    margin-left: 97px!important;
    color: #372c3c;
    heigth: 10px;
    line-height: 150%;}

.imvneh2 {height: 100px;
    width: 248px;
    margin-left: 0px!important;
    background-color: rgb(196 197 213 / 13%);
    border-radius: 10px 0px 0px 10px;
    overflow: auto;
    padding: 8px 8px 8px 8px;
    color: #626f7c;
    text-align: left;
    font-family: catallina;
    text-transform: uppercase;
    font-size: 9px;
    border: 1px solid rgb(74 55 75 / 40%);
}

.imvnehname {height: 245px;
    width: 248px;
    margin-left: 0px!important;
    background-color: rgb(196 197 213 / 13%);
    border-radius: 10px 0px 0px 10px;
    overflow: auto;
    padding: 8px 8px 8px 8px;
    color: #787b99;
    text-align: left;
    font-family: catallina;
    text-transform: uppercase;
    font-size: 9px;
    border: 1px solid rgb(74 55 75 / 40%);
}

.imvnehsurname {height: 348px;
    width: 248px;
    margin-left: 0px!important;
    background-color: rgb(196 197 213 / 13%);
    border-radius: 10px 0px 0px 10px;
    overflow: auto;
    padding: 8px 8px 8px 8px;
    color: #787b99;
    text-align: left;
    font-family: catallina;
    text-transform: uppercase;
    font-size: 9px;
    border: 1px solid rgb(74 55 75 / 40%);
}


/*ÖÂÅÒ ÊÀÐÒÈÍÊÈ Â ÍÓÆÍÛÕ È ÇÀÃÎËÎÂÎÊ*/
.necessary {width: 280px;
    height: 100px;
    background: #8aa2b4;
    border-radius: 0px 10px 0px 10px;}
.necessary img {width: 280px;
    height: 100px;
    object-fit: cover;
    filter: brightness(0.8) grayscale(1) contrast(90%);
    -webkit-filter: brightness(0.8) grayscale(1) contrast(90%);
    opacity: 0.5;
    border-radius: 0px 10px 0px 10px!important;}

.necessary1 {
background-color: #746d7a; 
height: 32px; 
width: 370px; 
font-family: catallina; 
font-size: 19px; 
text-transform: uppercase; 
color: #f1f1f1; 
line-height: 30px; 
border-radius: 10px 0px 10px 0px;
}

/*ÌÀÃÀÇÈÍ*/
.magaz1 {transform: rotate(0deg);
    font-family: catallina;
    font-size: 14px;
    width: 140px;
    text-transform: uppercase;
    border-radius: 10px;
    text-align: center;
    margin-left: 63px!important;
    color: #dce1e5;
    heigth: 10px;
    line-height: 150%;}

.magaz2 {
   height: 364px;
    width: 255px;
    margin-left: 2px!important;
    background-color: rgb(196 197 213 / 13%);
    border-radius: 10px;
    overflow: auto;
    padding: 5px;
    color: #dadfe3;
    text-align: center;
    font-family: montserrat;
    font-size: 12px;
    border: 1px solid rgb(74 55 75 / 40%);
}

.magaz2::-webkit-scrollbar { width: 4px; height: 2px; }

.magaz2::-webkit-scrollbar-thumb {
  background: linear-gradient(0turn, #335574ab, #49364dd6);
    box-shadow: none!important;
    border-radius: 10px;
}

.magaz2::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
    border-radius: 10px;
}

.magaz3 {transform: rotate(0deg);
    font-family: catallina;
    font-size: 14px;
    width: 272px;
    text-transform: uppercase;
    border-radius: 10px;
    text-align: center;
    margin-left: 63px!important;
    color: #dce1e5;
    heigth: 10px;
    line-height: 150%;}

.magaz4 {
   height: 316px;
    width: 309px;
    margin-left: 38px!important;
    background-color: rgb(196 197 213 / 13%);
    border-radius: 10px;
    overflow: auto;
    padding: 5px;
    color: #dadfe3;
    text-align: center;
    font-family: montserrat;
    font-size: 12px;
    border: 1px solid rgb(74 55 75 / 40%);
}

.magaz6 {
   height: 158px;
    width: 309px;
    margin-left: 38px!important;
    background-color: rgb(196 197 213 / 13%);
    border-radius: 10px;
    overflow: auto;
    padding: 5px;
    color: #dadfe3;
    text-align: center;
    font-family: montserrat;
    font-size: 12px;
    border: 1px solid rgb(74 55 75 / 40%);
}


/* ÏËÀØÊÀ ÑÒÀÒÈÊÀ     */

.plash, .plash1 {
    margin: 5px 4px 5px 13px !important;
    height: 25px;
    border-radius: 5px;
    width: 198px;
    background-color: #b2b4c9;
    box-shadow: 0 0 6px #b2b4c9 inset;
}

.plash img {
    max-height: 35px;
    margin-top: -10px !important;
    position: absolute;
    margin-left: -97px !important;
}


.plash2 {
    font: 300 10px Cuprum;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    color: #f1f1f1;
    padding-top: 4px;
    text-align: center;
    padding-left: 21px !important;
}

.plash1 img {
    max-height: 35px;
    margin-top: -10px !important;
    position: absolute;
}

/* ÀÍÈÌÀÖÈß Â ØÀÏÊÅ */

#html-header animation {
    position: absolute;
    margin: 217px 763px;
}

#html-header animation2 {
       position: absolute;
    margin: 238px 663px;
}

#html-header animation3 {
       position: absolute;
    margin: 54px 32px;
}

#html-header animation4 {
       position: absolute;
    margin: 44px 891px;
}

/*** ÷òîáû íå æàëîâàëèñü ***/
li.pl-reports {
display: none !important;
}


/* ËÈ×ÍÎÅ ÇÂÀÍÈÅ */

   li.pa-fld1 { 
   text-align: justify;
    width: 180px!important;
    padding: 10px 0px 10px 0px!important;
    margin-left: 10px;
    font-family: montserrat !important;
    font-size: 9px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #e7ebe9;
    margin-top: 8px!important;
    text-transform: uppercase;
    background: #ffffff1a;
    border: 0px solid #f1f1f1;
    line-height: 10px;
    /* border-radius: 15px 15px 15px 15px; */
    margin-bottom: 3px;
}


li.pa-fld1 a {
color: #e7ebe9e3 !important;
    font-weight: normal;
}

li.pa-fld1 name {
    font-size: 10px;
    font-family: Montserrat;
    text-transform: uppercase;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    letter-spacing: 2px;
}

li.pa-fld1 name a {    #e7ebe9e3 !important }

li.pa-fld1 name a:hover {color: #3a3545 !important;}

li.pa-fld1 race { 
    font-size: 9px;
    font-family: montserrat;
    letter-spacing: 2px;
    font-weight: normal;
    color: #e7ebe9e3;
    text-transform: lowercase;
}

li.pa-fld2 {   
    height: 27px;
    width: 200px;
    margin-bottom: 27px;
    margin-left: 0px;
    margin-top: -14px;
   }

 li.pa-fld2 phonS { position: absolute;
    height: 52px;
    width: 183px;
    margin-left: -91px;
    margin-top: -16px;
}

 li.pa-fld2 plashkaS {display: block;}

 .pa-fld2 kartinkaS img {height: 49px; margin-top:0px;  margin-left: -125px;  }

 li.pa-fld2 kartinkaS {width: 49px; height: 49px; }

  li.pa-fld2 textS {width: 130px;
    line-height: 120%;
    text-align: center;
    height: 20px;
    position: absolute;
    margin-left: -2px;
    margin-top: 9px;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: 'cuprum';
    color: #464451;
    text-transform: uppercase;
    font-weight: bold;
  }




/* ËÑ 
-------------------------------------------------------------*/

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 13px !important;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}


.oformleniee0 {width: 690px;
background: #9097b4 url(https://i.imgur.com/8ElAN5G.png) center center; ;
height: 50px;
border-radius: 20px 20px 0 0px;
padding: 40px 0px 0px 0px;
border: 1px solid #b4b6ca;}

.oformleniee1 {width: 672px;
margin: -24px!important;
color: #f6e5b5;
text-align: center;
font-family: nizhe;
text-transform: lowercase;
font-size: 43px;
}

.oformleniee2 {width: 672px;
    color: #fffefe;
    margin: 20px!important;
    text-align: center;
    font-family: cuprum;
    text-transform: lowercase;
    font-size: 14px;
}


.twinki0 {background-color: #0000000f;
border-radius: 20px;
height: 140px!important;}
.twinki1 {margin-left: 20px!important;}
.twinki1 img {width: 50px;
height: 100px; object-fit:cover;
filter: brightness(0.8) grayscale(1) contrast(90%);
-webkit-filter:brightness(0.8) grayscale(1) contrast(90%);
border-radius: 5px;
border: 1px solid #1a1a1a !important;
margin-top: 20px!important;}

.twinki2 {margin-left: 80px!important;
margin-top: -100px!important;}
.twinki3 {font-family: Arial;
font-size: 11px;
letter-spacing: 0.5px;}
.twinki3 nameT {font-family: Yeseva One;
font-size: 18px;
letter-spacing: 0px;}


/* ËÈ×ÍÀß ÑÒÐÀÍÈÖÀ
-------------------------------------------------------------*/
.cute_ls {
background-image: url(https://i.imgur.com/LxBA0bY.png);
    width: 916px;
    height: 615px;
    position: relative;
}


.cutels_name {
position: absolute;
    margin: 23px 0 0px 69px!important;
    width: 229px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-family: catallina;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: #f4f5f5;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 1px 1px 0px #4e3e50;
}

.cutels_gif {
height: 108px;
    width: 108px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100%;
    position: absolute;
    margin: 50px 0 0 32px!important;
    mix-blend-mode: overlay;
    filter: grayscale(1) brightness(1.5) contrast(0.5);
    box-shadow: rgb(255 255 255 / 50%) 0 0 2px 1px inset;
}

.cutels_awards {
position: absolute;
    width: 291px;
    height: 154px;
    overflow: hidden auto;
    padding: 2px 10px;
    margin: 238px 0px 0px 28px !important;
}

.cutels_awards img {
height: 50px;
width: auto;
margin: 2px;
}

.cutels_sertif {
position: absolute;
    margin: 431px 0 0 34px!important;
    width: 301px;
    height: 154px;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
    padding: 0;
}

.cutels_sertif img {
margin: 0 0 -4px 0!important;
}

.cutels_stickers {
position: absolute;
    width: 308px;
    height: 162px;
    margin: 230px 0 0 24px!important;
    padding: 12px;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
}

.cutels_stickers::-webkit-scrollbar { width: 2px; height: 3px; }

.cutels_stickers::-webkit-scrollbar-thumb {
     background: linear-gradient(0.25turn, #473c48, #4c405485);
    box-shadow: none!important;
}

.cutels_stickers::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
}

.cutels_plashki {
position: absolute;
    width: 310px;
    height: 162px;
    margin: 421px 0 0 22px!important;
    padding: 12px;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
}

.cutels_plashki::-webkit-scrollbar { width: 2px; height: 5px; }

.cutels_plashki::-webkit-scrollbar-thumb {
     background: linear-gradient(0.25turn, #473c48, #4c405485);
    box-shadow: none!important;
}

.cutels_plashki::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
}


.cu_info {position: absolute;
    margin: 55px 0px 0px 146px!important;
    width: 180px;
    height: 100px;
    overflow: auto;
    font-family: montserrat;
    font-size: 12px;
    color: #e5e5eb;
    text-align: left;
    display: flex;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px 0px 0px 6px;}

.cu_info::-webkit-scrollbar { width: 2px; height: 5px; }

.cu_info::-webkit-scrollbar-thumb {
     background: linear-gradient(0.25turn, #473c48, #4c405485);
    box-shadow: none!important;
}

.cu_info::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
}


.cu_points {position: absolute;
    margin: 185px 0px 0px 32px!important;
    font-size: 15px;
    font-family: montserrat;
    color: white;
    width: 305px;
    text-shadow: 1px 1px 0px #656784;}
}


/* ÊÜÞ×ÈÂÊÈ
-------------------------------------------------------------*/

/* ------------ìàðâåë---------------*/
.cute_ls .iteme {
    width: 275px!important;
    height: 155px!important;
    display: inline-block!important;
    margin: -3px 0 0 1px!important;
    padding: 0!important;
}

.kep0,.tor0,.strange0,.tom0,.tony0 {opacity: 0.2; filter: blur(2px) grayscale(1);}
.kep1,.tor1,.strange1,.tom1,.tony1 {opacity: 1;}

.marvel {background: url(http://forumstatic.ru/files/001b/bd/0a/61423.png);}

.kep0, .kep1 {background: url(https://i.ibb.co/fkQqSd8/19.png); width: 51px; height: 72px; position: absolute; margin: 8px 0 0px 88px!important; }
.tor0, .tor1 {background: url(https://i.ibb.co/4tXc3FW/21.png); width: 50px; height: 72px; position: absolute; margin: 8px 0 0px 173px!important;}
.strange0, .strange1 {background: url(https://i.ibb.co/4gdK9bB/23.png); width: 74px; height: 71px; position: absolute; margin: 59px 0 0px 15px!important;}
.tom0, .tom1 {background: url(https://i.ibb.co/FXRQ7SQ/22.png); width: 55px; height: 68px; position: absolute; margin: 76px 0 0px 210px!important;}
.tony0, .tony1 {background: url(https://i.ibb.co/dDHz4bQ/20.png); width: 42px; height: 67px; position: absolute; margin: 76px 0 0px 135px!important;}

/* ------------õýëë---------------*/
.cute_ls .hell {
    width: 275px;
    height: 155px;
    display: inline-block;
    margin: -3px 0 0 1px;
    padding: 0;
}

.beetle0,.franky0,.scream0,.penny0,.anna0 {opacity: 0.2; filter: blur(2px) grayscale(1);}
.beetle1,.franky1,.scream1,.penny1,.anna1 {opacity: 1;}

.helloween {background: url(https://i.imgur.com/va53T3e.png);}

.beetle0, .beetle1 {background: url(https://i.imgur.com/P2VvoyU.png); width: 70px; height: 70px; position: absolute; margin: 8px 0 0px 9px!important; }
.franky0, .franky1 {background: url(https://i.imgur.com/vC0zRw2.png); width: 60px; height: 70px; position: absolute; margin: 76px 0 0px 159px!important;}
.scream0, .scream1 {background: url(https://i.imgur.com/XmWWNf1.png); width: 60px; height: 70px; position: absolute; margin: 10px 0 0px 206px!important;}
.penny0, .penny1 {background: url(https://i.imgur.com/dsCqsz6.png); width: 70px; height: 70px; position: absolute; margin: 5px 0 0px 107px!important;}
.anna0, .anna1 {background: url(https://i.imgur.com/9Al9KwZ.png); width: 60px; height: 70px; position: absolute; margin: 77px 0 0px 63px!important;}

/* ------------ãï---------------*/
.cute_ls .hpot {
width: 275px;
    height: 155px;
    display: inline-block;
    margin: -3px 0 0 1px;
    padding: 0;
}

.dobby0,.voland0,.harry0,.ron0,.hermi0 {opacity: 0.2; filter: blur(2px) grayscale(1);}
.dobby1,.voland1,.harry1,.ron1,.hermi1 {opacity: 1;}

.potter {background: url(https://i.imgur.com/D5F8ABK.png);}

.dobby0, .dobby1 {background: url(https://i.imgur.com/DP591RU.png); width: 70px; height: 70px; position: absolute; margin: 13px 0 0px 31px!important; }
.voland0, .voland1 {background: url(https://i.imgur.com/DecWthv.png); width: 70px; height: 70px; position: absolute; margin: 76px 0 0px 16px!important;}
.harry0, .harry1 {background: url(https://i.imgur.com/335yreK.png); width: 70px; height: 70px; position: absolute; margin: 69px 0 0px 100px!important;}
.ron0, .ron1 {background: url(https://i.imgur.com/aw37Upm.png); width: 70px; height: 70px; position: absolute; margin: 10px 0 0px 142px!important;}
.hermi0, .hermi1 {background: url(https://i.imgur.com/vmlEuxA.png); width: 70px; height: 70px; position: absolute; margin: 74px 0 0px 200px!important;}


/* ÏËÀÊÀÒÛ
-------------------------------------------------------------*/
.cutels_plakati {
position: absolute;
    width: 526px;
    height: 533px;
    margin: 47px 0 0 355px!important;
    padding: 4px;
    box-sizing: border-box;
    text-align: left;
 overflow: auto;
}

/* ------------ÔÈËÜÌÛ-------------------------------------------------*/
.cute_ls .film {
position: absolute;
    width: 515px;
    height: 495px;
    margin: 4px 0 0 3px!important;
    padding-top: 12px;
    box-sizing: border-box;
    text-align: left;
}

.cute_ls .film::-webkit-scrollbar { width: 2px; height: 5px; }

.cute_ls .film::-webkit-scrollbar-thumb {
     background: linear-gradient(0.25turn, #473c48, #4c405485);
    box-shadow: none!important;
}

.cute_ls .film::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
}

.pkm0,.vlko0,.stw0,.tit0,.sum0,.ono0,.dnpa0,.krch0,.misnv0,.matr0,.hati0,.elem0,.lala0,.gord0,.ava0,.grta0,.miib0,.mask0,.anch0,.forg0 {opacity: 0.2; filter: grayscale(1);}
.pkm1,.vlko1,.stw1,.tit1,.sum1,.ono1,.dnpa1,.krch1,.misnv1,.matr1,.hati1,.elem1,.lala1,.gord1,.ava1,.grta1, .miib1,.mask1,.anch1,.forg1 {opacity: 1;}

.pkm0, .pkm1 {background: url(https://i.imgur.com/XOOMO44.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 0px!important; }
.vlko0, .vlko1 {background: url(https://i.imgur.com/UYu1uib.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 130px!important;  }
.stw0, .stw1 {background: url(https://i.imgur.com/QsZ9SLm.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 260px!important;  }
.tit0, .tit1 {background: url(https://i.imgur.com/d8WB1If.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 390px!important; }

.sum0, .sum1 {background: url(https://i.imgur.com/BZZeo73.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 0px!important;  }
.ono0, .ono1 {background: url(https://i.imgur.com/B1VAy6P.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 130px!important; }
.dnpa0, .dnpa1 {background: url(https://i.imgur.com/FjVCYYz.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 260px!important;  }
.krch0, .krch1 {background: url(https://i.imgur.com/KBKMia2.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 390px!important;  }

.misnv0, .misnv1 {background: url(https://i.imgur.com/U47iEuf.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 0px!important;  }
.matr0, .matr1 {background: url(https://i.imgur.com/F0jmRB1.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 130px!important; }
.hati0, .hati1 {background: url(https://i.imgur.com/9FsRCF8.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 260px!important;  }
.elem0, .elem1 {background: url(https://i.imgur.com/0vOdK2S.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 390px!important;  }

.lala0, .lala1 {background: url(https://i.imgur.com/HvvR49n.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 0px!important;  }
.gord0, .gord1 {background: url(https://i.imgur.com/wUlpxkR.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 130px!important; }
.ava0, .ava1 {background: url(https://i.imgur.com/7qOMyMz.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 260px!important;  }
.grta0, .grta1 {background: url(https://i.imgur.com/NuUVhVs.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 390px!important;  }

.miib0, .miib1 {background: url(https://i.imgur.com/o4NUSvz.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 0px!important;  }
.mask0, .mask1 {background: url(https://i.imgur.com/BlvkBIJ.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 130px!important; }
.anch0, .anch1 {background: url(https://i.imgur.com/tbQOl9D.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 260px!important;  }
.forg0, .forg1 {background: url(https://i.imgur.com/wSPgRWQ.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 390px!important;  }

/* ------------ÑÅÐÈÀËÛ-------------------------------------------------*/
.cute_ls .serial {
position: absolute;
    width: 515px;
    height: 495px;
    margin: 4px 0 0 3px!important;
    padding-top: 12px;
    box-sizing: border-box;
    text-align: left;
}

.cute_ls .serial::-webkit-scrollbar { width: 2px; height: 5px; }

.cute_ls .serial::-webkit-scrollbar-thumb {
     background: linear-gradient(0.25turn, #473c48, #4c405485);
    box-shadow: none!important;
}

.cute_ls .serial::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
}

.aiy0,.sverh0,.frien0,.gamthr0,.sham0,.sex0,.sher0,.sabri0,.char0,.gosg0,.tbv0,.vamp0,.domhoz0,.hmertv0,.buffy0,.mama0,.kill0,.kalmar0,.boys0,.vedm0 {opacity: 0.2; filter: grayscale(1);}
.aiy1,.sverh1,.frien1,.gamthr1,.sham1,.sex1,.sher1,.sabri1,.char1,.gosg1,.tbv1,.vamp1,.domhoz1,.hmertv1,.buffy1,.mama1, .kill1,.kalmar1,.boys1,.vedm1 {opacity: 1;}

.aiy0, .aiy1 {background: url(https://i.imgur.com/C8oreu7.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 0px!important; }
.sverh0, .sverh1 {background: url(https://i.imgur.com/FVLkYTQ.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 130px!important; }
.frien0, .frien1 {background: url(https://i.imgur.com/68YQW4L.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 260px!important;}
.gamthr0, .gamthr1 {background: url(https://i.imgur.com/v05Bw1G.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 390px!important; }

.sham0, .sham1 {background: url(https://i.imgur.com/5HZ9RNK.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 0px!important; }
.sex0, .sex1 {background: url(https://i.imgur.com/7keWklc.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 130px!important;}
.sher0, .sher1 {background: url(https://i.imgur.com/57zyStP.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 260px!important;}
.sabri0, .sabri1 {background: url(https://i.imgur.com/Rnmwgof.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 390px!important;}

.char0, .char1 {background: url(https://i.imgur.com/RCW1iUn.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 0px!important;  }
.gosg0, .gosg1 {background: url(https://i.imgur.com/RJMDBIH.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 130px!important; }
.tbv0, .tbv1 {background: url(https://i.imgur.com/dpoTayW.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 260px!important;  }
.vamp0, .vamp1 {background: url(https://i.imgur.com/x4P25Gj.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 390px!important;  }

.domhoz0, .domhoz1 {background: url(https://i.imgur.com/MWpuq72.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 0px!important;  }
.hmertv0, .hmertv1 {background: url(https://i.imgur.com/X1pAx6l.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 130px!important; }
.buffy0, .buffy1 {background: url(https://i.imgur.com/BHqZCYF.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 260px!important;  }
.mama0, .mama1 {background: url(https://i.imgur.com/TdFqj5q.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 390px!important;  }

.kill0, .kill1 {background: url(https://i.imgur.com/Kxf2VxJ.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 0px!important;  }
.kalmar0, .kalmar1 {background: url(https://i.imgur.com/zJurdDj.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 130px!important; }
.boys0, .boys1 {background: url(https://i.imgur.com/1YwKwga.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 260px!important;  }
.vedm0, .vedm1 {background: url(https://i.imgur.com/APUWDkv.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 390px!important;  }



/* ------------ÌÓËÜÒÔÈËÜÌÛ-------------------------------------------------*/
.cute_ls .mult {
position: absolute;
    width: 515px;
    height: 495px;
    margin: 4px 0 0 -5px!important;
    padding-top: 12px;
    box-sizing: border-box;
    text-align: left;
}

.cute_ls .mult::-webkit-scrollbar { width: 2px; height: 5px; }

.cute_ls .mult::-webkit-scrollbar-thumb {
     background: linear-gradient(0.25turn, #473c48, #4c405485);
    box-shadow: none!important;
}

.cute_ls .mult::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
}

.dogs0,.dalma0,.froz0,.lionk0,.shrek0,.madg0,.zver0,.rata0,.iceage0,.tjer0,.drag0,.lady0,.rusa0,.allad0,.krchud0,.hey0,.scoby0,.rick0,.simp0,.monstr0 {opacity: 0.2; filter: grayscale(1);}
.dogs1,.dalma1,.froz1,.lionk1,.shrek1,.madg1,.zver1,.rata1,.iceage1,.tjer1,.drag1,.lady1,.rusa1,.allad1,.krchud1,.hey1,.scoby1,.rick1,.simp1,.monstr1 {opacity: 1;}

.dogs0, .dogs1 {background: url(https://i.imgur.com/HWIn4bZ.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 7px!important; }
.dalma0, .dalma1 {background: url(https://i.imgur.com/nGkcu28.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 137px!important; }
.froz0, .froz1 {background: url(https://i.imgur.com/FvEyNOd.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 267px!important; }
.lionk0, .lionk1 {background: url(https://i.imgur.com/GXKA1V3.png); width: 133px; height: 157px; position: absolute; margin: -14px 0 0px 397px!important;}

.shrek0, .shrek1 {background: url(https://i.imgur.com/6DLPACG.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 7px!important;  }
.madg0, .madg1 {background: url(https://i.imgur.com/xSWBLfR.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 137px!important; }
.zver0, .zver1 {background: url(https://i.imgur.com/fvTaxn6.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 267px!important;  }
.rata0, .rata1 {background: url(https://i.imgur.com/DdOrTc3.png); width: 133px; height: 157px; position: absolute; margin: 139px 0 0px 397px!important;  }

.iceage0, .iceage1 {background: url(https://i.imgur.com/ur66duD.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 7px!important;  }
.tjer0, .tjer1 {background: url(https://i.imgur.com/NaNQrxz.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 137px!important; }
.drag0, .drag1 {background: url(https://i.imgur.com/JZJoCAj.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 267px!important;  }
.lady0, .lady1 {background: url(https://i.imgur.com/o9xkBxJ.png); width: 133px; height: 157px; position: absolute; margin: 292px 0 0px 397px!important;  }

.rusa0, .rusa1 {background: url(https://i.imgur.com/m6jb6m9.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 7px!important;  }
.allad0, .allad1 {background: url(https://i.imgur.com/WSM2ksO.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 137px!important; }
.krchud0, .krchud1 {background: url(https://i.imgur.com/FsIj7GE.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 267px!important;  }
.hey0, .hey1 {background: url(https://i.imgur.com/Qz9Jma4.png); width: 133px; height: 157px; position: absolute; margin: 445px 0 0px 397px!important;  }

.scoby0, .scoby1 {background: url(https://i.imgur.com/Y4qO9WW.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 7px!important;  }
.rick0, .rick1 {background: url(https://i.imgur.com/Ol0hZ62.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 137px!important; }
.simp0, .simp1 {background: url(https://i.imgur.com/CuYcowL.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 267px!important;  }
.monstr0, .monstr1 {background: url(https://i.imgur.com/1HudcYI.png); width: 133px; height: 157px; position: absolute; margin: 598px 0 0px 397px!important;  }


/* ------------ÍÎÂÀß ÃÎÑÒÅÂÀß-----------------------------------------------*/
.template-header.gb {
background: url(https://i.imgur.com/03A48VB.png) no-repeat top !important;
    padding-top: 115px !important;
   }

.template-header {
    background: url(https://i.imgur.com/03A48VB.png) no-repeat top;
    width: 899px;
    height: 461px;
    box-sizing: border-box;
    border-radius: 15px 0px;
    margin-top: -47px!important;
    position: relative;
}

.cite {
   font-size: 11px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: catallina;
    position: absolute;
    color: #f3f3f3;
    margin-top: 24px!important;
    margin-left: 544px!important;
}

.template-main {
width: 266px;
    height: 63px;
    overflow: auto;
    font-size: 10px !important;
    font-weight: 500;
    color: #f3f3f3;
    font-family: 'Montserrat';
    text-align: justify;
    margin-top: -26px !important;
    margin-left: -468px!important;
    padding: 0px 5px;
}

.template-main::-webkit-scrollbar {
    width: 4px;
    height: 2px;
}

.template-main::-webkit-scrollbar-thumb {
      background: linear-gradient(0turn, #7fa5c57d, #625d68);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

.template-main::-webkit-scrollbar-track {
    background: #f1f1f161;
    box-shadow: none!important;
    border-radius: 0px 10px;
}

.gost {
   margin-top: 59px !important;
    margin-left: -242px!important;
    display: flex;
    flex-wrap: wrap;
    width: 748px;
    justify-content: space-evenly;

}

.gost faces { position: absolute;
    margin-top: 4px !important;
    margin-left: -287px !important;
    width: 177px;
    height: 151px;
    overflow: auto;
    padding-left: 3px;
    text-transform: lowercase;
    font-size: 10px;
    text-align: left;
    line-height: 16px;
    color: #f3f3f3!important;
    font-family: 'Montserrat';
}

/* ------------öâåò ññûëîê-----------------------------------------------*/
.gost faces a:link { color: #372c3c; text-decoration: none; font-weight: 600; transition: color 0.3s ease-in-out 0s;}
.gost faces a:hover { color: #d8d0bb; text-decoration: none; font-weight: 600; }

/* ------------ñêðîëë áàð-----------------------------------------------*/
.gost faces::-webkit-scrollbar { width: 4px; height: 2px; }

.gost faces::-webkit-scrollbar-thumb {
    background: linear-gradient(0turn, #7fa5c57d, #625d68);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

.gost faces::-webkit-scrollbar-track {
    background: #f1f1f161;
    box-shadow: none!important;
    border-radius: 0px 10px;
}

.gost faces1 { position: absolute;
    margin-top: 4px !important;
    margin-left: 122px !important;
    width: 177px;
    height: 151px;
    overflow: auto;
    padding-left: 3px;
    text-transform: lowercase;
    font-size: 10px;
    text-align: left;
    line-height: 15px;
    color: #f3f3f3 !important;
    font-family: 'Montserrat';
}

/* ------------öâåò ññûëîê-----------------------------------------------*/
.gost faces1 a:link { color: #372c3c; text-decoration: none; font-weight: 600; transition: color 0.3s ease-in-out 0s;}
.gost faces1 a:hover { color: #d8d0bb; text-decoration: none; font-weight: 600; }

.gost faces1::-webkit-scrollbar { width: 4px; height: 2px; }

/* ------------ñêðîëë áàð-----------------------------------------------*/
.gost faces1::-webkit-scrollbar-thumb {
     background: linear-gradient(0turn, #7fa5c57d, #625d68);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

.gost faces1::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
    border-radius: 0px 10px;
}


.gost faces2 { position: absolute;
    margin-top: 4px !important;
    margin-left: 515px !important;
    width: 177px;
    height: 151px;
    overflow: auto;
    padding-left: 3px;
    text-transform: lowercase;
    font-size: 10px;
    text-align: left;
    line-height: 15px;
    color: #f3f3f3 !important;
    font-family: 'Montserrat';
}

/* ------------öâåò ññûëîê-----------------------------------------------*/
.gost faces2 a:link { color: #372c3c; text-decoration: none; font-weight: 600; transition: color 0.3s ease-in-out 0s;}
.gost faces2 a:hover { color: #d8d0bb; text-decoration: none; font-weight: 600; }

/* ------------ñêðîëë áàð-----------------------------------------------*/
.gost faces2::-webkit-scrollbar { width: 4px; height: 2px; }

.gost faces2::-webkit-scrollbar-thumb {
  background: linear-gradient(0turn, #7fa5c57d, #625d68);
      box-shadow: none!important;
      border-radius: 0px 10px;
}

.gost faces2::-webkit-scrollbar-track {
     background: #f1f1f161;
    box-shadow: none!important;
    border-radius: 0px 10px;
}

.dataghost {
    background: #334f699e;
    border-radius: 10px;
    color: #f3f3f3;
    padding: 1px 10px 1px 10px!important;
    font: 9px catallina;
    font-weight: normal;
    margin: 2px 36px!important;
    margin-bottom: 3px!important;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
}

.code-boxghost {
font-weight: 600;
    font-size: 12px;
    font-family: 'Cuprum';
    width: 431px;
    height: 47px;
    max-height: 76px;
    position: absolute;
    padding: 5px!important;
    border-radius: 15px 0px;
    color: #f3f3f3;
    margin-top: -61px!important;
    margin-left: 196px!important;
}

/* ------------öâåò ññûëîê-----------------------------------------------*/
.code-boxghost a:link { background: #586b7e;
    color: #f3f3f3;
    text-decoration: none;
    font-weight: 500;
    padding: 2px 10px 2px 10px!important;
    border-radius: 10px;
    transition: color 0.3s ease-in-out 0s;}
.code-boxghost a:hover { color: #372c3c; text-decoration: none; font-weight: 600; }

.ssneed {
    width: 25px;
    font-size: 0px;
    position: absolute;
    margin-top: 20px!important;
    margin-left: 379px!important;
}

.ssvneh {
    width: 25px;
    font-size: 0px;
    position: absolute;
    margin-top: 20px!important;
    margin-left: 415px!important;
}

.ssprav {
    width: 25px;
    font-size: 0px;
    position: absolute;
    margin-top: 21px!important;
    margin-left: 450px!important;
}

.ssanka {
    width: 25px;
    font-size: 0px;
    position: absolute;
    margin-top: 20px!important;
    margin-left: 486px!important;
}



/* ------------ÊÎÍÅÖ ÍÎÂÎÉ ÃÎÑÒÅÂÎÉ-----------------------------------------------*/

/* ------------ÎÔÎÐÌËÅÍÈÅ ÏÎÑÒÎÂ-----------------------------------------------*/
.fenris_tems_box {
    width: 825px;
    height: auto;
    margin: auto;
    padding: 0px 50px 30px;
}


.fenris_tems_box h6 {
   color: #f1f1f1;
    border-radius: 10px 0px 0px 0px;
    font: 500 22px catallina;
    letter-spacing: 2px;
    box-shadow: inset 0px 0px 6px 0px #eeefef45, 0px -3px 10px -3px #08080847;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 5px;
    margin-bottom: 0px;
    background: linear-gradient(90deg, #433548b8, #41688a87, #433548b8);
    transition: ease-in-out;
}

.fenris_tems_box h6:hover {
	background: linear-gradient(90deg, #41688a87, #433548b8, #41688a87);
	color: #f1f1f1;
}

.fenris_tems_img {
  overflow: hidden;
  height: 60px;
  position: relative;
  margin-bottom: 30px;
}

.fenris_tems_img img {
  width: 100%;
  filter: grayscale(100%)
}

.fenris_tems_img:after {
          content: "";
    position: absolute;
    background: rgb(101 181 197 / 41%);
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
}

.fenris_tems_text {
    text-align: justify;
    font: 400 13px/16px montserrat;
    padding: 0px 90px 10px;
    background: linear-gradient(270deg, #ebeae7, #6c778b17, #ebeae7);
    color: #3a3545!important;
   border-radius: 0px 0px 10px 0px;
    box-shadow: inset 0px 0px 6px 0px #eeefef45, 0px 0px 20px -6px #08080847;
}

/* ------------ÎÔÎÐÌËÅÍÈÅ ÍÎÂÎÑÒÅÉ-----------------------------------------------*/
.gallean_wrap {
  --g-text-title: #f7eaba; /* öâåò øðèôòà íà ïåðâîì áëîêå */
  --g-text-accent: #767997;  /* öâåò øðèôòà çàãîëîâêà íà âûñêàëüçûâàþùåì áëîêå */
  --g-base-text: #767997; /* öâåò øðèôòà îñíîâíîãî òåêñòà íà âûñêàëüçûâàþùåì áëîêå */
  --g-text-shadow: 1px 1px 4px #372c3c85;  /* òåíü òåêñòà */
  --g-padding: 30px;  /* îòñòóïû îò êðàåâ */
  --g-bg: #eae2c9;  /* ôîí âûñêàëüçûâàþùåãî áëîêà */
  --g-box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.14), 4px 4px 10px rgba(0, 0, 0, 0.25);  /* òåíü âûñêàëüçûâàþùåãî áëîêà */
  --g-calc: 100% - 60px;  /* ñ÷èòàåò øèðèíó èëè âûñîòó ñ ó÷åòîì îòñòóïîâ îò êðàåâ. â äàííîì ñëó÷àå îòñòóïû óêàçàíû 30px, ñëå-íî óêàçàíî 100% - 60px. åñëè óêàçûâàåòå îòñòóïû 20px, ñîîòâåòñòâåííî îò 100% îòíèìàåòå 40px. ìàòåìàòèêà sssóêà %) */
}

* {
  scrollbar-width: thin;
}

.gallean_wrap {
 width: 700px;
    height: 400px;
    border-radius: 0px 30px 0px 30px;
    overflow: hidden;
    position: relative;
    margin: 0px 0px 0px 110px!important;
    background: linear-gradient(0.25turn, #8ca1b1, #97909a);
    background-size: cover;
    box-sizing: border-box;
    padding: var(--g-padding);
    box-shadow: inset 0px 0px 6px 0px #eeefef45, 0px -3px 10px -3px #08080847;
}

.gallean_first_wrap {
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #eae9e2;
    text-shadow: var(--g-text-shadow);
    letter-spacing: .1em;
  transition: all 2s cubic-bezier(0.72, -0.01, 0, 1);
}

.gallean_first_wrap span {
 font: 900 normal 43px catallina;
    text-transform: uppercase;
    text-align: center;
    width: 222px;
    height: 51px;
    border-radius: 10px 10px 0 0;
}

.gallean_first_wrap em {
  font: 500 normal 15px montserrat !important;
    text-align: center;
    width: 200px;
    height: 25px;
    border-radius: 0 0 10px 10px;
}

.gallean_second_wrap {
  background: linear-gradient(0.75turn, #a5bba9b8, #dfc6b2ad);
    box-shadow: var(--g-box-shadow);
    border-radius: 20px 0px 20px 0px;
    position: absolute;
    width: calc(var(--g-calc));
    height: calc(var(--g-calc));
    top: 30px;
    left: 30px;
  box-sizing: border-box;
  padding: var(--g-padding);
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1s cubic-bezier(0.72, -0.01, 0, 1) .05s;
  transform: scale(2);
  opacity: 0
}

.gallean_scroll {
  height: 100%;
  overflow-y: auto;
  padding-right: 10px;
}

.gallean_second_wrap .header {
  display: block;
    color: #eae9e2;
    font: 900 normal 25px catallina;
    text-transform: uppercase;
    text-shadow: var(--g-text-shadow);
}

.gallnme {
background-color: #524153;
    height: 25px;
    width: 225px;
    font-family: catallina!important;
    font-size: 15px!important;
    text-transform: uppercase;
    text-align: center!important;
    color: #f1f1f1!important;
    line-height: 25px!important;
    margin: 8px 0 5px 0px!important;
    border-radius: 0px 10px 0px 10px;
}

.gallean_scroll div {
  color: #372c3c;
    text-align: justify;
    font: 500 13px/150% montserrat;
}

.gallean_wrap:hover .gallean_first_wrap {
  transform: scale(0);
  filter: blur(40px)
}

.gallean_wrap:hover .gallean_second_wrap {
transform: scale(1);
  opacity: 1;
  transition: transform 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s,  opacity 1.5s cubic-bezier(0.72, -0.01, 0, 1) .1s;
}

/* ------------ÎÔÎÐÌËÅÍÈÅ ÑÒÈÊÅÐÎÂ-----------------------------------------------*/
.hvStickerPackModal {
    border: 1px solid rgb(118 143 154 / 62%)!important;
    border-radius: 15px 0px!important;
    background: #ebebeb!important;
}

.hvStickerPackModalTab {
    padding: 4px 11px!important;
    border-radius: 0px 15px!important;
    background: rgb(131 119 131)!important;
    color: #fff!important;
    font-size: 12px!important;
    font-family: 'Montserrat'!important;
    cursor: pointer;
    margin-top: 8px!important;
    margin-right: 8px!important;
}
.hvStickerPackModalTab:hover {background: rgb(118 143 159)!important;
 cursor: pointer!important;}

.hvStickerPackModalTab.active {
    background: rgb(118 143 159)!important;
}

.vnexcvobod {
background: linear-gradient(270deg, #ebeae7, #6c778b17, #ebeae7);
    box-shadow: inset 0px 0px 6px 0px #eeefef45, 0px 0px 20px -6px #08080847;
    width: 825px;
    height: auto;
    margin: auto;
    padding: 15px 30px 15px;
}

.cvobodn {
    border-radius: 50px!important;
text-align: center;
}

.cvobodn img {
object-fit: cover;
height: 100px;
width: 100px;
margin-bottom: 5px!important;
    filter: brightness(0.8) grayscale(1) contrast(90%);
    -webkit-filter: brightness(0.8) grayscale(1) contrast(90%);
    opacity: 0.8;
    border-radius: 50px!important;
}

.cvobodn img:hover {
object-fit: cover;
    filter: brightness(0.8) grayscale(1) contrast(90%);
    -webkit-filter: brightness(0.8) grayscale(1) contrast(90%);
    opacity: 1;
    border-radius: 50px!important;
}