/*************************************************************
ÎÑÍÎÂÀ
**************************************************************/

/* A5.1 ÏÀÍ ÈËÈ ÒÅËÎ
-------------------------------------------------------------*/
#pun {
            position: relative;
    width: 1077px;
    margin: 191px auto 15px;
    background: url(https://forumstatic.ru/files/001b/cc/30/45303.png?v=1);
    padding-top: 14px;
}

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

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

/* ÇÀÄÍÈÉ ÔÎÍ
-------------------------------------------------------------*/
body {
        background: url(https://forumstatic.ru/files/001b/cc/30/85875.png) fixed;
    background-color: #ffffff;
    background-attachment: fixed;
    background-size: cover;
}

/* ØÀÏÊÀ
-------------------------------------------------------------*/
         #pun-title table {
    background: url(https://forumstatic.ru/files/001b/cc/30/67634.png) rgba(0, 0, 0, 0);
    border: none;
    height: 270px;
    margin-left: -53px;
    margin-bottom: 117px;
    width: 1083px;
    margin-top: -190px;
    position: inherit;
}

/* ÔÓÒÅÐ
-------------------------------------------------------------*/
#pun-about p.container {
                  background: url(http://forumstatic.ru/files/001b/cc/30/55490.png) no-repeat center;
    height: 165px;
    width: 1090px;
    margin-top: -89px;
    margin-left: -64px;
    position: absolute;
}

/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ
-------------------------------------------------------------*/
#pun-about .container .item1 {
    display: none;
}

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

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


/* ÎÒÎÁÐÀÆÅÍÈÅ ÏÐÎÔÈËß ÏÐÈ ÎÒÂÅÒÈÒÜ
-------------------------------------------------------------*/
#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;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/


/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÄÀÐÊÈ
-------------------------------------------------------------*/
.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(2 24 33);
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.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(13 35 45);
    font-size: 17px;
    font-family: klukva;
}
/* ÊÎÍÒÅÍÒ ÏÎÑÒÀ (ÐÅÄÊÎ ÏÐÈÕÎÄÈÒÑß ÒÐÎÃÀÒÜ)
-------------------------------------------------------------*/
.post-content {margin: -10px 0px 0px 10px !important;}

/* ÍÎÌÅÐ ÏÎÑÒÀ (ÌÎÆÍÎ ÏÎÄÂÈÍÓÒÜ)
-------------------------------------------------------------*/
#pun .post h3 strong {
    margin-left: 733px;
    margin-top: -1px;
    position: absolute;
    width: 204px;
    color: #f1f1f1;
    font-size: 13px;
    font-family: klukva;
    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;
    font-size: 17px;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;
    box-shadow: none;
    color: rgb(0 55 23);
    font-family: klukva;
    text-transform: lowercase;
}

/* ÖÂÅÒ ÑÑÛËÎÊ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
.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(0 6 16);
    border: none !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÐÅÄÀÊÒÈÐÎÂÀÍÈÅ Ó ÏÎËÜÇÎÂÀÒÅËÅÉ*/
 .lastedit {display: none;}


/*************************************************************
ÏÎÄÔÎÐÓÌ
**************************************************************/

/* ÏÎÄÔÎÐÓÌ
-------------------------------------------------------------*/
#pun-index .tclcon {
    width: 450px;
    font-size: 17px;
    text-transform: lowercase;
    margin-left: 34px;
    color: rgb(0 21 30);
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(158 158 158) 0px 0px 1px inset, rgb(113 140 153 / 37%) 0px 0px 30px inset;
    padding: 14px 11px 14px 11px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(92 160 134);
    font-family: klukva;
    text-align: justify;
    margin-top: 6px;
}

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

#pun-index .tclcon h3 a {
    color: #284450!important;
    font-weight: bold;
    background: #cbd0d3;
    text-shadow: 1px 1px 0 rgb(206, 208, 207), 0 0 5px rgb(156, 153, 153)!important;
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(158 158 158 / 49%) 0px 0px 1px inset, rgb(211 216 218) 0px 0px 30px inset;
    padding: 0px 4px;
    outline: 1px solid #5ca086;
    outline-offset: 0px;
    font-size: 17px;
    padding-top: 2px;
    font-family: 'arsenica'!important;
    -webkit-text-size-adjust: none;
}

#pun-index .tclcon h3 a:hover {
   color: #fff!important;
    text-shadow: 1px 1px 0 rgb(31, 29, 40), 0 0 5px rgba(205, 207, 206, 0.34)!important;
    box-shadow: rgb(255 255 255 / 51%) 0px 0px 2px inset, rgb(158 158 158 / 20%) 0px 0px 1px inset, rgb(211 216 218 / 35%) 0px 0px 30px inset;
    background-color: #0d232d;
    padding-top: 2px;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

/* ÑÑÛËÊÀ ÍÀÇÂÀÍÈß ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-index .tclcon a {
   text-align: center;
    text-transform: uppercase;
    line-height: 5px;
    font-weight: 500;
}

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

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

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


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

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

/* ÑÒÀÒÈÑÒÈÊÀ
-------------------------------------------------------------*/
#pun-stats.section h2 {     
    display: block;
    width: 907px;
    height: 0px;
    margin-top: 55px;
    margin-left: 13px;
    margin-bottom: 14px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    -webkit-text-size-adjust: none;
}

.section h2 span{
  float: right;
    margin: -22px -8px;
    color: #4a835c;
    text-shadow: 0 0 #003212;
    font-family: 'Arsenica';
    font-size: 19px!important;
}

/* ÏÅÐÂÀß
-------------------------------------------------------------*/
#pun-category1 h2 {  
    display: block;
    width: 907px;
    height: 0px;
    margin-top: -65px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    -webkit-text-size-adjust: none;
}

.category h2 span{
    float: right;
    margin: -22px -8px;
    color: #4a835c;
    text-shadow: 0 0 #003212;
    font-family: 'Arsenica';
    font-size: 19px!important;
}

/* ÂÒÎÐÀß
-------------------------------------------------------------*/
#pun-category2 h2 {           display: block;
    width: 907px;
    margin-top: 12px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
}

/* ÒÐÅÒÜß
-------------------------------------------------------------*/
#pun-category3 h2 {          display: block;
    width: 907px;
    margin-top: 12px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
}

/* ×ÅÒÂÅÐÒÀß
-------------------------------------------------------------*/
#pun-category4 h2 {          display: block;
    width: 907px;
    margin-top: 12px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    -webkit-text-size-adjust: none;
}

/* ÏßÒÀß
-------------------------------------------------------------*/
#pun-category5 h2 {          display: block;
    width: 907px;
    margin-top: 12px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    -webkit-text-size-adjust: none;
}

/* ØÅÑÒÀß
-------------------------------------------------------------*/
#pun-category6 h2 {          display: block;
    width: 907px;
    margin-top: 12px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    -webkit-text-size-adjust: none;
}

/* ÑÅÄÜÌÀß
-------------------------------------------------------------*/
#pun-category7 h2 {          display: block;
    width: 907px;
    margin-top: 12px;
    margin-left: 13px;
    color: #ebeae7;
    letter-spacing: 3px;
    border: none !important;
    text-transform: uppercase;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    -webkit-text-size-adjust: none;
}

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

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

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

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

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

/* ÊÎÍÒÅÉÍÅÐ ÍÀÂÈÃÀÖÈÎÍÍÛÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-navlinks .container {
    position: absolute;
    margin-bottom: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: -395px !important;
    width: 1040px !important;
    height: 20px !important;
    font-family: 'Arsenica';
    margin-left: -25px !important;
    letter-spacing: 11px;
    line-height: 19px;
}
/* ÊÎÍÒÅÉÍÅÐ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÕ ÑÑÛËÎÊ
-------------------------------------------------------------*/
#pun-ulinks .container {
   position: absolute!important;
    text-align: center;
    border: none;
    margin: -374px -32px !important;
    text-transform: lowercase;
    width: 1040px;
    letter-spacing: 11px;
    font-weight: 600;
}

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

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


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

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

/* ÂÀØÅ ÌÅÑÒÎÐÀÑÏÎËÎÆÅÍÈÅ ÍÀ ÔÎÐÓÌÅ ÑÂÅÐÕÓ
-------------------------------------------------------------*/
#pun-crumbs1 {  margin-top: -115px !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;
}

/* ÂÍÅØÍÈÉ ÂÈÄ ÎÊÍÀ ÑÒÐÀÍÈÖÛ ÏÅÐÅÀÄÐÅÑÀÖÈÈ
-------------------------------------------------------------*/
    #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: #fff;
    color: #162b34;
    border: 10px solid #162b34;
}

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

/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    background: #dfdfdf;
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(158 158 158 / 39%) 0px 0px 1px inset, rgb(113 140 153 / 14%) 0px 0px 30px inset;
    padding: 0px 4px;
    color: rgb(13 35 45);
    border: 1px solid rgb(27 86 99 / 29%);
    padding: 18px 20px !important;
    width: 96% !important;
}

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(225 225 225);
    color: rgb(0 21 30);
    border: 1px solid rgb(0 21 30);
    padding: 3px !important;
    margin-left: 8px;
    font-size: 16px!important;
    font-family: klukva !important;
}

/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ÂÍÅØÍÈÉ ÂÈÄ ÖÈÒÀÒÛ, ÊÎÄÀ È ÒÄ
-------------------------------------------------------------*/
.punbb .post-content .quote-box, .punbb .post-content .code-box {
    margin: 10px 20px 25px 20px; 
    position: relative;    
    overflow: hidden;
}

.punbb .post-content .quote-box, .punbb .post-content .code-box {    
    padding: 15px 15px 7px 15px!important;
    color: #001924;
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(158 158 158) 0px 0px 1px inset, rgb(113 140 153 / 37%) 0px 0px 30px inset;
    border: 1px solid #50846c!important;
}
 .punbb .code-box strong.legend:before { 
    content: 'code';
    font-family: Material Icons;
    font-size: 50px;
    position: absolute;
    left: 12px;
    top: 0px;
    color: #50846c;
    opacity: 0.5!important;
}

.punbb .quote-box cite:before {
content: '"';
    font-family: french;
    font-size: 236px;
    font-weight: 100;
    position: absolute;
    left: 16px;
    top: 50px;
    color: #50846c;
    opacity: 0.5!important;
}


/* ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ
-------------------------------------------------------------*/
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {
    padding: 7px 10px;
    display: block;
    font-style: normal;
    text-transform: uppercase;
    font-family: arsenica;
    letter-spacing: 1px;
    font-size: 12px;
    text-align: justify;
    margin: -9px 7px 5px 50px;
    font-weight: bold;
    line-height: 200%;
}
.post-content .spoiler-box > div {
    background: no-repeat 10px !important;    
    margin-bottom: 0px;
}
.punbb .quote-box cite, .punbb .code-box strong.legend, .punbb .code-box strong.legend a, .post-content .spoiler-box > div {    color: #001923;}

.post-content .spoiler-box > blockquote {
    padding-top: 0.4em!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: 10px 10px 10px 10px !important;
    background: #e9e9e9;
    color: #0a2129;
    border: 1px solid rgb(166 183 187);
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(255 255 255) 0px 0px 1px inset, #e3ded5 0px 0px 30px inset;
}

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


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

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index table Div.icon {
    border-style: solid;
    /* border-width: 0.1em 0.1em 0.1em 0.1em; */
    height: 50px;
    line-height: 0.0;
    border-color: #b1b1b1;
    width: 0;
    display: block;
    margin-left: 21px;
    margin-top: 0px;
    position: absolute;
    z-index: 99;
    opacity: 1;
}
/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ
-------------------------------------------------------------*/
#pun-index TR.inew Div.icon {
    border-style: solid;
    /* border-width: 0.1em 0.1em 0.1em 0.1em; */
    height: 50px;
    line-height: 0.0;
    border-color: #52937d;
    width: 0;
    display: block;
    margin-left: 21px;
    margin-top: 0px;
    position: absolute;
    z-index: 99;
    opacity: 1;
}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #52937d!important;
    border-radius: 0px!important;
    color: #fff;
    content: attr(data-new-topics);
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    height: 12px!important;
    width: 12px!important;
    line-height: 12px;
    margin: -3px -24px!important;
    min-width: 12px;
    padding: 2px;
    position: absolute;
    text-align: center;
}

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    border-style: solid;
    /* border-width: 0.1em 0.1em 0.1em 0.1em; */
    height: 14px;
    line-height: 0.0;
    border-color: #b1b1b1;
    width: 0;
    margin-left: 20px;
    margin-right: 5px;
    /* padding-left: 1px; */
    margin-top: 0px;
    z-index: 99;
    opacity: 1;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon 
{
    float: left;
    display: block;
    position: relative;
    border-style: solid;
    /* border-width: 0.1em 0.1em 0.1em 0.1em; */
    height: 14px;
    line-height: 0.0;
    border-color: #5ca086;
    width: 0;
    margin-left: 20px;
    margin-right: 5px;
    /* padding-left: 1px; */
    margin-top: 0px;
    z-index: 99;
    opacity: 1;
}

/* ÈÊÎÍÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
   float: left;
    display: block;
    position: relative;
    border-style: solid;
    /* border-width: 0.1em 0.1em 0.1em 0.1em; */
    height: 14px;
    line-height: 0.0;
    border-color: #1b5764;
    width: 0;
    margin-left: 20px;
    margin-right: 5px;
    /* padding-left: 1px; */
    margin-top: 0px;
    z-index: 99;
    opacity: 1;
}

/* ÈÊÎÍÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ
-------------------------------------------------------------*/
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon 
{
    float: left;
    display: block;
    position: relative;
    border-style: solid;
    /* border-width: 0.1em 0.1em 0.1em 0.1em; */
    height: 14px;
    line-height: 0.0;
    border-color: #00121c;
    width: 0;
    margin-left: 20px;
    margin-right: 5px;
    /* padding-left: 1px; */
    margin-top: 0px;
    z-index: 99;
    opacity: 1;
}

.closedatafield {
  display: none;
}
.stickytext {
  display: none;
}


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

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
   text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font-size: 12px !important;
    background: #0d232d!important;
    color: rgb(235 234 231) !important;
    border: 1px solid #0d232d!important;
    font-family: 'klukva'!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: #276b4b!important;
    color: rgb(235 234 231) !important;
    border: 1px solid #276b4b!important;
    cursor: pointer!important;
  }

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

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

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

/* ÏÎÄËÎÆÊÀ ÏÐÎÊÐÓÒÊÈ
-------------------------------------------------------------*/
::-webkit-scrollbar-track {
    background: #00141e;
}

HTML, body {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

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

/* ÏÎËÅ ÑÑÛËÊÈ ÍÀ ÒÅÌÓ È ÀÂÒÎÐÀ ÏÎÑËÅÄÍÅÃÎ ÑÎÎÁÙÅÍÈß */
#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;
}


/*************************************************************
ÇÀÏÎËÍÅÍÈÅ ØÀÏÊÈ
**************************************************************/

/* ÒÅÊÑÒ ÑÁÎÊÓ ØÀÏÊÈ
-------------------------------------------------------------*/
#html-header ready {   
    position: absolute;
    margin-left: -396px;
    z-index: 1000;
    right: -140px;
    display: flex;
    top: 60px;
    width: 290px;
    height: 24px;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    color: #638193 !important;
    transform: rotate(90deg);
    font-size: 15px;
    -webkit-text-size-adjust: none;
}

/* ÌÎÍÑÒÐÈÊ
-------------------------------------------------------------*/
#html-header topik {
position: absolute;
width: 85px;
    margin: 222px 894px;
    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);
}

/* ÀÊÒÈÂÈÑÒÛ
-------------------------------------------------------------*/

#html-header active {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    font-size: 11px;
    color: #88a2af;
    width: 250px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 170px 230px;
    -webkit-text-size-adjust: none;
}

#html-header active1 {
    position: absolute;
    text-align: center;
    letter-spacing: 1px;
    width: 221px;
    font-family: 'Arsenica';
    margin: 187px 209px;
    -webkit-text-size-adjust: none;
}

#html-header active1 a {
font-family: 'Arsenica'!important;
    color: #64937b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

#html-header active1 a:hover {
    color: #88a2af;
}

/* ÏÎÑÒÎÏÈÑÖÛ
-------------------------------------------------------------*/

#html-header postop {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    color: #88a2af;
    font-weight: bold;
    font-size: 11px;
    width: 200px;
    text-transform: uppercase;
    margin: 170px 795px;
    -webkit-text-size-adjust: none;
}

#html-header postop1 {
    position: absolute;
    width: 236px;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    font-size: 15px;
    margin: 182px 751px;
    -webkit-text-size-adjust: none;
}

#html-header postop1 a {
font-family: 'Arsenica'!important;
    color: #64937b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

#html-header postop1 a:hover {
color: #88a2af;
}


/* ÏÎÑÒ ÍÅÄÅËÈ
-------------------------------------------------------------*/
#html-header toppost1 {
    position: absolute;
    width: 190px;
    height: 20px;
    font-weight: bold;
    color: #88a2af;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    font-size: 11px;
    text-transform: uppercase;
    margin: 51px 807px;
    -webkit-text-size-adjust: none;
}

#html-header toppost  { 
    position: absolute;
    width: 216px;
    height: 77px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 15px;
    font-family: klukva!important;
    margin: 72px 751px;
    overflow: auto;
    line-height: 11px;
    letter-spacing: 1px;
    padding-right: 6px;
    padding-left: 4px;
    color: #639171;
    -webkit-text-size-adjust: none;
}

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

#html-header toppost::-webkit-scrollbar-thumb {
    background: #000610;
    box-shadow: none!important;
}

#html-header toppost::-webkit-scrollbar-track {
    background: #00111a;
    box-shadow: none!important;
    border: 1px solid #88a2b452;
}

#html-header toppost {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}


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

.ams {
    position: absolute;
    top: -120px;
    line-height: 6px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    text-align: center;
    text-transform: uppercase;
    font-size: 0px;
    z-index: 50;
    height: 27px;
    width: 345px;
    transform: rotate(0deg);
    left: 290px!important;
}

.ams2 {
    position: absolute;
    top: -120px;
    line-height: 6px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    text-align: center;
    text-transform: uppercase;
    font-size: 0px;
    z-index: 50;
    height: 27px;
    width: 345px;
    transform: rotate(0deg);
    left: 620px!important;
}
span.eman {
    display: inline-block;
    margin-left: -1px;
    margin-bottom: 0;
    padding-right: 5px;
}

