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

/* ØÀÏÊÀ */
#pun-title table {
   background-image: url(https://forumstatic.ru/files/001b/cc/2e/67301.png);
   background-repeat: no-repeat;
   background-position: top center;
   margin-left: -2px;
   margin-top: -20px;
   width: 1150px;
   height: 545px;
}

/* ÒÅËÎ */
#pun {
    margin: auto;
    position: relative;
    width: 1146px;
    margin: 284px auto -45px auto;
    background: repeat transparent url(https://forumstatic.ru/files/001b/cc/2e/43193.png);
    background-position: center;
    padding-top: 20px;
    padding-bottom: 0px;
}

/* ÔÓÒÅÐ*/
#pun-about p.container {
    background: transparent url(https://forumstatic.ru/files/001b/cc/2e/52598.png) bottom center no-repeat;
    width: 1151px;
    height: 244px;
    margin: 0 0 -50px -14px!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: #45124a;
    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: #dfdbdf!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: #400a46;
    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;
    border: 1px solid #5f0c6a!important;
    outline: 1px solid #87658f!important;
    padding: 5px;
    box-shadow: 0px 0px 5px #be20eb;
    background: #bf9dc3!important;
}

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

/* ðàçäåëèòåñëü ñìñ è ïîäïèñè*/
.punbb .post-sig dt { opacity: .2; }

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

/* ÈÊÎÍÊÀ ÑÒÀÐÛÕ ÑÎÎÁÙÅÍÈÉ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ */
#pun-index table Div.icon {
    background: url(https://forumstatic.ru/files/001b/cc/2e/20224.png) no-repeat;
    display: block;
    height: 37px;
    width: 37px;
    margin-left: 462px;
    margin-top: 2px;
    position: absolute;
    z-index: 99;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÍÀ ÃËÀÂÍÎÉ ÑÒÐÀÍÈÖÅ */
#pun-index TR.inew Div.icon {
    background: url(https://forumstatic.ru/files/001b/cc/2e/36720.png) no-repeat;
    height: 37px;
    width: 37px;
    display: block;
    margin-left: 462px;
    margin-top: 2px;
    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;
    margin: -5px 5px 0px 25px;
    height: 37px;
    width: 37px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/20224.png) no-repeat;
}

/* ÈÊÎÍÊÀ ÍÎÂÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -5px 5px 0px 25px;
    height: 37px;
    width: 37px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/36720.png) no-repeat;
     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;
    margin: -5px 5px 0px 25px;
    height: 37px;
    width: 37px;
    background: url(https://i.imgur.com/lziLo0w.png) no-repeat;
}

/* ÈÊÎÍÊÀ ÇÀÊÐÛÒÛÕ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ */
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    float: left;
    display: block;
    position: relative;
    margin: -5px 5px 0px 25px;
    height: 37px;
    width: 37px;
    background: url(https://forumstatic.ru/files/001b/c7/a6/57984.png) no-repeat;
}

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


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


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

.punbb input.button:hover{ 
padding: 0px 3px 3px!important;
    background: #43264c;
    font-size: 11px!important;
    color: #ebeaea!important;
    text-shadow: 0 1px 1px #001f19;
    text-transform: lowercase;
    border: 1px #1e0020 solid;
    border-radius: 5px;
    box-shadow: 0 0 3px #f6f4f2, 0 0px 0 1px #792283 inset, 0 0 12px inset #70006c;}


/* ÇÀÃÎËÎÂÊÈ ÔÎÐÌ ÎÒÂÅÒÀ, ÌÎÄÅÐÀÖÈß */
.punbb input, .punbb select {
    color: #1d041d !important;
    font-size: 12px!important;
    background: #dedae1;
    border: 1px solid #23192a;
    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: #1a0020;
   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: 85px;
    display: inherit;
    margin: 0px -55px -3px!important;
    border: none !important;
    padding: 3px 50px !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/82713.png) center top no-repeat;
}

.section h2 span{
  visibility:hidden;
}

/* ÏÅÐÂÀß NEXT TO YOU */
#pun-category1 h2 { 
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/85414.png) center top no-repeat;
}

.category h2 span{
  visibility:hidden;
}

/* ÂÒÎÐÀß I GOT NO TIME*/
#pun-category2 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/32827.png) center top no-repeat;
}

/* ÒÐÅÒÜß SPIRIT IN THE SKY */
#pun-category3 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/22301.png) center top no-repeat;
}

/* ×ÅÒÂÅÐÒÀß GOOD ON YOU*/
#pun-category4 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/48496.png) center top no-repeat;
}

/* ÏßÒÀß HOW IT'S DONE */
#pun-category5 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/81408.png) center top no-repeat;
}

/* ØÅÑÒÀß DEAL WITH IT*/
#pun-category6 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/68971.png) center top no-repeat;
}

/* ÑÅÄÜÌÀß HEROES NEVER DIE */
#pun-category7 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/64268.png) center top no-repeat;
}

/* ÂÎÑÜÌÀß GIVE ME RAIN */
#pun-category8 h2 {
    display: block;
    width: 1158px;
    height: 85px;
    margin: 0px -5px -3px;
    border: none !important;
    background: url(https://forumstatic.ru/files/001b/cc/2e/45595.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: 108px 806px;
    width: 210px;
    letter-spacing: 1px;
    text-align: justify;
    font-size: 8px;
    color: #f7f7f7;
    text-transform: uppercase;
    font-family: Century Gothic!important;
    text-shadow: 1px 0px 0px black;
    font-weight: 500;
}


/* ÌÎÍÑÒÐÈÊ */

#html-header topik {
position: absolute;
width: 85px;
    margin: 72px 1021px;
    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 active1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 349px;
    margin-left: 57px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header active1 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);}

#html-header active2 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 349px;
    margin-left: 111px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header active2 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);}

#html-header active3 img {
   position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 349px;
    margin-left: 165px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header active3 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);}

#html-header active4 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 349px;
    margin-left: 219px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header active4 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);}

/* ÝÏÈÇÎÄ È ÏÀÐÀ */

#html-header episode img {
    position: absolute !important;
    width: 103px;
    height: 39px;
    margin-top: 349px;
    margin-left: 276px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header episode 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);}

#html-header couple img {
    position: absolute !important;
    width: 103px;
    height: 39px;
    margin-top: 290px;
    margin-left: 981px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header couple 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);}

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

#html-header good img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 290px;
    margin-left: 765px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header good 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);}

#html-header good1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 290px;
    margin-left: 819px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header good1 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);}

#html-header good2 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 290px;
    margin-left: 873px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header good2 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);}

#html-header good3 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 290px;
    margin-left: 927px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header good3 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);}

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

#html-header aboutus1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 293px;
    margin-left: 310px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header aboutus1 img:hover {
    mix-blend-mode: none!important;
    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);}


#html-header aboutus  { 
    position: absolute;
    width: 175px;
    height: 35px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
    font-family: verdana;
    margin: 293px 86px;
    overflow: auto;
    line-height: 11.5px;
    padding: 2px 6px 2px 6px;
    color: #e7eae9;
}


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


/*ÖÈÒÀÒÀ Â ØÀÏÊÅ*/

#html-header citata1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 347px;
    margin-left: 1008px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

#html-header citata1 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);}

