/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-black: #111111;
    --color-main: #575757;
    --color-white: #b9b9b9;
    --color-accent: #496878;
    --color-accent-2: #3b5767;

--html-bg: #111111 url(https://forumstatic.ru/files/001b/e7/0b/41748.jpg) top center no-repeat fixed;
--html-bg2: #111111 url(https://forumstatic.ru/files/001b/e7/0b/79201.jpg) center no-repeat;

--font: Bon_Foyage;
}

/*уменьшение фона для широких экранов мобил*/
@media (min-width: 576px) and (max-width: 1199.98px) {
#pun, #header {    width: 880px !important;
}

#pun-main h2, #pun-stats h2 {    margin-left: -80px !important;
}

#pun-index .user-avatar {
margin: -5px 20px 0px 25px !important;
}
}


/*Фон*/
body {
  background: var(--html-bg);
}


#pun-title table {
    margin-left: 0px;
}

#html-header { 
    width: 970px;
    height: 0px;
}

#gif {
    position: absolute;
    top: 74px;
    left: 449px;
    z-index: 2;
}

#best-ep { 
    width: 150px;
    position: absolute;
    font-size: 10px;
    letter-spacing: 1px;
    bottom: 10px;
    left: 10px;
    color: var(--color-white);
 }

#best-ep a {
    width: 225px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    color: var(--color-white);
    font: 200 10px var(--font2);
}


#best-ep img { 
    max-width: 225px;
}

#best-ep img:hover { 
    filter: invert(1);
}

#best-post { 
    position: absolute;
    width: 260px;
    height: 62px;
    top: 82px;
    left: 10px;
    font-size: 10px;
    color: var(--color-white);
 }

#best-post a { 
    color: var(--color-accent);
    font-weight: normal;
}

#best-post img { 
    max-height: 55px;
    float: left;
}

#best-post img:hover { 
    filter: invert(1);
}

#best-post-text {
    margin-left: 60px;
    text-align: justify;
    height: 55px;
    overflow-y: auto;
    padding-right: 5px;
    font: 100 10px var(--font2);
    line-height: 13px;
}

#best-post br {
display: block;
    content: "";
    margin-top: 5px;
}

#best-post span {
color: var(--color-accent);
}

#flood {
    width: 260px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    left: 10px;
    top: 10px;
}

#flood-1, #flood-2, #flood-3, #flood-4 {
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-accent);
}

#flood-1 a:hover, #flood-2 a:hover, #flood-3 a:hover, #flood-4 .a:hover {
cursor: pointer;
}

#flood-1 img, #flood-2 img, #flood-3 img, #flood-4 img {
    width: 35px;
    height: 35px;
    filter: grayscale(1);
}

#flood-1 img:hover, #flood-2 img:hover, #flood-3 img:hover, #flood-4 img:hover {
filter: invert(1);
}

/* постописцы */
#active {    
    position: relative;
     z-index: 1;
}

#activist {
    width: 260px;
    position: absolute;
    display: flex;
    justify-content: space-between;
    right: 10px;
    top: 130px;
}

#activist-1, #activist-2, #activist-3, #activist-4 {
    width: 35px;
    height: 35px;
    border: 1px solid var(--color-accent);
}


#activist-1 a:hover, #activist-2 a:hover, #activist-3 a:hover, #activist-4 .a:hover {
cursor: pointer;
}


#activist-1 img, #activist-2 img, #activist-3 img, #activist-4 img {
    width: 35px;
    height: 35px;
    filter: grayscale(1);
}

#activist-1 img:hover, #activist-2 img:hover, #activist-3 img:hover, #activist-4 img:hover {
filter: invert(1);
}

.up-navigation {
    width: 450px;
    color: var(--color-white);
    text-transform: lowercase;
    display: flex;
    justify-content: space-between;
    font: normal 11px var(--font);
    letter-spacing: 1px;
    position: absolute;
    top: -30px !important;
    left: 265px;
z-index: 5;
}

.up-navigation a {
     color: var(--color-white)!important;
}

.up-navigation a:hover {
     color: var(--color-accent)!important;
}

.name {
    width: 520px;
    font: normal 121px var(--font);
    color: var(--color-white);
    letter-spacing: 6px;
    position: absolute;
    bottom: 125px;
    right: 150px;
}

.name span {
    color: var(--color-accent);
}

.line {
    left: 365px;
    top: 0px;
    position: absolute;
}

.line img{
    max-height: 240px;
}

#bigdome-all-ab1 {
    color: var(--color-white);
    font: 100 10px var(--font2);
    position: absolute;
    top: 32px;
    right: 10px;
    width: 120px;
    text-align: right;
}

#bigdome-all-ab1 br {
    display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 8px; /* change this to whatever height you want it */
}

#bigdome-all-ab1 span {
    color: var(--color-accent);
}

#RANDOM {
    position: absolute;
    padding: 6px 5px;
    width: 322px;
    height: 41px;
    bottom: 10px;
    right: 10px;
    border: 1px solid var(--color-accent);
}

#KontentRotator {
    font: 100 10px var(--font2);
    line-height: 13px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    padding: 0px 8px 0px 2px;
    height: 40px;
    width: 310px;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
} 

#KontentRotator > p > a, kr > a {
    color: var(--color-accent)!important;
    font-weight: normal;
}



/* Тело форума */
#pun {
    width: 970px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border: 1px solid var(--color-accent);
    padding: 10px;
}

.punbb {
    height: auto;
    margin: 0px -10px;
    background: var(--color-black);
    padding-top: 220px;
    width: 970px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    box-shadow: -40px 0px 0px var(--color-black);
    padding-right: 10px;
}

/* Футер */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
    display: block;
    padding: 7px;
    text-align: center;
    font-size: 9px;
    letter-spacing: 1px;
    color: var(--color-white);
    text-transform: lowercase;
}

#html-footer p > span {
    color: var(--color-accent);
}

/* CS1.1 */
.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 {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb-admin #pun-admain .adcontainer {
    background: var(--color-main);
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }

.post-rating > .container {
outline: none !important;
    box-shadow: 0px 0px 3px 5px rgba(255, 196, 82, 0.0) !important;
}

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-brown);
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    border: 1px solid var(--color-black);
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.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;
  }

