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

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

:root {
    --color-cursor: #574f5f; /*выделение*/
    --color-gold: #79641c; /*золотой*/
    --color-white: #92908a; /* светлый серый (цвет текста на кнопках) */
    --color-black: #20201f; /*черный*/
    --color-grey: #95928c; /*серый*/
    --color-red: #711b0e; /*красный*/
    --color-pink: #9e90a9; /*розовый*/
    --color-lav: #574f5f; /*лавандовый*/
    --color-violet: #403458; /*фиолетовый*/
    --color-dark: #1c171a; /*темно-бордовый*/
    --color-dark-red: #4f1a12; /*темно-красный (цвет ссылок)*/
    --color-plum: #1c151b; /*темно-сливовый*/
    --my-font: Modesfa;
    --my-font-2: Arial;
    --my-font-3: Century Gothic;
    --my-font-4: Verdana;
    --html-bg: #20201f url(https://i.imgur.com/YcMrjuV.jpg);
    --noise: #95928c url(https://forumstatic.ru/files/001b/a8/12/10043.png);
    --noise-violet: #403458 url(https://forumstatic.ru/files/001b/a8/12/25100.png);
}


/*Фон*/
body {
background: var(--html-bg) top center no-repeat fixed;
}



#flood {
position: absolute;
    display: inline-flex;
    justify-content: space-between;
    width: 180px;
    top: -45px;
    left: 20px;
}

#flood-1, #flood-2, #flood-3, #flood-4 {
    width: 40px;
    height: 40px;
    border: 1.5px solid #4f1a12;
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    box-shadow: inset 0px 0px 10px 10px var(--color-red);
}

#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 {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px 40px 40px 40px;
    filter: grayscale(1);
}


#ACTIVE {    position: relative;     z-index: 2;}



#html-header {
background: url(https://forumstatic.ru/files/001b/a8/12/65601.png) no-repeat;
    width: 970px;
    height: 282px;
    position: absolute;
    top: 70px;
}

/* Тело форума */
   .punbb {
    height: auto;
    background: url(https://forumstatic.ru/files/001b/a8/12/77399.png) repeat-y;
    margin-top: 230px;
      }

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

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #viewprofile li div,
.punbb .formal fieldset .post-box, #viewprofile li strong, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back);
  color: var(--color-dark);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-red);
  }

#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-grey);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    margin-top: 15px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-grey);
    border: 1px solid var(--color-cursor);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgb(147 147 139 / 30%);
    box-shadow: inset 0px 0px 5px 2px rgb(85 85 85 / 50%);
    border-radius: 10px;
}

/* CS1.8 */

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


/* 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-violet);
    }

#pun-index .tcr a {font-size: 12px;
    font-weight: 600;
    color: var(--color-dark-red);
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-pink);
  }

/* 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-lav);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-red);
    text-decoration: none;
    font-family: var(--custom2);
  }

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

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

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



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

/* Иконки*/

div.icon {
    background-color: var(--color-lav);
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 25px;
    width: 15px;
    height: 15px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: var(--color-red);
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-pink);
}

#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: 0px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background:var(--color-red);
}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background:var(--color-pink);
}


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


div.post-rating a, div.post-rating a:hover {
    display: block;
    color: var(--color-red)!important;
    width: 35px;
    height: 26px;
    text-align: center;
    margin-right: 10px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*Стиль выделения */
::selection  {
    background: none repeat scroll 0 0 var(--color-cursor);
    color: var(--color-white);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-cursor);
    color: var(--color-white);
    opacity: 1;
} 

/* Стиль списка тем в форуме */
#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;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*Фон окошка репутации*/
#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;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

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


/* скролл */
::-webkit-scrollbar {   width: 6px;  height: 6px;}  
::-webkit-scrollbar-track {background-color: var(--color-lav);} 
::-webkit-scrollbar-thumb {background-color: var(--color-plum);}


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

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(145 145 145 / 25%);
/*rgb(134 87 151 / 20%);*/
}

/* НАСТРОЙКИ ПОЛЯ ВВОДА
-------------------------------------------------------------*/
.punbb textarea {
    background: rgb(145 145 137);
    color: rgb(36 36 35);
    border: 1px solid rgb(90 90 88);
    box-shadow: rgb(213 213 210) 0px 0px 2px inset, rgb(141 138 138) 0px 0px 1px inset, rgb(133 133 132) 0px 0px 30px inset;
    border-radius: 3px;
    padding: 18px 20px !important;
    width: 96% !important;
}



