/* ÔÎÍ */ 
body {
    background-color: #062537;
    background-size: cover;
}

/* ØÀÏÊÀ */
#pun-title table {
   background-image: url(https://i.imgur.com/WuEPpRT.png);
   background-repeat: no-repeat;
   background-position: top center;
   margin-left: 11px;
   margin-top: -20px;
   width: 1127px;
   height: 438px;
}

/* ÒÅËÎ */
#pun {
    margin: auto;
    position: relative;
    width: 1148px;
    margin: 284px auto -45px auto;
    background: repeat transparent url(https://i.imgur.com/dH4uEXf.png);
    background-position: center;
    padding-top: 20px;
    padding-bottom: 0px;
}

/* ÔÓÒÅÐ*/
#pun-about p.container {
    background: transparent url(https://i.imgur.com/ZuAXky5.png) bottom center no-repeat;
    width: 1127px;
    height: 150px;
    margin: 0 0 -25px -1px!important;
  }

/* ÐÅÉÒÈÍÃ ÔÎÐÓÌÎÂ, ÑÎÇÄÀÒÜ ÔÎÐÓÌ Â ÔÓÒÅÐÅ */
#pun-about .container .item1 {
       margin-top: 126px;
    width: 300px;
    position: absolute;
    font-family: Century Gothic;
    font-size: 7px;
    text-align: center;
    margin-left: 662px;
   display: none;
}

/* ÑÑÛËÊÈ */
.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 {
    color: #062537;
    font-family: Century Gothic;
    text-decoration: none;
    transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear; }

#pun-crumbs1 a {
    color: #dee2e4!important;
}


/* ÍÀÂÅÄÅÍÈÅ */
.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 {
    color: #062537;
    font-family: Century Gothic Bold;
    transition: color .0.3s linear;    
    -webkit-transition: color .0.3s linear;      
    -moz-transition: color .0.3s linear;}


/*------------- êîììåíòàðèé ê ðåïóòàöèè ---------------*/

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {    
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -384px;
    width: 750px;
    z-index: 100;
    font-size: 11px;
    outline-offset: 1px;
    border: 1px solid #96a0a6;
    outline: 1px solid #9bb0bd;
    padding: 5px;
    box-shadow: inset 0 0 10px #7eb1cf!important;
    background: #b5bec3;
}

/*---- ôîí êíîïîê â ôîðìå îòâåòà ----*/
#pun_wrap #post .container[id$="-area"] {
    overflow-y: auto;
    text-shadow: none;
    max-height: 157px;
    min-width: 170px;
}

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

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ */
#pun-index table Div.icon {
    height: 22px;
    width: 22px;
    margin: 6px 0px 0px 11px;
    background: #48535d;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ */
#pun-index TR.inew Div.icon {
    height: 22px;
    width: 22px;
    margin: 6px 0px 0px 11px;
    background: #48535d;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
    float: left;
    display: block;
    position: relative;
    height: 22px;
    width: 22px;
    margin: -4px 17px 0px 9px;
    background: #48535d;
    border-radius: 50%;
    z-index: 99;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    float: left;
    display: block;
    position: relative;
    height: 22px;
    width: 22px;
    margin: -4px 17px 0px 9px;
    background: #48535d;
    border-radius: 50%;
    z-index: 99;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

/* ÈÊÎÍÊÀ ÂÀÆÍÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    float: left;
    display: block;
    position: relative;
    height: 22px;
    width: 22px;
    margin: -4px 17px 0px 9px;
    background: #12496a;
    border-radius: 50%;
    z-index: 99;
}

/* ÈÊÎÍÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ */
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    float: left;
    display: block;
    position: relative;
    height: 22px;
    width: 22px;
    margin: -4px 17px 0px 9px;
    background: #0b2330;
    border-radius: 50%;
    z-index: 99;
}

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


/* ÏÐÎ×ÈÅ ÝËÅÌÅÍÒÛ */


/* ÊÍÎÏÊÈ ÎÒÂÅÒÀ */
.punbb input.button{
    padding: 0px 3px 3px!important;
    background: #124664;
    font-size: 11px!important;
    color: #ebeaea!important;
    text-shadow: 0 1px 1px #000000;
    text-transform: lowercase;
    border: 1px #004872 solid;
    border-radius: 5px;
    box-shadow: 0 0 3px #f6f4f2, 0 0px 0 1px #226483 inset, 0 0 12px inset #062537;
    transition: .3s linear;
}


