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

 luverance & badkarma

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

@import url(style_cs.1750711696.css);
@import url('//forumstatic.ru/files/001c/30/73/86221.css');

/* Шрифты
===========================================*/
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

@font-face { font-family: "Material Icons";
  font-style: normal; font-weight: normal;
  src: local("Material Icons"), url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }

@font-face { font-family: 'jost'; 
src: local("jost"), url(https://forumstatic.ru/files/001c/7c/4b/78852.ttf?v=1); }

@font-face { font-family: 'kosko'; 
src: local("kosko"), url(https://forumstatic.ru/files/001c/7d/b5/21285.ttf?v=1); }

@font-face { font-family: 'lato'; 
src: local("lato"), url(https://forumstatic.ru/files/001c/7d/b5/50979.ttf?v=1); }

@font-face { font-family: 'inter';
src: local("inter"), url(https://forumstatic.ru/files/001c/3f/af/56893.ttf);}

/* Основная тема
===========================================*/
:root, .light {
  --bg: url(https://forumstatic.ru/files/001c/7d/b5/42568.png?v=1) fixed; 
  --tab: url(https://forumstatic.ru/files/001c/7d/b5/89149.png?v=1) rgba(0, 0, 0, 0); 
  --pn: #e1e1e1;
  --bot: #212121;
  --cl0: #fff; 
  --cl: #dad8d8; 
  --cl2: #4e4d4d; 
  --cl3: #5f6781; 
  --cl4: #313646; 
  --cl5: #0e0e0e; 
  --cl6: #464e5e; 
  --cl7: #d0d0d0; 
  --cl8: #2d3037; 
  --cl9: #bfbfbf;
  --cl10: #8c97bd;
  --cl11: #212121;
  --cl12: #7688bd;
  --pr1: #c3c3c373;
  --pr2: 0px 1px 2px 0px #afafaf;
  
  --1ft: 'kosko'; 
  --2ft: 'lato'; 
  --3ft: 'inter'; 

  --bg-cat: url(https://forumstatic.ru/files/001c/7d/b5/96710.png?v=1); 
  --bg-guest: url(https://forumupload.ru/uploads/001c/7c/4b/2/653435.png); 
  --bg-act: url(https://forumstatic.ru/files/001c/7d/b5/73390.png) no-repeat; 
  --bg-prof: url(https://forumstatic.ru/files/001c/7c/4b/40999.png?v=1);
  --bg-onl: url(https://forumstatic.ru/files/001c/7c/4b/71019.png?v=1); 
  --bg-vr: url(https://forumstatic.ru/files/001c/7d/b5/10078.png?v=1); 
  --bg-vn: url(https://forumstatic.ru/files/001c/7d/b5/84780.png?v=1);

  --wh: 1050px;
  --wh1: 1120px; 
  --wh2: 1050px; 
  --hg1: 438px;
  --hg2: 100px; 
  --wh-vr: 156px;
  --hg-vr: 307px; 
  --wh-vn: 156px;
  --hg-vn: 257px; 
}

.medium {  
   --pn: #bbbcc1;
   --pr1: #86889740;
   --pr2: 0px 1px 2px 0px #959494; 
}


/* НАСТРОЙКИ ПО УМОЛЧАНИЮ
===========================================*/

html, body { margin: 0; padding: 0 }
* { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { margin-top: 0px; }
.punbb .main table { table-layout: fixed; width: 100%; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle }


 /* НАСТРОЙКИ ТЕКСТА
===========================================*/

body { font-size: 100.01%; overflow-x: hidden }
.punbb { font: normal 68.75% inter, verdana, arial, montserrat, sans-serif, arsenicatrial-regular; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, montserrat, sans-serif; }

/*------ Заголовки ------*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 11px;
    letter-spacing: 0px;
    padding-top: 0px;
    font-weight: normal;
    border-color: transparent;
}

.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; }
.punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
.punbb address, .punbb em { font-style: normal }
.punbb .post-content em { font-style: italic }
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb a { text-decoration: underline }
.punbb optgroup { font-weight: bold; }


/* ОСНОВНОЙ МАКЕТ СТРАНИЦЫ И ГРАНИЦЫ
===========================================*/

/*------ Тело ------*/
#pun {
    position: relative;
    width: var(--wh);
    margin: 335px auto 15px;
    background: var(--pn);
    padding-top: 4px;
    background-position: center top;
    background-repeat: repeat-y;
}


/*------ Ширина контента внутри ------*/
.punbb {
    height: auto;
    margin-left: 0px;
    width: 1050px;
}

.punbb .section, .punbb .main { margin-bottom: 1em; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic { margin-top: 1em; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px }

/*------ Отступы категорий и заголовков ------*/
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
      padding: 0px 1em 0px 1em;
    border-style: solid solid none solid;
    border-width: 1px 1px 0px 1px;
}



/* ФОРУМНАЯ НАВИГАЦИЯ
===========================================*/

#pun-navlinks { position: sticky;top: 0;z-index: 9999999;}
#pun-navlinks li {display: inline;padding-right: 0em;}

/*------ Бокс форумной навигации ------*/
#pun-navlinks .container {position: relative;background: var(--cl11);display: inline-flex;gap: 18px;width: 1051px;text-align: center;justify-content: center;}


/*------ Ссылки форумной навигации ------*/
#pun-navlinks li a {
   color: var(--cl);
   display: inline-block;
   padding: 1px 10px 1px 11px !important;
   font-family: var(--1ft);
   font-size: 20px !important;
   letter-spacing: 1px;
   text-transform: lowercase;
}
   
#pun-navlinks li a:hover {  color: var(--cl10); }


/*------ Прячем награды ------*/
 #navawards, #navawards a span { display:none!important; }

/*------ Отключаем количество сообщений в лс ------*/
#pun-messages .pa-posts { display: none; }

#pun-index li#navindex a,#pun-userlist li#navuserlist a,#pun-search li#navsearch a,#pun-profile.self li#navprofile a span,#pun-messages li#navpm a,.punbb-admin li#navadmin a,#pun-register li#navregister a,#pun-login li#navlogin a {  color: var(--cl10); }


/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
===========================================*/
#pun-ulinks {
    z-index: 9999;
    padding: 0;
    width: 1051px;
    margin: -13px 0 13px;
    position: sticky;
    top: 28px;
    background: var(--cl3);
}


/*------ Бокс пользовательской навигации ------*/
#pun-ulinks .container {
   position: relative;
   /* display: inline-flex; */
   width: var(--wh);
   top: 1px;
   /* left: 0px; */
   gap: 18px;
   font-weight: normal;
   text-align: center;
   justify-content: center;
}


/*------ Ссылки пользовательской навигации ------*/
#pun-ulinks li, #pun-ulinks li a {display: inline;white-space: nowrap;}

#pun-ulinks a {
   font-size: 11px !important;
   letter-spacing: 0.2px;
   font-family: var(--2ft) !important;
   text-transform: lowercase;
   padding: 0px 10px 0px 5px !important;
   color: var(--cl);
}

#pun-ulinks a:hover { color: var(--cl5); }



/* СТРОКА ПРИВЕТСТВИЯ
===========================================*/

#pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; }
#pun-status span { white-space: nowrap; margin-right: 0.5em; }


/*------ Бокс строки приветствия ------*/
#pun-status .container {
    position: absolute;
    display: inline-flex;
    width: 1050px;
    gap: 1px;
    font-family: var(--1ft);
    font-size: 9px;
    color: var(--cl);
    text-transform: uppercase;
    top: -315px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

#pun-status .container a { color: var(--cl); text-transform: uppercase;font-family: var(--1ft); font-size: 9px!important; }
#pun-status .container strong { }

#pun-status .container .item1 {}
#pun-status .container .item2 {}

/*------ Прячем ненужное ------*/
#pun-status .container .item4  { display: none; }



/* МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ
===========================================*/

#pun-crumbs1 {position: relative;overflow: hidden;top: 0px;m;margin: 0px 0px 0px;}

#pun-crumbs1 p.container {
   border-top: none;
   padding: 0px;
   font-size: 10px;
   text-transform:uppercase;
   color: var(--cl5);
}


#pun-crumbs2 { overflow: hidden; margin-bottom: 0; border-bottom: none; }

#pun-crumbs2 .container {
  border-bottom: none;
    padding: 0px;
    color: var(--cl5);
    font-size: 10px;
    text-transform:uppercase;
  }

/*------ Внешний вид------*/
#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    font-family: var(--2ft) !important;
    font-weight: normal;
}

#pun-crumbs2 {  margin-bottom: 10px !important;}

/*------ Вид ссылок ------*/
#pun-crumbs2 a, #pun-crumbs1 a {
    text-transform: uppercase;
    font-size: 10px;
    color: var(--cl3) !important;
    font-family: var(--2ft) !important;
    font-weight: 600;
}

#pun-crumbs2 a:hover, #pun-crumbs1 a:hover { color:  var(--cl5)!important; }

#pun-break1 { border-style: solid none; border-width: 1px 0; height: 0; margin-bottom: 0px; position: relative; z-index: 1; display: none;}
#pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; }



/* СТАТИСТИКА
===========================================*/

#pun-stats .container {
    margin: 0px 45px 20px;
    position: relative;
    top: 11px;
    background: var(--pr1);
    box-shadow: var(--pr2);
    padding: 19px 0px 5px 0px;
    z-index: 9;
}


#pun-stats .container strong {font-weight: bold;}
#pun-stats .container a {color: var(--cl8);font-weight: 600;font-size: 11px;text-transform: lowercase;}
#pun-stats .container a:hover { color: var(--cl3)  }

.statscon li.item3 strong { var(--cl) }

.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
    position: absolute;
    color: var(--cl) !important;
    background: var(--cl3);
    display: block;
    width: 369px;
    text-align: center !important;
    font: 500 11px var(--2ft) !important;
    margin-left: -83px;
    text-transform: lowercase;
    }

.statscon li.item1, .statscon li.item2, .statscon li.item3  {
    margin-top: -13px;
    width: 91px;
    padding: 1px 40px;
    }

.statscon li.item1 {left: 114px;}
.statscon li.item2 {left: 287px;}
.statscon li.item3 {left: 460px;}

.statscon li.item4 {margin-top: -13px;right: 31px;gap: 5px;padding: 0px 5px 2px;display: flex;z-index: 1;justify-content: center;}
.statscon li.item4  a {color: var(--cl) !important;font: 600 11px var(--2ft) !important;}
.statscon li.item4  a:hover { color: var(--cl0) !important; }

.statscon li.item5 {
    display: block;
    width: 920px!important;
    margin: 0px 31px 0px;
    text-align: justify!important;
}

.statscon li.item5.users_24h {min-height: 50px;}

li#onlinelist { margin-top: 10px; border-top-style: solid; border-top-width: 1px; float: left; line-height: 130%; }
li#onlinelist div {border-top-style: solid;border-top-width: 1px;color: var(--cl5);padding: 0px 0px 0px 0px;font-family: var(--2ft);text-transform: lowercase;font-size: 12px;text-align: justify;}





/* РАСПОЛОЖЕНИЕ ТАБЛИЦ
===========================================*/

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; }
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl { width: 40% }
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; }
#pun-debug table .tcl { width: 15%; white-space:normal; }
#pun-debug .tcr { width: 90%; white-space: normal; }
.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
.punbb td .modlist { display: block; padding-top: 0.3em }
.punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 10px 20px 20px 20px; }
.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }
.punbb .main .tcl { border-left-style: none; border-left-width: 0 }

/*------ Ники модера ------*/
.modlist {display: none !important;}

/*------ Подфорум - сколько % занимает ширина подфорума ------*/
.punbb .main .tcl { text-align: left; width: 60%; }

/*------ Активная тема и последнее сообщение - сколько % занимает ширина подфорума ------*/
.punbb .main .tcr {position: relative;
    overflow: hidden;
    text-align: right;
    width: 35%;
    padding-right: 25px;
    padding-top: 24px;}


/*------ Маленькая аватарка в подфорумах ------*/
.punbb .user-avatar .avatar-image {    
   float: right !important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.55 !important;
    border-radius: 0px !important;
    outline-offset: 0px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: grayscale(1);
    transition: all 0.3s linear 0s;
}

.punbb .user-avatar {
    float: right!important;
    position: relative;
    height: 36px;
    width: 36px;
    margin: -1px 10px 2px 2px !important;
}

.punbb .user-avatar .avatar-image:hover { filter: grayscale(0); opacity: 0.85!important; scale: 1.09 !important;}

/*------ Кружок онлайн на главной ------*/
.punbb .user-avatar .isonline {
    display: block;
    position: absolute;
    top: -3px !important;
    right: -3px !important;
    background: var(--cl10) !important;
    z-index: 100;
}


/* ТОПИКИ
===========================================*/

.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; }

/*------ Полоска разделитель постов ------*/
.punbb .post h3 {margin: 0px 0px 0px 0px;display: block;background: var(--bg-cat);height: 23px;}

.punbb .post h3 span {display: block;margin: 0px 0px 0px;}

/*------ Дата поста ------*/
.punbb .post h3 span a {color: var(--cl);padding: 1px 10px;text-transform: lowercase;font-family: var(--2ft);top: 4px;left: 0px;position: relative;font-size: 11px;}


/*------ Номер поста ------*/
.punbb .post h3 strong {margin-left: 1002px;margin-top: 4px;font-weight: 500;color: var(--cl);text-transform: lowercase;padding: 0px 10px;position: absolute;width: auto;font-size: 12px;font-family: var(--2ft);text-align: right !important;}

h3 strong::before {
    content: "#";
    margin-right: 5px;
    font-size: 11px;
}

/*------ Выпрямляем дату в личных сообщениях ------*/
#pun-messages .post h3 span { position: relative; top: 4px; left: 7px; color: var(--cl7); }


/*------ Выпрямляем дату в поиске постов ------*/
.punbb#pun-searchposts .post h3 span a {
position: relative !important;
    top: 3px;
    left: 0px;
    font-size: 12px;
}

.punbb#pun-searchposts  em { display: none; }
.punbb#pun-searchposts .post h3 span a:before {content: "«"; padding: 0px 2px; }
.punbb#pun-searchposts .pa-author strong { font-weight: normal !important; font-size: 20px !important; }
.punbb#pun-searchposts .pa-replies { color: var(--cl);
    font-size: 9px;
    font-family: var(--2ft);
    margin: 5px 0px 0px;}