#html-header citata  { 
    position: absolute;
    width: 175px;
    height: 35px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
    font-family: verdana;
    margin: 347px 786px;
    overflow: auto;
    line-height: 11.5px;
    padding: 2px 6px 2px 6px;
    color: #e7eae9;
}


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


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

.ams {
position: absolute;
    top: 84px;
    line-height: 6px;
    color: #eaacf6!important;
    font-family: Amelaryas!important;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-flex;
    align-items: baseline;
    text-align: center;
    font-size: 8px;
    z-index: 50;
    height: 25px;
    width: 188px;
    transform: rotate(0deg);
    left: 124px!important;}

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

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

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

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

.eman sv1 {
    position: absolute;
    display: block;
    top: 15px;
    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: 15px;
}

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

.eman sv3 {
    position: absolute;
    display: block;
    top: 15px;
    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 sv4 {
    position: absolute;
    display: block;
    top: 15px;
    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: 24px;
}

.eman sv5 {
    position: absolute;
    display: block;
    top: 15px;
    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: 15px;
}

/* ÊÍÎÏÊÀ ÌÓÇÛÊÈ */
.play-pause.paused{
    position: absolute;
    background: url(https://forumstatic.ru/files/001b/c7/a6/12246.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-left: 705px!important;
    margin-top: 255px!important;
    z-index: 1000;
    padding: 0;
    border: 0;
    transition: 0.5s;
    cursor: pointer;}

.play-pause{
position: absolute;
background: url(https://forumstatic.ru/files/001b/c7/a6/19825.png) no-repeat; 
width: 40px;
    height: 40px;
    margin-left: 705px!important;
    margin-top: 255px!important;
    z-index: 1000;
    padding: 0;
    border: 0;
    transition: 0.5s;
}

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

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

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

#html-header bistryessilki a:hover {
   color: #edd8ed!important;
   text-shadow: 0px 0px 6px #be20eb;}


/* ÊÎÌÀÍÄÛ */

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

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

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

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

.club-text {
    position: absolute;
    margin: 165px 765px!important;
    font-family: NEON;
    color: #f3b5ff;
    width: 250px;
    text-transform: uppercase;
    text-align: center;
    font-size: 146px;
    text-shadow: 0px 0px 5px #c240e0;
    -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 15px #c541eb;
}


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

.needs img {
    position: absolute !important;
    width: 81px;
    height: 81px;
    margin-top: -107px!important;
    margin-left: 58px;
    filter: grayscale(1);
    opacity: 70%;
    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: 81px;
    height: 81px;
    margin-top: -107px!important;
    margin-left: 157px;
    filter: grayscale(1);
    opacity: 70%;
    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: 81px;
    height: 81px;
    margin-top: -107px!important;
    margin-left: 256px;
    filter: grayscale(1);
    opacity: 70%;
    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: 81px;
    height: 81px;
    margin-top: -107px!important;
    margin-left: 355px;
    filter: grayscale(1);
    opacity: 70%;
    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);}



/*ÁÀÍÍÅÐÛ*/

.banneri {
position: absolute;
    z-index: 9999;
    width: 380px;
    height: 89px;
    margin-top: -132px!important;
    margin-left: 699px!important;
    overflow: auto;
    text-align: center;
    padding: 3px;
    line-height: 16px;
}

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

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


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

.phali {
    position: absolute;
    width: 202px;
    height: 141px;
    overflow: auto;
    padding-right: 6px;
    margin-left: 132px!important;
    margin-top: 105px!important;
}


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

.plaha { 
    background: linear-gradient(0.5turn, #68126e, #1d041d00)!important;
    height: 31px;
    width: 201px;
    border: 1px #824c9d94 solid;
    display: inline-block;
    margin-bottom: 3px!important;
}

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

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

.plaha text {
text-transform: uppercase;
    font-size: 11px;
    font-family: Century Gothic Bold;
    margin: 3px 15px;
    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 minitext {
text-transform: lowercase;
    font-size: 10px;
    font-family: Century Gothic;
    margin: 16px 15px;
    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, #ff04ff80, #3c003c36)!important  }

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

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

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

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

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

/* ÏÎËÅ ÄËß ÂÂÎÄÀ ÏÎ ÒÈÏÓ - ÍÀÇÂÀÍÈÅ ÒÅÌÛ
-------------------------------------------------------------*/
.punbb select, input {
    background: rgb(223 219 223);
    color: #1d041d;
    border: 1px solid #471044;
    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: #1d0020;
    border: 1px solid #1d041d75;
    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: #1d041d;
    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: #cdc6cf;
    font-family: Century Gothic!important;
    background: #471044;
    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: #f5f5f5;

}


/* ÊÎÄ (ÑÊÎÏÈÐÎÂÀÒÜ ÊÎÄ)
-------------------------------------------------------------*/
#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: 5px 5px 5px 5px !important;
    border: 1px #23192a solid;
    border-radius: 3px;
    box-shadow: 0px 0px 0 1px inset #dedae1, rgb(246 244 242 / 0%) 0 0 2px;
    background: #dedae1;
    color: #1d041d;
}

/* ÇÀÄÀÅÌ ØÈÐÈÍÓ È ÂÛÑÎÒÓ ÔÎÐÌÅ ÎÒÂÅÒÀ, À ÒÀÊÆÅ ÑÎÇÄÀÅÌ ÄËß ÍÅÅ ÏÐÎÊÐÓÒÊÓ
×ÒÎÁÛ ÎÍÀ ÍÅ ÐÀÑÒßÃÈÂÀËÀÑÜ ÍÀ ÏÎËÎÂÈÍÓ ÝÊÐÀÍÀ
-------------------------------------------------------------*/
#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://forumstatic.ru/files/001b/cc/2e/66475.png) center top no-repeat;
    min-height: 50px;
    margin-left: 31px;
    margin-top: 13px;
    padding: 36px 0px 0px;
}

.podforum {
    width: 381px;
    height: auto;
    color: #18001e;
    padding: 5px;
    text-align: justify;
    font-family: Century Gothic;
    background: #9c68a32b;
    outline: 1px solid #776f7a;
    outline-offset: 2px;
    font-size: 11px;
    margin-left: 5px !important;
    margin-top: 8px!important;
    text-transform: lowercase;
}

.for_links {text-align: center; margin: 13px -1px 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: #1d041d!important;
}

.for_links a:hover {
    background: #450a46; 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;
}

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

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

/* ------------ÃÎÑÒÅÂÀß-----------------------------------------------*/
/* ãîñòåâàÿ */

.guest {
    width: 748px;
    height: 500px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/55716.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: #edd8ed;
    margin-top: 22px!important;
    margin-left: 200px!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: #bfbfbf00;
    margin-top: 22px!important;
    margin-left: 200px!important;
    text-shadow: 0px 0px 10px #c808ff;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}


.guest zgl {
    font-size: 13px;
    font-weight: normal;
    text-align: center!Important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: marske;
    position: absolute;
    color: #dfdbdf;
    margin-top: 80px!important;
    margin-left: 310px!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: #dfdbdf;
    text-shadow: 1px 1px #000000;
    margin-top: 122px!important;
    margin-left: 75px!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: #dfdbdf;
    text-shadow: 1px 1px #000000;
    margin-top: 122px!important;
    margin-left: 456px!important;
}

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

.guest face {
    position: absolute;
    width: 312px;
    height: 186px;
    margin-top: 148px!important;
    margin-left: 35px!important;
    line-height: 140%;
    font-size: 11px;
    text-align: justify;
    padding: 4px;
    font-family: Century Gothic;
    text-transform: uppercase;
    overflow-y: auto;
    color: #1d041d;
}

.guest face1 {
    position: absolute;
    width: 312px;
    height: 186px;
    margin-top: 148px!important;
    margin-left: 394px!important;
    line-height: 140%;
    font-size: 11px;
    text-align: justify;
    padding: 4px;
    font-family: Century Gothic;
    text-transform: uppercase;
    overflow-y: auto;
    color: #1d041d;
}

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

.guest gcode a:link {
color: #1d041d!important;
}

.dataghost {
    background: #572a5152;
    color: #1d041d;
    border: 1px solid #32083863;
    padding: 1px 6px 1px 6px!important;
    font: 9px arial;
    font-weight: normal;
    margin: 2px 109px!important;
    margin-bottom: 3px!important;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
}

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


.oform {
    background: url(https://forumstatic.ru/files/001b/cc/2e/72210.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: #1d041d;
    padding: 5px;
    text-align: justify;
    font-family: Century Gothic;
    background: #330b3326;
    outline: 1px solid #664b6fa8;
    outline-offset: 2px;
    font-size: 12px;
    margin: -23px 0px 10px 0px!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: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    text-transform: lowercase;
    transition: 0.5s;
    -webkit-text-size-adjust: none;
}

.oform nazv:hover {

   color: #edd8ed!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #46ddc8;
   font-weight: none;
   border-bottom: none;
   transition: 0.5s;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
    text-shadow: 0px 0px 5px #be20eb;
    transition: 0.5s;
   -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: #edd8ed!important;
    text-shadow: 0px 0px 5px #be20eb;}


/* -------------------------- ÑÂÎÄ ÏÐÀÂÈË ---------------------------*/

.pravil-background {
background: url(https://forumstatic.ru/files/001b/cc/2e/42450.png) top no-repeat, url(https://forumstatic.ru/files/001b/cc/2e/97977.png) bottom no-repeat, url(https://forumstatic.ru/files/001b/cc/2e/74976.png) repeat-y;
    width: 650px;
    height: auto;
    margin-left: 0px !important;
    padding: 0px;
    padding-bottom: 88px !important;
    padding-top: 28px;
}

.pravil-logo {
    text-align: center;
    line-height: 18px;
    height: 22px;
    width: 559px;
    padding: 3px 3px 0px 3px;
    text-shadow: 0 1px 1px #000000;
    color: #ddd0dd!important;
    background: url(https://i.imgur.com/QM9vrOm.png)!important;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: Century Gothic Bold;

   }

.pravil-content {
    width: 570px;
    height: 855px;
    text-align: justify !important;
    color: #bfbfbf;
    padding: 0px 5px 0px 10px!important;
    overflow-y: auto;
}

.pravil-texti {
    width: 557px;
    height: auto;
    text-align: justify !important;
    color: #1d041d;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: Century Gothic;
    padding: 16px 0px 16px 3px!important;
    text-shadow: none;
}

.pravil-content1 {
    border: 1px solid #1d041d38;
    background: #a1a1a163;
    width: 552px;
    text-align: justify!important;
    font-size: 10px;
    letter-spacing: 0.2px;
    color: #1d041d;
    font-family: Century Gothic;
    padding: 4px 4px 4px 5px!important;
    margin-top: 39px!important;
    margin-bottom: 11px!important;
   -webkit-text-size-adjust: none;
}

.pravil-content1 b {
    font-family: Century Gothic Bold;
    font-size: 11px;
    color: #471044;

}


.pravil-texti b {
    font-family: Century Gothic Bold;
    font-size: 14px;
    color: #471044;

}

/* -------------------------- ÊÎÍÅÖ ØÀÁËÎÍÀ ÍÎÂÛÕ ÏÐÀÂÈË ---------------------------*/

/* -------------------------- ÍÀÇÂÀÍÈÅ ÒÅÌÛ Â ÏÅÐÂÎÌ ÑÎÎ ---------------------------*/

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

.temy-text:hover {
   color: #edd8ed!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #46ddc8;
   font-weight: none;
   border-bottom: none;
   transition: 0.5s;
   -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;}

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

#lspers {
    background-image: url(https://forumstatic.ru/files/001b/c7/a6/86871.png);
    width: 920px;
    height: 620px;
    position: relative;
}

#imya {
    position: absolute;
    margin: 318px 0 0px 42px!important;
    width: 229px;
    height: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: marske;
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: #7a1475;
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 1px 1px 0px #1d041dd4;
}

#gif  {
    height: 130px;
    width: 130px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 100%;
    position: absolute;
    margin: 161px 0 0 102px!important;
    filter: grayscale(1) brightness(1.0) contrast(0.5);
    box-shadow: #f1c5fc 0 0 2px 1px inset;
}

#vol {
    position: absolute;
    text-align: right;
    margin: 264px 0px 0px 188px!important;
    font-size: 15px;
    color: white;
    width: 100px;
}

#posti {
    position: absolute;
    text-align: left;
    margin: 264px 0px 0px 44px!important;
    font-size: 15px;
    color: white;
    width: 100px;
}

#reiting {
    position: absolute;
    margin: 553px 0 0 140px!important;
    width: 55px;
    height: 29px;
    color: #471044;
    font-size: 13px;
    font-family: arial;
    font-weight: 600;
    text-align: center;
}

#info {
    position: absolute;
    margin: 337px 0px 0px 37px!important;
    width: 251px;
    height: 68px;
    overflow: auto;
    font-size: 12px;
    color: #040404;
    text-align: justify;
    flex-wrap: nowrap;
    padding: 0px 4px 0px 6px;
}

#info::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#info::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#info::-webkit-scrollbar-track {
   border: 1px solid #a2a1a1;
    background: #a2a1a1;
}

#polka {
    position: absolute;
    margin: 387px 0 0 345px!important;
    width: 553px;
    height: 83px;
    text-align: center;
    padding-bottom: 16px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#polka img { padding: 0 4px 0 0; }

#polka::-webkit-scrollbar {
    height: 3px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#polka::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#polka::-webkit-scrollbar-track {
   border: 1px solid #5a5a5a;
    background: #4e4e4e;
}

