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

 luverance & badkarma

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

@import url(style_cs.1766405775.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/9d/d8/48183.ttf?v=1); }

@font-face {
    font-family: 'centersgeorgeregular';
    src: url('https://forumstatic.ru/files/001c/15/b4/63887.woff2') format('woff2'),
         url('https://forumstatic.ru/files/001c/15/b4/35539.woff') format('woff');
    font-weight: normal;
    font-style: normal; }

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


/* Основные переменные
===========================================*/
:root {
  --bg: url(https://upforme.ru/uploads/001c/9d/d8/2/164000.png) fixed; /*фон*/
  --tab: url(https://forumstatic.ru/files/001c/9d/d8/95990.png) rgba(0, 0, 0, 0); /*шапка*/
  --bot: url(https://forumstatic.ru/files/001c/9d/d8/79010.png) no-repeat center; /*футер*/
  --pn: url(https://upforme.ru/uploads/001c/9d/d8/2/802665.png) repeat; /*тело*/
  --pn2: #e5e5e5; /*цвет контейнеров*/
  --pn3: rgb(255 255 255 / 35%);

  --wh: 1004px; /*ширина тела*/
  --wh1: 1004px; /*ширина шапки, футера*/
  --hg1: 455px; /*высота шапки*/
  --hg2: 102px; /*высота футера*/

   --bg-cat1: url(https://upforme.ru/uploads/001c/9d/d8/3/548565.png) no-repeat; 
   --bg-cat2: url(https://upforme.ru/uploads/001c/9d/d8/3/232017.png) no-repeat; 
   --bg-cat3: url(https://upforme.ru/uploads/001c/9d/d8/3/710621.png) no-repeat; 
   --bg-cat4: url(https://upforme.ru/uploads/001c/9d/d8/3/116117.png) no-repeat; 
   --bg-cat5: url(https://upforme.ru/uploads/001c/9d/d8/3/430252.png) no-repeat; 
   --bg-cat6: url(https://upforme.ru/uploads/001c/9d/d8/3/904939.png) no-repeat; 
   --bg-cat7: url(https://upforme.ru/uploads/001c/9d/d8/3/574564.png) no-repeat; 
   --bg-stat: url(https://upforme.ru/uploads/001c/9d/d8/3/86573.png) no-repeat; 

  --bg-anim: url(https://upforme.ru/uploads/001c/9d/d8/2/963383.gif);
  --bg-anim2: url(https://upforme.ru/uploads/001c/9d/d8/2/443274.gif);
  --bg-anim3: url(https://upforme.ru/uploads/001c/9d/d8/2/11751.gif);

/*основные цвета*/
  --cl0: #f0f0f0;
  --cl: #dbdada;
  --cl2: #616161;
  --cl3: #95aabd;
  --cl4: #cebc92;
  --cl5: #0e0e0e; 
  --cl6: #62727b; /*цвет ссылок*/
  --cl7: #3f4a51; /*цвет ссылок наведение*/
  --kart-cl: #939393;


/*подфорумы*/
--pod-cl: #869063;
--pla-cl: #969b7c;
--pla-cl-hov: #97a6d7;

/*формы ответа и окна ввода*/
  --pr1: #ffffff63;
  --pr2: 0px 0px 2px 0px #afafaf;
  --ph3: #575757;

 --bord: 1px solid #a5a3a3;
 --bord-pun: 1px solid #222222;

 --trans: all .5s linear 0s !important;
  
  --1ft: 'jost'; 
  --2ft: 'centersgeorgeregular'; 
  --3ft: 'inter'; 

   --bg-prof: #d2d2d2; 
   --bg-prof-plash: url(https://forumstatic.ru/files/001c/9d/d8/40676.png);
   --bg-prof-kart:  url(https://forumstatic.ru/files/001c/9d/d8/69816.png); 

   --bg-cat: #222222; /*цвет категорий*/

   --bg-podl: url(https://forumstatic.ru/files/001c/9d/d8/93668.png?v=1); 
   --bg-ls: url(https://upforme.ru/uploads/001c/9d/d8/2/194307.png); 
   --bg-guest: url(https://forumstatic.ru/files/001c/9d/d8/81645.png); 

   --bg-act: url(https://upforme.ru/uploads/001c/9d/d8/2/92192.png); /*иконка активного подфорума*/
   --bg-vh: url(https://forumstatic.ru/files/001c/9d/d8/33464.png?v=1); /*кнопка вверх*/
   --bg-vz: url(https://forumstatic.ru/files/001c/9d/d8/41032.png?v=1); /*кнопка вниз*/




}



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

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: 412px auto 45px;
    background: var(--pn);
    padding-top: 4px;
    background-position: center top;
    background-repeat: repeat-y;
}


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

.punbb .section, .punbb .main { margin-bottom: 0.5em!important; }
.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 { border: none; margin: 0;}
#pun-navlinks li {display: inline;padding-right: 0em;}

/*------ Бокс форумной навигации ------*/
#pun-navlinks .container {position: absolute;top: -361px;display: inline-flex;gap: 12px;width: 814px;left: 188px;text-align: center;justify-content: flex-start;}


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

  
#pun-navlinks li a:hover {  color: var(--cl4);}


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




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

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



/* ВЫПАДАЮЩЕЕ МЕНЮ © max, the murderer! */

/* чтобы выпадающие меню правильно выравнивались */
#pun-navlinks .container li {
  position: relative;
}

/* выпадающие меню первого уровня */
#pun-navlinks .container li ul {
  position: absolute;
  left: 0px;
  padding: 3px 13px 4px;
  top: 22px;
  min-width: 100%;
  width: max-content;
  z-index: 12;
  border-radius: 0px;
  background: var(--pn2);
  border: var(--bord);
  box-sizing: border-box;
  transform: scaleY(0);
}

/* появление при наведении */
#pun-navlinks .container li:hover ul {
  transform: scaleY(1);
}

/* пункты в выпадающем меню */
#pun-navlinks .container li ul li {
  margin: 0;
  display: block;
}

/* ссылки в пунктах */
#pun-navlinks .container li ul li a {
  display: block;
  text-align: left;
  font-size: 11px!important;
  font: 12px var(--2ft);
  border-radius: 0px;
  margin: 3px 0 2px;
  color: var(--cl);
  background: var(--pla-cl);
}

#pun-navlinks .container li ul li a:hover { background: var(--pla-cl-hov); }

/* выпадающее меню второго уровня */
#pun-navlinks .container li ul ul {
  position: absolute;
  width: max-content;
  left: 100%;
  top: -10px;
  transform: scaleX(0) !important;
}

/* появление при наведении */
#pun-navlinks .container li ul li.forms:hover ul {
  transform: scaleX(1) !important;
}



/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
===========================================*/

/*------ Бокс пользовательской навигации ------*/
#pun-ulinks .container {
   position: absolute;
   display: inline-flex;
   width: 1004px;
   left: 0px;
   gap: 3px 6px;
   top: 53px;
   font-weight: normal;
   text-align: center;
   justify-content: center;
   flex-wrap: wrap;
}


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

#pun-ulinks a {
   font: 12px var(--1ft)!important;
   text-transform: lowercase;
   letter-spacing: 0px;
   padding: 0px 10px 0px 5px !important;
   color: var(--cl5);
}

#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: 350px;
    font: 500 8px var(--1ft);
    color: var(--cl);
    text-transform: uppercase;
    top: -388px;
    left: 174px;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    align-content: flex-start;
}

#pun-status .container a { color: var(--cl); text-transform: lowercase;font: 500 10px var(--2ft); }
#pun-status .container strong { font-weight: 500; }

#pun-status .container .item1 { }
#pun-status .container .item2 {position: relative;top: -1px;}

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




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

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

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


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


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

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

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


#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: 0px 1em; border-style: none; border-width: 0px 0; position: relative; height: 0; z-index: 1; }



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

#pun-stats .container {
    margin: 0px 35px 20px 35px;
    position: relative;
    top: 0px;
    padding: 0px 0px 13px 0px;
    z-index: 9;
}


#pun-stats .container strong {}
#pun-stats .container a {color: var(--cl6);font-weight: 600;font-size: 12px;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(--cl5) !important;
    display: block;
    background: var(--pn);
    text-align: center !important;
    font: 600 10px var(--1ft) !important;
    margin-left: -231px;
    text-transform: lowercase;
    }

.statscon li.item1, .statscon li.item2, .statscon li.item3  {
    margin-top: -27px;
    width: 148px;
    padding: 0px 5px 1px;
    }

.statscon li.item1 {left: 309px;}
.statscon li.item2 {left: 472px;}

.statscon li.item3 {left: 635px;margin-top: -27px;width: 218px;padding: 0px 5px 1px;}

.statscon li.item4 {margin-top: -27px;left: 868px;gap: 5px;padding: 0px 10px 1px;display: flex;z-index: -1;justify-content: center;align-items: center;}
.statscon li.item4  a {font: 600 10px var(--1ft) !important;}


.statscon li.item5 {
    display: block;
    width: 864px!important;
    margin: 0px 33px 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(--1ft);text-transform: lowercase;font-size: 12px;text-align: justify;}


#pun-stats .onlinelist div span, #pun-stats .users_24h div span { display: block; }
#pun-stats .onlinelist div span a, #pun-stats .users_24h div span a { font-weight: 500; }





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

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 5%;padding: 10px 2px 20px; }
#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: 5px 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: left;
    width: 35%;
    padding-right: 15px;
    padding-top: 11px;
    }


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

.punbb .user-avatar {
    position: relative;
    height: 36px;
    width: 36px;
    float: left!important;
    margin: 1px 0px 2px 7px !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: -1px !important;
    right: 8px !important;
    background: var(--cl4) !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 {display: block;}

.punbb .post h3 span {display: block;background: var(--cl5);margin: 10px 0px 0px 0px;}

.post.hideprofile h3>span {/* margin: 10px 19px 0px 22px; */}

/*------ Дата и номер поста ------*/
.punbb .post h3 strong, .punbb .post h3 span a {padding: 0px 10px 0px;text-transform: lowercase;font: 12px var(--1ft);color: var(--cl);}


/*------ Дата поста ------*/
.punbb .post h3 span a {position: relative;top: 0px;padding: 0px 10px 1px;left: 251px;}

/*------ Номер поста ------*/
.punbb .post h3 strong {right: 24px;margin-top: 0px;position: absolute;width: auto;text-align: right !important;}

/*------ Выпрямляем дату в личных сообщениях ------*/
#pun-messages .post h3 span {color: var(--cl);font: 10px var(--1ft);padding: 0 11px 0;}

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

.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 {
    font-size: 12px;
    text-transform: lowercase;
    font-family: var(--4ft);
    margin: 0px 0px 0px;
    }

.topic a.translatelink { display: none; }



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

/*------ Выравнивание текста в постах ------*/
.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: 0 0 1em 0;
  line-height: 150%;
  }

.post-content hr {
    opacity: 0.5;
    border: 1px solid var(--cl3);
    filter: alpha(opacity = 50);
    margin: 3px 40px 5px!important;
}

.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, .linksb .pagelink {
   margin-top: -18px;
   width: 350px;
   word-spacing: 3px;
   margin-left: 17px;
}


/*------ Внешний вид страниц снизу ------*/
.linksb .pagelink {
    float: left;
    margin: 0px -11px;
    text-align: left;
}


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

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

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

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

.subscribelink a {}

/*------ Страница: 1,2,3... ------*/
.pagelink a { }

.pagelink strong {border: none;font-weight: 500;} 

.pagelink a:hover { }



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

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

#pun-main .post-author ul {
    position: relative;
    padding: 0px;
    text-align: center;
    margin: 25px 10px 25px;
    border: var(--bord);
    background: var(--bg-prof);
    text-align: center;
}


.punbb .post .post-author {position: relative;float: left;z-index: 0;width: 230px;height: auto;margin-top: 6px;margin-left: 15px;overflow: hidden;background: var(--bg-prof);}



/* ПРОФИЛЬ В сообщениях
===========================================*/

.profili-boxes {
display: flex;
    flex-wrap: wrap;
    margin: 0 53px 0;
    padding: 15px 0px;
    width: 825px;
    gap: 25px;
    border-radius: 20px;
    border: var(--bord);
    background: var(--pn);
    justify-content: center; }


#pun-main .profil-v-soo ul {
    position: relative; padding: 0px;
    text-align: center;
    margin: 35px 10px 25px;
    border-radius: 20px;
    background: var(--pn);
    text-align: center;
}


.punbb .post .profil-v-soo {position: relative;border-radius: 20px;float: left;z-index: 0;width: 230px;height: auto;margin-top: 0px;margin-left: 10px;/* overflow: hidden; */border: var(--bord);background: var(--bg-prof);}






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

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

.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: 0px auto 3px !important;
    text-align: center;
    z-index: 2;
    position: relative;
}

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

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




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

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


/*------ Статус ------*/
li.pa-title {position: relative;display: block;width: inherit;font-size: 8px;letter-spacing: .5px;padding: 0 8px 0;margin: 0px 0px 0px;color: var(--cl5);z-index: 999;font-family: var(--1ft);text-transform: uppercase;text-align: center;}


/*------ Сообщения, репутация, деньги, посты  ------*/
.pa-posts, .pa-respect, .pa-fld2,.pa-fld3 {
    color: var(--cl5);
    width: 43px;
    gap: 0px;
    position: relative;
    z-index: 999;
    line-height: 13px;
    font-weight: 500;
    display: inline-flex;
    margin: 0px 0px 8px 3px;
    text-transform: lowercase;
    font-size: 9px;
    text-align: center;
    font-family: var(--1ft);
    flex-direction: column;
    align-items: center;
}

.pa-respect a:link, .pa-respect a:visited, .pa-posts a:link, .pa-posts a:visited {
    color: var(--cl5);
    text-transform: lowercase;
    font-size: 9px;
    font-weight: 500;
    font-family: var(--1ft);
}


/*------ Личное звание  ------*/
.pa-fld1 {
    position: relative;
    width: inherit;
    padding: 4px 10px 5px!important;
    letter-spacing: 0.1px;
    line-height: 12px;
    margin: 0px 5px 0px;
    text-align: justify;
    font-size: 9px;
    color: var(--cl5);
    text-transform: lowercase;
}

.pa-fld1 name {
    width: auto;
    padding: 1px 5px 3px;
    border-bottom: var(--bord);
    font-size: 12px;
    color: var(--cl5);
    text-transform: uppercase;
    text-align: center;
    position: relative;
    display: block;
    }

.pa-fld1 name a {color: var(--cl5)!important;font: 600 12px var(--1ft);text-transform: uppercase!important;}
.pa-fld1 name a:hover {color: var(--cl6)!important;}


.pa-fld1 race {
    width: auto;
    padding: 0px 5px 3px;
    font: 11px var(--1ft);
    color: var(--cl5);
    text-transform: lowercase;
    text-align: center;
    position: relative;
    display: block;
    }


.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;padding: 1px 4px 0px;top: 0px;}
.pa-fld1 text a  {color: var(--cl6)!important;font-style: italic;font-size: 10px !important;}
.pa-fld1 text a:hover  { color: var(--cl7)!important; }


/*------ Иконка  ------*/
.pa-fld4  {position: relative;top: -17px;/* left: -18px; */width: 177px;height: 10px;z-index: 9;/* margin-left: -3px; */}

 .pa-fld4 img  {
 position: absolute;
 object-fit: cover;
 width: 20px;
 background: var(--bg-prof);
 border: var(--bord);
 border-radius: 50px;
 padding: 6px;
 }

/*------ Хэдер-профиль  ------*/
.pa-fld5 {
	background: var(--bg-prof-kart);
	padding: 0px 0px !important;
	margin: 1px 0 0 !important;
	position: absolute;
	width: 100%;
	height: 16px;
	top: -27px;
	left: -11px;
	z-index: -1;
	border-radius: 10px;
	pointer-events: none
}


.pa-fld5 img {
	width: 230px;
	height: calc(100% + 65px);
	object-fit: cover;
	vertical-align: unset !important;
}

/*------ Футер-профиль  ------*/
.pa-fld7 {
	background: var(--bg-prof-kart);
	padding: 0px 0px !important;
	margin: 1px 0 0 !important;
	position: absolute;
	width: 100%;
	height: 16px;
	bottom: 0px;
	left: -11px;
	z-index: -1;
	border-radius: 10px;
	pointer-events: none
}


.pa-fld7 img {
	width: 230px;
	height: calc(100% + 65px);
	object-fit: cover;
	vertical-align: unset !important;
}


/*------ Плашка  ------*/
.pa-fld6 .plassh {
    height: 30px;
    width: 208px;
    background: var(--bg-prof-plash);
    margin-left: 0px;
    margin-top: 9px;
    margin-bottom: 0px;
    color: var(--cl);
   }

.plassh  text {position: relative;display: flex;top: 2px;text-transform: uppercase;width: inherit;padding: 0px 0px 0px;font: 500 10px var(--1ft);/* margin: 3px -210px 0px; */justify-content: center;}
.plassh  text2 {position: relative;display: flex;top: -1px;text-transform: lowercase;padding: 0px 4px 0px;font: 10px var(--1ft);justify-content: center;}



/*------ Прячем название полей ------*/
.pa-reg, li.pa-awards .fld-name, li.pa-ip, .pa-author img, .pa-gifts,  .pa-online {  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: 20px 15px 0px;
    border-radius: 0px;
    margin: 5px 8px 15px 8px !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: -200px;
    font-size: 10px;
    text-transform: lowercase;
    background: transparent;
    text-align: right;
    margin-right: 15px;
  }

.punbb .post-links ul a {
    padding: 0px 6px 2px;
    }


.punbb .post-links li {
  display: inline;
    text-align: center;
    margin: 0px 2px; border-radius: 0px; padding: 0px 3px;
  }

.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; }
.pun-modal .container .container { margin: 0px 0px!important;  }

.punbb .formsubmit {padding: 0 0 0 1.7em;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: 5px;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 {  }

#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: lowercase;
  margin: 4px 0 0;
  font: 500 12px / 11px var(--1ft) !important;
  /* width: 235px; */
  color: var(--cl2);
  border-bottom: var(--bord);
  padding: 1px 8px 3px;
  }

#viewprofile li span a {font: 500 11px / 11px var(--2ft) !important;co;color: var(--cl2)!important;}


#profile-right li strong { padding-left: 1em!important; }

#profile-right li#pa-fld1 com { display: block; }


#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-gifts, #profile-right li#pa-fld4, #profile-right li#pa-fld5, #profile-right li#pa-fld6, #profile-right li#pa-fld7 {
    display: none;
}

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

#profile-right li {
    background: var(--pr1);
    border: var(--bord);
    border-radius: 0px;
    outline-offset: -2px;
    list-style: none;
    padding: 0;
    flex-grow: 1;
    text-align: center;
    display: flex;
    gap: 0px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


#profile-left {
   flex-shrink: 0;
   background: var(--pr1);
   border-radius: 0px;
   border: var(--bord) !important;
   outline-offset: -2px;
   padding: 0 !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 #pa-avatar div img { border: 1px solid var(--cl3);  }

#profile-left li#pa-edit strong a {
    text-transform: lowercase;
    transition: all 0.5s ease 0s;
    font: 12px var(--1ft) !important;
    border-radius: 0px;
    padding: 0px 9px 2px !important;
    box-shadow: none;
    }

#profile-left li#pa-edit strong a:hover {
    color: var(--cl0) !important;
    background: var(--cl3);
    }