/* CS2.5 */
.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;
  }

#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 transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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 {
  text-decoration: none;
  color: var(--color-accent);
  }


/* CS3.2 */
.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: var(--color-accent);
    }

/* CS3.3 */
#pun-navlinks a {
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-accent);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-accent);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* иконки соо */

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-top: -8px!important;
}

#pun-messages Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-top: 10px!important;
    margin-left: -10px;
    width: 30px;
    height: 30px;
}

/*общий стиль иконки*/
div.icon {
    width: 30px;
    height: 30px;
    background: url(https://forumstatic.ru/files/001b/e7/0b/79984.svg);
    position: absolute;
    margin: 5px 10px 0px 5px;
}

/*иконки выделенной темы*/
.isticky Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/28515.svg);
}

/*иконки новой или новой выделенной темы*/
.inew Div.icon, .inew.isticky Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/97897.svg);
}

/*иконки новой закрытой темы*/
.inew.iclosed Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/97897.svg);
} 

/*иконки закрытой темы*/
.iclosed Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/70444.svg);
}

/*иконки важной закрытой темы*/
.isticky.iclosed Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/28515.svg);
}

/*иконки важной новой закрытой темы*/
.inew.isticky.iclosed Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/97897.svg);
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background: url(https://forumstatic.ru/files/001b/e7/0b/97897.svg);
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
}

div.post-vote .container {
margin-top: 9px!important;
background: var(--color-main) !important;
}

/*Стиль выделения */
::selection  {
    background: none repeat scroll 0 0 var(--color-accent);
    color: var(--color-black);
    opacity: 0,3;
text-decoration:none!important
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-accent);
    color: var(--color-black);
    opacity: 0,3;
text-decoration:none!important
} 


/* Стиль списка тем в форуме */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* Список тем в форуме ник создателя темы */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "—";}


/*Форма ответа стиль выпадающих окошек*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    background-color: var(--color-main)!important;
    border: 1px solid var(--color-accent);
    border-radius: 0px;
}

/*Фон окошка репутации*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    padding: 10px;
    background: var(--color-main) !important;
    outline: 1px solid var(--color-accent);
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* скроллбар */
::-webkit-scrollbar {    width: 5px;
    height: 4px;}  
::-webkit-scrollbar-track {     background-color:  transparent;} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-accent);}


/*форум тем, прозрачность*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}


#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    height: 270px;
    text-align: justify;
    background: var(--color-reply);
    margin: 5px 0px;
    padding: 5px 10px;
    font: normal 100% verdana, arial, helvetica, sans-serif;
    outline: 1px solid var(--color-black);
}

/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.go-up {
background: url(https://forumstatic.ru/files/001b/e7/0b/75482.svg) no-repeat;
bottom: 42%; 
}
.go-down {
background: url(https://forumstatic.ru/files/001b/e7/0b/64272.svg) no-repeat;
bottom: 35%; 
}

.banr{    
        height: 50px;
    overflow-y: auto;
    padding: 5px 0px;
}

.bannner {
    width: 950px;
    height: 75px;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

.bannner img {
margin: 0px 5px 10px 5px;
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
    text-transform: lowercase;
   }

.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}


/* Стиль всех кнопок */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 3px 6px 4px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}

/* Предпросмотр */
#post-preview .fs-box .post-content {padding:10px!important;}

/* лс */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}

/* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* УБРАТЬ - модераторов, "тема закрыта", "важно", "отредактировано", "объявление", награды */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ИКОНКА АВАТАРА */
#pun-index .user-avatar {
    margin: -5px 35px 0px 25px;
    }

/*.punbb em.user-avatar {
    float:right !important;
    }
*/

.punbb .user-avatar img.ava {
    border-radius:0!important;
    }

.punbb .user-avatar .avatar-image {
    border-radius: 0px !important;
    height: 48px !important;
    width: 48px !important;
    vertical-align: middle;
    opacity: 1 !important;
}

.punbb .user-avatar .avatar-image:hover {
    filter: invert(1);
}

.img a.title {
 background: var(--color-white);
}

/* ДЛЯ ПОДФОРУМОВ и СООБЩЕНИЙ */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {  display:none;
    /*display: inline-block;
    padding: 5px 1px;
color: var(--color-black);*/
}


.post-content hr {
background: var(--color-accent);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -47px !important;
    margin-left: 2px !important;
    color: var(--color-accent) !important;
    background: var(--color-white) !important;
}

span.num_msg:before {
    display: none !important;
    background: var(--color-black) !important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-black)!important;
}

.isonline {
    margin-top: 0px!important;
    background: var(--color-nice)!important;
}

#form-buttons table {    border: none!important;
    background: none!important;}

/* ссылки */

#pun-navlinks {
  text-align: center;
}

#pun-navlinks li {    display: inline;}

#pun-navlinks a {
    display: inline-block;}

#pun-navlinks a span {
    display: block;}

#navpr_1 li span {
}

/*шапка*/
#header {
    position: absolute;
    width: 980px;
    height: 240px;
    top: 70px;
    background: var(--html-bg4);
}

/* свой стиль категорий */
.punbb .category h2 span {
display: none;
}

#pun-stats h2 span {
display: none;
}

/*sequel to the prequel*/
.punbb .category.category-1 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/96756.svg') no-repeat top center;
}

/*visions of a life*/
.punbb .category.category-2 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/76810.svg') no-repeat top center;
}

/*wish we were here*/
.punbb .category.category-3 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/88006.svg') no-repeat top center;
}

/*the suicide pact*/
.punbb .category.category-4 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/35529.svg') no-repeat top center;
}

/*playground love*/
.punbb .category.category-5 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/48392.svg') no-repeat top center;
}

/*the human demand*/
.punbb .category.category-6 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/25581.svg') no-repeat top center;
}

/*ceased and deceased*/
.punbb .category.category-7 h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/48944.svg') no-repeat top center;
}

/*statistics*/
#pun-stats h2 {
    height: 50px;
    background: url('https://forumstatic.ru/files/001b/e7/0b/36948.svg') no-repeat top center;
}