#awards {
    position: absolute;
    width: 402px;
    height: 105px;
    text-align: center;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 2px 2px;
    margin: 22px 0px 0px 40px !important;
}

#awards img { padding: 1px 0px 1px 0px;  }

#awards::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#awards::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#awards::-webkit-scrollbar-track {
   border: 1px solid #5f5e5c;
    background: #656562;
}

#shot {
    position: absolute;
    margin: 263px 0 0 345px!important;
    width: 553px;
    height: 121px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
    text-align: center;
    padding: 0;
}

#shot img { padding: 13px 0px 5px 0px; }

#shot chb { filter: grayscale(1) brightness(1.0) contrast(0.5);}

#shot::-webkit-scrollbar {
    height: 3px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#shot::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#shot::-webkit-scrollbar-track {
   border: 1px solid #5a5a5a;
    background: #4e4e4e;
}

#plastinki {
    position: absolute;
    width: 422px;
    height: 101px;
    margin: 24px 0 0 475px!important;
    padding: 12px 10px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#plastinki img { padding: 0 10px 0 0; }

#plastinki::-webkit-scrollbar {
    height: 3px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#plastinki::-webkit-scrollbar-thumb {
 background: #222222;
}

#plastinki::-webkit-scrollbar-track {
   border: 1px solid #555554;
    background: #545453;
}