/* КОНТЕНТ, ПОДПИСИ И ПОЛЯ ПРОКРУТКИ
===========================================*/

/*------ Выравнивание текста в постах ------*/
.punbb .post-content { width: 100%; text-align: justify; }

/*------ Полоса отделяющая пост и подпись ------*/
.punbb .post-sig dt {
    display: block;
    border-top: 1px dashed;
    width: 250px;
    height: 0px;
    margin: 15px 0;
  }

/*------ Абзацы внутри постов ------*/
.punbb .post-content p {
  margin: 0;
padding-bottom: 10px;
  }

.post-content hr {
    opacity: 0.5;
    border: 1px dashed var(--cl2)!important;
    filter: alpha(opacity = 50);
    margin-bottom: 0.8em; margin-top: 0.8em;
}

.post-content {margin: -10px 0px 0px 0px !important;}
.punbb .post-content img { vertical-align: text-bottom }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; height: 2.5em!important; overflow: auto; }


/* РАЗБИВКА НА СТРАНИЦЫ И РАЗМЕЩЕНИЕ ССЫЛОК
===========================================*/

.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }



/*------ Внешний вид страниц сверху ------*/
.linkst .pagelink {
   margin-top: -19px; 
    width: 350px;
    word-spacing: 3px;
    color: var(--cl5);
    margin-left: 17px;
}