.punbb input.button:hover{
    padding: 0px 3px 3px!important;
    background: #457b9b;
    font-size: 11px!important;
    color: #ebeaea!important;
    text-shadow: 0 1px 1px #000000;
    text-transform: lowercase;
    border: 1px #004872 solid;
    border-radius: 5px;
    box-shadow: 0 0 3px #f6f4f2, 0 0px 0 1px #226483 inset, 0 0 12px inset #062537;
}


/* ÇÀÃÎËÎÂÊÈ ÔÎÐÌ ÎÒÂÅÒÀ, ÌÎÄÅÐÀÖÈß */
.punbb input, .punbb select {
    color: #071f30 !important;
    font-size: 12px!important;
    background: #d3dbe0;
    border: 1px solid #062537;
    outline: none!important;
    margin-bottom: 5px;
}


/* ÖÂÅÒ ÒÅÊÑÒÀ ÍÀ ÔÎÐÓÌÅ */
BODY {overflow-x: hidden}
.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-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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 { 
   background-color: transpanent;
   color: #062537;
   font-weight: normal;    
   font-style: normal;
 }

/*---- ãðàíèöû ----*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {border-color: transparent;}
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {border-color: transparent;}
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{border-color: transparent;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {border-color:transparent;}
.punbb th {border-color: transparent;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {border-color: transparent; text-shadow: none;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {border-color: transparent;}
.punbb .divider {border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {border: 1px solid #232320}
li.pa-online {border-left-color: transparent;}


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

/* ÑÒÀÒÈÑÒÈÊÀ */
#pun-stats.section h2 {     
    width: 1158px;
    height: 46px;
    display: inherit;
    margin: 0px -55px -3px!important;
    border: none !important;
    padding: 20px 50px !important;
    background: url(https://i.imgur.com/OVhu3r0.png) center top no-repeat;
}

.section h2 span{
  visibility:hidden;
}

/* ÏÅÐÂÀß */
#pun-category1 h2 { 
    display: block;
    width: 1158px;
    height: 80px;
    margin: 5px -5px -3px;
    border: none !important;
    background: url(https://i.imgur.com/gQatWsL.png) center top no-repeat;
}

.category h2 span{
  visibility:hidden;
}

/* ÂÒÎÐÀß */
#pun-category2 h2 {
    display: block;
    width: 1158px;
    height: 80px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://i.imgur.com/KR1X7bS.png) center top no-repeat;
}

/* ÒÐÅÒÜß */
#pun-category3 h2 {
    display: block;
    width: 1158px;
    height: 80px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://i.imgur.com/GmmBvnp.png) center top no-repeat;
}

/* ×ÅÒÂÅÐÒÀß */
#pun-category4 h2 {
    display: block;
    width: 1158px;
    height: 80px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://i.imgur.com/1kej1z7.png) center top no-repeat;
}

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

/* ÝËÅÌÅÍÒÛ Â ØÀÏÊÅ */

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

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

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

#html-header ready {   
    position: absolute;
    margin: 248px 800px;
    width: 210px;
    letter-spacing: 1px;
    text-align: justify;
    font-size: 10px;
    color: #f7f7f7;
    text-transform: uppercase;
    font-family: Century Gothic!important;
    text-shadow: 1px 0px 0px black;
    font-weight: 500;
}

#html-header privetstvie {   
    position: absolute;
    margin: 144px 115px;
    width: 282px;
    letter-spacing: 2.5px;
    text-align: justify;
    font-size: 9px;
    color: #f7f7f7;
    text-transform: uppercase;
    font-family: Century Gothic!important;
    text-shadow: 1px 0px 0px black;
    font-weight: 500;
    -webkit-text-size-adjust: none;
}

#html-header progrecc { 
 position: absolute; 
 margin: 279px 750px; 
 width: 291px;
 letter-spacing: 1.5px; 
 text-align: center; 
 font-size: 11px; 
 color: #000000; 
 text-transform: uppercase; 
 font-family: Century Gothic Bold!important; 
 text-shadow: 1px 0px 0px white; 
 font-weight: 700; 
}

#html-header procenti { 
 position: absolute; 
 margin: 273px 976px; 
 width: 48px; 
 letter-spacing: 2px; 
 text-align: justify; 
 font-size: 19px; 
 color: #000000; 
 text-transform: uppercase; 
 font-family: Century Gothic Bold!important; 
 text-shadow: 1px 0px 0px white; 
 font-weight: 500; 
}