#pechati {
    position: absolute;
    width: 553px;
    height: 106px;
    margin: 151px 0 0 352px!important;
    padding: 12px 10px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#pechati img { padding: 0 10px 0 0; }

#pechati::-webkit-scrollbar {
    height: 3px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#pechati::-webkit-scrollbar-thumb {
 background: #222222;
}

#pechati::-webkit-scrollbar-track {
   border: 1px solid #555554;
    background: #545453;
}

#plashki {
    position: absolute;
    width: 261px;
    height: 83px;
    margin: 440px 0px 0px 37px!important;
    padding: 0px;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
    direction: rtl;
}

#plashki img { margin-bottom: 2px;}

#plashki::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#plashki::-webkit-scrollbar-thumb {
 background: #111111;
}

#plashki::-webkit-scrollbar-track {
   border: 1px solid #2f2e2e;
    background: ##2f2e2e;
}

#malenkieiconcs {
    position: absolute;
    margin: 512px 0 0 345px!important;
    width: 553px;
    height: 52px;
    text-align: center;
    padding-bottom: 19px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#malenkieiconcs img { padding: 0 2px 0 0; }

#malenkieiconcs::-webkit-scrollbar {
    height: 3px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#malenkieiconcs::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#malenkieiconcs::-webkit-scrollbar-track {
   border: 1px solid #5a5a5a;
    background: #4e4e4e;
}

#edit {
    background: none;
    position: absolute;
    margin: 139px 295px;
    line-height: 12px;
    height: 17px;
    width: 24px;
    text-align: center;
}


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

.nm_fc {
    background: url(http://forumstatic.ru/files/001b/cc/2e/72692.png);
    width: 700px;
    height: 540px;
    margin: 0px 43px!important;
}

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

.nm_fc zagl:hover {
   color: #edd8ed!important;
   font-family: 'Marske'!important;
   font-weight: none;
   border-bottom: none;
   transition: 0.5s;
   -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;}

.nm_fc prav {
    position: absolute;
    font-size: 12px;
    margin: 62px 203px;
    text-align: center;
    width: 290px;
    font-family: Century Gothic;
    color: #bfaec4!important;
    word-spacing: 2px;
    text-transform: lowercase;
}

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

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

.nm_fc facess {
    position: absolute;
    margin: 111px 34px;
    width: 296px;
    height: 333px;
    overflow: auto;
    padding: 2px 5px 0 0;
}
.nm_fc namess {
    position: absolute;
    margin: 111px 364px;
    width: 296px;
    height: 333px;
    overflow: auto;
    padding: 2px 5px 0 0;
}

.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;
}

.fm {
    border-left: 4px solid #440c44;
    border-top: 1px solid #440c44;
}
.ff {
    border-left: 4px solid #c050cf;
    border-top: 1px solid #c050cf;
}
.fs {
    border-left: 4px solid #240424;
    border-top: 1px solid #240424;
}

.oboz {
    background: #572a5152;
    color: #1d041d;
    border: 1px solid #32083863;
    padding: 1px 10px 1px 10px!important;
    font: 9px arial;
    font-weight: normal;
    margin: 2px 109px!important;
    margin-bottom: 3px!important;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
}

.nm_fc podpis {
    position: absolute;
    width: 520px;
    height: 109px;
    margin-top: 470px!important;
    margin-left: 79px!important;
    font-size: 12px;
    font-weight: 500;
    font-family: Century Gothic;
    text-align: center;
    padding: 4px;
    text-transform: lowercase;
    overflow-y: auto;
    color: #dfdbdf;
    text-shadow: 1px 1px #000000;
}

/* -------------------------- ÁÀÐÍÀß ÊÀÐÒÀ ---------------------------*/

.bar_card {
    background: url(https://forumstatic.ru/files/001b/cc/2e/66718.png);
    width: 850px;
    height: 950px;
    margin: 0px 0px 0px 75px!important;
   -webkit-text-size-adjust: 100%;
}

.bar_card zagl {
    position: absolute;
    font-size: 40px;
    margin: 7px 150px;
    text-align: center;
    width: 540px;
    color: #dfdbdf!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    word-spacing: 2px; 
    text-transform: lowercase;
    transition: 0.5s;
    -webkit-text-size-adjust: 100%;
}

.bar_card zagl:hover {
    transition: 1.0s;
    color: #dfdbdf!important;
   font-family: 'Marske'!important;
   font-weight: none;
   border-bottom: none;
   transition: 0.5s;
   -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;}

.bar_card .bats {
    width: 740px;
    margin: 54px 0px 0px 56px;
    position: absolute;
    word-spacing: 5px;
    text-align: center;
   -webkit-text-size-adjust: 100%;
}

.bar_card input {
    display: none;
}

.bar_card label {
    display: inline-block;
    width: 235px;
    cursor: pointer;
    height: 25px;
    opacity: 0.6;
    transition: all .2s linear;
    background: url(https://forumstatic.ru/files/001b/cc/2e/52277.png);
    text-align: center;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 25px;
   -webkit-text-size-adjust: 100%;
}

.bar_card input:checked + label {
    transition: all .2s linear;
    opacity: 1;
   color: #edd8ed!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #46ddc8;
   font-weight: none;
   border-bottom: none;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   text-shadow: 0px 0px 5px #be20eb;
   -webkit-text-size-adjust: 100%;
}

#ptab1:checked ~ #pcontent1, #ptab2:checked ~ #pcontent2, #ptab3:checked ~ #pcontent3, #ptab4:checked ~ #pcontent4 {
    display: block;
}

.bar_card section {
    display: none;
    margin-top: 9px;
    margin-left: 0px;
    width: 740px;
    height: 745px;
    overflow: hidden;
    -webkit-text-size-adjust: 100%;
}

#bartext {
    width: 719px;
    height: 94px;
    margin: 0px 0 0 0!important;
    text-align: justify !important;
    color: #1d041d;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: Century Gothic;
    padding: 4px 10px 4px 10px!important;
    text-shadow: none;
    overflow: auto;
    -webkit-text-size-adjust: 100%;
}

#bartext::-webkit-scrollbar {
    width: 2px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#bartext::-webkit-scrollbar-thumb {
 background: #141414;
}

#bartext::-webkit-scrollbar-track {
   border: 1px solid #555554;
    background: #545453;
}

/* -------------------------- êîêòåéëè ---------------------------*/

#tb {
    width: 739px;
    height: 695px;
    overflow: auto;
    -webkit-text-size-adjust: none;
    margin: 26px 0px 0px 0!important;
    position: absolute;
}

#tb::-webkit-scrollbar {
    width: 2px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#tb::-webkit-scrollbar-thumb {
 background: #471044;
}

#tb::-webkit-scrollbar-track {
   border: 1px solid #555554;
    background: #545453;
}