#button-dice {
    background-image: url(https://upforme.ru/uploads/0005/6e/de/20529-1.gif);
}

.ststitems {
    display: inline-flex;
    justify-content: space-between;
    width: 938px;
}

/* амс */

.ams_wrap {
    width: 290px;
    height: auto;
    position: absolute;
    text-align: center;
    top: 95px;
    right: 160px;
    display: flex;
    justify-content: space-between;
}

.ams {
    position: relative;
    display: inline-block;
}

.ams a {
    color: var(--color-white) !important;
    letter-spacing: 1px;
    font: 100 13px var(--font);
}

.ams a span{
    color: var(--color-accent) !important;
}

.ams em {
    width: 300px;
    position: absolute;
    background: var(--color-black);
    border: 1px solid var(--color-accent) !important;
    margin-top: 10px;
    left: 0px;
    box-sizing: border-box;
    visibility: hidden;
    padding: 15px;
    text-align: justify;
    opacity: 0;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    color: var(--color-white);
    z-index: 9999999;
    font: 200 10px var(--font2);
}

.ams:hover em {
  opacity: 1;
  top: 15px
}

.ams em img {
  width: 80px;
  filter: grayscale(100%);
  mix-blend-mode: multiply;
}

.ams:hover em {
  visibility: visible;
}

.ams em images {
    overflow: hidden;
    margin-right: 10px;
    background: var(--color-accent);
    float: left;
    height: 80px;
}

/* оформление категорий */

.forum_desc {
    padding: 5px 5px 8px 50px;
text-align: justify;
}

.forum_desc em {
    text-transform: uppercase;
    font-weight: 600;
}

.forum_desc p {
    margin: 5px 0px;
    text-align: justify;
}

.forum_desc span {
    color: var(--color-white) !important;
}

.forum_link {
    padding: 3px 0px 4px 0px!important;
    text-align: center;
    margin: 5px 0px 0px!important;
    color: var(--color-white) !important;
    display: flex;
    justify-content: space-between;
}

.forum_link .link-1 {
    width: 155px;
    background: var(--color-accent-2);
    padding: 5px 0px 8px 0px;
}

.forum_link .link-2 {
    width: 242px;
    background: var(--color-accent-2);
    padding: 5px 0px 8px 0px;
}

.forum_link .link-3 {
    width: 503px;
    background: var(--color-accent-2);
    padding: 5px 0px 8px 0px;
}

.forum_link .link-1 a, .forum_link .link-2 a, .forum_link .link-3 a {
    color: var(--color-black);
}

.forum_link a:hover, .forum_link .link-2 a:hover, .forum_link .link-3 a:hover {
    color: var(--color-accent);
}

/* стиль хтмл гостевой*/
#guestbook {
    background: url(https://forumstatic.ru/files/001b/e7/0b/79201.jpg?v=1);
    height: 260px;
    position: relative;
}

#guestbook span {
    color: var(--color-accent);
}

.guest_pic {
    display: none;
    position: absolute;
    bottom: -14px;
    left: 100px;
}

.guest_name {
    text-align: center;
    color: var(--color-white);
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 0px;
    font: 500 24px var(--font3);
}

.guest_name img {
    height: 60px;
}

.guest_info {
    width: 950px;
    text-transform: lowercase;
    text-align: center;
    color: var(--color-white);
}

.guest_main {
    width: 445px;
    outline: 1px solid var(--color-accent);
    margin-left: 20px !important;
    margin-top: 10px !important;
    height: 170px;
    border-radius: 5px;
}

.guest_ams {
    padding: 10px;
    text-align: center;
    color: var(--color-white);
    font-size: 10px;
}

.guest_ams br {
display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 4px; /* change this to whatever height you want it */
}

.guest_ams span {
    text-transform: uppercase;
    letter-spacing: 1px;
    font: 600 11px var(--font2);
    color: var(--color-white) !important;
}

.guest_ams a {
    color: var(--color-accent);
    letter-spacing: 1px;
}

.guest_rules {
    height: 95px;
    overflow-y: auto;
    font-size: 11px;
    line-height: 18px;
    color: var(--color-white);
    padding: 5px 20px;
}

.guest_booking {
    width: 445px;
    float: right;
    margin-right: 20px !important;
}

.persons4 {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 50px;
    width: 420px;
    top: 68px;
    right: 30px;
}

.persons4 span {
    text-transform: uppercase;
    color: var(--color-white) !important;
    letter-spacing: 1px;
    width: 130px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.persons4 div {
    width: 50px;
    height: 48px;
    position: relative;
    transition: all .8s ease-in-out 0s;
    overflow: hidden;
}

.persons4 div:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .8s ease-in-out 0s;
  z-index: 1
}

.persons4 img {
filter: grayscale(1);
width: 53px;
height: 53px;
}

.persons4 div:hover img {
  filter: none
}

.persons4 div:hover:after {
  left: -100%
}

.persons4 div:hover:before {
  left: 100%
}

.guest_faces {
    position: absolute;
    top: 125px;
    width: 445px;
    color: var(--color-white);
    text-align: center;
    height: 80px;
}

.guest_faces a {
    color: var(--color-accent) !important;
}

.guest_faces > span {
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 5px !important;
}

.guest_faces p {
  text-transform: lowercase;
  font: 200 10px var(--font) !important;
}


.guest_faces div {
    overflow-y: auto;
    height: 60px;
    text-transform: lowercase;
}

.guest_code {
    width: 420px;
    height: 30px;
    position: absolute;
    top: 212px;
    right: 30px;
  }

.guest_code .blockcode {
    margin: -25px 220px;
    width: 205px;
}

.guest_code strong.legend {
    outline: 1px solid var(--color-accent);
    font: 500 10px var(--font2);
    padding: 5px 10px;
    margin: 2px!important;
    width: 165px !important;
    min-height: 14px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    }

.guest_code strong.legend a{
color: var(--color-white);
}

.guest_code strong.legend:hover {
}
.guest_code strong.legend a:hover{
color: var(--color-accent);
}

.guest_code .scrollbox{
color: var(--color-white);
}

.guest_code pre {
    font: 200 10px var(--font) !important;
    color: var(--color-white);
}