/*ÖÈÒÀÒÀ Â ÔÓÒÅÐÅ*/
.citata {    
    position: absolute;
    width: 280px;
    height: 45px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 12px;
    margin-top: -64px!important;
    margin-left: 429px!important;
    overflow: auto;
    line-height: 14.5px;
    padding-right: 4px;
    padding-left: 4px;
    color: #f1f1f1;
    font-family: Century Gothic !important;
    text-shadow: 1px 0px 0px black;
}


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

#html-header bistryessilki {
    position: absolute;
    margin: 261px 165px;
    letter-spacing: 3px;
    text-transform: uppercase;
    width: 250px;
    text-align: center;
    font-size: 8px;
    color: #fff;
    text-shadow: 1px 0px 1px #000000;
    
}

#html-header bistryessilki a:link {
   font-family: Century Gothic Bold;!important;}

#html-header bistryessilki a:hover {
   color: #d8ede7!important;
   text-shadow: 0px 0px 5px #5bb4d7;}


/* ÊÎÌÀÍÄÛ */

#html-header team1 {
    position: absolute;
    margin: 78px 484px;
    font-family: Century Gothic Bold;
    font-size: 10px;
    color: #e4edeb;
    text-shadow: 1px 0px 1px #000000;
    width: 48px;
    text-align: center;
}

#html-header team2 {
    position: absolute;
    margin: 78px 545px;
    font-family: Century Gothic Bold;
    font-size: 10px;
    color: #e4edeb;
    text-shadow: 1px 0px 1px #000000;
    width: 48px;
    text-align: center;
}

#html-header team3 {
    position: absolute;
    margin: 78px 606px;
    font-family: Century Gothic Bold;
    font-size: 10px;
    color: #e4edeb;
    text-shadow: 1px 0px 1px #000000;
    width: 47px;
    text-align: center;
}

/* ÍÀÄÏÈÑÜ CLUB */

.club-text {
    position: absolute;
    margin: 150px 765px!important;
    font-family: NEON;
    color: #cffdf1;
    width: 250px;
    text-align: center;
    font-size: 146px;
    text-shadow: 0px 0px 4px #64e4c3;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.club-text:hover {
transition: 0.5s;
-webkit-text-shadow: 2px 2px 2px #000;
  -moz-text-shadow: 2px 2px 2px #000;
       text-shadow: 0px 0px 10px #46ddc8;}

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

.needs img {
    position: absolute !important;
    width: 44px;
    height: 44px;
    margin-top: 59px!important;
    margin-left: 156px;
    filter: grayscale(1);
    opacity: 1;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.needs img:hover {
    filter: grayscale(1)!important;
-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);}

.needs1 img {
    position: absolute !important;
    width: 44px;
    height: 44px;
    margin-top: 59px!important;
    margin-left: 224px;
    filter: grayscale(1);
    opacity: 1;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.needs1 img:hover {
    filter: grayscale(1)!important;
-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);}


.needs2 img {
    position: absolute !important;
    width: 44px;
    height: 44px;
    margin-top: 59px!important;
    margin-left: 292px;
    filter: grayscale(1);
    opacity: 1;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.needs2 img:hover {
    filter: grayscale(1)!important;
-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);}


.needs3 img {
    position: absolute !important;
    width: 44px;
    height: 44px;
    margin-top: 59px!important;
    margin-left: 360px;
    filter: grayscale(1);
    opacity: 1;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.needs3 img:hover {
    filter: grayscale(1)!important;
-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);}


/* ÖÂÅÒ ÒÅÊÑÒÀ ÁÎËÜØÈÍÑÒÂÀ ÝËÅÌÅÍÒÎÂ ÍÀ ÔÎÐÓÌÅ
-------------------------------------------------------------*/
.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: #062537;
}

/* ÖÂÅÒ ÒÅÊÑÒÀ ÏÎÑÒÎÂ
-------------------------------------------------------------*/
.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: #062537;
    font-size: 11px;
    font-family: Century Gothic;
}

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

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

**************************************************************
/* ÍÀÑÒÐÎÉÊÈ ÏÎËß ÂÂÎÄÀ
-------------------------------------------------------------*/
.punbb textarea {
    padding: 5px 7px;
    color: #071f30 !important;
    font-size: 11px!important;
    background: #dfe4e7;
    border: 1px solid #062537;
    outline: none!important;
    letter-spacing: .03em;
    border-radius: 3px;
    box-shadow: 0px 0px 0 1px inset #32302f, rgb(246 244 242 / 0%) 0 0 2px;
    }

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(207 206 205 / 16%);
    color: rgb(0 31 25);
    border: 1px solid #113a32;
    padding: 2px !important;
    margin-left: 0px;
    font-family: Century Gothic!important;
}
/* ÑÄÂÈÃÀÅÌ ÖÈÒÀÒÓ, ÊÎÄ È ÒÄ
-------------------------------------------------------------*/
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box {margin: 5px 1px 15px}