/*------ Внешний вид страниц снизу ------*/
.linksb .pagelink {
    float: left;
    margin: 0px -11px;
    width: 24em;
    color: var(--cl5);
    word-spacing: 3px;
    text-align: left;
}

/*------ Внешний вид ответить снизу ------*/
.linksb .postlink {
  float: right;
    width: 16em;
    margin-top: 0px;
    margin-right: 10px;
  }

.punbb .linksb { text-align: right;
    position: relative;
    top: 19px;
    padding: 0px 0px 0px 25px; }

/*------ Внешний вид ответить сверху, ссылки новая тема, создать опрос внутри подфорума ------*/
.linkst .postlink {
    position: absolute;
    top: -22px;
    right: -6px;
    text-align: right;
    padding-right: 17px;
}

/*------ Ссылка подписаться и отслеживать внутри темы ------*/
.subscribelink { clear: both;  padding-top: 0.3em; padding-bottom: 0.5em; margin: 10px 10px 15px;}

/*------ Страница: 1,2,3... ------*/
.pagelink a {padding: 0px 5px 0px;font: var(--1ft)!important;border: none;background: var(--pr1);color: var(--cl8)!important;box-shadow: var(--pr2);}

.pagelink strong {border: none;background: var(--pr1);box-shadow: var(--pr2);padding: 0px 5px 0px;} 


.pagelink a:hover { color: var(--cl3)!important;}





/* ПРОФИЛЬ В ТЕМЕ
===========================================*/

.punbb .post .post-author ul, .punbb .post .post-author p {line-height: 140%;}

#pun-main .post-author ul {
    position: relative;
    text-align: center;
    margin: 31px 12px 11px;
    background: #272727;
}

.punbb .post .post-author {
  position: relative;
  float: left;
  z-index: 0;
  width: 234px;
  height: auto;
  margin-top: 0px;
  margin-left: 10px;
  overflow: hidden;
  background: var(--cl11);
}

.punbb .post .post-author::before {
    content: "";
    position: absolute;
    z-index: -1;
    margin: 0px 0px 0px;
    background: url(https://forumstatic.ru/files/001c/7d/b5/58177.png?v=1);
    width: 234px;
    height: 115px;
    } 

/*------ Поиск ------*/
#tuser {
    cursor: pointer;
    font-size: 11px !important;
    display: block;
    color: var(--cl5);
    position: absolute;
    z-index: 99;
    opacity: 0.5;
    margin-top: -50px !important;
    margin-left: -19px !important;
    padding: 0px;
    width: 20px;
    height: 20px;
}

/*------ Значок активен-неактивен ------*/
.indOnline {
    display: block !important;
    position: absolute;
    z-index: 0;
    width: 8px;
    height: 8px;
    border-radius: 50px !important;
    background: var(--cl);
    box-sizing: border-box;
    margin-top: -30px !important;
    margin-left: -2px !important;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
}

.indOffline {
    display: block !important;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50px !important;
    background: var(--cl);
    box-sizing: border-box;
    margin-top: -30px !important;
    margin-left: -2px !important;
    opacity: .2;
}

/*------ Аватар пользователя ------*/
.pa-avatar {
    max-width: 180px;
    max-height: 180px;
    margin: 7px auto 0px !important;
    text-align: center;
    z-index: 2;
    position: relative;
}

/*------ Стилизация аватара пользователя ------*/
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 0px;
    padding: 0px;
    z-index: 9;
    position: relative;
    margin-top: 0px;
}

/*------ Поле ника пользователя ------*/
.pa-author {
    text-align: center;
    padding: 21px 10px 0px !important;
    width: inherit;
    font-family: var(--1ft);
    font-size: 13px;
    color: var(--cl) !important;
    margin: 0px 0px 0px;
}



/*------ Ник-ссылка пользователя ------*/
.pa-author a {
    position: relative;
    z-index: 999;
    font: 600 12px var(--1ft) !important;
    text-transform: uppercase!important;
    color: var(--cl)!important;
    margin-left: 0px!important;
    }