.guest_code pre a {
    color: var(--color-accent) !important;
}

/* стиль хтмл анкеты*/
.quenta_box {
    background: var(--color-white);
}

.quenta_name {
    text-align: center;
    color: var(--color-white);
    text-transform: uppercase;
    justify-content: center;
    letter-spacing: 2px;
    padding: 12px 0px;
    font-size: 18px;
    background: var(--html-bg2);
}

.quenta_next {
    position: relative;
    padding: 10px;
}

.quenta_face {
    position: absolute;
    right: 11px;
    top: 43px;
    width: 218px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 9px;
}

.quenta_face img {
    width: 100px;
    object-fit: cover;
    height: 100px;
    border: 1px solid var(--color-accent) !important;
    border-radius: 5px;
}

.quenta_face span {
    display: block;
    flex: 1;
    width: 100%;
    text-align: center;
    margin-top: 2px;
    letter-spacing: 1px;}

.quenta_mininfo {
    display: flex;
    justify-content: space-between;
    color: var(--color-white);
    text-transform: uppercase;
}

.quenta_mininfo span {
    width: 310px;
    background: var(--html-bg);
    text-align: center;
    min-height: 13px;
    padding: 5px 7px;
    overflow-y: auto;
    font-size: 10px;
    border-radius: 5px;
}

.quenta_mininfo span + span {
  margin-left: 10px;
    max-height: 16px;
    overflow-x: auto;
}

.quenta_reason, .quenta_profi, .quenta_skill {
    width: 380px;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 10px;
    text-align: justify;
}

.quenta_reason b, .quenta_profi b, .quenta_skill b {
    color: var(--color-accent);
} 

.quenta_reason {
    height: 57px;
}

.quenta_profi {
    height: 57px;
    margin-top: 5px !important;
}

.quenta_skill {
    left: 400px;
    height: 120px;
    top: 32.5px;
    position: absolute;
    width: 315px;
}

.quenta_quote {
    background: var(--html-bg2);
    text-align: center;
    padding: 7px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color-white);
    margin: 10px 0px !important;
    border-radius: 5px;
}

.quenta_history {
    line-height: 150%;
    overflow-y: auto;
    padding: 10px;
    max-height: 500px;
    letter-spacing: 1px;
}

.quenta_bottominfo {
    display: flex;
    justify-content: space-between;
    background: var(--html-bg3);
    padding: 5px 15px;
    position: relative;
    top: 30px !important;
}

.quenta_bottominfo:before {
  content: "";
  height: 1px;
  width: 100%;
  background: var(--color-accent);
  position: absolute;
  left: 0;
  top: -20px
}

.quenta_bottominfo span {
  padding: 5px 10px;
  flex: 1;
  text-align: justify;
}

.quenta_bottominfo span + span {
  margin-left: 10px
}

.quenta_bottominfo span b {
  color: var(--color-accent);
}

#post_button {   
    background: var(--color-black);
    margin-top: 32px;
    text-align: center;
    padding: 7px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    color: var(--color-accent);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.post_button {
  transition: all .6s ease-in-out 0s
}

.post_button.openpost {
  letter-spacing: 3px !important;
  filter: brightness(.8)
}

#postblock {
        line-height: 150%;
    background: var(--color-black);
    padding: 10px 55px;
    color: var(--color-white);
    text-align: justify;
}

/* шаблон принятия */

.anket-box {
    background: var(--html-bg);
    border: 1px solid var(--color-accent-2);
    border-radius: 30px;
    padding: 20px;
}

.anket-top {
    text-align: center;
    color: var(--color-white);
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-bottom: 8px;
    font-size: 24px;
}

.anket-top img {
max-height: 50px;
}

.anket_bottom_box {
    width: 460px;
    height: auto;
    margin: 0 auto !important;
    padding: 17px;
    text-align: justify;
    background: var(--color-white);
    border-radius: 5px;
}

.anket_bottom_box span {
    color: var(--color-accent-2);
    font-weight: 600;
}

.anket_bottom_box a {
    color: var(--color-accent-2);
    font-weight: 600;
}

/* шаблон новостей */
  #ave {
    position: relative;
    width: 848px;
    height: 517px;
    border: solid 2px var(--color-black);
    margin-left: 50px;
    background: var(--html-bg);
    background-size: cover;
  }

  .side-img1 {
    position: absolute;
    left: 0px;
    width: 162px;
    height: 500px;
  }
.replycontain img {
    width: 22px;
    object-fit: cover;
    height: 22px;
}
  .side-img2 {
    position: absolute;
    right: 0px;
    width: 162px;
    height: 500px;
  }