/* ÂÍÅØÍÈÉ ÂÈÄ ÖÈÒÀÒÛ, ÊÎÄÀ È ÒÄ
-------------------------------------------------------------*/

.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    position: relative;
    color: #001f2f;
    border: 1px solid #00201b75;
    background: #ffffff2b;
    padding: 10px !important;
    /* box-shadow: inset -1px 0px 10px 0px #9b9d9c, 0px 0px 2px 0px #6fffbf; */
}

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

/*  ËÅÃÅÍÄÀ ÖÈÒÀÒÛ, ÊÎÄÀ */
.punbb .quote-box cite {
   display: block;
    padding-bottom: 0em;
    letter-spacing: 1px;
    margin: 1px;
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    color: #001f2f;
    font-family: Century Gothic!important;
}

.punbb .code-box strong.legend a{
display: block;
    padding: 4px 5px 3px 5px;
    margin-bottom: 4px;
    margin-top: -18px;
    font-style: normal;
    letter-spacing: 3px;
    font-size: 8px;
    text-transform: uppercase;
    font-weight: normal;
    color: #f4f4f4;
    font-family: Century Gothic!important;
    background: #062537;
    text-align: center;

}

.punbb .code-box strong.legend a:hover{
transition: color .3s linear;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
color: #c9c7c4;

}


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

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


/* Â ÔÎÐÌÅ ÎÒÂÅÒÀ ÂÛÏÀÄÀÞÙÈÅ ÎÊÍÀ ØÐÈÔÒÎÂ, ÐÀÇÌÅÐÀ ÒÅÊÑÒÀ È ÒÄ
-------------------------------------------------------------*/
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 10px 10px 10px 10px !important;
    background: #ebeae7;
    color: #001f2f;
    border: 1px solid rgb(158 151 152);
    box-shadow: #bbbbbb 0px 0px 25px inset
}

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

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÑËÅÄÍÅÅ ÈÇÌÅÍÅÍÈÅ È ÍÀÃÐÀÄÛ
-------------------------------------------------------------*/
li#navawards, .lastedit {
    display: none !important;
}

/* ÍÅ ÎÒÎÁÐÀÆÀÒÜ ÏÎÄÀÐÊÈ
-------------------------------------------------------------*/
.pa-gifts {
    display: none;
}

.pa-awards {
    display: none;
}

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

/* ÎÔÎÐÌËÅÍÈÅ ÏÎÄÔÎÐÓÌÎÂ*/
#pun-index .tclcon {
    width: 402px;
    background: url(https://i.imgur.com/g4HyslY.png) center top no-repeat;
    min-height: 50px;
    margin-left: 45px;
    margin-top: 13px;
    padding: 36px 0px 0px;
}

.podforum {
    width: 382px;
    height: auto;
    color: #001c2b;
    padding: 5px;
    text-align: justify;
    font-family: Century Gothic;
    background: #45505a2e;
    outline: 1px solid #002436bf;
    outline-offset: 2px;
    font-size: 11px;
    margin-left: 5px !important;
    margin-top: 8px!important;
    text-transform: lowercase;
}

.for_links {text-align: center; margin: 13px 10px 4px 0!important;}

.for_links a { text-transform: uppercase !important;
    font-size: 9px !important;
    font-family: Century Gothic!important;
    padding: 2px 9px 3px 9px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    color: #001e2d !important;
}

.for_links a:hover {
    background: #001e2d8f; color: #fff !important;}  

/* ÀÍÈÌÀÖÈß Â ØÀÏÊÅ */
img#hoverpic {transition: all .6s ease-in-out 0s; 
opacity: 0} 
img#hoverpic:hover {opacity: 1}

#html-header animation {
    position: absolute;
    margin: 89px 337px;
}

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

.phali {
    position: absolute;
    width: 206px;
    height: 65px;
    overflow: auto;
    padding-right: 5px;
    margin-left: 687px!important;
    margin-top: 62px!important;
}


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