#profile-left #profile-name strong {font: 600 13px var(--1ft) !important;text-transform: uppercase;}



/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ
===========================================*/
#pun-userlist .formal, #pun-userlist .formal .container { border: none; margin: 0; }
#pun-userlist .usertable .container { padding: 0 2.3em 0.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: 0px; }
#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, .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 {display: none;}
#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(--4ft);
    color: var(--cl3);
    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: -8px !important;
    margin-left: -12px !important;
    font-size: 8px !important;
    font: 500 10px / 1.6 var(--4ft);
    text-align: center !important;
    background: var(--cl4) !important;
    padding: 0px 7px 1px 7px !important;
    height: 11px !important;
    width: auto !important;
    border-radius: 3px !important;
    color: var(--cl0) !important;
}

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

/* ИКОНКА СТАНДАРТНОГО УВЕДОМЛЕНИЯ
===========================================*/
.bubble {
    background: var(--cl6) !important;
    right: -3px !important;
    top: 15px !important; font: 500 10px / 1.6 var(--4ft);
    border-radius: 3px!important;
    color: var(--cl)!important;
}

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



/* ВСПЛЫВАЮЩЕЕ ОКНО ПРИ ПОДНЯТИИ РЕПЫ
===========================================*/

.pun-modal .modal-inner, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner 
{ background: var(--pn); z-index: 999999999!important; }
#pun-report .bg, #pun-reputation .bg, #pun-admin-award-form .bg { z-index: 99999999!important; opacity: 0.8!important; }
#reputationText { width: 90%!important; }