span.eman a:visited{  color: #7f98a5!important;  }

span.eman a:link{
    text-decoration: none;
    font-family: arsenica;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out 0s;
    color: #7f98a5!important;
}

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

.tek1, .tek2, .tek3, .tek4, .tek5, .tek6, .tek7, .tek8 {
    width: 110px;
    background: #1a2f38;
    padding: 0 5px 5px 5px;
    font-family: klukva;
    font-size: 16px;
    text-align: justify;
    text-transform: lowercase;
    color: #778e9b;
}

.tek1 is_pic, .tek2 is_pic, .tek3 is_pic, .tek4 is_pic, .tek5 is_pic, .tek6 is_pic, .tek7 is_pic, .tek8 is_pic {
   position: relative;
    height: 60px;
    width: 100px;
}

.tek1 is_pic img, .tek2 is_pic img, .tek3 is_pic img, .tek4 is_pic img, .tek5 is_pic img, .tek6 is_pic img, .tek7 is_pic img, .tek8 is_pic img {
    height: 60px;
    width: 100px;
    filter: grayscale(100%);
    margin-top: 8px;
    margin-left: 5px;
    object-fit: cover;
}

.tek1 is_pic:after, .tek2 is_pic:after, .tek3 is_pic:after, .tek4 is_pic:after, .tek5 is_pic:after, .tek6 is_pic:after, .tek7 is_pic:after, .tek8 is_pic:after {
content: '';
    box-sizing: border-box;
    background: #4e8cbd;
    position: fixed;
    top: 8px!important;
    left: 10px!important;
    height: 60px;
    width: 100px;
    mix-blend-mode: multiply;
}

.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 sv5 {
    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 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: 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 sv8 {
    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;
}

/*ÍÀÂÈÃÀÖÈß*/

.cultli {
    position: absolute;
    top: -118px;
    left: 5px;
    height: 145px;
    width: 28px;
}

.cultli-box {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: flex-end;
    margin: 7px auto!important;
}

.cultlibox-text {
    min-width: 0px;
    height: 100%;
    background: #276b4b;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 0px!important;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: .5s;
}

.cultlibox-text a:link{ color: #7db59f!important;}
.cultlibox-text a:visited{ color: #7db59f!important;}

.cultlibox-text1 {
    min-width: 0px;
    height: 100%;
    background: #005e72;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 0px!important;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: .5s;
}

.cultlibox-text1 a:link{ color: #88a2af!important;}
.cultlibox-text1 a:visited{ color: #88a2af!important;}

.cultlibox-icons {
    min-width: 20px;
    height: 100%;
    background: #005e72;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}

.cultlibox-icons1 {
    min-width: 20px;
    height: 100%;
    background: #276b4b;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}

.cultli-box:hover .cultlibox-icons {
    background: #276b4b;
border: none!important;
}
.cultli-box:hover .cultlibox-text {
    min-width: 100px;
}

.cultli-box:hover .cultlibox-icons1 {
    background: #005e72;
border: none!important;
}
.cultli-box:hover .cultlibox-text1 {
    min-width: 100px;
}

/*ÏËÀØÊÈ Â ØÀÏÊÅ*/

.plashki {
    position: absolute;
    width: 197px;
    height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    margin-left: 2px!important;
    margin-top: 65px!important;
}

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

.plashki::-webkit-scrollbar-thumb {
    background: #000610;
    box-shadow: none!important;
}

.plashki::-webkit-scrollbar-track {
    background: #00111a;
    box-shadow: none!important;
    border: 1px solid #88a2b452;
}

.plashki {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

.plaha { 
    background: #0a2129;
    height: 24px;
    width: 190px;
    display: inline-block;
    margin-bottom: 9px!important;
}

.plaha text {
text-transform: uppercase;
    font-size: 11px;
    font-family: arsenica;
    margin: 7px 1px;
    width: 190px;
    height: 20px;
    color: #88a2af!important;
    font-weight: bold;
    position: absolute;
    text-align: center;
    line-height: 11px;
    letter-spacing: 1px;
    -webkit-text-size-adjust: none;
}

.plaha:hover { background: linear-gradient(0.5turn, #00000096, #00201b00)!important;  }

/* ÏËÅÅÐ
-------------------------------------------------------------*/
.music {
    position: absolute;
    width: 210px;
    top: -8px;
    margin-left: 560px!important;
}

.player-wrapper {
background: #0a2129a6;
    height: 30px;
    width: 180px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.play-pause {
width: 25px;
    height: 25px;
    padding: 0;
    margin: 0px 5px!important;
    background: #0f5538;
    border: 1px solid #003717;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.play-pause::before {
    content: '';
    display: inline-block;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 12px;
    border-color: transparent transparent transparent #d9d5d2;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: double;
    border-width: 0px 0 0px 7px;
}

.play-pause.paused::before {
    content: '';
    display: inline-block;
    border: 0;
    background: transparent;
    box-sizing: border-box;
    width: 0;
    height: 12px;
    border-color: transparent transparent transparent #d9d5d2;
    transition: 100ms all ease;
    cursor: pointer;
    border-style: solid;
    border-width: 6px 0 6px 8px;
}

.track {
    height: 100%;
    background: linear-gradient(0deg, transparent 0, transparent 50%, #d9d5d2 50%, transparent calc(50% + 1px), transparent);
    display: inline-block;
    margin-left: 10px!important;
    position: relative;}

.track {
    width: calc(100% - 60px);
}

.thumb {
    width: 8px;
    height: 8px;
    top: calc(50% - 4px);
    background: #0f5538;
    border-radius: 50%;
    position: absolute;
}

#html-header animation {
    position: absolute;
   margin: 37px 387px;
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear;
    opacity: 0;
}

#html-header animation:hover {
opacity: 1;
transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear;
}


/*************************************************************
ÇÀÏÎËÍÅÍÈÅ ÔÓÒÅÐÀ
**************************************************************/

/* ÍÓÆÍÛÅ
-------------------------------------------------------------*/

.needs {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    font-size: 11px;
    color: #88a2af;
    text-transform: uppercase;
    font-weight: bold;
    margin: -40px 100px!important;
    -webkit-text-size-adjust: none;
}

.needs1 {
    position: absolute;
    letter-spacing: 0px;
    width: 285px;
    font-family: 'Arsenica'!important;
    margin: -22px 27px!important;
    -webkit-text-size-adjust: none;
}

.needs1 a:link {
font-family: 'Arsenica'!important;
    text-transform: uppercase;
    font-weight: bold;
    color: #50866e!important;
    font-size: 11px!important;
}

.needs1 a:visited {
   font-family: 'Arsenica'!important;
    color: #50866e!important;
    text-transform: uppercase;
    font-size: 11px!important;
    
}

.needs1 a:hover {
    color: #8099a6!important;
}

/* ÁÀÍÍÅÐÛ
-------------------------------------------------------------*/

.banneri {
position: absolute;
    z-index: 9999;
    width: 655px;
    height: 34px;
    margin-top: -42px!important;
    margin-bottom: 0px!important;
    margin-left: 325px!important;
    overflow: auto;
    text-align: center;
    padding: 1px 0px;
    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: 2px; height: 2px; }

.banneri::-webkit-scrollbar-thumb {
    background: #276b4b;
    box-shadow: none!important;
}

.banneri::-webkit-scrollbar-track {
    background: #00111a;
    box-shadow: none!important;
    border: 1px solid #88a2b452;
}

.banneri {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

.copy {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'klukva';
    font-size: 9px;
    color: #60777c;
    text-transform: uppercase;
    /* font-weight: bold; */
    margin: 25px 446px!important;
    -webkit-text-size-adjust: none;
}

.copy a:link{
    letter-spacing: 1px;
    font-family: 'klukva';
    font-size: 9px;
    color: #60777c;
    text-transform: uppercase;
}

.copy a:visited{
    letter-spacing: 1px;
    font-family: 'klukva';
    font-size: 9px;
    color: #60777c;
    text-transform: uppercase;
}

.copy a:hover{
    color: #276b4b;
}

/*íàâèãàöèÿ ïîäôîðóìà*/
#pun-index .tcl {
    width: 35%;
    padding-right: 30px !important;
}

.for_links {
    text-align: center;
    position: absolute;
    width: 450px;
    margin: 4px 0px!important;
}

.for_links a { 
    text-transform: lowercase !important;
    border: 1px solid #5ca086!important;
    font-size: 16px !important;
    background: #cbd0d3;
    box-shadow: rgb(255 255 255) 0px 0px 2px inset, rgb(158 158 158 / 49%) 0px 0px 1px inset, rgb(211 216 218) 0px 0px 30px inset!important;
    font-family: klukva!important;
    padding: 1px 5px 2px 5px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    color: #293b42!important;
}

.for_links a:hover {
    color: #fff!important;
    box-shadow: none!important;
    background-color: #5ca086;}  

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

.legend0 {   
    display: flex;
    width: 710px;
    height: 307px;
    margin-left: 180px!important;
    margin-bottom: 30px!important;
}

.legend1 {
overflow: auto;
    width: 444px;
    height: 280px;
    text-align: justify;
    margin-left: 91px!important;
    padding: 0px 20px 20px 20px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    color: #9bafab;
    border: 1px solid #1b5764;
    box-shadow: 0px 0px 3px 0px rgb(7 24 30);
    -webkit-text-size-adjust: none;
}

.legend1 name {
    position: absolute;
    font-family: 'Arsenica';
    font-weight: bold;
    text-align: center;
    width: 441px;
    margin: -28px 0px;
    word-spacing: 4px;
    font-size: 21px;
    color: #529d7d;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #000000;
    -webkit-text-size-adjust: none;
}

.beast1 span {
margin-bottom: 5px!important;
}

.legend1 hr {
    border-top: 0px!important;
    border-bottom: 1px solid #ebeeef4a !important;
    margin-top: 5px!important;
}

  .legend2 {
    width: 130px;
    height: 300px;
    position: relative;
    border: 1px solid #1b5763;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0);
}
}

.legend2 img{
  width: 100%;
  height: 100%;
}

.legend2 .prewive{
background-color: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2% 3%;
  box-sizing: border-box;
}

.legend2:hover .prewive{
display: block;
    text-align: justify;
    width: 484px;
    height: 300px;
    text-align: justify;
    margin: 0 -486px;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    color: #87a0ae;
    font-family: 'klukva';
    text-shadow: 0 1px 1px #000000;
-webkit-text-size-adjust: none;
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeOn;
}

.prewive span {
font-size: 21px;
    font-weight: bold;
    width: 600px;
    margin: 0px 167px;
    text-transform: uppercase;
    font-family: arsenica;
    color: #1e97af;
-webkit-text-size-adjust: none;
}

.prewive span1 {
    font-size: 21px;
    font-weight: bold;
    width: 600px;
    margin: 0px 197px;
    text-transform: uppercase;
    font-family: arsenica;
    color: #519c7c;
-webkit-text-size-adjust: none;
}

.prewive text {
    font-size: 17px;
    text-transform: lowercase;
    font-family: klukva;
    color: #9bafab;
-webkit-text-size-adjust: none;
}

.legend3{
  width: 130px;
    height: 300px;
    position: relative;
    border: 1px solid #1b5763;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0);
    margin-left: -750px!important;
}

.legend3 img{
  width: 100%;
  height: 100%;
}

.legend3 .prewive{
background-color: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2% 3%;
  box-sizing: border-box;
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.legend3:hover .prewive{
display: block;
    text-align: justify;
    width: 484px;
    height: 300px;
    text-align: justify;
    margin: 0 132px;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    color: #87a0ae;
    font-family: 'klukva';
    text-shadow: 0 1px 1px #000000;
-webkit-text-size-adjust: none;
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@keyframes fadeIn {
	from {
    transform: translate(-130px,0);
    transform-origin: 50% 0%;
	}
	to {
    transform: translate(0px,0);
	}
}

@keyframes fadeOn {
	from {
    transform: translate(130px,0);
    transform-origin: 50% 0%;
	}
	to {
    transform: translate(0px,0);
	}
}

/* ------------ÃÎÑÒÅÂÀß-----------------------------------------------*/

.guest {
    width: 887px;
    height: 585px;
    background: url(https://forumstatic.ru/files/001b/cc/30/70349.png?v=1) no-repeat top;
    margin: -30px 70px!important;
}

.guest iso {
    position: absolute;
    width: 260px;
    height: 66px;
    margin: 19px 0px 0px 15px!important;
}

.guest iso2 {
    position: absolute;
    width: 260px;
    height: 66px;
    margin: 19px 0px 0px 607px!important;
}

.guest for, .guest for1 {
    font-size: 65px;
    text-align: center!Important;
    text-transform: lowercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px #000f16;
    font-weight: bold;
    font-family: arsenica;
    position: absolute;
}

.guest for {
    color: #2b694b;
    margin-top: 0px!important;
    margin-left: 452px!important;
}

.guest for1 {
    color: #00698b;
    margin-top: 0px!important;
    margin-left: 323px!important;
}


.guest zgl {
    font-size: 12px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: arsenica;
    position: absolute;
    color: #5a7889;
    margin-top: 71px!important;
    margin-left: 294px!important;
}

.guest zgl1 {
    font-size: 12px;
    font-weight: bold;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: arsenica;
    position: absolute;
    color: #719eaf;
    text-shadow: 1px 1px #000000;
    margin-top: 126px!important;
    margin-left: 610px!important;
}

.guest zgl2 {
    font-size: 12px;
    font-weight: bold;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: arsenica;
    position: absolute;
    color: #719eaf;
    text-shadow: 1px 1px #000000;
    margin-top: 320px!important;
    margin-left: 600px!important;
}

.guest zgl3 {
    font-size: 15px;
    font-weight: bold;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: arsenica;
    position: absolute;
    color: #719eaf;
    text-shadow: 1px 1px #000000;
    margin-top: 123px!important;
    margin-left: 55px!important;
}

.guest info {
    position: absolute;
    width: 413px;
    height: 344px;
    margin-top: 140px!important;
    margin-left: 52px!important;
    line-height: 95%;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #64899a;
}

.guest face {
    position: absolute;
    width: 312px;
    height: 150px;
    margin-top: 140px!important;
    margin-left: 505px!important;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    line-height: 110%;
    font-size: 17px;
    text-align: justify;
    padding: 4px;
    font-family: klukva;
    text-transform: lowercase;
    overflow-y: auto;
    overflow-x: hidden;
    color: #8099a6;
}

.guest face1 {
   position: absolute;
    width: 312px;
    height: 150px;
    margin-top: 335px!important;
    margin-left: 505px!important;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    line-height: 110%;
    text-align: justify;
    padding: 4px;
    font-family: klukva;
    text-transform: lowercase;
    overflow-y: auto;
    overflow-x: hidden;
    color: #8099a6;
}

.guest face a, .guest face1 a:link { color: #478165!important; }
.guest face a, .guest face1 a:visited { color: #478165!important; }
.guest face a:hover { color: #00698b!important; }
.guest face1 a:hover { color: #00698b!important; }


.guest gcode {
    position: absolute;
    width: 429px;
    height: 12px;
    margin-top: 435px!important;
    margin-left: 48px!important;
    font-size: 11px;
    text-align: center;
    padding: 5px;
    font-family: klukva;
    text-transform: lowercase;
    color: #88a2af;
    font-weight: 600;
}

.guest gcode .blockcode {
    padding: 5px 1px;
    box-shadow: inset 0px 0px 30px #3688982b;
}

.guest gcode a:link {
font-family: arsenica;
    font-weight: normal!important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 298px 0 0;
    padding: 0px 3px 3px 3px;
    color: #88a2af!important;
}

.dataghost {
    background: #2b694b94;
    color: #9aacb7;
    width: 180px;
    text-align: center;
    border: 1px solid #1c4a39;
    padding: 0px 6px 0px 6px!important;
    font: 14px klukva;
    font-weight: normal;
    margin: 2px 57px!important;
    margin-bottom: 3px!important;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
}

/* ------------------------------ØÀÁËÎÍ ÏÐÈÍßÒÈß------------------------------*/

#livsig { 
    height: 160px;
    width: 600px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    margin: auto;
    position: relative;
    overflow: hidden;
    border: 2px solid #1b5763;
} 

#livsig line1, #livsig line2 {
    height: 1px; 
    width: 450px; 
    background: #1b5763;
    position: absolute;
} 

#livsig line1 {
    top: -40px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    left: 127px;
    left: 339px;
} 

#livsig line2 {
    top: 90px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    left: -191px;
} 

#livsig zgl1 {   
    font-family: arsenica;
    color: #1b5763;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #0a2129;
    font-size: 35px;
    position: absolute;
    left: 39px;
    z-index: 9;
    text-align: center;
-webkit-text-size-adjust: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    top: -4px;
}

#livsig zgl2 {    
    font-family: arsenica;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #276b4b;
    z-index: 9;
    text-shadow: 1px 0px 1px #083822;
    text-align: left;
    top: 30px;
    position: absolute;
    left: 277px;
-webkit-text-size-adjust: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

#livsig link1, #livsig link2, #livsig link3, #livsig link4, #livsig link5 {
    position: absolute; 
    color: #1b5763;
    font-size: 18px; 
    z-index: 9;
    opacity: 0; 
    -webkit-transition: opacity 0.5s, color 0.3s; 
    -moz-transition: opacity 0.5s, color 0.3s; 
    -ms-transition: opacity 0.5s, color 0.3s; 
    -o-transition: opacity 0.5s, color: 0.3s
} 

#livsig link1 {  left: 574px; top: 15px;  } 

#livsig link2 {  left: 574px; top: 42px;  } 

#livsig link3 {  left: 574px; top: 70px;  } 

#livsig link4 {  left: 574px; top: 99px;  } 

#livsig link5 {  left: 574px; top: 125px; } 

#livsig link1:hover, #livsig link2:hover, #livsig link3:hover, #livsig link4:hover, #livsig link5:hover {color: #276b4b;} 

#livsig:hover link1, #livsig:hover link2, #livsig:hover link3, #livsig:hover link4, #livsig:hover link5 {opacity: 1;
color: #276b4b;} 

#livsig main {
    height: 80px;
    width: 380px;
    position: absolute;
    -webkit-text-size-adjust: none;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    padding-right: 5px;
    left: -430px;
    top: 65px;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    font-family: klukva;
    text-transform: lowercase;
    font-size: 17px;
    letter-spacing: 1px;
    color: #8099a6;
    text-align: justify;
    line-height: 13px;
} 

#livsig:hover main {left: 50px} 

#livsig cf {color: #e0e0e0} 

#livsig pic img {
    height: 128px!important;
    width: 100px!important;
    border: 1px solid #50866f;
    object-fit: cover;
    filter: grayscale(100%);
    position: absolute;
    left: 447px;
    top: 15px;
    opacity: 0;
    -webkit-transition: 0.5s;
} 

#livsig:hover img {
    opacity: 1; 
    -webkit-transform: rotate(360deg);
    -webkit-transition-delay: 0.5s; 
    -moz-transition-delay: 0.5s; 
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s; 
} 

#livsig pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

#linkos a {    color: #639b81!important;     text-shadow: none!important;}

#linkos a:hover {    color: #8099a6!important;     text-shadow: none!important;}


/* ------------ØÀÁËÎÍ ÍÓÆÍÛÕ-----------------------------------------------*/

.nyzh {
    width: 600px;
    height: 310px;
    padding: 19px 28px;
    margin: 55px 50px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #e3e3e3;
    border: 3px solid #1b5764;
}

.nyzh kart {
    height: 80px;
    width: 360px;
    display: flex;
    margin: 0 auto !important;
    margin-top: -60px !important;
}

.nyzh zgl {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 53px;
    width: 300px;
    line-height: 17px;
    margin: -80px 0px 0px 312px!important;
    -webkit-text-size-adjust: none;
}

.nyzh vnex {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: klukva;
    font-size: 17px;
    text-transform: lowercase;
    letter-spacing: 1px;
    height: 30px;
    width: 282px;
    margin: 6px 0px 0px 22px!important;
    -webkit-text-size-adjust: none;
}

.nyzh kart_pic {
   position: relative;
    height: 80px;
    width: 80px;
    border: 2px solid #1b5764;
    margin: 0px 113px 0px -98px !important;
}

.nyzh kart_pic  img {
    height: 80px;
    width: 80px;
    filter: grayscale(100%);
    margin-top: 0px;
    object-fit: cover;
}

.nyzh kart_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

.nyzh info1 {
    position: absolute;
    width: 249px;
    height: 55px;
    margin-top: -30px!important;
    margin-left: 327px!important;
    line-height: 95%;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
    -webkit-text-size-adjust: none;
}

.nyzh info2 {
    position: absolute;
    width: 570px;
    height: 220px;
    margin-top: 45px!important;
    margin-left: 6px!important;
    line-height: 95%;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
    -webkit-text-size-adjust: none;
}

.nyzh vera {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 20px;
    width: 300px;
    line-height: 17px;
    margin: 282px 0px 0px 154px!important;
    -webkit-text-size-adjust: none;
}

/* ------------ØÀÁËÎÍ ÕÎ×Ó ÂÈÄÅÒÜ-----------------------------------------------*/

.nyzh2 {
width: 600px;
    height: 100px;
    padding: 19px 28px;
    margin: 55px 50px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #e3e3e3;
    border: 3px solid #1b5764;
}

.nyzh2 kart {
    height: 80px;
    width: 360px;
    display: flex;
    margin-left: 89px!important;
    margin-top: 5px !important;
}

.nyzh2 zgl {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 53px;
    width: 300px;
    line-height: 17px;
    margin: -145px 0px 0px 165px!important;
    -webkit-text-size-adjust: none;
}

.nyzh2 kart_pic {
   position: relative;
    height: 80px;
    width: 80px;
    border: 2px solid #1b5764;
    margin: 0px 113px 0px -98px !important;
}

.nyzh2 kart_pic  img {
    height: 80px;
    width: 80px;
    filter: grayscale(100%);
    margin-top: 0px;
    object-fit: cover;
}

.nyzh2 kart_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

.nyzh2 info {
    position: absolute;
    width: 293px;
    height: 76px;
    margin-top: -80px!important;
    margin-left: 297px!important;
    line-height: 95%;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
    -webkit-text-size-adjust: none;
}

/* ------------ÀÊÖÈÈ ÎÒ ÀÌÑ-----------------------------------------------*/

.acti {
    width: 800px;
    height: 663px;
    padding: 19px 28px;
    margin: 0px 80px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #e3e3e3;
    border: 3px solid #1b5764;
}

.acti nam {
    position: absolute;
    font-family: arsenica;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 241px;
    text-align: center;
    text-transform: uppercase;
    margin: -167px 5px!important;
    color: #488b6b;
}

.acti opis {
    position: absolute;
    width: 224px;
    height: 122px;
    margin-top: -144px!important;
    margin-left: 3px!important;
    line-height: 95%;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
}

.acti kart {
    height: 80px;
    width: 80px;
    display: flex;
    margin-left: 178px!important;
    margin-top: 0px !important;
    margin-bottom: 192px!important;
}

.acti kart_pic {
   position: relative;
    height: 80px;
    width: 80px;
    border: 2px solid #1b5764;
    margin: 0px 113px 0px -98px !important;
}

.acti kart_pic  img {
    height: 80px;
    width: 80px;
    filter: grayscale(100%);
    margin-top: 0px;
    object-fit: cover;
}

.acti kart_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

.acti vnex {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: klukva;
    font-size: 15px;
    text-transform: lowercase;
    letter-spacing: 1px;
    width: 203px;
    margin: -187px 0px 0px 22px!important;
}

.acti prof {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: klukva;
    font-size: 15px;
    text-transform: lowercase;
    letter-spacing: 1px;
    width: 203px;
    margin: -16px 0px 0px 22px!important;
}

.acti zgl {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 22px;
    width: 862px;
    line-height: 17px;
    margin: -44px -30px!important;
}

.acti info {
    position: absolute;
    width: 757px;
    height: 55px;
    margin-top: 13px!important;
    margin-left: 12px!important;
    line-height: 95%;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
}

.acti line {
    position: absolute;
    width: 859px;
    height: 5px;
    margin-top: -11px!important;
    margin-left: -28px!important;
    border-top: 3px solid #1b5764;
}

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

.faq {
    width: 800px;
    height: 600px;
    padding: 19px 28px;
    margin: 0px 80px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #e3e3e3;
    border: 3px solid #1b5764;
}

.faq zgl {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 22px;
    width: 862px;
    line-height: 17px;
    margin: -44px -30px!important;
}

.faq otvet {
    display: flex;
    width: 211px;
    height: 122px;
    margin-top: 10px!important;
    margin-left: 155px!important;
    line-height: 95%;
    font-size: 17px;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
}

/* ÇÅËÅÍÛÅ */

.faq zvopr1 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    margin: 13px 19px!important;
    color: #488b6b;
    border-bottom: 1px solid #488b6b;
    border-right: 1px solid #488b6b;
    padding: 8px 4px 2px 0;
    width: 136px;
    -webkit-font-smoothing: antialiased;
}

.faq zvopr11 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 221px;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #488b6b;
    color: #488b6b;
    -webkit-font-smoothing: antialiased;
}

.faq zvopr2 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 1px solid #488b6b;
    border-right: 1px solid #488b6b;
    padding: 8px 4px 2px 0;
    width: 111px;
    margin: 13px 44px!important;
    color: #488b6b;
}

.faq zvopr22 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    width: 221px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #488b6b;
    color: #488b6b;
    -webkit-font-smoothing: antialiased;
}

.faq zvopr3 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 1px solid #488b6b;
    border-right: 1px solid #488b6b;
    padding: 8px 4px 2px 0;
    width: 136px;
    margin: 13px 19px!important;
    color: #488b6b;
}

.faq zvopr33 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    width: 221px;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #488b6b;
    color: #488b6b;
    -webkit-font-smoothing: antialiased;
}

.faq zvopr4 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    border-bottom: 1px solid #488b6b;
    border-right: 1px solid #488b6b;
    padding: 8px 4px 2px 0;
    width: 129px;
    margin: 13px 26px!important;
    color: #488b6b;
}

.faq zvopr44 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    width: 221px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #488b6b;
    color: #488b6b;
    -webkit-font-smoothing: antialiased;
}

/* ÑÈÍÈÅ */

.faq svopr1 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    margin: 13px 42px!important;
    width: 91px;
    border-bottom: 1px solid #3694a9;
    border-right: 1px solid #3694a9;
    padding: 8px 4px 2px 21px;
    color: #3694a9;
-webkit-font-smoothing: antialiased;
}