#name {
   position: absolute;
   text-align: center;
    width: 200px;
    color: #ffe6fd!important;
    text-shadow: 0 1px 1px #000000;
    font-size: 20px;
    font-family: marske;
    margin: 5px 0 0 80px!important;
}

#kokt {
    position: absolute;
    width: 352px;
    border: 1px solid rgb(255 255 255 / 37%);
    margin-top: 8px;
    height: 140px!important;
    -webkit-text-size-adjust: none;
}

#isobr {
position: absolute;
    margin: 25px 0px 0px -4px!important;
    -webkit-text-size-adjust: none;
}

#isobr img {
position: absolute;
width: 90px;
height: 90px; 
object-fit:cover;
margin: 0px!important;
-webkit-text-size-adjust: none;
}

#zad {
    position: absolute;
    width: 271px;
    height: 108px;
    color: #ffe6fd;
    text-align: left;
    overflow: auto;
    margin: 26px 0 0 79px!important;
    font-size: 11px!important;
    -webkit-text-size-adjust: none;
}

#zad a {
color: #ae79bc;
}
/* -------------------------- âèï êîêòåéëè ---------------------------*/

#vpname {
   position: absolute;
    text-align: center;
    width: 342px;
    color: #ffe6fd;
    font-size: 24px;
    font-family: marske;
    margin: -32px 5px 0 5px!important;
}

#vpsurn {
   position: absolute;
    text-align: center;
    width: 342px;
    color: #ffe6fd;
    font-size: 20px;
    font-family: marske;
    margin: 94px 5px 0 5px!important;
}

#vpkokt {
position: absolute;
    width: 352px;
    border: 1px solid rgb(255 255 255 / 37%);
    margin-top: 35px;
    height: 230px!important;
    -webkit-text-size-adjust: none;
}

#vpisobr {
position: absolute;
    margin: 0px 0px 0px 130px!important;
    -webkit-text-size-adjust: none;
}

#vpisobr img {
position: absolute;
    width: 90px;
    height: 90px;
    object-fit: cover;
    -webkit-text-size-adjust: none;
}

#vpzad {
    position: absolute;
    width: 343px;
    height: 110px;
    color: #ffe6fd;
    text-align: left;
    overflow: auto;
    margin: 115px 0 0 5px!important;
    font-size: 11px!important;
    -webkit-text-size-adjust: none;
}


/* -------------------------- ñåòû èç øîòîâ ---------------------------*/

#shisobr {
position: absolute;
    margin: 41px 0px 0px 14px!important;
    -webkit-text-size-adjust: none;
}

#shisobr img {
position: absolute;
    width: 200px;
    height: 90px;
    object-fit: cover;
    -webkit-text-size-adjust: none;
}

#shname {
   position: absolute;
    text-align: center;
    width: 224px;
    color: #ffe6fd;
    font-size: 24px;
    font-family: marske;
    margin: -3px 5px 0px 5px!important;
}

#shpozs {
   position: absolute;
    text-align: center;
    width: 224px;
    color: #ffe6fd;
    font-size: 14px;
    font-family: marske;
    margin: 24px 5px 0px 5px!important;
}

#shsurn {
   position: absolute;
    text-align: center;
    width: 198px;
    color: #ffe6fd;
    font-size: 18px;
    font-family: marske;
    margin: 4px 5px 0 27px!important;
}

#shkokt {
position: absolute;
    width: 231px;
    border: 1px solid rgb(255 255 255 / 37%);
    margin-top: 134px;
    height: 120px!important;
    -webkit-text-size-adjust: none;
}

#shisobr1 {
position: absolute;
    margin: 21px 0px 0px -4px!important;
    -webkit-text-size-adjust: none;
}

#shisobr1 img {
position: absolute;
    width: 70px;
    height: 70px;
    object-fit: cover;
    -webkit-text-size-adjust: none;
}


#shzad {
    position: absolute;
    width: 170px;
    height: 95px;
    color: #ffe6fd;
    text-align: left;
    overflow: auto;
    margin: 23px 0 0 58px!important;
    padding: 0 3px 0px 0;
    font-size: 11px!important;
    -webkit-text-size-adjust: none;
}


/* -------------------------- ÀÍÊÅÒÀ ñ îïèñàíèåì ---------------------------*/
.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;
}

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

.labor_exchange_box {
    width: 750px;
    height: 580px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/17525.png) no-repeat;
    margin: 0 10px!important;
}

.labor_exchange_box bt {
    position: absolute;
    font-size: 32px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 17px 112px!important;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.labor_exchange_box bt: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;}

.opis {
position: absolute;
text-align: justify;
    width: 669px;
    margin: 48px 0 0px 38px!important;
    color: #1d041d!important;
    font-size: 12px;
    font-family: Century Gothic;
}

.tabs {
height: 436px;
    position: absolute;
    width: 706px;
    margin: 126px 0 0px 23px!important;
}

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

.tabs>input[type="radio"]:checked+label {
    transition: all .2s linear;
    opacity: 1;
   color: #edd8ed!important;
   font-family: 'Marske'!important;
   text-shadow: 0 0px 6px #46ddc8;
   font-weight: none;
   border-bottom: none;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   text-shadow: 0px 0px 5px #be20eb;
   -webkit-text-size-adjust: 100%;
}

.tabs>label {
   display: flex;
    width: 235px;
    height: 45px;
    cursor: pointer;
    opacity: 0.6;
    margin: 0px 0 0 0!important;
    transition: all .2s linear;
    background: url(https://forumstatic.ru/files/001b/cc/2e/47211.png) no-repeat;
    text-align: center;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 25px;
    padding: 9px 0px 0px 12px;
    -webkit-text-size-adjust: 100%;
}

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

#tab-btn-1:checked~#city, #tab-btn-2:checked~#order, #tab-btn-3:checked~#med, #tab-btn-4:checked~#edu, #tab-btn-5:checked~#cmi, #tab-btn-6:checked~#crime, #tab-btn-7:checked~#fun, #tab-btn-8:checked~#other {
    display: block;
}

#city, #order, #med, #edu, #cmi, #crime, #fun, #other {
    position: relative;
    left: 247px;
    color: #e7e4e7;
    font-family: Century Gothic;
    text-transform: lowercase;
    font-size: 12px;
    width: 424px;
    top: -428px;
    height: 408px;
    overflow: auto;
}

#city r, #order r, #med r, #edu r, #cmi r, #crime r, #fun r, #other r {
font-size: 13px;
    color: #dfdbdf;
    font-weight: bold;
    border-bottom: 1px solid #dfdbdf;
    padding: 1px 1px;
}

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

.block_of_vacancies {
    position: relative;
    top: -5px;
    color: #dfdbdf;
}

.block_of_vacancies a {
    color: #b48bb9!important;
}

.audio-block {
}

.audio-title {
display: none;
}

audio {
width: 295px!important;
    height: 16px!important;
 -webkit-text-size-adjust: none;
}

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

.news_box {
    width: 700px;
    height: 500px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/28942.png) no-repeat;
    margin: 0 43px!important;
}

.news_box num {
    position: absolute;
    font-size: 32px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 23px 47px!important;
    text-align: center;
    width: 600px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.news_box num: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;}