#pun .quote-box.spoiler-box {
background: var(--color-white);
}
#pun .quote-box.spoiler-box {
color: var(--color-cursor) !important;
}



.spoiler-box .scrollbox pre {
  color: var(--color-red) !important;
}

.spoiler-box .quote-box {
  color: var(--color-red) !important;
}

#pun .quote-box cite, #pun .code-box strong.legend a {
    color: var(--color-grey);
}

#pun .code-box a {
    color: var(--color-grey);
}

#pun .code-box a:hover {
    color: var(--color-pink) !important;
}


#pun-main .code-box .scrollbox pre {
    font-family: var(--my-font-4) !important;
    font-size: 1em;
    letter-spacing: 0.1em;
    padding-bottom: 7px;
}

#form-buttons {
}


/* КНОПКИ ВВЕРХ-ВНИЗ */
.go-up, .go-down {
    cursor: pointer;
    opacity: 0.9;
    position: fixed;
    padding-left: 35px;
}

.go-up {
    top: 380px;
    margin-left: 950px !important;
}
.go-down {
    top: 510px;
    margin-left: 950px !important;
}

.go-up span, .go-down span {
    display: block;
width: 45px;
height: 25px;
    background: #0d433c;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .8s cubic-bezier(.64,.51,.55,1.36) 0s; 
}
.go-up span:before, .go-down span:before {
    content: "";
    background: #0d433c;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    position: absolute;
    top: -1px;
    left: 0
}
.go-down:hover, .go-up:hover {
    opacity: 1;

}

.go-up:hover span, .go-down:hover span {
    transform: translateY(-50%);
}


.banr {    
    height: 32px;
    width: 947px;
    overflow-y: auto;
    margin-top: 30px !important;
    overflow-y: auto;
}

.bannner {
    height: 146px;
    width: 962px;
    text-align: center;
    background: url(https://forumstatic.ru/files/001b/a8/12/59841.png) repeat-y;
    position: absolute;
}

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

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

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

.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* Стиль всех кнопок */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 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;}

/* ПРОФИЛЬ */

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-pink)!important;
    font-size: 12px!important;
    font-family: var(--custom2)!important;
    letter-spacing: 1px!important;
    font-style: normal!important;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}




#pa-fld1 > strong > a {font-weight:normal!important}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
}

.pa-fld2 .infoblock {
    background: url(https://i.imgur.com/D18s1fu.png);
    width: 24px;
    height: 24px;
    margin-left: 24px;
}

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


/*.pa-fld4, .pa-fld3 {
    font-family: var(--custom);
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--color-red);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}*/

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-red)!important;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4, .pa-respect1 {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'icon';
    font-size: 10px;
    font-weight: 400;
    padding: 0px 12px 0px 8px !important;
    width: auto;
    margin-bottom: 0px !important;
    line-height: 2em;
    color: var(--color-lav) !important;
    text-align: center;
}

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

#pun-index td.tcr {
padding-left: 40px;
padding-right: 20px;
 text-align: left;  
    font: 200 11px/150% var(--my-font-2);  
    position: relative;  
    overflow: visible;  
    box-sizing: border-box;  
    text-transform: lowercase;  
    color: var(--color-plum);   
    }

/* РАЗМЕР АВАТАРКИ ДЛЯ МАСКИ */
.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: 0px 40px 0px 40px;
    position: relative;
    width: 50px !important;
    height: 50px !important;
    }

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

#pun-index .isonline {
     background: var(--color-dark-red); 
}

/* рамка аватар на главной */
#pun .user-avatar .avatar-image {
width: 42px;
    height: 42px;
    border: 2px solid var(--color-pink);
    border-radius: 50px;
    box-shadow: 4px 4px 10px 1px rgb(64 52 88 / 80%);
}

#pun .user-avatar .avatar-image img {
width: 40px;
    height: 40px;
    border: 1px solid var(--color-pink);
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;;
}

.img a.title {
 background: #f0f0f0;
}

/* ДЛЯ ПОДФОРУМОВ и СООБЩЕНИЙ */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}


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