.name1 {
    position: absolute;
bottom: 78px;
    left: 81px;
    font-family: 'Bebas Neue', cursive;
    font-size: 29px;
    letter-spacing: 2px;
    text-transform: bold;
    color: var(--color-white);
    transform: rotate(-90deg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  .nameplate1 {
    position: absolute;
    bottom: 0px;
    left: 130px;
    background: var(--color-black);
    width: 45px;
    height: 200px;
  }

  .gif1 {
    position: absolute;
    width: 45px;
    height: 45px;
    left: 130px;
    bottom: 210px;
    border: solid 1px var(--color-black);
    transition: all .8s ease-in-out 0s;
    background: var(--color-accent);
  }

.name2 { position: absolute;
bottom: 67px;
right: 89px;
font-family: 'Bebas Neue', cursive;
font-size: 29px;
letter-spacing: 2px;
text-transform: bold;
color: var(--color-white);
transform: rotate(-90deg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }

  .nameplate2 {
    position: absolute;
    bottom: 0px;
    right: 130px;
    background: var(--color-black);
    width: 45px;
    height: 200px;
  }

.gif2 img {
    mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
width: 45px;
height: 45px;
object-fit: cover;
}

.gif1 img {
    mix-blend-mode: multiply;
filter: grayscale(100%) brightness(1.1) contrast(1.1) opacity(90%);
width: 45px;
height: 45px;
object-fit: cover;
}

  .gif2 {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 130px;
    bottom: 210px;
    border: solid 1px var(--color-black);
    transition: all .8s ease-in-out 0s;
    background: var(--color-accent);
  }

  .replycontain b, .replycontain a {
color: var(--color-accent) !important;
}

  .replycontain {
    position: absolute;
    top: 96px;
    left: 194px;
    width: 420px;
    height: 360px;
    padding: 20px;
    color: var(--color-white);
    text-align: justify;
    overflow: auto;
    line-height: 15px;
    background: var(--color-black);
    outline: 1px solid var(--color-accent);
  }

.quote1 {
    position: absolute;
    bottom: 455px;
    left: 194px;
    color: var(--color-white);
    width: 460px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.quote2 {
    position: absolute;
    top: 75px;
    left: 194px;
    color: var(--color-white);
    font-size: 9px;
    letter-spacing: 1px;
    width: 460px;
    text-align: center;
}

/* шаблон героев */
#aphrodite {
    outline: 1px solid var(--color-accent);
    border: 2px solid;
    outline-offset: -20px;
    width: 550px;
    height: 460px;
    background: var(--html-bg);
    margin: 20px auto;
    position: relative;
    border-radius: 30px;
}

#aphrodite .words1 {
    padding: 30px;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
    color: var(--color-white);
    font-size: 30px;
    font-weight: 600;
}

#aphrodite u {
    text-decoration: none;
    border-bottom: 1px solid var(--color-accent);
}

.aphrodite-line-active, .aphrodite-line-posts {
position: relative;
    display: flex;
    justify-content: space-between;
    width: 450px;
    margin: 25px 50px !important;
}


#aphrodite .aprimgicons {
    outline: 1px solid var(--color-white) !important;
    outline-offset: 2px;
    border-radius: 5px;
}

#aphrodite .aprimgicons-post {
    outline: 1px solid var(--color-accent) !important;
    outline-offset: 2px;
    border-radius: 5px;
}

#aphrodite .aprimgicons img,  #aphrodite .aprimgicons-post img {
    max-width: 70px;
    max-height: 70px;
    display: block;
    transition: 1s;
    filter: grayscale(0.8);
}

#aphrodite .aprimgicons img:hover {
    transform: scale(1.2);
    filter: none;
}

#aphrodite .aprimgicons-post img:hover {
    transform: scale(1.2);
    filter: none;
}


#aphrodite .aphrodite4 {
    letter-spacing: 2px;
    color: var(--color-white);
    padding: 5px 0px;
    float: right !important;
    position: absolute;
    right: 47px;
    bottom: 7%;
    font-size: 16px;
    font-weight: 600;
}

.aphrodite39 {
    margin-bottom: 25px !important;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 450px;
}

#aphrodite .aphrodite3 {
    letter-spacing: 2px;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
    margin-left: 42px;
    margin-top: -2%;
}

/* профиль и лз */

.punbb .post .post-author {
 }

li.pa-fld5 {

}

.userpl {
    background: var(--html-bg-userpl);
    width: 240px;
    height: 40px;
}

#viewprofile .userpl {
    background: var(--html-bg-userpl);
}

.userpl img {
    position: absolute;
    max-width: 50px;
    max-height: 50px;
    height: auto;
    margin-top: -10px;
    margin-left: 5px;
}

.userpl max {
    width: 190px;
    display: block;
    height: 20px;
    text-align: center;
    font: 500 11px var(--font2);
    color: var(--color-accent);
    position: relative;
    top: 5px;
    margin-left: 50px;
    letter-spacing: 1px;
}

.userpl min {
    width: 190px;
    display: block;
    text-align: center;
    color: var(--color-white);
    position: relative;
    margin-left: 50px;
    font: normal 9px var(--font2);
}

.userpl-2, .userpl-human, .userpl-hunter, .userpl-vampire, .userpl-wwwb, .userpl-witch {
    width: 240px;
    height: 40px;
}

.userpl-2, #viewprofile .userpl-2 {
    background: url(https://forumstatic.ru/files/001b/e7/0b/64708.gif);
}

.userpl-human, #viewprofile .userpl-human {
    background: url(https://forumstatic.ru/files/001b/e7/0b/78896.gif);
}

.userpl-hunter, #viewprofile .userpl-hunter {
    background: url(https://forumstatic.ru/files/001b/e7/0b/32953.gif);
}

.userpl-vampire, #viewprofile .userpl-vampire {
    background: url(https://forumstatic.ru/files/001b/e7/0b/30398.gif);
}

.userpl-wwwb, #viewprofile .userpl-wwwb {
    background: url(https://forumstatic.ru/files/001b/e7/0b/51863.gif);
}

.userpl-witch, #viewprofile .userpl-witch {
    background: url(https://forumstatic.ru/files/001b/e7/0b/28905.gif);
}

.userpl-2 max, .userpl-human max, .userpl-hunter max, .userpl-vampire max, .userpl-wwwb max, .userpl-witch max {
    display: block;
    height: 20px;
    text-align: center;
    font: 500 11px var(--font2);
    color: var(--color-accent);
    position: relative;
    top: 7px;
    letter-spacing: 1px;
}

.userpl-2 min, .userpl-human min, .userpl-hunter min, .userpl-vampire min, .userpl-wwwb min, .userpl-witch min {
    display: block;
    text-align: center;
    color: var(--color-white);
    position: relative;
    font: normal 9px var(--font2);
    letter-spacing: 1px;
}

.lz {
    text-align: center;
}

.lz lz {
    padding: 10px 5px 10px;
    display: inline-block;
    width: 180px;
    text-transform: lowercase;
    letter-spacing: 1px;
    color: var(--color-white);
    font: 200 10px var(--font2);
    line-height: 1.3;
outline: 0.5px solid var(--color-accent);
}

.lz lz a {
    color: var(--color-accent) !important;
}

.lz a.ank {
    display: inline-block;
    text-transform: lowercase;
    padding: 10px 10px 5px;
    color: var(--color-accent) !important;
    margin-top: 5px;
    font: 500 13px var(--font2);
}

.lz rc {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 120px;
    color: var(--color-white);
    font: 400 11px var(--font2);
    background: var(--color-black);
    margin-top: -30px !important;
    padding: 8px 0px;
}