.news_box text {
position: absolute;
    text-align: justify;
    height: 359px;
    width: 313px;
    margin: 84px 0 0px 29px!important;
    color: #1d041d!important;
    font-size: 12px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 2px 7px;
}

.news_box active1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 234px;
    margin-left: 432px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box active1 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);}

.news_box active2 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 234px;
    margin-left: 486px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box active2 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);}

.news_box active3 img {
   position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 234px;
    margin-left: 540px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box active3 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);}

.news_box active4 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 234px;
    margin-left: 594px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box active4 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);}

.news_box episode img {
    position: absolute !important;
    width: 103px;
    height: 39px;
    margin-top: 318px;
    margin-left: 403px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box episode 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);}

.news_box couple img {
    position: absolute !important;
    width: 103px;
    height: 39px;
    margin-top: 318px;
    margin-left: 554px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box couple 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);}

.news_box good img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 154px;
    margin-left: 432px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box good 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);}

.news_box good1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 154px;
    margin-left: 486px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box good1 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);}

.news_box good2 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 154px;
    margin-left: 540px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box good2 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);}

.news_box good3 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 154px;
    margin-left: 594px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box good3 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);}

.news_box aboutus1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 84px;
    margin-left: 621px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box aboutus1 img:hover {
    mix-blend-mode: none!important;
    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);}


.news_box aboutus  { 
    position: absolute;
    width: 175px;
    height: 33px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
    font-family: verdana;
    margin: 84px 0 0 398px;
    overflow: auto;
    line-height: 11.5px;
    padding: 3px 6px 3px 6px;
    color: #e7eae9;
}

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

.news_box citata1 img {
    position: absolute !important;
    width: 39px;
    height: 39px;
    margin-top: 397px;
    margin-left: 621px;
    filter: grayscale(1);
    opacity: 70%;
    mix-blend-mode: soft-light!important;
    transition: all 0.6s ease 0s;
}

.news_box citata1 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);}

.news_box citata  { 
    position: absolute;
    width: 175px;
    height: 33px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 9px;
    font-family: verdana;
    margin: 396px 399px;
    overflow: auto;
    line-height: 11.5px;
    padding: 3px 6px 3px 6px;
    color: #e7eae9;
}

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

.news_box mess  { 
    position: absolute;
    width: 117px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 32px;
    font-family: neon;
    margin: 196px 0 0 586px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #ffceff;
    text-shadow: 0px 0px 5px #be20eb;
}

.news_box posts  { 
    position: absolute;
    width: 117px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 32px;
    font-family: neon;
    margin: 273px 0 0 540px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #ffceff;
    text-shadow: 0px 0px 5px #be20eb;
}

.news_box play {
position: absolute;
    font-size: 10px!important;
    color: #eaeaec;
    margin: 467px 0 0 75px!important;
    width: 555px;
    text-align: center;
}

/* ------------------------ ÀÌÑ ÒÅÌÀ ---------------------------*/

.ams_tema {
    width: 700px;
    height: 600px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/76427.png) no-repeat;
    margin: 0 50px!important;
}

.ams_tema im {
    position: absolute;
    font-size: 21px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 34px 0 0 126px!important;
    text-align: left;
    width: 100px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ams_tema im a {
color: #ddd0dd!important;
font-family: 'Marske'!important;
}

.ams_tema im: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;}

.ams_tema im1 {
    position: absolute;
    font-size: 21px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 143px 0 0 126px!important;
    text-align: left;
    width: 100px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ams_tema im1 a {
color: #ddd0dd!important;
font-family: 'Marske'!important;
}

.ams_tema im1: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;}

.ams_tema im2 {
    position: absolute;
    font-size: 21px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 255px 0 0 126px!important;
    text-align: left;
    width: 100px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ams_tema im2 a {
color: #ddd0dd!important;
font-family: 'Marske'!important;
}

.ams_tema im2: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;}

.ams_tema im3 {
    position: absolute;
    font-size: 21px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 365px 0 0 126px!important;
    text-align: left;
    width: 100px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ams_tema im3 a {
color: #ddd0dd!important;
font-family: 'Marske'!important;
}

.ams_tema im3: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;}

.ams_tema im4 {
    position: absolute;
    font-size: 21px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 473px 0 0 126px!important;
    text-align: left;
    width: 100px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.ams_tema im4 a {
color: #ddd0dd!important;
font-family: 'Marske'!important;
}

.ams_tema im4: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;}


.ams_tema iso {
height: 80px;
    width: 80px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 48px 0 0 29px!important;
    filter: grayscale(1);
}
.ams_tema iso1 {
height: 80px;
    width: 80px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 157px 0 0 29px!important;
    filter: grayscale(1);
}
.ams_tema iso2 {
height: 80px;
    width: 80px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 270px 0 0 29px!important;
    filter: grayscale(1);
}
.ams_tema iso3 {
height: 80px;
    width: 80px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 380px 0 0 29px!important;
    filter: grayscale(1);
}
.ams_tema iso4 {
height: 80px;
    width: 80px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 488px 0 0 29px!important;
    filter: grayscale(1);
}

.ams_tema sved {
position: absolute;
    text-align: justify;
    height: 64px;
    width: 305px;
    margin: 56px 0 0px 126px!important;
    line-height: 10px;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}
.ams_tema sved1 {
position: absolute;
    text-align: justify;
    height: 64px;
    width: 305px;
    margin: 165px 0 0px 126px!important;
    line-height: 10px;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}
.ams_tema sved2 {
position: absolute;
    text-align: justify;
    height: 64px;
    width: 305px;
    margin: 278px 0 0px 126px!important;
    line-height: 10px;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}
.ams_tema sved3 {
position: absolute;
    text-align: justify;
    height: 64px;
    width: 305px;
    margin: 388px 0 0px 126px!important;
    line-height: 10px;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}
.ams_tema sved4 {
position: absolute;
    text-align: justify;
    height: 64px;
    width: 305px;
    margin: 496px 0 0px 126px!important;
    line-height: 10px;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}

.ams_tema oth {
position: absolute;
    text-align: justify;
    height: 60px;
    width: 220px;
    color: #dfdbdf!important;
    margin: 37px 0 0px 448px!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 0px 7px;
}
.ams_tema oth1 {
position: absolute;
    text-align: justify;
    height: 60px;
    width: 220px;
    margin: 141px 0 0px 448px!important;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 0px 7px;
}
.ams_tema oth2 {
position: absolute;
    text-align: justify;
    height: 60px;
    width: 220px;
    margin: 255px 0 0px 448px!important;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 0px 7px;
}
.ams_tema oth3 {
position: absolute;
    text-align: justify;
    height: 60px;
    width: 220px;
    margin: 363px 0 0px 448px!important;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 0px 7px;
}
.ams_tema oth4 {
position: absolute;
    text-align: justify;
    height: 60px;
    width: 220px;
    margin: 473px 0 0px 448px!important;
    color: #dfdbdf!important;
    font-size: 11px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 0px 7px;
}

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

.bank {
    background: url(https://forumstatic.ru/files/001b/cc/2e/93706.png);
    width: 747px;
    height: 682px;
    margin: 0px 18px!important;
}

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

.bank zagl: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;}

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

.bank kupluzb {
    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;
}

.bank prodamzb {
    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;
}

.bank pezhatyzb {
    position: absolute;
    margin: 414px 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;
}