span.num_msg {
    margin-top: -55px!important;
    margin-left: -10px!important;
    background: var(--color-grey)!important;
}

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

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

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

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


/*надписи в шапке */
.table_bg_home_text { 
    font: 600 8px var(--my-font-2);
    width: 300px;
    position: absolute;
    text-transform: uppercase;
    right: 55px;
    top: 15px;
    color: var(--color-lav);
    text-shadow: 2px 2px 2px var(--color-dark);
    text-align: justify;
    line-height: 1.5em;
}

.table_bg_home_text2 { 
    font: 600 8px var(--my-font-2);
    width: 300px;
    position: absolute;
    text-transform: uppercase;
    right: 55px;
    top: 70px;
    color: var(--color-lav);
    text-align: justify;
    text-shadow: 2px 2px 2px var(--color-dark);
    line-height: 1.5em;
}

.bigdome-all-ab1 {
width: 170px;
    text-align: center;
    position: absolute;
    left: 130px;
    top: 15px;
    color: var(--color-red);
    font-family: var(--my-font-2);
    font-size: 8px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2px 2px 4px #1c151b;
}

/* эпизод и пара */
#episode {
    width: 260px;
    font: 600 7px var(--my-font-2);
    text-align: justify;
    position: absolute;
    text-transform: uppercase;
    line-height: 2em;
    right: 30px;
    top: -40px;
    color: var(--color-lav);
}

#episode p {
    color: var(--color-grey);
    text-align: justify;
}

#episode a {
    color: var(--color-red);
    text-shadow: 2px 2px 4px var(--color-dark);
}

#episode-link {
text-align: center;
}

/* лучший пост */
#b-post {
position: absolute;
    width: 260px;
    top: -40px;
    left: 210px;
}

#best-post a {
    color: var(--color-grey);
}

#best-post a:hover {
    cursor: pointer;
}

.best-post-text {
    font: 600 7px var(--my-font-2);
    text-align: justify;
    text-transform: uppercase;
    line-height: 2em;
    color: var(--color-pink);
}

.best-post-text a {
color: var(--color-red) !important;
text-shadow: 2px 2px 4px var(--color-dark);
}


/* постописцы */
#activist {
position: absolute;
    display: inline-flex;
    justify-content: space-between;
    width: 180px;
    top: -45px;
    right: 305px;
}

#activist-1, #activist-2, #activist-3, #activist-4 {
    width: 40px;
    height: 40px;
    border: 1px solid #9e90a973;
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    box-shadow: inset 0px 0px 10px 10px #9e90a9;
}


#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 {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 40px 40px 40px 40px;
    filter: grayscale(1);
}

/* очередь в сюжет */
#quest { display: none;
    font: 600 8px var(--my-font-2);
    width: 220px;
    position: absolute;
    text-transform: uppercase;
    line-height: 2em;
    right: 180px;
    top: 20px;
    color: var(--color-lav);
    text-shadow: 2px 2px 2px var(--color-dark);
}

#quest-topic { display: none;
    text-align: center;
    color: var(--color-red);
}

#quest span{ display: none;
    color: var(--color-red);
}

#quest a { display: none;
color: var(--color-red) !important;
}

/* навигация в шапке */
.up-navigation {
    width: 300px;
    position: absolute;
    text-align: center;
    right: 55px;
    top: 110px;
    color: var(--color-lav);
    font: 600 10px var(--my-font-2);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 2em;
    text-shadow: 2px 2px 4px #1c151b;
}

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

/* амс */

.ams_wrap {
width: 125px;
    height: 20px;
    position: relative;
    text-align: center;
    top: 55px;
    left: 10px;
    z-index: 999;
    text-shadow: 0px 0px 1px var(--color-dark);
}

/* амс */
.ams {
  position: relative;
  display: inline-block;
  font-weight: 200;
}

.ams a {
    color: var(--color-lav) !important;
    font-size: 8.5px;
    font-family: 'var(--my-font)';
}

.ams em {
    width: 200px;
    position: absolute;
    background: var(--color-plum);
    border: 1px solid var(--color-lav) !important;
    border-radius: 10px;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    visibility: hidden;
    font-size: 11px;
    padding: 15px;
    text-align: justify;
    opacity: 0;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    color: var(--color-white);
}

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

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

.ams:hover em {
  visibility: visible
}