.plaha { 
    background: linear-gradient(0.5turn, #19485c, #184f6b47)!important;
    height: 18px;
    width: 201px;
    border: 1px #10374c solid;
    display: inline-block;
    margin-bottom: 3px!important;
}

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

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

.plaha text {
text-transform: uppercase;
    font-size: 11px;
    font-family: Century Gothic Bold;
    margin: 4px 5px;
    width: 198px;
    height: 20px;
    color: #ffffff!important;
    text-shadow: 1px 0px 1px #000000;
    position: absolute;
    text-align: center;
    line-height: 11px;
    letter-spacing: 1px;
}
.plaha:hover { background: linear-gradient(0.5turn, #00000096, #00201b00)!important;  }

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

/* ÊÍÎÏÊÀ ÌÓÇÛÊÈ */
.play-pause.paused{
    position: absolute;
    background: url(https://i.imgur.com/5pND6dX.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 76px!important;
    margin-top: 62px!important;
    z-index: 1000;
    padding: 0;
    border: 0;
    transition: 0.5s;
    cursor: pointer;}

.play-pause{
position: absolute;
background: url(https://i.imgur.com/3NY9o6t.png) no-repeat; 
width: 40px;
    height: 40px;
    margin-left: 76px!important;
    margin-top: 62px!important;
    z-index: 1000;
    padding: 0;
    border: 0;
    transition: 0.5s;
}

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

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

.guest {
    width: 748px;
    height: 500px;
    background: url(https://i.imgur.com/jj4VYit.png) no-repeat top;
    margin: 0px 30px!important;
}

.guest nyzh1 img {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 119px!important;
    margin-left: 341px!important;
}


.guest nyzh1 img:hover {
transition: 0.5s;
-webkit-img-shadow: 2px 2px 2px #000;
  -moz-img-shadow: 2px 2px 2px #000;
       img-shadow: 0px 0px 10px #46ddc8;}

.guest nyzh2 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 119px!important;
    margin-left: 364px!important;
}

.guest nyzh3 {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: 119px!important;
    margin-left: 387px!important;
}

.guest for {
    font-size: 69px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: neon;
    position: absolute;
    color: #c5f5fc;
    margin-top: 22px!important;
    margin-left: 23px!important;
}

.guest for1 {
    font-size: 69px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: neon;
    position: absolute;
    color: #c5f5fc00;
    margin-top: 22px!important;
    margin-left: 23px!important;
    text-shadow: 0px 0px 10px #46ddc8;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

.guest privet {
    width: 328px;
    height: 62px;
    overflow: auto;
    text-align: justify!important;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 1px;
    position: absolute;
    padding: 0px 4px;
    color: #dee2e4d1;
    margin-top: 31px!important;
    margin-left: 389px!important;
}

.guest zgl {
    font-size: 13px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: marske;
    position: absolute;
    color: #dee2e4d1;
    margin-top: 80px!important;
    margin-left: 28px!important;
}

.guest zgl1 {
    font-size: 12px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Century Gothic Bold;
    position: absolute;
    color: #dee2e4d1;
    text-shadow: 1px 1px #000000;
    margin-top: 122px!important;
    margin-left: 86px!important;
}

.guest zgl2 {
    font-size: 12px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Century Gothic Bold;
    position: absolute;
    color: #dee2e4d1;
    text-shadow: 1px 1px #000000;
    margin-top: 122px!important;
    margin-left: 425px!important;
}

.guest info {
    position: absolute;
    width: 330px;
    height: 109px;
    margin-top: 396px!important;
    margin-left: 20px!important;
    line-height: 94%;
    font-size: 12px;
    font-weight: 500;
    font-family: Century Gothic!important;
    text-align: justify;
    padding: 4px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #dee2e4;
    text-shadow: 1px 1px #000000;
}

.guest face {
    position: absolute;
    width: 313px;
    height: 203px;
    margin-top: 147px!important;
    margin-left: 394px!important;
    line-height: 140%;
    font-size: 11px;
    text-align: justify;
    padding: 4px;
    font-family: Century Gothic!important;
    text-transform: lowercase;
    overflow-y: auto;
    color: #062537;
}

.guest face1 {
    position: absolute;
    width: 313px;
    height: 203px;
    margin-top: 148px!important;
    margin-left: 35px!important;
    line-height: 140%;
    font-size: 11px;
    text-align: left;
    padding: 4px;
    font-family: Century Gothic;
    text-transform: lowercase;
    overflow-y: auto;
    color: #062537;
}

.guest gcode {
    position: absolute;
    width: 326px;
    height: 7px;
    margin-top: 402px!important;
    margin-left: 386px!important;
    font-size: 13px;
    text-align: center;
    padding: 5px;
    font-family: arial;
    text-transform: lowercase;
    color: #e3e0e0;
    font-weight: 600;
}

.dataghost {
    background: #4c586321;
    color: #062537;
    border: 1px solid #06253759;
    padding: 1px 10px 1px 10px!important;
    font: 9px arial;
    font-weight: normal;
    margin: 4px 124px!important;
    margin-bottom: 3px!important;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
}

/* ------------ÎÔÎÐÌËÅÍÈÅ ÏÅÐÂÛÕ ÑÎÎ-----------------------------------------------*/

.oform {
    background: url(https://i.imgur.com/18tY4FY.png) no-repeat;
}

.oform {
    width: 698px;
    text-align: justify;
    position: relative;
    font-size: 11px;
    height: 40px;
    min-height: 70px;
    line-height: 140%;
}

.texttema{
    width: 679px;
    height: auto;
    text-align: justify;
    color: #072b3d;
    padding: 5px;
    text-align: justify;
    font-family: Century Gothic;
    background: #434e571c;
    outline: 1px solid #7a746f;
    outline-offset: 2px;
    font-size: 11px;
    margin-left: 0px !important;
    margin-top: -23px!important;
    text-transform: lowercase;
}

.oform nazv {
    padding-top: 12px;
    text-align: center;
    margin: 0px 0px 0 0;
    display: block;
    word-spacing: 2px;
    font-size: 24px !important;
    color: #c6d0d9!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
    transition: 0.5s;
}

.oform nazv:hover {
   color: #d2f0ffd6!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #20c1eb;
   font-weight: none;
   border-bottom: none;
   transition: .5s linear;     -webkit-transition: .5s linear;      -moz-transition: .5s linear;
   -webkit-text-size-adjust: none;}

.temy-text {
    text-align: center;
    font-family: 'Marske';
    margin: -5px 0px 0 0!important;
    display: block;
    word-spacing: 2px;
    font-size: 32px !important;
    color: #aec4bd!important;
    text-shadow: 0 1px 2px #000000;
    text-transform: lowercase;
    transition: 0.5s;
}

.temy-text:hover {
    transition: 1.0s;
    color: #aec4bd!important;
    text-shadow: 0px 0px 5px #64e4c3;}

/* ------------ ÇÂÅÇÄÛ Â ÏÐÎÔÈËÅ -----------------------------------------------*/

.reit{background:url(https://i.imgur.com/wdbrGmj.png) no-repeat;width: 10px;height: 10px;opacity: 0.5;transition: all 0.5s;}
.reit:hover {;transition: all 0.5s;}
.rr {opacity: 1 !important;}

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

.ofte {
    border-top: 3px solid #b5bec3;
    border-bottom: 3px solid #b5bec3;
    margin: 20px 0px 0 0!important;
    width: 780px;
    font-size: 12px;
    color: #062537;
    text-align: justify;
}

.ofte1 {
    margin-top: 10px!important;
}

.ofte2 {
    background: url(https://i.imgur.com/18tY4FY.png) no-repeat;
    width: 700px;
    height: 36px;
    margin: -29px 40px!important;
}

.ofte2 nazv {
    padding-top: 5px;
    text-align: center;
    margin: 0px 0px 0 0;
    display: block;
    word-spacing: 2px;
    font-size: 24px !important;
    color: #c6d0d9!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
    transition: 0.5s;
}

.ofte2 nazv:hover {
   color: #d2f0ffd6!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #20c1eb;
   font-weight: none;
   border-bottom: none;
   transition: .5s linear;     -webkit-transition: .5s linear;      -moz-transition: .5s linear;
   -webkit-text-size-adjust: none;}

.ofte3 {
    font-family: Century Gothic;
    font-size: 13px;
    padding: 39px 40px 10px 40px;
}

/* -------------------------- ÀÍÊÅÒÀ ñ îïèñàíèåì ---------------------------*/
.cl_ank {
    position: relative;
    background: url(https://forumstatic.ru/files/001b/cc/2e/22047.png) top no-repeat;
    width: 579px;
    height: 646px;
    margin: 0 0 0 30px!important;
}

.cl_ank name {
    position: absolute;
    font-size: 22px;
    margin: 190px -263px!important;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.cl_ank name:hover {
   transition: 1.0s;
   color: #edd8ed!important;
   font-family: 'Marske'!important;
   font-weight: none;
   border-bottom: none;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   -webkit-text-size-adjust: none;
    text-shadow: 0px 0px 5px #be20eb;}

.cl_ank birthd {
    position: absolute;
    font-size: 35px;
    margin: 25px -90px!important;
    color: #ddd0dd!important;
    font-family: 'NEON'!important;
    text-shadow: 0 1px 1px #000000;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.cl_ank birthd:hover {
   transition: 1.0s;
   color: #edd8ed!important;
   font-family: 'NEON'!important;
   font-weight: none;
   border-bottom: none;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   -webkit-text-size-adjust: none;
    text-shadow: 0px 0px 5px #be20eb;}

.cl_ank pic {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 25px 0 0 -65px!important;
    filter: grayscale(1) brightness(1.0) contrast(0.5);
}

.cl_ank face {
    position: absolute;
    color: #471044;
    margin: 173px -86px!important;
    width: 181px;
    text-transform: lowercase;
    text-align: center;
    font-size: 10px;
}

.cl_ank stat {
    position: absolute;
    color: #eaeaec;
    text-transform: lowercase;
    margin: 36px -270px;
    width: 190px;
    text-align: center;
}

.cl_ank prof {
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    color: #eaeaec;
    text-transform: lowercase;
    margin: 66px -270px!important;
    width: 192px;
    text-align: center;
    height: 50px;
}

.cl_ank place {
    position: absolute;
    position: absolute;
    color: #eaeaec;
    text-transform: lowercase;
    margin: 72px 78px!important;
    width: 192px;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    height: 50px;
}

.cl_ank loveline {
    position: absolute;
    color: #eaeaec;
    text-transform: lowercase;
    margin: 135px 80px!important;
    width: 190px;
    text-align: center;
}

.cl_ank citataplay {
    position: absolute;
    font-size: 10px!important;
    color: #eaeaec;
    margin: 622px -190px!important;
    width: 390px;
    text-align: center;
}

.cl_ank story {
    position: absolute;
    width: 540px;
    height: 382px;
    overflow: auto;
    margin: 230px -270px!important;
    padding: 6px 8px;
    color: #1d041d;
    box-sizing: border-box;
    text-align: justify;
}

/* -------------------------- ÀÍÊÅÒÀ áåç îïèñàíèÿ ---------------------------*/

.ml_ank {
    position: relative;
    background: url(https://forumstatic.ru/files/001b/cc/2e/66869.png) no-repeat;
    width: 579px;
    height: 270px;
    margin: 0px 0 0 30px!important;
}

.ml_ank name {
    position: absolute;
    font-size: 22px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 190px -263px!important;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ml_ank name:hover {
   transition: 1.0s;
   color: #edd8ed!important;
   font-family: 'Marske'!important;
   font-weight: none;
   border-bottom: none;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   -webkit-text-size-adjust: none;
    text-shadow: 0px 0px 5px #be20eb;}

.ml_ank birthd {
    position: absolute;
    font-size: 35px;
    margin: 25px -90px!important;
    color: #ddd0dd!important;
    font-family: 'NEON'!important;
    text-shadow: 0 1px 1px #000000;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ml_ank birthd:hover {
   transition: 1.0s;
   color: #edd8ed!important;
   font-family: 'NEON'!important;
   font-weight: none;
   border-bottom: none;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   -webkit-text-size-adjust: none;
    text-shadow: 0px 0px 5px #be20eb;}

.ml_ank pic {
    height: 130px;
    width: 130px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 28px 0 0 -65px!important;
    filter: grayscale(1);
}

.ml_ank face {
    position: absolute;
    color: #471044;
    margin: 173px -86px!important;
    width: 181px;
    text-transform: lowercase;
    text-align: center;
    font-size: 10px;
}

.ml_ank stat {
    position: absolute;
    color: #eaeaec;
    margin: 38px -270px;
    width: 190px;
    text-transform: lowercase;
    text-align: center;
}

.ml_ank prof {
    position: absolute;
    color: #eaeaec;
    margin: 68px -270px!important;
    width: 192px;
    text-transform: lowercase;
    text-align: center;
    height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ml_ank place {
    position: absolute;
    color: #eaeaec;
    margin: 74px 78px!important;
    width: 192px;
    text-transform: lowercase;
    text-align: center;
    height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ml_ank loveline {
    position: absolute;
    color: #eaeaec;
    margin: 135px 80px!important;
    width: 190px;
    text-transform: lowercase;
    text-align: center;
}

.ml_ank citataplay {
    position: absolute;
    font-size: 10px!important;
    color: #eaeaec;
    margin: 251px -274px!important;
    width: 555px;
    text-align: center;
}


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

.nm_fc {
    background: url(https://i.imgur.com/cwZoDkv.png);
    width: 741px;
    height: 676px;
    margin: 0px 18px!important;
}

.nm_fc zagl {
    position: absolute;
    font-size: 35px;
    font-family: 'Marske';
    margin: 31px 228px;
    text-align: center;
    width: 290px;
    color: #c6d0d9!important;
    word-spacing: 2px;
    text-shadow: 0 1px 2px #000000;
    text-transform: lowercase;
    transition: 0.5s;
}

.nm_fc zagl:hover {
    transition: 1.0s;
    color: #c6d0d9!important;
    text-shadow: 0 0px 6px #20c1eb;}

.nm_fc prav {
    position: absolute;
    font-size: 11px;
    margin: 77px 66px;
    text-align: center;
    width: 634px;
    font-family: Century Gothic;
    color: #062537!important;
    word-spacing: 2px;
    text-transform: lowercase;
}

.nm_fc faczv {
    position: absolute;
    margin: 163px 34px;
    text-align: center;
    width: 321px;
    word-spacing: 2px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Century Gothic Bold;
    color: #dee2e4;
    text-shadow: 1px 1px #000000;
}

.nm_fc namzv {
    position: absolute;
    margin: 163px 393px;
    text-align: center;
    width: 321px;
    word-spacing: 2px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: Century Gothic Bold;
    color: #dee2e4;
    text-shadow: 1px 1px #000000;
}

.nm_fc facess {
    position: absolute;
    margin: 195px 29px;
    width: 313px;
    height: 355px;
    overflow: auto;
    padding: 2px 0px 0px 9px;
}
.nm_fc namess {
    position: absolute;
    margin: 195px 388px;
    width: 313px;
    height: 303px;
    overflow: auto;
    padding: 2px 0px 0px 9px;
}

.nm_fc namess a, .nm_fc facess a {
    display: block;
    padding: 4px 2px 4px 6px;
    color: #eaeaec;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

/* -------------------------- ÍÓÆÍÛÅ/ÕÎ×Ó ÂÈÄÅÒÜ ---------------------------*/

.need {
    padding: 0px 10px 10px 10px;
    margin: 20px 0px 0px 0!important;
    line-height: 16px;
    border-top: 3px solid #b5bec3;
    border-bottom: 3px solid #b5bec3;
    min-height: 131px;
}

.need bl {
    display: block;
    background: url(https://i.imgur.com/18tY4FY.png) no-repeat;
    width: 700px;
    height: 36px;
    margin: -29px 0px 0px 32px;
    margin-bottom: 5px;
}

.need na {
    padding-top: 9px;
    text-align: center;
    margin: 10px 0 0 0;
    display: block;
    word-spacing: 2px;
    font-size: 24px !important;
    color: #c6d0d9!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
    transition: 0.5s;
}

.need na:hover {
   color: #d2f0ffd6!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #20c1eb;
   font-weight: none;
   border-bottom: none;
   transition: .5s linear;     -webkit-transition: .5s linear;      -moz-transition: .5s linear;
   -webkit-text-size-adjust: none;}

.need img {
    float: left;
    width: 230px;
    height: 100px;
    margin: 3px 0 0 85px;
    outline: 1px solid #6f7e87;
    outline-offset: 3px;
    object-fit: cover;
    filter: grayscale(1) contrast(0.5);
}

.need cl {
    display: block;
    font-style: unset !important;
    color: #062537;
    height: 20px;
    margin: 8px 0px 0px 370px;
    margin-bottom: 8px;
    width: 300px;
    padding-left: 4px;
}

.need op {
    text-align: justify;
    padding: 0px 0px;
    color: #062537;
    font-size: 12px !important;
    display: block;
}

.need lc {
    display: block;
    font-style: unset !important;
    color: #062537;
    margin: 8px 0px 0px 370px;
    margin-bottom: 8px;
    width: 300px;
   overflow: auto;
}

.phalichist {
    position: absolute;
    width: 206px;
    height: 65px;
    padding-right: 5px;
    margin-left: 454px!important;
    margin-top: 62px!important;
}

.plahachist { 
    background: linear-gradient(0.5turn, #062537, #184f6ba6)!important;
    height: 18px;
    width: 201px;
    border: 1px #10374c solid;
    display: inline-block;
    margin-bottom: 3px!important;
}

.plahachist:hover { background: linear-gradient(0.5turn, #00322a, #186b50a6)!important;}

.plahachist pic {    
    position: absolute;
    margin: 0px -97px;}

.plahachist pic img {    width: 18px;    height: 18px;}

.plahachist text {
    text-transform: uppercase;
    font-size: 11px;
    font-family: Century Gothic Bold;
    margin: 4px -100px;
    width: 212px;
    height: 20px;
    color: #ffffff!important;
    text-shadow: 1px 0px 1px #000000;
    position: absolute;
    text-align: center;
    line-height: 11px;
    letter-spacing: 1px;
}