.faq svopr11 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    width: 221px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #3694a9;
    color: #3694a9;
-webkit-font-smoothing: antialiased;
}

.faq svopr2 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    margin: 13px 23px!important;
    width: 111px;
    border-bottom: 1px solid #3694a9;
    border-right: 1px solid #3694a9;
    padding: 8px 4px 2px 21px;
    color: #3694a9;
    -webkit-font-smoothing: antialiased;
}

.faq svopr22 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    width: 221px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #3694a9;
    color: #3694a9;
    -webkit-font-smoothing: antialiased;
}

.faq svopr3 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    margin: 13px 42px!important;
    width: 91px;
    border-bottom: 1px solid #3694a9;
    border-right: 1px solid #3694a9;
    padding: 8px 4px 2px 21px;
    color: #3694a9;
    -webkit-font-smoothing: antialiased;
}

.faq svopr33 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    width: 221px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #3694a9;
    color: #3694a9;
    -webkit-font-smoothing: antialiased;
}

.faq svopr4 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    margin: 13px 23px!important;
    width: 111px;
    border-bottom: 1px solid #3694a9;
    border-right: 1px solid #3694a9;
    padding: 8px 4px 2px 21px;
    color: #3694a9;
    -webkit-font-smoothing: antialiased;
}

.faq svopr44 {
    position: absolute;
    font-family: arsenica;
    font-size: 11px;
    width: 221px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: -5px 159px!important;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #3694a9;
    color: #3694a9;
-webkit-font-smoothing: antialiased;
}

/* ÂÎÏÐÎÑÛ */

.faq zznk1 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px -9px!important;
    color: #488b6b;
}

.faq zznk2 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px 14px!important;
    color: #488b6b;
}

.faq zznk3 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px -9px!important;
    color: #488b6b;
}

.faq zznk4 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px 14px!important;
    color: #488b6b;
}

.faq sznk1 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px 14px!important;
    color: #3694a9;
}

.faq sznk2 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px -9px!important;
    color: #3694a9;
}

.faq sznk3 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px 14px!important;
    color: #3694a9;
}

.faq sznk4 {
    position: absolute;
    font-family: arsenica;
    font-size: 76px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin: 56px -9px!important;
    color: #3694a9;
}

/* ------------ÔÀÊ ÏÐÀÂÈËÀ-----------------------------------------------*/

.faqq {
    width: 800px;
    height: 1150px;
    padding: 30px 28px;
    margin: 0px 80px!important;
     background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #e3e3e3;
    border: 3px solid #1b5764;
}

.faqq zgl {
    position: absolute;
    color: #c17167;
    text-align: center;
    font-family: cuprum;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #241210db;
    height: 22px;
    width: 862px;
    line-height: 17px;
    margin: -52px -30px!important;
}

.faqq vopr {
    position: absolute;
    font-family: cuprum;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 619px;
    text-align: left;
    text-transform: uppercase;
    margin: -17px 33px!important;
    color: #c07168;
}

.faqq otvet {
    display: flex;
    width: 757px;
    height: 40px;
    margin-top: 1px!important;
    margin-bottom: 35px!important;
    margin-left: 12px!important;
    line-height: 110%;
    font-size: 14px;
    background: #995b5269;
    box-shadow: inset 0px 0px 30px #241210;
    font-weight: normal;
    font-family: cuprum;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #a5756e;
}

/* ------------ÎÁ ÎÑÒÐÎÂÅ-----------------------------------------------*/

.ostrov {
    width: 800px;
    height: 515px;
    padding: 19px 28px;
    margin: 0px 80px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #e3e3e3;
    border: 3px solid #1b5764;
}

.ostrov zgl {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 22px;
    width: 862px;
    line-height: 17px;
    margin: -44px -30px!important;
}