.ams em center {
border: 1px solid var(--color-lav);
border-radius: 100%;
width: 100px;
height: 100px;
overflow: hidden;
margin: 0px 35px 15px;
background: var(--color-pink);
}

/* замена навигации */
#pun-navlinks a {
    color: var(--color-pink);
    text-align: center;
transition: all .3s cubic-bezier(.64,.51,.55,1) 0s;
    opacity: 1;
    font-weight: normal !important;
    font-size: 15px !important;
    padding: 0px !important;
    text-transform: uppercase;
    display: block;
    position: relative;
    letter-spacing: 3px;
    margin: 20px 0px;
}

#navindex a:before {content:"\f0c9";     font-family: icon; font-size: 16px} 
#navuserlist a:before {content:"\f0c0";     font-family: icon;} 
#navsearch a:before {content:"\f002";     font-family: icon;} 
#navpm a:before {content:"\f0e0";     font-family: icon;} 
#navprofile a:before {content:"\f2bb";     font-family: icon;} 
#navadmin a:before {content:"\f085";     font-family: icon;} 
#navlogin a:before {content:"\f090";     font-family: icon;}
#navlogout a:before {content:"\f08b";     font-family: icon;} 
#navregister a:before {content:"\f067";     font-family: icon;} 
#navpr_1 a:before {content:"\f0f3";     font-family: icon;}
#navpr_2 a:before {content:"\f21b";     font-family: icon;}


#navindex a span {display:block;}
#navuserlist a span {display:block;}
#navawards a span {display:block;}
#navsearch a span {display:block;}
#navpm a span {display:block;}
#navprofile a span {display:block;}
#navadmin a span {display:block;}
#navlogin a span {display:block;}
#navlogout a span {display:block;}
#navregister a span {display:block;}
#navpr_1 a span {display:block;}
#navpr_2 a span {display:block;}

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

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

.punbb .category h2 {
    width: 970px;
    height: 70px;
text-align: center;
}

.punbb .category.category-1 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/41063.png) no-repeat top center;
}

.punbb .category.category-2 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/45073.png) no-repeat top center;
}

.punbb .category.category-3 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/43145.png) no-repeat top center;
}

.punbb .category.category-4 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/19159.png) no-repeat top center;
}

.punbb .category.category-5 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/27116.png) no-repeat top center;
}

.punbb .category.category-6 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/75497.png) no-repeat top center;
}

.punbb .category.category-7 h2 {
    background: url(https://forumstatic.ru/files/001b/a8/12/92077.png) no-repeat top center;
}

#pun-stats h2 {
    width: 970px;
    height: 70px;
    background: url(https://forumstatic.ru/files/001b/a8/12/86120.png) no-repeat top center;
}

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

#pun_wrap, HTML, body {
    min-width: 1200px !important;
    background-repeat: repeat-y;
}

/* оформление категорий */
.forum_desc p {
    color: var(--color-lav);
    text-transform: lowercase;
    margin: 5px 0px;
    font: 200 11px var(--my-font-4);
    text-align: justify;
}

.forum_desc span {
    color: var(--color-pink);
}


.forum_desc {
    background: var(--noise);
    padding: 5px 5px 8px 5px;
    text-align: left !important;
    border: 3px solid var(--color-violet);
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px rgb(64 52 88 / 50%);
}

.forum_desc em {
    font-weight: 600;
    font-size: 8px;
    text-transform: lowercase;
    right: 20px;
    color: var(--color-violet);
    font-family: var(--my-font-4);
}

.forum_desc a {
color: var(--color-dark-red) !important;
}

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

.forum_desc a:hover {
color: var(--color-violet) !important;
}

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