.pa-gifts {
    display: none;
}

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-accent)!important;
    font-size: 12px!important;
    font-family: var(--custom2)!important;
    letter-spacing: 1px!important;
    font-style: normal!important;
}

.pa-fld2 .infoblock {
    background: url(https://forumstatic.ru/files/001b/e7/0b/35838.svg);
    width: 20px;
    height: 20px;
margin-left: 17px;
    margin-top: 9px;
}

.pa-fld2 {
    position: absolute;
    width: 47px;
}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4, .pa-respect1 {
    display: inline-block;
    text-transform: uppercase;
    font-size: 8px;
    width: 44px;
    margin-bottom: 0px !important;
    line-height: 2em;
    text-align: center;
    color: var(--color-accent);
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    color: var(--color-white);
    text-transform: lowercase;
    font-size: 9px !important;
    font: var(--my-font-2);
    margin-bottom: -15px;
    margin-top: 57px !important;
    position: absolute;
    width: 245px;
    text-align: center;
}

.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

.pa-posts {
  margin-left: 50px !important;
margin-top: 10px !important;
}

.fa-envelope::before {
content: url('https://forumstatic.ru/files/001b/e7/0b/35627.svg');
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}

.post-author .pa-respect span a[href^="/respect.php?id="]{
font-size:0!important;
}

.pa-fld3::before {
content: url('https://forumstatic.ru/files/001b/e7/0b/85411.svg');
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}

.pa-fld4::before {
content: url('https://forumstatic.ru/files/001b/e7/0b/19556.svg');
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}


.pa-respect span.fld-name {
  font-size: 0;
height: 19px;

}
.pa-respect span>a[href^="/respect.php?id="]::before {  
content: url('https://forumstatic.ru/files/001b/e7/0b/45400.svg');
font-family: icon;
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}

.fa-heart::before {
content: url('https://forumstatic.ru/files/001b/e7/0b/45400.svg');
font-family: icon;
display: block !important;
font-size: 19px !important;
text-align: center;
font-style: normal;
}

/*стиль профиля при предпросмотре*/

#viewprofile .userpl, #viewprofile .userpl-2, #viewprofile .userpl-human, #viewprofile .userpl-witch, #viewprofile .userpl-vampire, #viewprofile .userpl-wwwb, #viewprofile .userpl-hunter {
    width: 240px;
    height: 40px;
    margin-left: 20px !important;
    padding: 0px !important;
}

#viewprofile li .lz {
}

/*личная страница*/

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
    top: 100px;
    margin-left: 90px !important;
    width: 520px;
    position: absolute;
    z-index: 101;
	}

.reveal-modal.xlarge { 
    width: 784px; 
    background: var(--html-bg3) !important;
    height: 300px; 
}
	
.reveal-modal .close-reveal-modal {
	line-height: .5;
	position: absolute;
	top: 8px;
	right: -31px;
	color: var(--color-accent);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
  font-size: 30px
}

.menu span {
    cursor: pointer;
    flex: 1;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    background: var(--color-accent);
    letter-spacing: 1px;
    font: 500 12px var(--font2);
}

.menu span + span {
  margin-left: 25px
}

.menu-links {
    display: flex;
    justify-content: space-between;
    width: 734px;
    margin-left: 25px !important;
    margin-top: 25px !important;
}
#submenu {
    display: inline-block;
}

.menu .tabactive {
    background: transparent;
    outline: 1px solid var(--color-accent);
    color: var(--color-white);
}

#submenu {
    height: 187px;
    width: 734px;
    margin-left: 25px;
    margin-top: 20px;
    color: var(--color-black);
    font: 200 10px var(--font2);
}    

.submenutext {
	display: none; 
	height: 40px;
}

.char_leftblock {
    width: 252px;
    margin-top: 15px !important;
}

.char_img {
    width: 250px;
    overflow: hidden;
    height: 115px;
}

.char_img img {
    width: 250px;
    filter: grayscale(0.9);
}

.char_min_inf {
    width: 250px;
    background: url(https://forumstatic.ru/files/001b/e7/0b/80116.svg) center center no-repeat;
    text-align: center;
    overflow-y: auto;
    height: 85px;
    color: var(--color-white);
    text-transform: uppercase;
    font: 500 12px var(--font2);
}

.char_min_inf span {
        text-transform: uppercase;
    text-align: center;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-accent);
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    background: var(--color-black);
    margin-bottom: 13px;
}

.char_rightblock {
    position: absolute;
    width: 458px;
    top: 95px;
    left: 300px;
    height: 170px;
    background: var(--color-accent);
}

.char_cita {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 500 11px var(--font2);
}

.char_max_info {
    background: var(--color-black);
    padding: 10px;
    height: 120px;
    overflow-y: auto;
    font: normal 11px var(--font2);
    color: var(--color-white);
}

.char_max_info div {
  overflow-y: auto;
  height: 100%;
  text-align: left;
  line-height: 150%
}

.char_max_info div b {
}

.team_achieve {
width: 734px;
display: flex;
justify-content: space-between;
    margin-bottom: 15px !important;
}

.team_cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow-y: auto;
    background: var(--html-bg2);
    padding: 5px;
    height: 80px;
}

.team_img {
    width: 70px;
    height: 75px;
    text-align: center;
    overflow: hidden;
}

.team_img img {
    width: 50px;
    outline: 1px solid var(--color-accent);
    outline-offset: 2px;
    margin-top: 7px;
}

.team_img span {
    text-transform: uppercase;
    color: var(--color-accent);
    font: 500 10px var(--font2);
}

.achievements {
    display: flex;
    flex-direction: column;
    width: 310px;
    height: 80px;
    background: var(--color-black);
    padding: 5px;
}

.achievements span {
    color: var(--color-black);
    padding: 5px;
    text-align: center;
    background: var(--color-accent);
    text-transform: uppercase;
    font: 500 10.5px var(--font2);
}

.achievements-line {
    margin: 5px 8px !important;
    display: flex;
    justify-content: space-around;
}

.achieve {
    overflow-y: auto;
    margin: 5px 0px !important;
}

.achievements img {
    max-width: 40px;
    filter: grayscale(1);
}