/* Всплывающее окно пр поднятии репы */
.pun-modal .modal-inner { background: var(--pn); }

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

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


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

.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: none;
	position: absolute;
	z-index: 99999999;
	box-shadow: none;);
	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, .reveal-modal .edit-reveal-modal  {
	font: 12px var(--1ft);
	position: absolute;
	padding: 0 7px 2px;
	top: 23px;
	background: var(--cl6);
	right: 12px;
	color: var(--cl)!important;
	cursor: pointer;
	text-decoration: none;
}

.reveal-modal .edit-reveal-modal {
	position: absolute;
	top: 23px;
	z-index: 99;
	right: 81px;
	}


.reveal-modal a.close-reveal-modal:hover, .reveal-modal .edit-reveal-modal a visited:hover { background: #ba9c74!important;  color: var(--cl); }







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


/* СКРИПТ МАСКИ
===========================================*/
#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(--1ft) !important;
    background: var(--pn)!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(--1ft) !important;color: var(--cl5);line-height: 34px;position: relative;}



/* ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
===========================================*/
#tooltip {
   position:absolute;
   background: var(--cl6);
   box-shadow: none !important;
   color: var(--cl);
   text-transform: lowercase;
   border-radius: 0px!important;
   font: 12px var(--1ft) !important;
   margin: 0 0 0 0;
   padding: 0px 8px 2px;
   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: 39px;
    display: flex;
    color: var(--cl5)!important;
    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);
    font-size: 30px;
    margin-top: -5px;
    margin-left: 0px;
    transition: all .5s;
}

div .post-rating p>a:before {  content: '\e612'; }
div.post-vote p>a:before {content: '\f72c';margin-top: 0px;margin-left: -12px;}

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: var(--cl3);}

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


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



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



/* Регулировка размера шрифта в постах */
.FNTslider {
  position:relative;
  z-index:1000;
  background: var(--pn);
  width: 110px;
  height: 5px;
  margin: 6px 7px;
  float: right;
  margin-right: 35%;
}
.FNTslider .before {
  height: 5px;
  position: absolute;
  background: var(--cl4);
  margin-top: 0px;
}
.FNTslider .thumb {
  width: 8px;
  height: 10px;
  border-radius: 3px;
  position: relative;
  top: -3px;
  background: var(--cl4);
  cursor: pointer;
}


/* ------------ЭТО ИНТЕРЕСНО---------------*/
div#pun-live-rusff { display: none; }


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

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

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

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

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

.hvStickerPackModalAddButton {
    border-radius: 0px!important;
    color: var(--cl5)!important;
    background: var(--pr1) !important;
}