.pa-author a:hover { color: var(--cl10)!important;  }


/*------ Статус ------*/
li.pa-title {position: relative;display: block;width: 190px;font-size: 10px;margin: 4px 10px 0px;letter-spacing: 0.7px;color: var(--cl);z-index: 999;font-family: var(--2ft);text-transform: lowercase;text-align: center;}


/*------ Сообщения, репутация, деньги  ------*/
.pa-posts, .pa-respect, .pa-fld2, .pa-fld3 {
    color: var(--cl);
    width: 63px;
    gap: 0px;
    position: relative;
    z-index: 999;
    line-height: 13px;
    font-weight: 500;
    display: inline-block;
    margin: 4px 0px 2px 4px;
    text-transform: uppercase;
    font-size: 8px;
    text-align: center;
    font-family: var(--2ft);
}
.pa-fld2 { width: 52px; }


.pa-respect a:link, .pa-respect a:visited, .pa-posts a:link, .pa-posts a:visited {
    color: var(--cl);
    text-transform: uppercase;
    font-size: 8px;
    font-weight: 500;
}

/*------ Личное звание  ------*/
.pa-fld1 {
    position: relative;
    width: 165px !important;
    padding: 7px 10px 14px 10px!important;
    letter-spacing: 0.5px;
    line-height: 13px;
    margin: 0px 12px 0px;
    text-align: center;
    font-size: 7px;
    color: var(--cl);
    font-family: var(--3ft);
    text-transform: uppercase;
}

.pa-fld1 name {
    width: 165px;
    font-size: 12px;
    color: var(--cl);
    text-transform: uppercase;
    text-align: center;
    position: relative;
    display: inline-block;
    }

.pa-fld1 name a {color: var(--cl)!important;font-family: var(--2ft)!important;font-size: 10px!important;text-transform: uppercase!important;}
.pa-fld1 name a:hover {color: var(--cl10)!important;}

.pa-fld1 img {position: absolute;z-index: 9;margin: 0px 76px;top: 24px;width: 20px;padding: 0px 3px;background: #000;right: 11px;}

.pa-fld1 text  {position: relative;display: block;border-top: 1px solid #454545;padding: 5px 0px 0px;top: 5px;}
.pa-fld1 text a  {color: var(--cl)!important;font-style: italic;font-size: 9px !important;}
.pa-fld1 text a:hover  { color: var(--cl10)!important; }

/*------ Фон  ------*/
li.pa-fld6 img {
    height: 115px;
    width: 234px;
    object-fit: cover;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    margin-top: -68px;
    margin-left: -117px;
}

/*------ Принадлежность  ------*/
.pa-fld4 {position: absolute;background: #272727;border-radius: 50px;margin: -52px 91px 0px;width: 35px;height: 35px;}


.pa-fld4 .wiz, .pa-fld4 .moon, .pa-fld4 .vamp, .pa-fld4 .mar, .pa-fld4 .hum { width: 35px; height: 35px; }

.pa-fld4 .wiz::before, .pa-fld4 .moon::before, .pa-fld4 .vamp::before, .pa-fld4 .mar::before, .pa-fld4 .hum::before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 15px;
    font-weight: 600;
    color: #dad8d894;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
}

.pa-fld4 .wiz::before {  content: '\f6e7'; }
.pa-fld4 .moon::before {  content: '\f186'; }
.pa-fld4 .vamp::before {  content: '\f6b5'; }
.pa-fld4 .mar::before {  content: '\f773'; }
.pa-fld4 .hum::before {  content: '\f406'; }


/*------ Плашка  ------*/
.pa-fld5 {
    height: 30px;
    width: 210px;
    margin-left: 0px;
    margin-top: 7px;
    margin-bottom: 0px;
   }

 .pa-fld5 img {height: 30px;width: 210px;object-fit: cover;}

 .pa-fld5 text {position: absolute;text-transform: uppercase;color: var(--cl);width: 201px;padding: 0px 4px 0px;font: 600 11px var(--2ft);margin: 3px -210px 0px;}
 .pa-fld5 text2 {position: absolute;text-transform: lowercase;color: var(--cl);width: 201px;padding: 0px 4px 0px;font: 10px var(--2ft);margin: 15px -210px 0px;}

.pa-online { }

/*------ Прячем название полей ------*/
.pa-reg, li.pa-awards .fld-name, li.pa-ip, .pa-author img, .pa-gifts, .pa-online strong {  display: none; }

/*------ Убираем плюс и минус в профиле ------*/
.pa-respect a[href*="&v=1&cod"] { display: inline-flex; position: relative; bottom: 1px; }
.pa-respect a[href*="&v=1&cod"] img { visibility:hidden; height:8px; width:8px; }
.pa-respect a[href*="&v=1&cod"], .pa-respect a:hover[href*="&v=1&cod"]{
background:url() center 100% no-repeat  !important; display: none; /*+*/}

/*------ Соотношение между шириной профиля и шириной поста ------*/
.punbb .post-body {
 margin-left: 22.5em;
    margin-right: 6px;
    border-left-style: solid;
    border-left-width: 1px;
    padding: 0px 0 1px 0;
  }

.punbb .post-box {padding: 10px 10px 0px;
    margin: 15px 0px 15px 0px !important; }
.punbb fieldset .post-box { margin-bottom: 0.8em }
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; }

/*------ Ссылки профиль, лс, email под профилем пользователя ------*/
.punbb .post-links ul {
    height: auto;
    line-height: 1em;
    margin-left: -202px;
    font-size: 10px;
    text-transform: lowercase;
    background: transparent;
    text-align: right;
    margin-right: 0px;
  }

.punbb .post-links li {
  display: inline;
    text-align: center;
    margin: 0px 2px;
    padding: 0px 5px 1px 5px;
    transition: all 0.5s ease 0s;
  }

.pl-email, .pl-website { float: left; }
.punbb .clearer { clear: both; height: 0; font-size: 0; }

/*------ Прячем кнопку поделиться ------*/
.topic a.sharelink { display: none; }



/* РАСПОЛОЖЕНИЕ ФОРМ
===========================================*/
form#post.container { border: none; margin: 0px; }
.punbb .formal .container { padding: 10px 20px 0px 15px;
    margin: 0px 33px 0px; }

.punbb .formsubmit {padding: 0 0 0 1.7em;text-align: center;margin: 0em 0 15px 0px;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
.punbb fieldset { border-style: solid; border-width: 1px; padding: 0px 2px 0px 0px; margin: 0 0 1px 0; }
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
.punbb .fs-box { padding: 1em 0 0.8em 0; }
.punbb .fs-box p, .punbb .fs-box fieldset  { padding: 0px 0 0.8em 0; }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left;  margin-right: 1em; }


.fs-box p.inputfield label, .fs-box p.selectfield label {   }

.punbb .datafield br { display: none }
.punbb .required label, .punbb .datafield span.input {  }
.punbb .datafield span.input a { font-weight: normal; }
.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ }
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }
.punbb .hashelp { position: relative; }
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }
.punbb #profile .helplinks { top: 1.5em; }
.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
#pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }
.punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; }