.ostrovkart {
    width: 469px;
    height: 478px;
    margin: 32px 0px!important;
    background: url(http://forumstatic.ru/files/001b/cd/ab/68735.png) no-repeat;
}

.ostrov zgl1 {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 20px;
    width: 330px;
    line-height: 17px;
    border-bottom: 2px solid #59997b;
    margin-top: 10px!important;
    margin-left: 468px!important;
}

.ostrov kart1 {
    position: absolute;
    width: 70px;
    height: 103px;
    margin-top: 260px!important;
    margin-left: 480px!important;
    background: url(https://i.imgur.com/oEvCEYC.png) no-repeat;
}

.ostrov zgl2 {
    position: absolute;
    color: #4e8cbd;
    text-align: center;
    font-family: arsenica;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #0d232d;
    height: 20px;
    width: 256px;
    line-height: 17px;
    border-bottom: 2px solid #4e8cbd;
    margin-top: 127px!important;
    margin-left: 540px!important;
}

.ostrov zgl5 {
    position: absolute;
    color: #3b78a8;
    text-align: center;
    font-family: arsenica;
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #0d232d;
    height: 20px;
    width: 232px;
    line-height: 17px;
    border-bottom: 2px solid #2f6d9e;
    padding-right: 10px;
    margin-top: 335px!important;
    margin-left: -15px!important;
}

.ostrov info5 {
    position: absolute;
    width: 233px;
    height: 138px;
    margin-top: 357px!important;
    margin-left: -17px!important;
    line-height: 95%;
    font-size: 17px;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 4px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
    z-index: 99;
}

.ostrov info5::-webkit-scrollbar {  width: 3px;  }

.ostrov info5::-webkit-scrollbar-thumb {  background: #2f6d9e;  }

.ostrov info5::-webkit-scrollbar-track {  background: #00080e;  }

.ostrov info5 {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

.ostrov kart2 {
    position: absolute;
    width: 62px;
    height: 94px;
    margin-top: 118px!important;
    margin-left: 488px!important;
    background: url(https://i.imgur.com/E3ysevR.png) no-repeat;
}

.ostrov zgl3 {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 20px;
    width: 257px;
    line-height: 17px;
    border-bottom: 2px solid #59997b;
    margin-top: 267px!important;
    margin-left: 539px!important;
}

.ostrov kart3 {
    position: absolute;
    width: 88px;
    height: 94px;
    margin-top: 400px!important;
    margin-left: 471px!important;
    background: url(https://i.imgur.com/iIA1GsF.png) no-repeat;
}

.ostrov zgl4 {
    position: absolute;
    color: #3b78a8;
    text-align: center;
    font-family: arsenica;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #0d232d;
    height: 20px;
    width: 251px;
    line-height: 17px;
    border-bottom: 2px solid #3b78a8;
    margin-top: 411px!important;
    margin-left: 545px!important;
}

.ostrov info1 {
    position: absolute;
    width: 325px;
    height: 70px;
    margin-top: 33px!important;
    margin-left: 459px!important;
    line-height: 95%;
    font-size: 17px;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
}

.ostrov info2 {
    position: absolute;
    width: 220px;
    height: 50px;
    margin-top: 149px!important;
    margin-left: 537px!important;
    line-height: 95%;
    font-size: 50px;
    font-weight: bold;
    font-family: klukva;
    text-align: center;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #4e8cbd;
}

.ostrov info3 {
    position: absolute;
    width: 250px;
    height: 34px;
    margin-top: 298px!important;
    margin-left: 527px!important;
    line-height: 95%;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-family: arsenica;
    text-align: center;
    padding: 4px 10px;
    text-transform: uppercase;
    overflow-y: auto;
    color: #5c9d7e;
}

.ostrov info4 {
    position: absolute;
    width: 227px;
    height: 70px;
    margin-top: 432px!important;
    margin-left: 549px!important;
    line-height: 95%;
    font-size: 17px;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5;
}

/*ÍÀÂÈÃÀÖÈß ÏÎ ÎÑÒÐÎÂÓ*/

.ostrovnav {
    position: absolute;
    cursor: pointer;
    z-index: 50;
    height: 469px;
    width: 478px;
}

span.ost1 {
    position: absolute;
    margin-top: 77px;
    margin-left: 41px;
}

span.ost2 {
    position: absolute;
    margin-top: -6px;
    margin-left: 273px;
}

span.ost3 {
    position: absolute;
    margin-top: 93px;
    margin-left: 214px;
}

span.ost4 {
    position: absolute;
    margin-top: 29px;
    margin-left: 349px;
}

span.ost5 {
    position: absolute;
    margin-top: 252px;
    margin-left: 208px;
}

span.ost6 {
    position: absolute;
    margin-top: 298px;
    margin-left: 305px;
}

span.ost7 {
    position: absolute;
    margin-top: 378px;
    margin-left: 403px;
}

.ost1:hover ro1, .ost2:hover ro2, .ost3:hover ro3, .ost4:hover ro4, .ost5:hover ro5, .ost6:hover ro6, .ost7:hover ro7 {
    visibility: visible;
    transform: translateX(50%) scale(1);
}

.teks1, .teks2, .teks3, .teks4, .teks5, .teks6, .teks7 {
    width: 150px;
    background: #001a22;
    padding: 0 5px 5px 5px;
    font-family: klukva;
    font-size: 16px;
    border: 2px solid #1b5764;
    text-transform: lowercase;
    color: #778e9b;
}

.teks1 is_pic, .teks2 is_pic, .teks3 is_pic, .teks4 is_pic, .teks5 is_pic, .teks6 is_pic, .teks7 is_pic {
   position: relative;
    height: 60px;
    width: 140px;
}

.teks1 is_pic img, .teks2 is_pic img, .teks3 is_pic img, .teks4 is_pic img, .teks5 is_pic img, .teks6 is_pic img, .teks7 is_pic img {
    height: 60px;
    width: 140px;
    filter: grayscale(100%);
    margin-top: 18px;
    margin-left: 5px;
    margin-bottom: 3px;
    object-fit: cover;
}

.teks1 is_pic:after, .teks2 is_pic:after, .teks3 is_pic:after, .teks4 is_pic:after, .teks5 is_pic:after, .teks6 is_pic:after, .teks7 is_pic:after {
content: '';
    box-sizing: border-box;
    background: #4e8cbd;
    position: fixed;
    top: 20px!important;
    left: 12px!important;
    height: 60px;
    width: 140px;
    mix-blend-mode: multiply;
}

.teks1 nm, .teks2 nm, .teks3 nm, .teks4 nm, .teks5 nm, .teks6 nm, .teks7 nm {
font-size: 17px;
    position: absolute;
    margin: 3px 0px 0px 0px;
    width: 150px;
    text-align: center;
    text-transform: uppercase;
}

.ost1 ro1 {
    position: absolute;
    display: block;
    top: -107px;
    z-index: 9;
    transform: translateX(0%) 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: -45px;
}

.ost2 ro2 {
    position: absolute;
    display: block;
    top: -39px;
    z-index: 9;
    transform: translateX(0%) 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: -45px;
}

.ost3 ro3 {
    position: absolute;
    display: block;
    top: -89px;
    z-index: 9;
    transform: translateX(0%) 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: -45px;
}

.ost4 ro4 {
    position: absolute;
    display: block;
    top: -30px;
    z-index: 9;
    transform: translateX(0%) 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: -43px;
}

.ost5 ro5 {
    position: absolute;
    display: block;
    top: -88px;
    z-index: 9;
    transform: translateX(0%) 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: -46px;
}

.ost6 ro6 {
    position: absolute;
    display: block;
    top: -131px;
    z-index: 9;
    transform: translateX(0%) 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: -48px;
}

.ost7 ro7 {
    position: absolute;
    display: block;
    top: -175px;
    z-index: 9;
    transform: translateX(0%) 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: -41px;
}

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

.oform_box {
    width: 737px;
    height: auto;
    margin: 0px 8px!important;
}

.oform_box h6 {
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 0px;
}

.oform_text {
    text-align: justify;
    padding: 0px 12px 10px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    border: 3px solid #1b5764;
}

.oform_opis {
    text-align: justify;
    width: 613px;
    margin-left: 54px!important;
    padding-bottom: 5px;
    color: #82a5b5!important;
    font-size: 17px;
    font-family: 'Klukva';
}

.oform_opis op{
    font-size: 22px;
    font-weight: bold;
}

.oform_box z {
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 0px;
}

.oform_box kart {
    height: 120px;
    width: 120px;
    display: flex;
    margin-left: 118px!important;
    margin-top: 5px !important;
}

.oform_box kart_pic {
   position: relative;
    height: 120px;
    width: 120px;
    border: 2px solid #1b5764;
    margin: 0px 113px 0px -98px !important;
}

.oform_box kart_pic  img {
    height: 120px;
    width: 120px;
    filter: grayscale(100%);
    margin-top: 0px;
    object-fit: cover;
}

.oform_box kart_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}


.oform {
    width: 691px;
    height: auto;
    padding: 19px 28px;
    margin: 20px 0px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    border: 3px solid #1b5764;
}

.oform zgl {
    position: absolute;
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 21px;
    margin: -44px 0px 0px 180px!important;
}

.oform info {
    width: 636px;
    height: auto;
    margin-top: -19px!important;
    font-size: 17px;
    font-weight: normal;
    font-family: klukva;
    text-align: justify;
    text-transform: lowercase;
    overflow-y: auto;
    color: #82a5b5!important;
}

.oform info op {
    font-size: 17px;
    font-weight: bold;
    color: #a5756e;
}


.oform na {
    color: #c07168;
    width: 200px;
    display: flex;
    font-family: 'cuprum';
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #241210db;
    line-height: 21px;
    margin: 0px 0px 0px 0px!important;
}

.oform la {
    width: 182px;
    height: 200px;
    background: #995b5269;
    box-shadow: inset 0px 0px 30px #241210;
    margin-top: 0px!important;
    display: inline-block;
    font-size: 14px;
    padding: 4px;
    font-weight: normal;
    font-family: cuprum;
    text-align: left;
    text-transform: lowercase;
    overflow-y: auto;
    overflow-x: hidden;
    color: #a5756e;
}

.oform la a:link { color: #b16156!important; }
.oform la a:visited { color: #b16156!important; }

.oform la a:hover { color: #b15448!important; }
.oform la a:hover { color: #b15448!important; }

/* ------------ñîâì. ïðîñìîòð 3 àôèøè-----------------------------------------------*/

.maraf {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-top: 10px!important;
margin-bottom: 10px!important;
}

.maraf re {
display: block;
    color: #88a2af;
    font-family: klukva;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-size: 17px;
    margin-bottom: 2px!important;
    padding: 0px 3px 2px 3px;
    text-align: left;
}

.mar1 {width: 223px;}

.mar2 {
text-align: center;
    margin-bottom: 5px!important;
    font-size: 15px;
    color: #5c9d7e;
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-family: arsenica;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 2px solid #1b5764;
    padding-bottom: 4px;
}

.oform art {
    height: 209px;
    width: 139px;
    display: flex;
    margin-left: 136px!important;
    margin-top: 5px !important;
}

.oform art_pic {
   position: relative;
    height: 209px;
    width: 139px;
    border: 2px solid #1b5764;
    margin: 0px 113px 0px -98px !important;
}

.oform art_pic  img {
    height: 209px;
    width: 139px;
    filter: grayscale(100%);
    margin-top: 0px;
    object-fit: cover;
}

.oform art_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

/* ------------ñîâì. ïðîñìîòð 1 àôèøà-----------------------------------------------*/

.maraf1 {
position: absolute;
    margin: -246px 0px 0px 335px!important;
}

.maraf1 re {
display: block;
    color: #88a2af;
    font-family: klukva;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-size: 17px;
    margin-bottom: 2px!important;
    padding: 0px 3px 2px 3px;
    text-align: left;
}

.mar3 {width: 300px;}

.mar4 {
text-align: center;
    margin-bottom: 5px!important;
    font-size: 15px;
    color: #5c9d7e;
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-family: arsenica;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 2px solid #1b5764;
    padding-bottom: 4px;
}

.oform artt {
    height: 305px;
    width: 206px;
    display: flex;
    margin-left: 75px!important;
    margin-top: 15px !important;
}

.oform artt_pic {
   position: relative;
    height: 305px;
    width: 206px;
    border: 2px solid #1b5764;
}

.oform artt_pic  img {
    height: 305px;
    width: 206px;
    filter: grayscale(100%);
    margin-top: 0px;
    object-fit: cover;
}

.oform artt_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

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

.fenris_tems_box {
    width: 890px;
    height: auto;
    margin: 0px 65px!important;
}

.fenris_tems_box h6 {
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 0px;
}

.fenris_tems_text {
    text-align: justify;
    padding: 0px 12px 10px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    border: 3px solid #1b5764;
}

.opis {
    text-align: justify;
    width: 700px;
    margin-left: 82px!important;
    padding-bottom: 5px;
    color: #82a5b5!important;
    font-size: 17px;
    font-family: 'Klukva';
}

.myzh {
height: 25px;
    width: 117px;
    font-family: arsenica;
    font-weight: bold;
    border-bottom: 2px solid #4e8cbd;
    margin-left: -5px!important;
    font-size: 17px;
    text-transform: uppercase;
    color: #4e8cbd;
    text-shadow: 1px 1px 1px #0d232d;
    line-height: 25px;
}

.zhen {
    height: 25px;
    width: 117px;
    font-family: arsenica;
    font-weight: bold;
    border-bottom: 2px solid #4e8cbd;
    margin-left: -5px!important;
    font-size: 17px;
    text-transform: uppercase;
    color: #4e8cbd;
    text-shadow: 1px 1px 1px #0d232d;
    line-height: 25px;
}

.imena {
    height: 25px;
    width: 117px;
    font-family: arsenica;
    font-weight: bold;
    border-bottom: 2px solid #4e8cbd;
    margin-left: 0px!important;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #4e8cbd;
    text-shadow: 1px 1px 1px #0d232d;
    line-height: 25px;
  }

.familii {
    height: 25px;
    width: 117px;
    font-family: arsenica;
    font-weight: bold;
    border-bottom: 2px solid #4e8cbd;
    margin-left: 75px!important;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    color: #4e8cbd;
    text-shadow: 1px 1px 1px #0d232d;
    line-height: 25px;
}

.imvneh1 {
   font-family: arsenica;
    text-transform: uppercase;
    font-size: 14px;
    width: 100px;
    font-weight: bold;
    padding: 4px 0px 0px 0px;
    text-align: center;
    margin-left: 84px!important;
    color: #5ca086;
    text-shadow: 1px 1px 1px #083822;
    line-height: 150%;
}

.imvneh2 {
    height: 100px;
    width: 248px;
    margin-left: 0px!important;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    overflow: auto;
    padding: 8px 8px 8px 8px;
    color: #8099a6;
    text-align: left;
    font-family: 'Klukva';
    text-transform: lowercase;
    font-size: 17px;
}

.imvnehname {
   height: 241px;
    width: 248px;
    margin-left: 0px!important;
    margin-top: 0px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    overflow: auto;
    padding: 8px 8px 8px 8px;
    color: #8099a6;
    text-align: left;
    font-family: 'Klukva';
    text-transform: lowercase;
    font-size: 17px;
}

.imvnehsurname {
    height: 346px;
    width: 248px;
    margin-left: 0px!important;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    overflow: auto;
    padding: 8px 8px 8px 8px;
    color: #8099a6;
    text-align: left;
    font-family: 'Klukva';
    text-transform: lowercase;
    font-size: 17px;
}

/* ------------ÑÑÛËÊÈ Â ÒÅÌÀÕ ÎÔÎÐÌËÅÍÈß-----------------------------------------------*/

.imvneh2 a, .imvnehname a, .imvnehsurname a, .ostrov info1 a, .oform_opis a, .nyzh info2 a:link {
    color: #478165!important;
}

.imvneh2 a, .imvnehname a, .imvnehsurname a, .ostrov info1 a, .oform_opis a, .nyzh info2 a:visited {
    color: #478165!important;
}

.imvneh2 a:hover { color: #00698b!important; }
.imvnehname a:hover { color: #00698b!important; }
.imvnehsurname a:hover { color: #00698b!important; }
.ostrov info1 a:hover { color: #00698b!important; }
.oform_opis a:hover { color: #00698b!important; }
.nyzh info2 a:hover { color: #00698b!important; }

/* ------------ÁÈÐÆÀ ÒÐÓÄÀ-----------------------------------------------*/

.tabs {
height: 297px;
    margin: -14px 0!important;
}

.tabs>input[type="radio"] {
    display: none;
}

.tabs>input[type="radio"]:checked+label {
    color: #a1d1bf;
    background-color: #276b4b;
    box-shadow: inset 0px 0px 5px #083822;
}

.tabs>label {
   padding: 8px 8px 8px 15px;
    margin: 5px 0 6px -8px;
    text-align: left;
    user-select: none;
    font-size: 15px;
    font-family: 'Arsenica';
    color: #8099a6;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    text-transform: uppercase;
    line-height: 17px;
    transition: color 0.15s ease-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    top: 20px;
    left: 28px;
    position: relative;
    display: flex;
    width: 172px;
    letter-spacing: 1px;
    font-weight: bold;
}

.tabs>label:not(:first-of-type) {
}

#tab-btn-1:checked~#gorod, #tab-btn-2:checked~#obraz, #tab-btn-3:checked~#smi, #tab-btn-4:checked~#biznes, #tab-btn-5:checked~#razvl, #tab-btn-6:checked~#drugoe {
    display: block;
}

#gorod, #obraz, #smi, #biznes, #razvl, #drugoe {
    position: relative;
    left: 223px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    color: #8099a6!important;
    font-family: 'Klukva';
    text-transform: lowercase;
    font-size: 17px!important;
    width: 587px;
    top: -231px;
    height: 225px;
    overflow: auto;
}

#gorod a, #obraz a, #smi a, #biznes a, #razvl a, #drugoe a:link {
    color: #478165!important;}
#gorod a, #obraz a, #smi a, #biznes a, #razvl a, #drugoe a:visited {
    color: #478165!important;}

#gorod cho, #obraz cho, #smi cho, #biznes cho, #razvl cho, #drugoe cho {
    color: #64a989!important;
    font-family: arsenica;
    text-transform: uppercase;
    font-size: 16px!important;
}

.tabs>div {
    display: none;
    padding: 10px 15px;
    font-size: 16px;
}

.vacancies {
    position: relative;
    top: -3px;
    color: #8099a6;
}

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

.bank {
    width: 685px;
    height: 645px;
    padding: 10px 30px;
    margin: 11px 0px!important;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    color: #88a2af;
    border: 3px solid #1b5764;
}

.bank zgl {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    height: 22px;
    width: 685px;
    line-height: 17px;
    margin: -34px 0px!important;
}

.bank zgl2 {
    position: absolute;
    color: #5c9d7e;
    text-align: center;
    font-family: arsenica;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #083822;
    width: 370px;
    line-height: 17px;
    margin: 10px -19px!important;
}

.bank info {
    position: absolute;
    width: 306px;
    height: 560px;
    margin-top: 30px!important;
    margin-left: 0px!important;
    line-height: 93%;
    font-size: 17px;
    font-weight: normal;
    font-family: klukva;
    text-align: left;
    padding: 4px 10px;
    text-transform: lowercase;
    overflow-y: auto;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    color: #8099a6;
}

.bank info ps{
    font-size: 14px;
}


/* ------------ÀÍÊÅÒÀ-----------------------------------------------*/

#anket_top_box {
background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 14px/16px 'klukva';
    color: #88a2af;
    border: 3px solid #1b5764;
    width: 670px;
    height: auto;
    margin: 35px 25px;
    padding: 20px;
}

.anket_inner {
padding: 5px 0px 0px 10px;
}

.anket_pic {
    float: left;
    border: 2px solid #1b5764;
    margin: -65px 0 0 0!important;
    width: 100px;
    height: 100px;
    position: relative;
    line-height: 0;
}

.anket_pic img {
    filter: grayscale(100%);
    width: 100px;
    height: 100px;
object-fit: cover;
}

.anket_pic:before {
    content: "";
    background: #4e94a3;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.charfc {
    position: absolute;
    font-family: 'Klukva';
    color: #88a2af;
    margin-top: -41px!important;
    margin-left: 108px!important;
}

.charname {
    background: #1b5764;
    margin-left: -33px!important;
    margin-top: -41px!important;
    margin-right: 0px!important;
    height: 13px;
    text-align: right;
    width: 560px;
    padding: 1px 5px 0px 151px !important;
    font: 500 13px/15px 'arsenica';
    color: #9ac0d1;
    text-transform: uppercase;
}

.charnameangl {
    margin: -34px 0px 0px 236px!important;
    height: 13px;
    width: 443px;
    text-align: right;
    color: #5c9d7e;
    text-shadow: 1px 1px 1px #083822;
    font: 600 27px/15px 'arsenica';
    text-transform: uppercase;
}


.charbox1 {
    height: 10px;
    margin: 31px 0px 0px 116px !important;
    padding: 0px 0px 6px 3px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    text-transform: lowercase;
    font-family: 'Klukva';
    font-size: 17px;
    width: 531px;
    line-height: 14px;
    color: #88a2af;
}

.charbox2 {
    height: 10px;
    margin: 4px 0px 0px 116px !important;
    padding: 0px 0px 6px 3px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    text-transform: lowercase;
    font-family: 'Klukva';
    width: 531px;
    font-size: 17px;
    line-height: 14px;
    color: #88a2af;
}

.charbox3 {
    height: 10px;
    margin: 4px 0px 0px 116px !important;
    padding: 0px 0px 6px 3px;
    width: 531px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    text-transform: lowercase;
    font-family: 'Klukva';
    font-size: 17px;
    line-height: 14px;
    color: #88a2af;
}

.prinad {
    position: absolute;
    text-align: center;
    width: 113px;
    margin: 8px 0px 0px -5px !important;
    text-transform: uppercase;
    font-family: 'Arsenica';
    font-size: 24px;
    line-height: 14px;
    color: #5c9d7ebd;
}

.charinfobox2 {
    margin-top: -1px!important;
    width: 640px;
    height: auto;
    font-family: klukva;
    text-align: justify;
    font-size: 17px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    padding: 4px 5px 4px 5px;
}

.charinfobox2 vp{
    width: 630px;
    text-align: center!important;
    display: block;
    height: auto;
    font-family: arsenica;
    font-size: 14px;
    box-shadow: inset 0px 0px 30px #3688982b;
    padding: 4px 5px 4px 5px;
}

.charinfobox2 ot {
    height: 70px;
    overflow: auto;
    width: 630px;
    text-align: justify;
    display: block;
    font-family: klukva;
    font-size: 17px;
    padding: 4px 5px 4px 5px;
}

.citost {
 width: 649px;
    height: 30px;
    text-align: right;
    margin: 0px 0px 1px 0px!important;
    font: normal 14px/40px 'arsenica';
    }

/* ------------ÑÌÑ ÝÏÈÇÎÄ-----------------------------------------------*/

.ekran1 {
width: 400px; 
height: 550px; 
background-color: #c1d6db;
border: 2px solid #1b5764;
}

.ekran2 {width: 380px;
    font-size: 18px;
    font-family: 'Klukva';
    color: #0a2129;
    border-bottom: 1px solid #1b576459;
    background-color: #5194a3;
    padding: 10px 10px 10px 10px;}

.ekran2 svyaz, .ekran2 time, .ekran2 batt {display: inline-block!important; width: 120px;}

.ekran3 {width: 380px;
    font-size: 17px;
    font-family: 'Klukva';
    color: #0a2129;
    background-color: #5194a3;
    padding: 10px 10px 0px 10px;}

.ekran3 mess, .ekran3 name { width: 120px; display: inline-block!important;}
.ekran3 name {
    position: absolute;
    width: 200px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin-top: 2px!important;
    margin-left: -160px!important;
 }

.ekran3 mess {color: #255c68; }

.ekran3 mess m1 {
    margin: 1px -189px;
    position: absolute;
    font-weight: bold;
    color: #255c68;
}

.ekran3 mess m2 {
    background-color: #255c68;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
    margin: 2px -170px;
    position: absolute;
    color: #ffffff;}

.otvet1 {  background-color: #5194a366;
    border: 0 none;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font: 17px klukva;
    margin: 0;
    width: 200px;
    padding: 8px 5px 8px 5px;
    position: relative;
    right: 70px;
    text-align: left;
    top: 10px;
    margin-bottom: 10px!important;}

.otvet1:after {
 border-color: #94bbc4 transparent;
    border-style: solid;
    border-width: 10px 5px 0;
    content: "";
    display: block;
    left: 10px;
    position: relative;
    width: 0;
    top: 15px;
}

.otvet2 { background-color: #5194a3;
    border: 0 none;
    border-radius: 15px;
    color: white;
    display: inline-block;
    font: 17px klukva;
    margin: 0;
    width: 200px;
    padding: 8px 5px 8px 5px;
    position: relative;
    left: 70px;
    text-align: right;
    top: 10px;
    margin-bottom: 10px!important;}


.otvet2:after {
 border-color: #5194a3 transparent;
  border-style: solid;
  border-width: 10px 5px 0;
  content: "";
  display: block;
  left: 175px;
  position: relative;
  width: 0; 
top: 15px;
}

.otveti { 
    position: absolute;
    width: 400px;
    height: 421px;
    overflow: auto;}

.otveti::-webkit-scrollbar {
    width: 3px;
}

.otveti::-webkit-scrollbar-track {
    background: #c1d6db;
}

.otveti::-webkit-scrollbar-thumb {
    background: #5194a3;
}

.otveti {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

.poleotveta {
    width: 350px;
    position: absolute;
    font-size: 16px;
    font-family: 'Klukva';
    color: #a6b7bb;
    background-color: #dfdfdf;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a6b7bb;
    border-radius: 15px;
    margin-left: 15px!important;
    margin-top: 419px!important;}

.ekran3 kart {
    height: 40px;
    width: 40px;
    display: flex;
    border-radius: 50%;
    margin-left: 308px!important;
    margin-top: 0px !important;
}

.ekran3 kart_pic {
   position: relative;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin: -1px 113px 0px -98px !important;
}

.ekran3 kart_pic  img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    filter: grayscale(100%);
    margin-top: -5px;
    object-fit: cover;
}

.ekran3 kart_pic:after {
content: '';
    background: #5ba0af;
    position: absolute;
    top: -5px;
    left: 0;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    mix-blend-mode: multiply;
}

/* ------------ËÈ×ÍÀß ÑÒÐÀÍÈÖÀ-----------------------------------------------*/

#lstable {
background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
border: 3px solid #1b5764;
width: 710px;
height: 446px;
margin-left: 112px;

}

#lsfoto {
 position: absolute;
    margin-left: -10px;
    margin-top: 17px;
    width: 200px;
}

#lsfoto kart {
    height: 125px;
    width: 120px;
    display: flex;
    margin: 0 auto !important;
    margin-top: 0px !important;
}

#lsfoto kart_pic {
   position: relative;
    height: 120px;
    width: 205px;
    border: 2px solid #1b5764;
}

#lsfoto kart_pic  img {
    height: 120px;
    width: 205px;
    filter: grayscale(100%);
    object-fit: cover;
}

#lsfoto kart_pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

#lsname {
position: absolute;
    margin-left: 30px;
    margin-top: 144px;
    text-align: center;
    font-family: klukva;
    line-height: 15px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
    color: #82a5b5;
    width: 209px;
    height: 45px;
}

#lsname text {
font-family: klukva;
    font-size: 17px;
    text-transform: lowercase;
    font-weight: normal;
    color: #82a5b5;
}

#lsplashki {
  position: absolute;
    margin-left: 23px;
    margin-top: 173px;
    text-align: center;
    width: 230px;
}

#lsplashki zgl {
  position: absolute;
    margin-left: -112px;
    margin-top: 20px;
    text-align: center;
    font-family: arsenica;
    text-transform: uppercase;
    background: #276b4b;
    font-size: 15px;
    color: #a1d1bf;
    width: 220px;
}

#lsplashki1  {
position: absolute;
  margin-left: 3px;
    height: 203px;
    margin-top: 38px;
    padding: 0px 10px;
    width: 200px;
    text-align: center!important;
    box-shadow: inset 0px 0px 30px #3688982b;
    overflow-y: auto;
    overflow-x: hidden;
}

#lsplashki1 li {
 margin-bottom: 8px;
}

#lsnagradi {
  position: absolute;
margin-left: 229px;
}

#lsnagradi zgl {
position: absolute;
    margin-left: 46px;
    margin-top: 17px;
    text-align: center;
    font-family: arsenica;
    text-transform: uppercase;
    background: #276b4b;
    font-size: 15px;
    color: #a1d1bf;
    width: 400px;
}

#lsnagradi1 {
position: absolute;
    line-height: 30px;
    height: 163px;
    width: 400px;
    text-align: center;
    padding: 4px 0;
    box-shadow: inset 0px 0px 30px #3688982b;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: 46px;
    margin-top: 35px;
}