.achievements .done img {
    filter: grayscale(0);
}

.team_aw_block {
      height: 100px;
      display: flex;
      justify-content: space-between;
}

.team_aw_block div + div {
  margin-left: 25px !important;
}

.team_aw_block > div {
    background: var(--color-black);
    padding: 10px;
    flex: 1;
}

.team_aw_block .team_plashes img {
  width: 195px !important;
}

.team_plashes {
    width: 280px;
    height: 80px;
    background: var(--color-black);
    padding: 5px;
    display: flex;
    flex-direction: column;
}

.team_plashes span {
    color: var(--color-black);
    padding: 5px;
    text-align: center;
    background: var(--color-accent);
    text-transform: uppercase;
    font: 500 10.5px var(--font2);
}

.team_plashes_line {
    margin: 5px 0px !important;
    overflow-y: auto;
}

.team_plashes_line > .userpl {
    margin: 5px 16px !important;
}

.team_plashes_line > .userpl img {
    position: relative;
    max-width: 50px;
    max-height: 40px;
    margin-top: 0px;
}

.team_plashes_line > .userpl max {
    top: -35px;
}

.team_plashes_line > .userpl min {
    top: -40px;
}

.team_plashes_line > .userpl-userpl-2 {
margin: 5px auto;
}

.team_plashes_line > .userpl-human {
margin: 5px auto;
}

.team_plashes_line > .userpl-hunter {
margin: 5px auto;
}

.team_plashes_line > .userpl-vampire {
margin: 5px auto;
}

.team_plashes_line > .userpl-wwwb {
margin: 5px auto;
}

.team_plashes_line > .userpl-witch {
margin: 5px auto;
}


.team_aw_block > div > span {
  display: block;
  background: var(--color-accent);
  color: var(--color-black);
  text-transform: uppercase;
  text-align: center;
  padding: 4px 0;
    font: 500 10.5px var(--font2);
}

.team_aw_block > div > div {
  height: calc(100% - 30px);
  overflow-y: auto;
  margin-top: 10px;
  text-align: center
}

.team_awards img, .team_gifts img, .playing img {
  max-width: 50px;
max-height: 50px;
}

.team_aw_block > div > div img {
  max-width: 50px;
max-height: 50px;
}

img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0
  } 

/*надписи в шапке */
#table_bg_home_text { 
    display: none;
    font: 500 8px var(--font);
    width: 200px;
    position: absolute;
    left: 25px;
    top: 15px;
    color: var(--color-white);
    text-align: justify;
}

#table_bg_home_text2 { 
    display: none;
    font: 500 8px var(--font);
    width: 200px;
    position: absolute;
    right: 25px;
    top: 15px;
    color: var(--color-white);
    text-align: justify;
}

div#table_bg_home_text:before, div#table_bg_home_text2:before, {
    content: "×";
    font-size: 88px;
    color: var(--color-white);
    position: absolute;
    right: 25px;
    top: 15px;
}

/* стиль нужных */

.need_name {
    text-transform: uppercase;
    color: var(--color-accent);
    margin-bottom: 10px !important;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}

#need {
    display: flex;
    justify-content: space-between;
    border-radius: 30px;
    background: var(--html-bg2);
}

.need_main {
    width: 550px;
    color: var(--color-white);
    font: normal 12px var(--font2);
    padding: 15px;
}

.need_face {
    width: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background: var(--color-accent);
}

.need_face img {
    max-height: 100px;
    outline: 1px solid var(--color-black);
    outline-offset: 2px;
    border-radius: 30px;
    margin: 10px;
    filter: grayscale(50%);
    mix-blend-mode: multiply;
}

.need_desc {
}

.need_info {
    margin-bottom: 10px !important;
    text-align: center;
    text-transform: lowercase;
}

.need_description {
    height: 180px;
    overflow-y: auto;
    line-height: 1.5em;
    padding: 0px 5px 0px 10px;
    font-size: 11px;
}

/* кандалы */

#shackles {
    outline: 1px solid var(--color-accent-2);
    outline-offset: -20px;
    width: 550px;
    height: 360px;
    background: var(--html-bg);
    margin: 20px auto;
    position: relative;
}

.shackles_name {
    padding: 30px 30px 0px;
    letter-spacing: 2px;
    text-align: right;
    text-transform: uppercase;
    color: var(--color-white);
    font-size: 24px;
}

.shackles_name span {
    color: var(--color-accent-2);
}

.shackles_quote {
    padding: 0px 30px 20px;
    color: var(--color-white);
    font-size: 10px;
    font-style: italic;
    text-align: right;
}

.shackles_desc {
    padding: 10px 30px;
    background: var(--color-black);
    text-align: center;
    color: var(--color-white);
}

.shackles_main {
    display: flex;
    justify-content: space-between;
    margin-top: 20px !important;
}

.shackles_main_pic {
    width: 250px;
    margin-left: 30px !important;
    background: var(--color-accent);
}

.shackles_main_pic img {
    max-width: 250px;
    filter: grayscale(0.5);
mix-blend-mode: multiply;
}

.shackles_main_list {
    width: 220px;
    padding-right: 30px !important;
}

.shackles_main_list span {
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 5px !important;
}

.shackles_main_list_2 {
    height: 90px;
    overflow-y: auto;
    text-align: center;
}

.shackles_main_list_2 a {
    color: var(--color-white) !important;
}

/* стиль кнопки счетчика игровых постов*/

#pre_placement {
    position: relative;
    padding: 15px;
}

/* блок шрифтов в профиле */

#profile #font-area {
    padding-left: 10px !important;
    margin-top: 0px !important;
}

/*размер гиф в форме ответа*/

.hvStickerPackModalContent img {
    max-width: 50px !important;
}

.hvStickerPackModal.active {
    width: 970px !important;
}

.hvStickerPackModalContent {
padding: 13px !important;
}

.hvStickerPackItem {
    height: 50px;
    padding: 5px !important;
}

/* выделение ссылок в тексте поста */

.punbb .post-content a {
color: var(--color-accent);
}

.punbb .post-content a:hover {
color: var(--color-accent);
}