.punbb fieldset legend { padding: 0;
    margin: 0px 0px 0px 11px;
    font-size: 11px;
  }

.punbb fieldset legend span { padding: 0 5px;
    margin: 0 0 0 10px;
  }


/*------ Информационный текст в формах ------*/
.punbb .inline .infofield {
    text-transform: lowercase;
    font-size: 9px;
    text-align: justify;
  }




/* СТРАНИЦА ПРОФИЛЯ
===========================================*/

#profile .container { padding-left: 15.6em; }
#profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; }
#profilenav li { padding-bottom: 0.8em; word-spacing: 3px; font-weight: normal; }
#profile-signature ul { border-style: dashed; border-width: 1px 0 0 0; margin: 0; background: none; box-shadow: none; padding: 1em 1em 0 1em; }
#viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; }
#viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; }
#viewprofile li, #setmods dl { padding: 0px 0 0 19em; margin-left: 20px; margin-bottom: 3px; }
#setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; }
#profile-left li, #profile-left li * { padding-left: 0; margin-left: 0; border-radius: 0px; }
.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }


/*------ Кнопки формы ответа во вкладке подпись ------*/
#profile #form-buttons tr { width: 799px; position: relative; left: -15px; }

#viewprofile ul {
    margin: 0px 20px 10px;
    display: block;
  }

#viewprofile .container tr {
    display: flex;
    gap: 16px;
}

#profilenav ul {
padding: 10px 0px 3px 19px;
    border-radius: 0px;
    margin: 9px 0 5px 3px;
}

#viewprofile li span {
   text-align: center;
    text-transform: uppercase;
    font: 600 9px / 11px var(--2ft) !important;
    width: 235px;
    border-bottom: 1px solid #bfbfbf;
    padding: 7px 30px;
  }

#viewprofile li span a { font: 600 9px / 11px var(--2ft) !important; color: var(--cl5)!important; }


#viewprofile li strong, #viewprofile li div, #setmods dd {
 display: block;
    padding: 0.5em 1em;
    text-transform: lowercase;
    font-weight: normal;
    font-size: 11px;
}

/*------ Прячем ненужные поля ------*/
div#profile-gifts, #profile-left li#profile-title, #profile-right li#pa-invites, #profile-right li#pa-fld1, #profile-right li#pa-fld4, #profile-right li#pa-fld3, #profile-right li#pa-fld5, #profile-right li#pa-gifts, #profile-right li#pa-fld6 {
    display: none;
}

#profile-right {
    display: flex;
    flex-flow: wrap;
    gap: 6px;
    width: unset !important;
}

#profile-right li {
    background: var(--pr1);
    box-shadow: var(--pr2);
    list-style: none;
    padding: var(--8) var(--16);
    flex-grow: 1;
    text-align: center;
    display: flex;
    gap: 2px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#profile-left {
   flex-shrink: 0;
    background: var(--pr1);
    box-shadow: var(--pr2);
    padding: var(--8) var(--16) !important;
    box-sizing: content-box;
}

#profile-left {
    width: 250px!important;
    display: inline-flex;
    padding-top: 0 !important;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.punbb h1 { display:none;}

#profile-left #pa-avatar div {
    width: 180px;
    height: 180px;
    padding: 5px;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#profile-left li#pa-edit strong a { text-transform: lowercase;
    transition: all 0.5s ease 0s;
    font: 11px var(--2ft) !important;
    color: var(--cl) !important;
    border: 1px solid var(--cl3);
    background: var(--cl3);
    padding: 0px 5px 1px 5px !important;
    box-shadow: none; }

#profile-left li#pa-edit strong a:hover { color: var(--cl0) !important;
    background: var(--cl10);
    border: 1px solid var(--cl10); }


/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ
===========================================*/
#pun-userlist .formal, #pun-userlist .formal .container { border: none; margin: 0; }
#pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; }
#pun-userlist .usertable table { border-style: solid; border-width: 1px; }
* html .tclcon {height: 1px}


/* ИНФОБОКСЫ
===========================================*/
.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
.punbb .info-box * { padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }


/* МЕНЮ МОДЕРАТОРА
===========================================*/

.punbb .modmenu .container { padding: 1.5em 1em; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }
.punbb .info .container { padding: 0.8em 1em }
.punbb .info .container .backlink { padding-top: 0.8em; }


/* ЛОГОТИП И ОПИСАНИЕ
===========================================*/
#pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; }
#pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; }
#pun-title .container { border-style: none solid none solid; }
#pun-title h1 span  { font-size: 0em; }
#pun-title TD.title-logo-tdl { border: none; width: 100%;}
#pun-title TD.title-logo-tdr { border: none; width: 420px; }


/* НАВИГАЦИЯ ПО СТРАНИЦАМ
===========================================*/
#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
#pun-pagelinks .container { background: transparent; border: none; padding: 0}
#pun-pagelinks .container li { display: inline }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; }
#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em }


/* ОБЪЯВЛЕНИЕ
===========================================*/
#pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; }
#pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; }
#pun-announcement .container { padding: 0.6em 0.5em 1em 1em; margin-bottom: -54px; margin-top: 45px; text-align: center;}


/* РАЗНОЕ
===========================================*/
#pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; }
#pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; }
#pun-about { margin-top: 0; }
/* #pun-about .container {  border-top-style: none; text-align: right; line-height: 150%; padding: 1px 1em; } */
#pun-about p span { display:block; padding-left: 50%; }
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }
#pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; }
#pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; }
#pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em }
#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em }
#pun-help .formal li { padding: 0; line-height: 130% }
#pun-help .formal li * { vertical-align: text-top }
#pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;}
#pun-main .post-author ul { text-align: center; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; text-align: justify; }

/* Скрыть "rss-atom" */
.punbb .modmenu .container span {display: none;} 
#post-form h2 span {display: none; }
#pun-index h2 {box-shadow: none}
#pun-main div.catleft, #pun-main div.catright { display: none; }
.punbb th {font-size: 0!important;}
#pun-title {border: none}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
font-size: 18px !important;
    text-align: center;
    font-family: var(--2ft);
    color: var(--cl4);
    text-transform: uppercase;
}