#lspodarki { 
position: absolute;
    width: 400px;
    height: 163px;
    margin-left: 276px;
    margin-top: 251px;
    box-shadow: inset 0px 0px 30px #3688982b;
}

#lspodarki zgl {
position: absolute;
    margin-left: 0px;
    margin-top: -18px;
    text-align: center;
    font-family: arsenica;
    text-transform: uppercase;
    background: #276b4b;
    font-size: 15px;
    color: #a1d1bf;
    width: 400px;
}

#lspodarki1 {  
    text-align: center;
    position: absolute;
    padding: 4px 0;
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 30px;
    height: 163px;
}

#lsedit {
  position: absolute;
    margin-left: 615px;
    margin-top: -17px;
    text-align: right;
    font-family: arsenica;
    text-transform: uppercase;
    background: #1b5764;
    font-size: 10px;
    color: #b1cbd7;
    padding: 1px 4px;
    width: 90px;
}

#lsedit a:visited {
    font-family: arsenica;
    text-transform: uppercase;
    background: #1b5764;
    font-size: 10px;
    color: #b1cbd7;
}

#lsedit a:link {
    font-family: arsenica;
    text-transform: uppercase;
    background: #1b5764;
    font-size: 10px;
    color: #b1cbd7;
}

/* ------------ÌÀÃÀÇÈÍ-----------------------------------------------*/
.magaz {
    width: 755px;
    height: auto;
    margin: 0px 0px!important;
}