.bank kuplu {
    position: absolute;
    margin: 190px 34px;
    width: 304px;
    height: 448px;
    overflow: auto;
    padding: 2px 9px 0px 9px;
}
.bank prodam {
    position: absolute;
    margin: 190px 392px;
    width: 305px;
    height: 202px;
    overflow: auto;
    padding: 2px 9px 0px 9px;
}
.bank pezhaty {
    position: absolute;
    margin: 440px 392px;
    width: 305px;
    height: 197px;
    overflow: auto;
    padding: 2px 9px 0px 9px;
}

.bank kuplu a, .bank prodam a, .bank pezhaty 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 #330b3326;
    border-bottom: 3px solid #330b3326;
    min-height: 131px;
}

.need bl {
    display: block;
    background: url(https://forumstatic.ru/files/001b/cc/2e/72210.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: #ddd0dd!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 {
   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;}

.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: #1d041d;
    height: 20px;
    margin: 8px 0px 0px 370px;
    margin-bottom: 8px;
    width: 300px;
    padding-left: 4px;
}

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

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

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

.prinzt {
    width: 300px;
    height: 140px;
    text-align: center;
    padding: 0px 10px 10px 10px;
    margin: 20px 0px 0px 0!important;
    line-height: 16px;
}

.prinzt com {
    display: block;
    text-align: center;
    background: url(https://forumstatic.ru/files/001b/cc/2e/93510.png) no-repeat;
    width: 502px;
    height: 37px;
    margin: -19px 0px 0px 130px;
    margin-bottom: 5px;
}

.prinzt imcom {
margin: -40px 0px 0px -11px;
    position: absolute;
}

.prinzt imcom img {
    height: 33px;
    width: 33px;
    filter: grayscale(100%);
}

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

.prinzt comand: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;}

.prinzt kurat {
position: absolute;
    text-align: right;
    height: 30px;
    width: 171px;
    margin: -25px 0 0px 292px!important;
    line-height: 14px;
    color: #c9c1ca!important;
    font-size: 12px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}

.prinzt kurat a {
color: #ddd0dd!important;
}

.prinzt pico {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    outline: 1px solid #69807a;
    outline-offset: 1px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 5px 0 0 -5px!important;
    filter: grayscale(1) brightness(1.0) contrast(0.5);
}

.prinzt slog {
position: absolute;
    text-align: justify;
    width: 341px;
    margin: 5px 0 0px 109px!important;
    line-height: 14px;
    color: #1d041d!important
    font-size: 9px;
    font-family: Century Gothic;
    padding: 3px 7px;
}

.prinzt prtext {
position: absolute;
    text-align: justify;
    height: 85px;
    width: 330px;
    background: #330b3326;
    outline: 1px solid #664b6fa8!important;
    outline-offset: 2px;
    margin: 24px 0 0px 118px!important;
    line-height: 14px;
    color: #1d041d!important;
    font-size: 12px;
    font-family: Century Gothic;
    overflow: auto;
    padding: 3px 7px;
}

.prinzt ssilki {
position: absolute;
    text-transform: uppercase !important;
    font-size: 9px !important;
    font-family: Century Gothic!important;
    margin: 114px 0 0 106px;
    padding: 2px 9px 3px 9px !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    color: #1d041d!important;
}

.prinzt ssilki a:hover {
    background: #450a46;
    color: #fff!important;
    padding: 1px 8px!important;}  

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

.clgram {
    width: 700px;
    height: 700px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/41427.png) no-repeat;
    margin: 0 50px!important;
}

.clgram gliso {
    height: 149px;
    width: 149px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 85px 0 0 45px!important;
}

.clgram naz {
position: absolute;
    padding-top: 9px;
    text-align: center;
    margin: 16px 0 0 277px;
    display: block;
    word-spacing: 2px;
    font-size: 33px !important;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
    transition: 0.5s;
}

.clgram naz: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;}

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

.clgram publ {
position: absolute;
    height: 35px;
    width: 134px;
    text-align: center;
    margin: 106px 0 0 217px;
    display: flex;
    flex-direction: column;
    word-spacing: 2px;
    font-size: 14px !important;
    color: #1d041d!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.clgram pod {
    position: absolute;
    height: 35px;
    width: 134px;
    text-align: center;
    margin: 106px 0 0 372px;
    display: flex;
    flex-direction: column;
    word-spacing: 2px;
    font-size: 14px !important;
    color: #1d041d!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.clgram podp {
position: absolute;
    height: 35px;
    width: 134px;
    text-align: center;
    margin: 106px 0 0 527px;
    display: flex;
    word-spacing: 2px;
    font-size: 14px !important;
    color: #1d041d!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
    flex-direction: column;
}

.clgram opis {
position: absolute;
    height: 77px;
    width: 447px;
    margin: 152px 0 0 216px;
    display: block;
    font-size: 14px !important;
    color: #1d041d!important;
    -webkit-text-size-adjust: none;
}

.clgram stor1 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 54px!important;
}

.clgram stor2 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 145px!important;
}
.clgram stor3 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 236px!important;
}
.clgram stor4 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 327px!important;
}
.clgram stor5 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 418px!important;
}
.clgram stor6 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 509px!important;
}
.clgram stor7 {
    height: 53px;
    width: 53px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 251px 0 0 600px!important;
}

.clgram kart1 {
    height: 150px;
    width: 150px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 327px 0 0 58px!important;
    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: 252px 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: 327px 0 0 276px!important;
    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: 252px 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: 327px 0 0 494px!important;
    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: 252px 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: 502px 0 0 58px!important;
    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: 427px 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: 502px 0 0 276px!important;
    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: 427px 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: 502px 0 0 494px!important;
    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: 427px 0 0 417px!important;
    z-index: 99;
}

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

.postgram {
    width: 500px;
    height: 670px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/38478.png) no-repeat;
    margin: 0 140px!important;
}

.postgram gliso {
    height: 66px;
    width: 66px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 66px 0 0 37px!important;
}

.postgram naz {
position: absolute;
    padding-top: 9px;
    text-align: center;
    margin: 2px 0 0 189px;
    display: block;
    word-spacing: 2px;
    font-size: 33px !important;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 0px #000000b0;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
    transition: 0.5s;
}

.postgram naz: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;}

.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: #0e2422!important;
    font-family: 'oswald'!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.postgram location {
position: absolute;
    padding-top: 9px;
    margin: 88px 0 0 112px;
    display: block;
    word-spacing: 2px;
    font-size: 12px !important;
    color: #798d8a!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.postgram opis {
position: absolute;
    height: 40px;
    width: 423px;
    margin: 616px 0 0 36px;
    display: block;
    font-size: 12px !important;
    color: #0e2422!important;
    -webkit-text-size-adjust: none;
}

.postgram photo {
    height: 421px;
    width: 421px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 147px 0 0 37px!important;
}

.postgram like {
position: absolute;
    padding-top: 9px;
    margin: 576px 0 0 70px;
    font-weight: bold;
    display: block;
    word-spacing: 2px;
    font-size: 14px !important;
    color: #0e2422!important;
    -webkit-text-size-adjust: none;
}

/*-------------------------- ñòîðèñ ---------------------------*/
.storis {
    height: 600px;
    width: 360px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    margin: 0px 210px!important;
}