/* ПОЗИЦИОНИРОВАНИЕ И СКРЫТЫЕ ЭЛЕМЕНТЫ
===========================================*/
#pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }

.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {
  font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }


/* НАСТРОЙКИ АДМИН МЕНЮ
===========================================*/
.punbb #move_posts_form .formal>form.container {
    width: 100%!important;
    background: #d9d9d9!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span, #pun-admain .adcontainer .tcl, #pun-admain .adcontainer td { font-size: 12px!important; }

.adformal h2, #pun-adnav h2 { background-color: #dedfdf !important; color: #454545!important; }

#pun-adnav h2 { margin-left: 2px!important; }


/*------ Форма ответа в админке ------*/
#pun-admain textarea {    width: 94%!important;}

/*------ Ссылки на соц сети ------*/
.admin-advert-block {  display: none; }


/* ИКОНКА УВЕДОМЛЕНИЯ НОВОГО СООБЩЕНИЯ
===========================================*/
span.num_msg {
    margin-top: -5px !important;
    margin-left: -12px !important;
    font-size: 8px !important;
    font: 500 10px / 1.6 var(--2ft);
    text-align: center !important;
    background: var(--cl10) !important;
    padding: 0px 7px 1px 7px !important;
    height: 11px !important;
    width: auto !important;
    border-radius: 3px !important;
    color: var(--cl5) !important;
}

span.num_msg:before {
  top: 10px !important;
  background: var(--cl10) !important;
  margin-left: 0px !important;
}

/* ИКОНКА СТАНДАРТНОГО УВЕДОМЛЕНИЯ
===========================================*/
.bubble {
    background: var(--cl10) !important;
    right: 2px!important;
    top: 14px!important;
    border-radius: 3px!important;
    color: var(--cl5)!important;
}

.bubble:after {border-color: var(--cl10) transparent!important;border-width: 0px 3px 4px!important;top: -4px;}



/* СКРИПТ УВЕДОМЛЕНИЙ
===========================================*/
#notify-link .unreads, #navpm .unreads {
    display: block;
    position: absolute;
    top: 10.2px !important;
    right: -17px !important;
    height: 15px;
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px;
    font: 600 10px var(--2ft) !important;
    line-height: 14px;
    cursor: pointer;
    color: var(--cl5) !important;
    background: var(--cl10) !important;
    box-shadow: none !important;
    text-shadow: none;
    z-index: 1;}



/* ВСПЛЫВАЮЩЕЕ ОКНО ПРИ ПОДНЯТИИ РЕПЫ
===========================================*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner 
{ background: var(--pn);  border-radius: 0px; z-index: 999999999!important; }
#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg { z-index: 99999999!important; opacity: 0.8!important; }

.punbb .longinput input { font-size: 12px!important; }

.punbb textarea { font-size: 12px!important; }


/* ОПТИМИЗАЦИЯ РАЗМЕРА ТЕКСТА ДЛЯ МОБ. УСТРОЙСТВ
===========================================*/
@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: 100%;}}




/* ОФОРМЛЕНИЕ СТИКЕРОВ
===========================================*/
.hvStickerPackModal {
    width: 423px!important;
    height: 371px!important;
    background: var(--pn)!important;
    border: none!important;
    border-radius: 0px!important;
    bottom: -449px!important;
    left: 616px!important;
}

.hvStickerPackModalContent {
    display: flex;
    flex-wrap: wrap!important;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: var(--pr2);
    justify-content: space-between!important;
    border: 0px solid var(--cl7) !important;
    background: var(--pr1);
    max-height: 294px!important;
    border-radius: 0px !important;
}

.hvStickerPackModalTab {
    padding: 0px 5px 1px 5px !important;
    border-radius: 0px !important;
    font: 11px var(--2ft) !important;
    background: var(--cl3) !important;
    color: var(--cl) !important;
    border: 1px solid var(--cl3);
    text-transform: lowercase !important;
    margin-right: 6px !important;
    transition: all 0.5s ease 0s;
}

.hvStickerPackModalTab:hover {
    color: var(--cl)!important;
    background: var(--cl6)!important;
    border: 1px solid var(--cl6)!important;
    cursor: pointer!important;
    transition: all 0.5s ease 0s;
  }

.hvStickerPackModalInput {
    background: var(--pr1) !important;
    border-radius: 0px!important;
    border: 0px solid var(
    --cl7)!important;
}

.hvStickerPackModalAddButton {
    border-radius: 0px!important;
    color: var(--cl5)!important;
    background: rgb(173 172 172 / 21%) !important;
}

/* СКРИПТ МАСКИ
===========================================*/
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    border-radius: 0px!important;
    color: var(--cl5) !important;
    font-family: var(--2ft) !important;
    background: #f1f1f1!important;
    padding: 8px;
}

#mask_dialog .hv-form-block {
    padding: 6px!important;
    overflow-y: auto;
}

#mask_dialog .hv-mask-dialog-title {
text-align: center;
    font-weight: 600 !important;
    font-size: 24px !important;
    font-family: var(--2ft) !important;
    color: var(--cl5);
    line-height: 34px;
    position: relative;
}


/* ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
===========================================*/
#tooltip {
   position:absolute;
   background: var(--cl3);
   color: var(--cl);
   text-transform: lowercase;
   border-radius: 0px!important;
   font: italic 12px var(--2ft) !important;
   margin: 0 0 0 0;
   padding: 5px;
   font-weight:normal;
   display:none;
   z-index: 99999999;
}


/* БЫСТРОПЛЮСЫ
===========================================*/
/* .noNull:before { content: "+";  display: none; } */

div.post-vote {  margin-bottom: 65px; }

div .post-rating p>a, div.post-vote p>a {
    position: relative;
    z-index: 10;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-weight: 600;
    letter-spacing: -1px;
    font-size: 10px !important;
    cursor: pointer;
}

div .post-rating p>a:before, div.post-vote p>a:before {
    font-family: 'Font Awesome 6 Pro';
    position: absolute;
    z-index: -1;
    color: var(--pr1);
    text-shadow: var(--pr2);
    font-size: 30px;
    margin-top: 3px;
    transition: all .5s;
}

div .post-rating p>a:before {  content: '\f004'; }
div.post-vote p>a:before {  content: '\f075'; }

div.post-vote p>a {  margin-right: -17px; }


.post-rating p>a:before, .post-vote p>a:before {
     color: var(--cl5);
}

.post-rating p>a, .post-vote p>a {
    color: var(--cl5);
}