.magaz h6 {
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 0px;
}

.magaz_tems_text {
    text-align: justify;
    padding: 0px 12px 10px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    border: 3px solid #1b5764;
}

.magopis {
    text-align: justify;
    width: 618px;
    margin-left: 53px!important;
    padding-bottom: 5px;
    color: #82a5b5!important;
    font-size: 17px;
    font-family: 'Klukva';
}



#mgtab   {  padding-top: 24px;
}

#mgtab .bats { 
width: 750px;
    margin: 0px 0px 0px -10px;
    position: relative;
    word-spacing: 5px;
    text-align: center;

} 
#mgtab section { 
display: none;
    margin-top: 7px;
    margin-left: 41px;
    width: 668px;
    height: 367px;
    overflow: hidden;
} 
#mgtab p { 
  margin: 0; 
} 
#mgtab input {   display: none;  

} 

#mgtab label { 
display: inline-block;
    width: 213px;
    cursor: pointer;
    height: 21px;
    opacity: 0.6;
    transition: all .2s linear;
    background: #276b4b;
    box-shadow: inset 0px 0px 5px #083822;
    text-align: center;
    font-family: 'Klukva';
    text-transform: uppercase;
    font-size: 18px;
    color: #a1d1bf;
    line-height: 22px;
} 

#mgtab label:hover {opacity: 1;
transition: all .2s linear; 
} 

#mgtab input:checked + label { 
transition: all .2s linear;
color: #a1d1bf;
 opacity: 1;}

#gtab1:checked ~ #pcontent1, #gtab2:checked ~ #pcontent2, #gtab3:checked ~ #pcontent3 { 
  display: block; 
} 
section { 
  animation: scale 0.7s ease-in-out; 
} 
@keyframes scale { 
  0% { 
  transform: scale(0.9); 
  opacity: 0; 
  } 
  50% { 
  transform: scale(1.005); 
  opacity: 0.5; 
  } 
  100% { 
  transform: scale(1); 
  opacity: 1; 
  } 
}

#mgpod1, #mgpod2, #mgpod3  {
    position: absolute;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 4px 0;
    margin-left: 5px;
    height: 357px;
    width: 658px;
}

.faqi vopros {
    height: 25px;
    width: 800px;
    font-family: arsenica;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 42px!important;
    border-bottom: 1px solid #3694a9;
    font-size: 13px;
    padding: 0 0 2px 0;
    text-transform: uppercase;
    color: #3694a9;
    line-height: 20px;
}

.faqi vopross {
    height: 25px;
    width: 800px;
    font-family: arsenica;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 42px!important;
    border-bottom: 1px solid #488b6b;
    font-size: 13px;
    padding: 0 0 2px 0;
    text-transform: uppercase;
    color: #488b6b;
    line-height: 20px;
}

.faqi otvet {
    height: auto;
    width: 767px;
    color: #82a5b5;
    text-align: justify;
    font-family: klukva;
    text-transform: lowercase;
    font-size: 17px;
    margin-top: 1px!important;
    margin-left: 22px !important;
    padding: 0px 15px 24px 15px;
}

.faqi {width: 848px;
    margin: 0 -10px!important;
    height: 602px;
    overflow: auto;
    position: absolute;

}

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

.news_box {
    width: 700px;
    height: 500px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
border: 3px solid #1b5764;
    margin: 0 43px!important;
}

.news_box num {
    position: absolute;
    color: #5c9d7e;
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 25px;
    font-family: 'arsenica'!important;
    margin: 10px 87px!important;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: uppercase;
    transition: 0.5s;
}

.news_box text {
position: absolute;
    text-align: justify;
    height: 260px;
    width: 628px;
    margin: 50px 0 0px 29px!important;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    line-height: 110%;
    color: #8099a6!important;
    font-size: 17px;
    font-family: 'Klukva';
    overflow: auto;
    padding: 2px 7px;
}

.news_box text a:link{
color: #5c9d7e;
}

.news_box text a:visited{
color: #5c9d7e;
}

.news_box text a:hover{
color: #8099a6;
}

.news_box mess  { 
    position: absolute;
    width: 117px;
    text-align: center;
    text-transform: lowercase;
    font-size: 32px;
    font-family: klukva;
    margin: 450px 0 0 432px;
    overflow: auto;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    color: #5c9d7e;
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
}

.news_box mess1 {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    color: #88a2af;
    font-weight: bold;
    font-size: 11px;
    width: 200px;
    text-transform: uppercase;
    margin: 435px 0 0 423px;
    -webkit-text-size-adjust: none;
}

.news_box posts  { 
    position: absolute;
    width: 117px;
    text-align: center;
    text-transform: lowercase;
    font-size: 32px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-family: klukva;
    margin: 450px 0 0 142px;
    overflow: auto;
    color: #5c9d7e;
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
}

.news_box posts1 {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    color: #88a2af;
    font-weight: bold;
    font-size: 11px;
    width: 200px;
    text-transform: uppercase;
    margin: 435px 0 0 150px;
    -webkit-text-size-adjust: none;
}

.news_box active {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    font-size: 11px;
    color: #88a2af;
    width: 250px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 345px 0 0 400px;
    -webkit-text-size-adjust: none;
}

.news_box active1 {
    position: absolute;
    letter-spacing: 1px;
    width: 250px;
    text-align: center;
    font-family: 'Arsenica';
    margin: 352px 0 0 362px;
    -webkit-text-size-adjust: none;
}