/*подсказки при наведении*/

.post-content abbr {
    cursor: pointer;
    text-decoration: underline dotted;
}

/* стиль командника */

#team {
    border-radius: 30px;
    background: var(--html-bg);
}

.team-name {
    text-align: center;
    color: var(--color-white);
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 0px;
    background-color: var(--color-accent);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    font-size: 23px;
    font-weight: 600;
}

.team-description {
    text-align: center;
    letter-spacing: 1px;
    line-height: 1.5em;
    background: var(--color-white);
    padding: 10px;
}

.team-description-main {
    height: 30px;
    color: var(--color-accent);
    padding: 15px;
    font-size: 23px;
    font-weight: 600;
}

.team-description span {
    color: var(--color-accent);
    font: normal 24px var(--font2);
}

.team-game, .team-non-play {
    margin: 5px 20px 10px !important;
    outline: 1px solid var(--color-accent);
}

.team-game-block {
    padding: 10px 15px;
    letter-spacing: 1px;
    line-height: 1.5em;
    background: var(--color-white);
    border-radius: 5px;
}

.team-game-block span {
    text-transform: uppercase;
    padding: 8px 0px;
    font: 700 12px var(--font2);
}

.team-explain {
    font-size: 9px;
    margin-left: 20px !important;
    line-height: 1em;
}

.team-count {
    text-align: center;
    color: var(--color-accent);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 600;
    background: var(--color-black);
    padding: 10px;
}

.team-count-block {
    text-align: center;
line-height: 1.5em;
    font-size: 12px;
}

.team-count-name {
    text-transform: uppercase;
    color: var(--color-white);
    margin-bottom: 10px !important;
}

.team-count-block img {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

.team-count-block span, .team-real-count span {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-white);
}

.team-real-count {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
    margin: 15px 0px !important;
}

.team-count-block img {
    max-height: 100px;
}

.spoilerdesc {
    padding: 0 5px;
    margin-top: 22px;
}
.spoilerclose {    
    display: none;
    background: var(--color-black);
    width: 100%;
    height: 16px;
    text-indent: 10px;
    cursor: default;
    position: absolute;
    top: 0px;
    left: 0;
    color: var(--color-accent);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0px;
    letter-spacing: 1px;
}

.spoilerclose:hover {   
    background: var(--color-black);
    cursor: pointer;
}
.spoileropen:before {
    content: 'состав команд';
    cursor: pointer;
    text-indent: 10px;
    width: 100%;
    height: 26px;
    background: var(--color-black);
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    color: var(--color-accent);
    text-transform: uppercase;
    padding: 5px 0px;
    text-align: center;
}

.spoileropen:hover:before {
    background: var(--color-black);
}
.spoileropen {
    margin: 15px 0 0 0px !important;
    height: 26px;
    width: 950px;
    outline: none;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}
.spoileropen:focus {
    height: auto;
}
.spoileropen:focus .spoilerclose {
    display: block;
}
.spoileropen:focus:before {
    display: none;
}
.spoilerclose, .spoileropen {
  transition: all .6s ease-in-out 0s !important;
}

/*стиль окна стикеров*/
.hvStickerPackModal {
background: var(--color-main) !important;
}

/*стиль окна уведомлений*/

.unread-notifications .modal-inner .container {
    border-radius: 0px !important;
    padding: 5px 10px;
background: var(--color-black) !important;
color: var(--color-white) !important;
}

.pun-modal .modal-inner {
    border: 1px solid var(--color-white) !important;
}

.unread-notifications #notifications-wrap, .unread-notifications #notifications-advanced {
overflow-x: hidden !important;
}

/*окно репутации*/
 #pun-reputation .inner h1 {
display: none;
}

#post_reputation .container {
padding: 10px;
}

/*спойлер для шаблона нужных*/

.need > .spoilerdesc {
    padding: 0 5px;
    margin-top: 22px;
}

.need > .spoilerclose {    
    display: none;
    background: var(--color-black);
    width: 100%;
    height: 16px;
    text-indent: 10px;
    cursor: default;
    position: absolute;
    top: 0px;
    left: 0;
    color: var(--color-accent);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0px;
letter-spacing: 1px;
}

.need > .spoilerclose:hover {   
    background: var(--color-black);
cursor: pointer;
}

.need .spoileropen:before {
    content: 'дополнительная информация';
    cursor: pointer;
    text-indent: 10px;
    width: 100%;
    height: 26px;
    background: var(--color-black);
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    color: var(--color-accent);
    text-transform: uppercase;
    padding: 5px 0px;
    text-align: center;
}

.need > .spoileropen:hover:before {
    background: var(--color-black);
}

.need > .spoileropen {
        margin: 15px 0 0 0px !important;
    height: 26px;
    width: 950px;
    outline: none;
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.need > .spoileropen:focus {
    height: auto;
}

.need > .spoileropen:focus .spoilerclose {
    display: block;
}

.need > .spoileropen:focus:before {
    display: none;
}

.need > .spoilerclose, .spoileropen {
  transition: all .6s ease-in-out 0s !important;
}

/* стиль поля рейтинга в посте*/
.punbb .post .post-rating .container {
background: var(--color-main);
}

/* стиль примеров плашек */

.plashes-example table {
    background: var(--color-black);
    border: 1px solid var(--color-accent) !important;
}

.plashes-example td {
    text-align: center;
    border: 1px solid var(--color-accent);
    line-height: 2em;
}

.plashes-example .userpl-2, .plashes-example .userpl-human, .plashes-example .userpl-hunter, .plashes-example .userpl-vampire, .plashes-example .userpl-wwwb, .plashes-example .userpl-witch {
    margin: 10px;
}

.plashes-example span {
    font: 500 10.5px var(--font2);
    text-transform: uppercase;
    color: var(--color-white);
}

/*стиль окон смайлов, видео, спойлера*/
#smilies-area, #video-area, #spoiler-area {
border: 1px solid var(--color-accent);
    border-radius: 0px;
background: var(--color-main);
}

/*стиль окна маски*/

#mask_dialog .inner {
    border-radius: 0px;
border: 1px solid var(--color-accent);
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
background: var(--color-white);
}