.mylike .post-rating p>a:before, .post-rating p>a:hover:before, .post-vote p>a:hover:before {color: #8c97bd9c;}

.mylike .post-rating p>a, .post-rating p>a:hover, .post-vote p>a:hover {
    color: var(--cl5);
}


.mylike .post-vote {
    display: none;
}

/* ЗАКЛАДКИ
===========================================*/
#BookmCntToggle.default-style { color: var(--cl12)!important; }

#MyBookmarks { z-index: 9999999!important; }

body #MyBookmarks>h2 {
    background: var(--cl3);
    margin: 0px 0px -2px;
    color: var(--cl);
    font-family: var(--3ft) !important;
    font-size: 16px !important;
    border-radius: 0px;
    border: 0px var(--cl3);
    text-shadow: none !important;
}

body #MyBookmarks .container {
    background: var(--pn) !important;
    opacity: .7;
}

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

.post .bookmark {
    color: var(--cl3) !important;
    background: currentColor;
    right: -7px!important;
    z-index: 999;
}


/* СМЕНА АВАТАРА В ТЕМЕ
===========================================*/
.pa-avatar.item2 img.allow_change:hover { outline-color: var(--cl3)!important;  }

/* РЕГУЛЯТОР РАЗМЕРА И ШРИФТА В ПОСТАХ
===========================================*/
#chfont {
    position: absolute;
    top: -318px;
    right: 0px;
    text-align: center;
    line-height: 22px;
    -moz-opacity: .8;
    opacity: .5;
    z-index: 999999;
}
#chfont:hover {
    opacity: 1; /*убирает прозрачность при наведении*/
    -moz-opacity: 1;
}
#chfontbut {
    width: 26px; /*ширина*/
    height: 26px; /*высота*/
    float: left;
     /*рамка вокруг иконки*/
    cursor: pointer;
    position: relative;
}

#chfontbut:before {content: '\e245';position: relative;font-size: 18px;color: var(--cl);font-family: 'Material Icons';padding: 0px 0px;top: 5px;}

#chfontbut::after {/*крестик на иконке*/
    display: none;
    position: absolute;
    content: 'x';
    top: -1px;
    right: -2px;
    color: var(--cl4); /*цвет крестика*/
    line-height: 7px; /*высота строки*/
    font-size: 10px; /*размер крестика*/
}
#chfont.active #chfontbut::after {
    display: block;
}
#chfont select {/*поле выбора вида шрифта*/
    display: none;
    background-color: var(--cl3); /*цвет фона*/
    color: var(--cl); /*цвет текста*/
     /*отступ снизу*/
    margin: 0px 0px 5px;
    cursor: pointer;
}
#chfontsize {/*индикатор размера шрифта*/
    width: 24px; /*ширина*/
    float: right;
    display: none;
}
#chfont.active select,
#chfont.active #chfontsize {
    display: block;
}
.fsizeplus,
.fsizeminus {/*кнопки плюса и минуса*/
    background-color: var(--cl3); /*цвет фона*/
    border: solid 1px var(--cl3); /*стиль, цвет и ширина линий*/
    color: var(--cl); /*цвет плюса и минуса*/
    cursor: pointer;
}
.fsizeplus::after {
    content: '+';
}
.fsizeminus::after {
    content: '-';
}
.fsize {
   /*поле показывающее размер шрифта*/
   background-color: var(--cl3); /*цвет фона*/
   color: var(--cl); /*цвет цифр*/
   margin: 2px 0px 2px;
}



/* Theme switcher © max, the murderer! */

#theme_switcher {
    display: block;
    top: -44px;
    right: 565px;
    position: absolute;
    text-align: center;
    z-index: 5;
}

#theme_switcher li {
    display: inline-block;
}

#theme_switcher li label {
    display: none;
}

#theme_switcher li input {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none; box-shadow: none;
}

#theme_switcher li input::before {
    font: 600 17px/100% 'Font Awesome 6 Pro';
    margin-right: 3px;
    color: var(--cl9);
}

#theme_switcher li input#light::before {
    content: '\e28f';
}

#theme_switcher li input#medium::before {
    content: '\f755';
    position: relative;
    top: -2px;
}


#theme_switcher li input:hover::before,
#theme_switcher li input[type="radio"]:checked {
    color: var(--cl10);cursor: pointer;
}


/* Всплывающая табличка */

.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 9999999;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: var(--cl5);
	position: absolute;
	z-index: 99999999;
	box-shadow: 0px -1px 5px #ffffff1a;);
	padding: 30px 40px 34px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px;  margin-top: -162px;margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
	font-size: 23px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 10px;
	color: var(--cl9);
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.reveal-modal .edit-reveal-modal {
	position: absolute;
	top: 35px;
	right: 12px;
	}

.reveal-modal .edit-reveal-modal i {
    font-family: 'Font Awesome 6 Pro';
    font-size: 13px;
    color: var(--cl9);
    font-weight: 600;
    }

.reveal-modal a.close-reveal-modal:hover, .reveal-modal .edit-reveal-modal i:hover { color: var(--cl10)!important; }


/* ------------ЛИЧНАЯ СТРАНИЦА-----------------------------------------------*/

#lstable {
    background: var(--pn);
    width: 800px;
    height: 430px;
    margin: 0px auto;
    }


/* ------------гифка---------------*/
#lsfoto {position: absolute;background: var(--pr1);box-shadow: var(--pr2);margin: 39px 0px 0px 567px;width: 200px;height: 130px;z-index: 9;}
#lsfoto ls-pic {position: relative;}
#lsfoto ls-pic  img {height: 119px;width: 190px;margin: 5px 5px;filter: brightness(0.8) grayscale(1) contrast(90%);-webkit-filter:brightness(0.8) grayscale(1) contrast(90%);object-fit: cover;}


/* ------------текст---------------*/
#lsinfo {position: absolute;display: flex;margin-left: 7px;margin-top: 429px;text-align: justify;font-family: var(--3ft);line-height: 12px;overflow-y: auto;width: 774px;height: 33px;justify-content: center;align-items: center;align-content: center;}
#lsinfo text {display: block;padding: 5px 7px;font-size: 9px;color: var(--cl);text-transform: uppercase;font-weight: normal;}
#lsinfo::-webkit-scrollbar { width: 0px; }

/* ------------имя---------------*/
#lsname {
    position: absolute;
    width: 500px;
    z-index: 9;
    margin: 8px 0px 0px 275px!important;
    display: inline-flex;
    justify-content: center;
}

#lsname name {
    font: 600 13px/16px var(--3ft);
    padding: 10px 10px 7px 10px;
    position: relative;
    letter-spacing: 2px;
    width: 816px;
    word-spacing: 3px;
    display: inline-flex;
    color: var(--cl5);
    text-transform: uppercase;
    justify-content: flex-end;
    align-items: center;
}