.news_box active1 a {
font-family: 'Arsenica'!important;
    color: #64937b;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

.news_box active1 a:link {
    color: #64937b;
    font-size: 14px;
}

.news_box active1 a:visited {
    color: #64937b;
    font-size: 14px;
}

.news_box active1 a:hover {
    color: #88a2af;
}

.news_box postop {
    position: absolute;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    color: #88a2af;
    font-weight: bold;
    font-size: 11px;
    width: 200px;
    text-transform: uppercase;
    margin: 395px 0 0 417px;
    -webkit-text-size-adjust: none;
}

.news_box postop1 {
    position: absolute;
    width: 250px;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Arsenica';
    margin: 405px 361px;
    font-size: 15px;
    -webkit-text-size-adjust: none;
}

.news_box postop1 a {
font-family: 'Arsenica'!important;
    color: #64937b;
    font-weight: bold;
    text-transform: uppercase;
}

.news_box postop1 a:link {
    color: #64937b;
    font-size: 14px;
}

.news_box postop1 a:visited {
    color: #64937b;
    font-size: 14px;
}

.news_box postop1 a:hover {
color: #88a2af;
}

.news_box toppost1 {
    position: absolute;
    width: 150px;
    height: 20px;
    font-weight: bold;
    color: #88a2af;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Arsenica';
    font-size: 11px;
    text-transform: uppercase;
    margin: 324px 0 0 129px;
    -webkit-text-size-adjust: none;
}

.news_box toppost  { 
    position: absolute;
    width: 216px;
    height: 77px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 15px;
    background: #0a2129ad;
    box-shadow: inset 0px 0px 30px #3688982b;
    font-family: klukva!important;
    margin: 346px 0 0 90px;
    overflow: auto;
    line-height: 11px;
    letter-spacing: 1px;
    padding-right: 6px;
    padding-left: 4px;
    color: #8099a6!important;
    -webkit-text-size-adjust: none;
}

.news_box toppost::-webkit-scrollbar { width: 2px; height: 2px; }

.news_box toppost::-webkit-scrollbar-thumb {
    background: #000610;
    box-shadow: none!important;
}

.news_box toppost::-webkit-scrollbar-track {
    background: #00111a;
    box-shadow: none!important;
    border: 1px solid #88a2b452;
}

.news_box toppost {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

/* ------------ÑÞÆÅÒÍÛÅ ÂÅÒÊÈ-----------------------------------------------*/

.storis_box {
    width: 737px;
    height: 560px;
    margin: 0px 8px!important;
}

.storis_text {
    text-align: justify;
    padding: 0px 12px 10px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    font: 400 17px/16px 'klukva';
    overflow: auto;
    height: 510px;
    width: 714px;
    border: 3px solid #1b5764;
}

.storis_box h6 {
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 0px;
}

.storis_opis {
    text-align: justify;
    width: 613px;
    margin-left: 54px!important;
    padding-bottom: 5px;
    color: #82a5b5!important;
    font-size: 17px;
    font-family: 'Klukva';
}

.storis_box z {
    color: #5c9d7e;
    font-family: 'Arsenica';
    font-weight: bold;
    text-shadow: 1px 1px 1px #083822;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 13px 0px;
}

.storis_box op {
    font-size: 22px;
    font-weight: bold;
}

.storis_text::-webkit-scrollbar-thumb {
    background: #1b5764;
}
.storis_text {
  scrollbar-color: #276b4b #00141e;
scrollbar-width: thin;}

/* ------------ÄÅÉÑÒÂÓÞÙÈÅ ËÈÖÀ-----------------------------------------------*/
.kvest { 
    height: 150px;
    width: 270px;
    margin: auto!important;
    position: relative;
    overflow: hidden;
    border: 2px solid #1b5763;
} 


.kvest zgl1 {   
    font-family: klukva;
    color: #488b6b;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #083822;
    font-size: 20px;
    position: absolute;
    margin: 2px 35px!important;
    z-index: 9;
    width: 200px;
    text-align: center;
    -webkit-text-size-adjust: none;
}

.kvest main {
    height: 110px;
    width: 240px;
    position: absolute;
    overflow-y: auto;
    -webkit-text-size-adjust: none;
    background: #276b4bc4;
    box-shadow: inset 0px 0px 30px #3688982b;
    padding: 2px 5px 2px 5px;
    left: -270px;
    top: 25px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    font-family: klukva;
    text-transform: lowercase;
    font-size: 17px;
    color: #99d5b8;
    /* text-align: justify; */
    line-height: 16px;
    z-index: 9;
} 

.kvest:hover main {left: 10px} 

.kvest pic img {
    height: 112px!important;
    width: 246px!important;
    border: 1px solid #1b5763;
    object-fit: cover;
    filter: grayscale(100%);
    position: absolute;
    left: 11px;
    top: 25px;
} 

.kvest pic:after {
content: '';
background: #5ba0af;
position: absolute;
top: 0px;
left: 0;
height: 100%;
width: 100%;
mix-blend-mode: multiply;
}

/*-------------------------- ÑÎÖ ÑÅÒÜ ---------------------------*/

.clgram {
    width: 700px;
    height: 620px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    border: 3px solid #1b5764;
    margin: 0 28px!important;
}

.clgram znak {
    height: 35px;
    width: 35px;
    background: url(https://i.imgur.com/dlqEQKg.png);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 2px 0 0 2px!important;
}

.clgram znak:before {
    content: "";
    background: #4e94a3;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.clgram gliso {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    box-shadow: 0 0 25px #2e5566;
    margin: 70px 0 0 45px!important;
}

.clgram naz {
position: absolute;
    width: 700px;
    background: #005e7242;
    text-align: center;
    margin: 0px 0 0 0px;
    display: block;
    font-size: 33px !important;
    color: #82a5b5!important;
    font-family: 'arsenica'!important;
    border-bottom: 2px solid #1b5764;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: uppercase;
    -webkit-text-size-adjust: none;
}

.clgram nick {
position: absolute;
    padding-top: 9px;
    text-align: center;
    margin: 58px 0 0 215px;
    display: block;
    font-size: 25px !important;
    color: #82a5b5!important;
    font-family: 'arsenica'!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.clgram publ {
position: absolute;
    height: 41px;
    width: 138px;
    text-align: center;
    margin: 100px 0 0 217px;
    display: block;
    background: #005e7242;
    word-spacing: 2px;
    font-size: 21px !important;
    color: #82a5b5!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.clgram pod {
    position: absolute;
    height: 41px;
    width: 138px;
    text-align: center;
    background: #005e7242;
    margin: 100px 0 0 372px;
    display: block;
    word-spacing: 2px;
    font-size: 21px !important;
    color: #82a5b5!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.clgram podp {
position: absolute;
    height: 41px;
    width: 138px;
    text-align: center;
    background: #005e7242;
    margin: 100px 0 0 527px;
    display: block;
    word-spacing: 2px;
    font-size: 21px !important;
    color: #82a5b5!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.clgram opis {
position: absolute;
    height: 55px;
    width: 438px;
    margin: 146px 0 0 217px;
    padding: 0px 5px;
    display: block;
    background: #005e7242;
    font-size: 18px !important;
    color: #82a5b5!important;
    -webkit-text-size-adjust: none;
}

.clgram kart1 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 240px 0 0 58px!important;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
}

.clgram kart1:hover {
    transition: 1.0s;
    height: 300px;
    width: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 200px 0 0 -19px!important;
    z-index: 99;
}

.clgram kart2 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 240px 0 0 276px!important;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
}

.clgram kart2:hover {
    transition: 1.0s;
    height: 300px;
    width: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 200px 0 0 199px!important;
    z-index: 99;
}

.clgram kart3 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 240px 0 0 494px!important;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
}

.clgram kart3:hover {
    transition: 1.0s;
    height: 300px;
    width: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 200px 0 0 417px!important;
    z-index: 99;
}

.clgram kart4 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 420px 0 0 58px!important;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
}

.clgram kart4:hover {
    transition: 1.0s;
    height: 300px;
    width: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 340px 0 0 -19px!important;
    z-index: 99;
}

.clgram kart5 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 420px 0 0 276px!important;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
}

.clgram kart5:hover {
    transition: 1.0s;
    height: 300px;
    width: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 340px 0 0 199px!important;
    z-index: 99;
}

.clgram kart6 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 420px 0 0 494px!important;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
}

.clgram kart6:hover {
    transition: 1.0s;
    height: 300px;
    width: 300px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 340px 0 0 417px!important;
    z-index: 99;
}

/*-------------------------- ïîñò ---------------------------*/

.postgram {
    width: 500px;
    height: 640px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    border: 3px solid #1b5764;
    margin: 0 140px!important;
}

.postgram gliso {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    box-shadow: 0 0 25px #2e5566;
    margin: 68px 0 0 46px!important;
}

.postgram naz {
position: absolute;
    width: 500px;
    background: #005e7242;
    text-align: center;
    margin: 0px 0 0 0px;
    display: block;
    font-size: 33px !important;
    color: #82a5b5!important;
    font-family: 'arsenica'!important;
    border-bottom: 2px solid #1b5764;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: uppercase;
    -webkit-text-size-adjust: none;
}

.postgram znak {
    height: 35px;
    width: 35px;
    background: url(https://i.imgur.com/dlqEQKg.png);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 2px 0 0 2px!important;
}

.postgram znak:before {
    content: "";
    background: #4e94a3;
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.postgram nick {
position: absolute;
    padding-top: 9px;
    text-align: center;
    margin: 62px 0 0 111px;
    display: block;
    word-spacing: 2px;
    font-size: 18px !important;
    color: #82a5b5!important;
    font-family: 'arsenica'!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.postgram location {
position: absolute;
    margin: 90px 0 0 112px;
    display: block;
    word-spacing: 2px;
    font-size: 17px !important;
    color: #5f6d74!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.postgram opis {
position: absolute;
    height: 40px;
    width: 410px;
    padding: 0 5px;
    margin: 591px 0 0 40px;
    display: block;
    font-size: 17px !important;
    color: #82a5b5!important;
    -webkit-text-size-adjust: none;
}

.postgram photo {
    height: 420px;
    width: 420px;
    box-shadow: 0 0 25px #2e5566;
    transition: 0.5s;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 137px 0 0 41px!important;
}

.postgram like {
position: absolute;
    margin: 568px 0 0 75px;
    font-weight: bold;
    display: block;
    word-spacing: 2px;
    font-size: 19px !important;
    color: #82a5b5!important;
    -webkit-text-size-adjust: none;
}

.postgram se {
    height: 20px;
    width: 20px;
    background: url(https://i.imgur.com/C3KCfAQ.png);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 567px 0 0 46px!important;
}

/*-------------------------- òâèò ---------------------------*/

.twitgram {
    width: 500px;
    height: 123px;
    background: url(https://forumstatic.ru/files/001b/cc/30/85875.png?v=1) calc(50% - 0px) -50px repeat fixed;
    border: 3px solid #1b5764;
    margin: 0 140px 30px 140px!important;
}

.twitgram gliso {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    box-shadow: 0 0 25px #2e5566;
    margin: 22px 0 0 20px!important;
}

.twitgram nick {
position: absolute;
    text-align: center;
    margin: 16px 0 0 103px;
    display: block;
    word-spacing: 2px;
    font-size: 16px !important;
    color: #82a5b5!important;
    font-family: 'arsenica'!important;
    font-weight: bold;
    text-transform: capitalize;
    -webkit-text-size-adjust: none;
}

.twitgram nick ck {
    color: #66828d!important;
    font-weight: normal!important;
    text-transform: lowercase!important;
    -webkit-text-size-adjust: none;
}

.twitgram opis {
position: absolute;
    height: 54px;
    width: 366px;
    padding: 0 5px;
    background: #005e7242;
    margin: 37px 0 0 101px;
    display: block;
    overflow-y: auto;
    font-size: 17px !important;
    color: #82a5b5!important;
    -webkit-text-size-adjust: none;
}

.twitgram like {
position: absolute;
    width: 200px;
    text-align: right;
    margin: 130px 0 0 270px;
    font-weight: bold;
    display: block;
    word-spacing: 2px;
    font-size: 19px !important;
    color: #00141e!important;
    -webkit-text-size-adjust: none;
}
.twitgram se {
    height: 20px;
    width: 20px;
    background: url(https://i.imgur.com/C3KCfAQ.png);
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 129px 0 0 474px!important;
}


/* ------------ÊÀÑÒÎÌÍÛÅ ÏËÀØÊÈ-----------------------------------------------*/

.plash-kvau {
background-image: url(http://forumstatic.ru/files/001b/cd/ab/40132.gif);
height: 30px;
}

#viewprofile-next .plash-kvau {
  background: transparent;
}
.plash-kvau text {
  color: #9ccfb7!important;
}

.plash-kvau2 {
background-image: url(http://forumstatic.ru/files/001b/cd/ab/29367.gif);
height: 30px;
}

#viewprofile-next .plash-kvau2 {
  background: transparent;
}
.plash-kvau2 text {
  color: #a6ccd1!important;
}


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

.plash-lea {
background-image: url(https://i.imgur.com/vT1h0CE.gif);
height: 30px;
}

#viewprofile-next .plash-lea {
  background: transparent;
}
.plash-lea text {
  color: #a6ccd1!important;
}

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

.plash-ari {
background-image: url(https://i.imgur.com/L8mJLx1.gif);
height: 30px;
}

#viewprofile-next .plash-ari {
  background: transparent;
}
.plash-ari text {
  color: #699887!important;
}

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

.plash-noa {
background-image: url(https://i.imgur.com/nBob0I5.gif);
height: 30px;
}

#viewprofile-next .plash-noa {
  background: transparent;
}
.plash-noa text {
  color: #adc5bd!important;
}

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

.plash-cup {
background-image: url(https://i.imgur.com/mcjCss7.gif);
height: 30px;
}

#viewprofile-next .plash-cup {
  background: transparent;
}
.plash-cup text {
  color: #f1cee4!important;
}

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

.plash-hope {
background-image: url(https://i.pinimg.com/originals/5a/a4/ec/5aa4ec1d5447dabab349c40b723977e1.gif);
height: 30px;
}

#viewprofile-next .plash-hope {
  background: transparent;
}
.plash-hope text {
  color: #c8b296!important;
}

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

.plash-tracy {
background-image: url(http://forumupload.ru/uploads/001b/cd/ab/51/236933.gif);
height: 30px;
}

#viewprofile-next .plash-tracy {
  background: transparent;
}
.plash-tracy text {
  color: #97bac9!important;
}

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

.messS0 {
    width: 400px;
    height: auto;
    background: #dae5eb;
    border: 4px solid #1b5764;
    margin-top: 20px!important;}

.messS1 {
    margin-top: -25px!important; 
    float: left; 
    margin-left: -40px!important;}

.messS2 {width: 80px; height: 80px;   display:inline-block; margin-right: 30px!important;  }

.messS2 img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 4px solid #1b5764;
    margin-top: 0px!important;
    border-radius: 50px!important;}

.messS3 {text-align: left;
    margin: -15px 0 0 0!important; } 

.messS3 name {font-size: 22px; font-family: arsenica;}

.messS4 {
    width: 350px;
    height: auto;
    overflow: auto;
    text-align: left!important;
    padding: 0px 25px 10px 25px;}

.messS5 {
    background-color: #a0c3cb;
    padding: 10px;
    margin: 6px 0 6px 0px!important;
    max-width: 350px;
    position: relative;
    text-align: left!important;
    display: inline-block;
    border-radius: 10px 10px 10px 0px;
    font-size: 17px;}

.mess0 {
    width: 400px;
    height: auto;
    background: #d4ebe0;
    border: 4px solid #276b4b;
    margin-top: 20px!important;}

.mess1 {
    margin-top: -25px!important;
    float: right;
    margin-right: -60px!important;}

.mess2 {width: 80px; height: 80px;   display:inline-block; margin-right: 30px!important;  }

.mess2 img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 4px solid #276b4b;
    margin-top: 0px!important;
    border-radius: 50px!important;}

.mess3 {text-align: right;
    margin: -15px 70px 0px 0px!important; } 

.mess3 name {font-size: 22px; font-family: arsenica;}

.mess4 {
    width: 350px;
    height: auto;
    overflow: auto;
    text-align: right!important;
    padding: 0px 25px 10px 25px;}

.mess5 {
    background-color: #95c1ac;
    padding: 10px;
    margin: 6px 0 6px 0px!important;
    max-width: 350px;
    position: relative;
    text-align: right!important;
    display: inline-block;
    border-radius: 10px 10px 0px 10px;
    font-size: 17px;}