.storis gliso {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 8px 0 0 10px!important;
}

.storis nick {
position: absolute;
    padding-top: 9px;
    margin: 2px 0 0 68px;
    display: block;
    word-spacing: 2px;
    font-size: 14px !important;
    color: #fff!important;
    font-family: 'oswald'!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.storis toch {
position: absolute;
    padding-top: 9px;
    margin: -10px 0 0 331px;
    display: block;
    line-height: 9px;
    font-size: 31px !important;
    color: #fff!important;
    font-family: 'oswald'!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.storis muz {
position: absolute;
    padding-top: 9px;
    margin: 22px 0 0 68px;
    display: block;
    word-spacing: 2px;
    font-size: 11px !important;
    color: #fff!important;
    text-transform: lowercase;
    -webkit-text-size-adjust: none;
}

.storis niz {
height: 50px;
    width: 360px;
    background-position: center!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    position: absolute;
    margin: 550px 0 0 0px!important;
}

.storis coob {
position: absolute;
    padding-top: 9px;
    margin: 559px 0 0 20px;
    display: block;
    word-spacing: 2px;
    font-size: 12px !important;
    color: #fff!important;
    -webkit-text-size-adjust: none;
}

.storis text {
position: absolute;
width: 340px;
    text-align: center;
    margin: 458px 0 0 10px;
    -webkit-text-size-adjust: none;
}

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

.vip {
    text-align: center;
}

.vip img {
opacity:0.7;
 filter: sepia(100%) opacity(50%);
        -webkit-filter: grayscale(100%) opacity(80%);
         transition: all 0.6s ease 0s;
}
 
.vip 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);
}

/*-------------------------- ÀÊÖÈß ÌÅÑßÖÀ ---------------------------*/

.cvobodn {
text-align: center;
}

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

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


/* ------------------------ ÈÒÎÃÈ ÌÅÑßÖÀ ---------------------------*/

.gradusbol_box {
    width: 700px;
    height: 280px;
    background: url(https://forumstatic.ru/files/001b/cc/2e/77345.png) no-repeat;
    margin: 0 43px!important;
}

.gradusbol_box num {
    position: absolute;
    font-size: 32px;
    color: #ddd0dd!important;
    font-family: 'Marske'!important;
    text-shadow: 0 1px 1px #000000;
    margin: 23px 87px!important;
    text-align: center;
    width: 526px;
    word-spacing: 2px;
    text-transform: lowercase;
    transition: 0.5s;
}

.gradusbol_box num: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;}

.gradusbol_box alcomast img {
    position: absolute !important;
    width: 80px;
    height: 100px;
    margin-top: 156px;
    margin-left: 96px;
}

.gradusbol_box picap img {
    position: absolute !important;
    width: 80px;
    height: 100px;
    margin-top: 156px;
    margin-left: 310px;
}

.gradusbol_box danc img {
   position: absolute !important;
    width: 80px;
    height: 100px;
    margin-top: 156px;
    margin-left: 524px;
}

.gradusbol_box alco  { 
    position: absolute;
    width: 150px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 50px;
    font-family: neon;
    margin: 101px 0 0 68px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #edd8ed;
    text-shadow: 0px 0px 5px #be20eb;
}

.gradusbol_box picaper  { 
    position: absolute;
    width: 140px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 50px;
    font-family: neon;
    margin: 101px 0 0 275px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #edd8ed;
    text-shadow: 0px 0px 5px #be20eb;
}

.gradusbol_box dancer  { 
    position: absolute;
    width: 140px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 50px;
    font-family: neon;
    margin: 101px 0 0 490px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #edd8ed;
    text-shadow: 0px 0px 5px #be20eb;
}

.gradusbol_box alcot  { 
    position: absolute;
    width: 191px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 36px;
    font-family: neon;
    margin: 65px 0 0 35px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #edd8ed;
    text-shadow: 0px 0px 5px #be20eb;
}

.gradusbol_box picapert  { 
    position: absolute;
    width: 191px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 36px;
    font-family: neon;
    margin: 65px 0 0 285px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #edd8ed;
    text-shadow: 0px 0px 5px #be20eb;
}

.gradusbol_box dancert  { 
    position: absolute;
    width: 191px;
    text-align: justify;
    text-transform: lowercase;
    font-size: 36px;
    font-family: neon;
    margin: 65px 0 0 500px;
    overflow: auto;
    padding: 2px 6px 2px 6px;
    color: #edd8ed;
    text-shadow: 0px 0px 5px #be20eb;
}

/* ------------------------ ÇÀÊËÀÄÊÀ ---------------------------*/
#BookmCntToggle.default-style {
    color: #8f2d89!important;
}

body #MyBookmarks>h2 {
    background: #ab8da8;
    margin: 0px 0px -2px 0px;
    color: #1d041d;
    text-shadow: 1px 1px 0 rgba(0,0,0,.06)!important;
    border-radius: 0;
    border: #1d041d;
    border-width: 0px 0px 0 0px;
}

body #MyBookmarks .container {
    background: #dfdbdf;
}

#MyBookmarks .container {
    position: relative !important;
    height: 100%!important;
    padding: 0 1em;
}

/* ------------------------ ÑÌÑ ×ÀÒ ---------------------------*/
.smschat {
    width: 500px;
    height: auto;
    background: #d1cbd5;
    box-shadow: 0 0 10px 5px inset #beb7c0, 0 0 0 1px #664b6f, 0 0 5px #bdb4bf;
    margin-top: 0px!important;
}

.smschat1 {
    margin-top: 3px!important;
    float: right;
    margin-right: 12px!important;}

.smschat2 {width: 40px;
    height: 40px;
    display: inline-block;  }

.smschat2 img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid #664b6f;
    border-radius: 50px!important;}

.smschat3 {font-weight: 600;
    position: absolute;
    margin: 13px 13px!important;
    color: #1d041d;
    background: #664b6f8a;
    border-radius: 50px;
    padding: 1px 6px;
    font-size: 17px;
    font-family: century gothic;}

.smschat4 {text-align: center;
    width: 445px;
    height: 32px;
    background: #a291a7;
    border-bottom: 1px solid #664b6f;
    padding: 8px 0px 8px 55px;
    font-family: century gothic;
    margin: 0px 0px 5px 0px!important; } 

.smschat4 name {font-size: 17px;
    font-family: 'Marske';}

.chatleft {
    width: 450px;
    height: auto;
    text-align: left!important;
    padding: 0px 25px 10px 25px;}

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

.messL otvet {
    background-color: #664b6f3b;
    padding: 5px;
    margin-bottom: 5px;
    max-width: 350px;
    position: relative;
    text-align: left!important;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    border-left: 5px solid #664b6f;
    font-size: 11px;
}

.chatright {
    width: 450px;
    height: auto;
    text-align: right!important;
    padding: 0px 25px 10px 25px;}

.messR {
    background-color: #664b6f94;
    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: 11px;}

.messR otvet{
    background-color: #c3bcc5;
    padding: 5px;
    margin-bottom: 5px!important;
    max-width: 350px;
    position: relative;
    text-align: left!important;
    display: inline-block;
    border-right: 5px solid #664b6f;
    border-radius: 10px 0px 0px 10px;
    font-size: 11px;}