/* ------------доп. инфо---------------*/
#lsdopinfo{position: absolute;display: inline-flex;margin: 179px 0px 0px 571px;text-transform: uppercase;text-align: center;width: 200px;flex-direction: column;flex-wrap: nowrap;}

#lsdopinfo znz, #lsdopinfo dr, #lsdopinfo sp, #lsdopinfo mr, #lsdopinfo dey {margin-top: 9px;text-align: left;display: inline-flex;width: 130px;padding: 0px 0px;color: var(--of3);font: 8px var(--3ft);align-items: center;}
#lsdopinfo dey {width: 218px;}

#lsdopinfo znz:before, #lsdopinfo dr:before, #lsdopinfo sp:before, #lsdopinfo mr:before, #lsdopinfo dey:before {content: "\e3c6";font-size: 10px;position: relative;font-family: 'Material Icons';color: var(--cl3);top: 0px;right: 4px;}

#lsdopinfo dr:before {top: 1px;right: 5px;}
#lsdopinfo sp:before {top: 0px;right: 5px;}
#lsdopinfo mr:before {top: 0px;right: 5px;}
#lsdopinfo dey:before {top: 0px;right: 5px;}


/* ------------достижения---------------*/
#lsartef {
  position: absolute;
  padding: 0px 6px;
  display: inline-flex;
  height: 137px;
  width: 229px;
  background: var(--pr1);
  box-shadow: var(--pr2);
  overflow: scroll;
  overflow-x: hidden;
  margin-left: 292px;
  margin-top: 33px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}


#lsartef::-webkit-scrollbar { width: 0px; }


/* ------------награды---------------*/
#lsnagr {
  position: absolute;
  padding: 0px 6px;
  display: inline-flex;
  height: 137px;
  width: 229px;
  background: var(--pr1);
  box-shadow: var(--pr2);
  overflow: scroll;
  overflow-x: hidden;
  margin-left: 292px;
  margin-top: 193px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}


#lsnagr::-webkit-scrollbar { width: 0px; }


#lsnagr img, #lsartef img { margin: 5px 0px 0px;
    object-fit: cover;
    width: 80px;
    height: 80px; }

#lsartef img { width: 60px;
    height: 60px; }


/* ------------плашки---------------*/
#lsplash {
  position: absolute;
  display: flex;
  height: 132px;
  padding-bottom: 5px;
  width: 235px;
  background: var(--pr1);
  box-shadow: var(--pr2);
  overflow: scroll;
  overflow-x: hidden;
  margin-left: 27px;
  margin-top: 193px;
  justify-content: center;
}

#lsplash img {}

#lsplash::-webkit-scrollbar { width: 0px; }


/* ------------хронология---------------*/
#lshron {position: absolute;display: inline-flex;height: 115px;width: 220px;background: var(--pr1);box-shadow: var(--pr2);overflow: scroll;overflow-x: hidden;margin-left: 558px;margin-top: 296px;flex-wrap: wrap;justify-content: space-around;}

#lshron img {margin: 2px 0px!important;width: 48px;height: 48px;padding: 5px;border-radius: 50px;}

#lshron::-webkit-scrollbar { width: 0px; }

.epp {
    display: inline-block;
    margin: 4px 5px 0px;
    width: 206px;
    height: 28px;
    box-shadow: var(--pr2);
    background: var(--pr1);
    transition: all .5s linear 0s !important;
}


.epp:hover {  background: var(--cl3);}


.epp text {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
    font-family: var(--2ft);
    color: var(--cl5);
    margin: 0px 7px 0px;
    width: 190px;
    text-align: left;
}

.epp text2 {
    position: relative;
    display: inline-block;
    text-transform: lowercase;
    font-size: 9px;
    letter-spacing: 0.5px;
    font-family: var(--2ft);
    color: var(--cl5);
    top: -2px;
    margin: 0px 8px 0px;
    width: 190px;
    text-align: left;
}

.alter {
    color: var(--cl7);
    width: 179px;
    height: 14px;
    text-align: center;
    background: var(--cl3);
    padding: 0px 6px 0px 6px!important;
    font: 10px var(--2ft);
    font-weight: normal;
    margin: 7px 10px 2px;
    letter-spacing: 0.6px;
    display: inline-block;
    text-transform: uppercase;
}


/* ------------купоны---------------*/
#lscup {
  position: absolute;
  padding: 0px 6px;
  display: inline-flex;
  height: 56px;
  width: 493px;
  background: var(--pr1);
  box-shadow: var(--pr2);
  overflow: scroll;
  overflow-x: hidden;
  margin-left: 27px;
  margin-top: 352px;
  flex-wrap: wrap;
  justify-content: space-evenly;
}


#lscup::-webkit-scrollbar { width: 0px; }


.kupon {
    box-shadow: var(--pr2);
    background: var(--pr1);
    display: inline-flex;
    width: 150px;
    height: 24px;
    gap: 11px;
    margin: 5px 15px 5px!important;
    padding: 10px 5px;
    font-size: 10px;
    color: var(--cl8);
    justify-content: center;
}

.kupon span {
    font-size: 33px !important;
    vertical-align: middle;
    color: var(--cl6);
    float: left;
    margin-top: -10px;
}

.kupon title {
    display: block;
    font-family: var(--3ft);
    font-size: 9px;
    margin-bottom: 0px;
}

.material-icons-outlined {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    line-height: 48px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}




/* ------------фоны---------------*/
#lsphon {position: absolute;display: inline-flex;height: 137px;width: 235px;background: var(--pr1);box-shadow: var(--pr2);overflow: scroll;overflow-x: hidden;margin-left: 27px;margin-top: 33px;flex-wrap: wrap;justify-content: space-around;}

#lsphon img {width: 220px;height: 65px;object-fit: cover;margin: 4px 5px;}

#lsphon::-webkit-scrollbar { width: 0px; }




.plash-name, .kupon-name, .phon-name, .hron-name, .artef-name, .nagr-name, .cup-name {font-family: var(--3ft);position: absolute;color: var(--cl5);letter-spacing: 2px;text-transform: uppercase;font-size: 11px;}

.plash-name {margin: 177px 0px 0px 201px;}
.phon-name {margin: 18px 0px 0px 35px;}
.hron-name {margin: 278px 0px 0px 681px;}
.artef-name {margin: 18px 0px 0px 295px;}
.nagr-name {margin: 177px 0px 0px 464px;}
.cup-name {margin: 337px 0px 0px 35px;}