.punbb .post .post-author {
  background:url(https://forumstatic.ru/files/001b/a8/12/67916.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
 }
.punbb .post .post-author > ul {
  background:url(https://forumstatic.ru/files/001b/a8/12/43402.png) 0 top no-repeat,url(https://forumstatic.ru/files/001b/a8/12/10332.png) 0 bottom no-repeat; /*Фон верха - низа*/
    margin: -4px 0px -33px 0px!important;
    padding: 40px 0px 80px 0px!important;
}

li.pa-fld5 {
margin-top: -38px;
}

.userpl {
    width: 236px;
    height: 45px;
    margin-left: 5px !important;
    border-bottom: 1px solid var(--color-plum);
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px rgb(192 191 187 / 25%);
}

.userpl img {
    position: absolute;
    max-width: 52px;
    max-height: 60px;
    height: auto;
    margin-top: -6px;
}

.userpl max {
    width: 175px;
    display: block;
    height: 20px;
    font: 600 11px var(--my-font-2);
    text-transform: uppercase;
    text-align: center;
    color: var(--color-red);
    position: relative;
    top: 9px;
    margin: 0px 55px 7px 55px;
    text-shadow: 1px 1px 2px var(--color-plum), 0 0 1px var(--color-dark);
}

.userpl min {
    width: 175px;
    display: block;
    height: 20px;
    font: 600 10px var(--my-font-2);
    text-transform: uppercase;
    text-align: center;
    color: var(--color-white);
    position: relative;
    margin: 0px 55px 7px 55px;
    text-shadow: 1px 1px 2px var(--color-plum), 0 0 1px var(--color-dark);
}

.lz lz {
    padding: 5px;
    font: 600 9px var(--my-font-2);
    color: var(--color-lav);
    display: inline-block;
    text-align: justify !important;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    line-height: 2em;
    width: 217px;
}

.lz lz a {
color: var(--color-dark-red) !important;
font-weight: 700;
}

.lz {
    padding: 5px 10px !important;
}

.lz a.ank {
    display: block;
    font: 600 13px var(--my-font-2);
    text-align: center;
    text-transform: uppercase;
    margin: -5px 40px 5px;
    letter-spacing: 0px;
    color: var(--color-dark-red);
    border-bottom: 3px dashed var(--color-lav);
    padding-bottom: 7px;
}

.lz rc {
    display: block;
    font: 550 10px var(--my-font-2);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    width: 217px;
    padding: 5px;
    text-align: center;
    margin: 76px 0px 0px;
    color: var(--color-white);
    position: absolute; 
}

.pa-gifts {
    display: none;
}



/* кубики в форме быстрого ответа */
#button-dice {
    background-image: url(http://forumupload.ru/uploads/0005/6e/de/20529-1.gif);
}

/* выравнивание строк в теле форума */
.pagelink {
margin: 20px 35px !important;
}

/* запрет отображения названия темы вверху */
.punbb .main h1 {
display: none;
}

/* запрет отображения быстрого ответа */
.punbb h2 span {
display: none;
}

/* оформление лз */

.pa-author {
    font-family: var(--my-font) !important;
    font-weight: 600;
    font-size: 21px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    font: 500 10px var(--my-font-4) !important;
    padding: 3px 5px !important;
    cursor: pointer !important;
    background-color: var(--color-cursor);
    color: var(--color-white);
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background-color: var(--color-dark);
    color: var(--color-pink) !important;
    cursor: pointer;
  }


#imageupload-left input[type="button"] {
    width: auto !important;
}


.button:active {
    border-top-color: var(--color-pink);
}


#pun-crumbs1 a, #pun-crumbs2 a {font-weight: 600 !important;
}

/* "тем", "сообщений", "зарегистрированы" - в одну строку */
.ststitems {
display: inline-flex;
    justify-content: space-between;
    width: 895px;
}

/* плашки в подфорумах выравнивание по ширине */
.forum_desc_notice {
    display: inline-flex;
    justify-content: space-between;
    width: 554px;
}

/*цвет ника автора в поле после цитирования*/
.quote-box cite a {
color: var(--color-pink) !important;
}

/* цитаты в подвал*/
#citaty {
    margin-left: 34px;
    width: 882px;
    height: 50px;
    border: 1px solid var(--color-lav);
    background: var(--color-plum);
    padding: 7px 5px 5px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px 1px rgb(192 191 187 / 40%);
}

#citaty-text {
    height: 40px;
    font-size: 10px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    padding: 0px 8px 6px 5px;
    font: 600 8px var(--my-font-2);
    text-transform: uppercase;
    line-height: 1.5em;
}

#citaty a {
color: var(--color-red) !important;
filter: grayscale(0%) !important;
opacity: 1 !important;
}

#citaty br {
            display: block;
            content: ""; 
            margin-bottom: 4px;
}

#citaty-text::-webkit-scrollbar-thumb {
  background-color: var(--color-pink);
}

#citaty-text::-webkit-scrollbar-track {
background-color: var(--color-lav);
}