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

 luverance & badkarma

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

@import url(style_cs.1779390830.css);
@import url('//forumstatic.ru/files/001c/30/73/86221.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: 'otama'; 
src: local("otama"), url(https://forumstatic.ru/files/001c/7c/7a/90296.otf?v=1); }

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

/* Основная тема
===========================================*/
:root {
      --bg: url(http://forumstatic.ru/files/001c/7c/7a/68769.png) fixed;
    --tab: url(https://upforme.ru/uploads/001c/b8/70/2/248863.png) rgba(0, 0, 0, 0);
    --pn: #eaebeb;
    --bot: url(https://upforme.ru/uploads/001c/b8/70/2/826119.png) no-repeat center;
    --cl0: #fff;
    --cl: #e1e1e1;
    --cl2: #4e4d4d;
    --cl3: #dddfde;
    --cl4: #c29a3b;
    --cl5: #0e0e0e;
    --cl6: #47555a;
    --cl7: #d0d0d0;
    --cl8: #e0b03f;
    --cl9: #685076;
    --obv: 1px solid #3a6f52;
    --1ft: 'otama';
    --2ft: 'jost';
    --3ft: 'inter';
    --bg-cat: url(https://forumstatic.ru/files/001c/7c/7a/59544.png?v=1);
    --bg-ls: url(https://forumupload.ru/uploads/001c/74/9d/2/111266.png);
    --bg-guest: url(https://forumupload.ru/uploads/001c/73/7e/2/704940.png);
    --bg-tem: url(https://forumupload.ru/uploads/001c/3e/b6/3/315636.png);
    --bg-act: url(https://forumstatic.ru/files/001c/7c/7a/99936.png?v=1) no-repeat;
    --bg-prof: url(https://forumstatic.ru/files/001c/7c/7a/82517.png?v=1);
    --bg-kart: url(https://forumupload.ru/uploads/001c/3e/b6/3/617915.png);
    --bg-anim: url(https://forumstatic.ru/files/001c/73/7e/52434.gif?v=1);
    --bg-anim2: url(https://forumstatic.ru/files/001c/73/7e/74426.png?v=1);
    --bg-onl-gif: url(https://forumstatic.ru/files/001c/73/7e/95564.gif);
    --bg-onl: url(https://forumupload.ru/uploads/001c/6d/01/2/294733.png);
    --bg-ank: url(https://forumupload.ru/uploads/001c/77/a6/5/416138.png);
    --bg-vr: url(https://forumstatic.ru/files/001c/7c/7a/24379.png);
    --bg-vn: url(https://forumstatic.ru/files/001c/7c/7a/25189.png);
    --wh: 980px;
    --wh1: 981px;
    --hg1: 508px;
    --hg2: 100px;
    --wh-vr: 30px;
    --hg-vr
30px
: 30px;
    --wh-vn: 30px;
    --hg-vn: 30px;
}


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

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: 980px;
}

.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 { border: none; margin: 0;}
#pun-navlinks li {display: inline;padding-right: 0em;}

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




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

#pun-admin #pun-navlinks li a {  font-family: var(--2ft);
   font-size: 20px !important; }


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

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












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

/*------ Бокс пользовательской навигации ------*/
#pun-ulinks .container {
   position: absolute;
    display: inline-flex;
    width: var(--wh);
    left: -1px;
    gap: 18px;
    top: 177px;
    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: #dee0df;
}

#pun-ulinks a:hover {
color: var(--cl);
}
/* СТРОКА ПРИВЕТСТВИЯ
===========================================*/

#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: 495px;
    left: 581px;
    gap: 1px;
    font-family: var(--2ft);
    font-size: 11px;
    color: var(--cl4);
    text-transform: lowercase;
    top: -301px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

#pun-status .container a { color: var(--cl4); text-transform: lowercase;font-family: var(--1ft); font-size: 11px!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: 11px;
    font-size: 10px;
    text-transform: uppercase;
    color: var(--cl5);
}
.dark #pun-crumbs1 p.container, .dark #pun-crumbs2 .container {  color: var(--cl55); }

#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: #357977 !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 34px 20px 34px;
    position: relative;
    top: -1px;
    padding: 19px 0px 0px 0px;
    z-index: 9;
}


#pun-stats .container strong {  font-weight: normal;  }
#pun-stats .container a {color: #2e716f;
    font-weight: 600;
    font-size: 11px;
    text-transform: lowercase;
}
#pun-stats .container a:hover { color: var(--cl6)  }

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

.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
   position: absolute;
    color: #c0d2d2 !important;
    background: #000000;
    display: block;
    width: 390px;
    text-align: center !important;
    font: 600 italic 11px var(--2ft) !important;
    margin-left: -83px;
    text-transform: lowercase;
}

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

.statscon li.item1 {left: 114px;}
.statscon li.item2 {left: 343px;}

.statscon li.item3 { display: none;}

.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 italic 11px var(--2ft) !important;}
.statscon li.item4  a:hover { color: var(--cl0) !important; }

.statscon li.item5 {
    display: block;
    width: 857px!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 }

/*------ Подфорум - сколько % занимает ширина подфорума ------*/
.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: 35px;}


/*------ Маленькая аватарка в подфорумах ------*/
.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(--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 {margin: 0px 0px 0px 0px;display: block;background: var(--bg-cat);height: 25px;}

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

/*------ Дата поста ------*/
.punbb .post h3 span a {color: var(--cl4);padding: 1px 10px;letter-spacing: 1px !important;font-style: italic;font-weight: 600;font-family: var(--1ft);top: 5px;left: 0px;position: relative;font-size: 14px;}

.dark .punbb .post h3 span a { color: var(--cl55) }
.dark .punbb .post h3 strong { color: var(--cl55) }

/*------ Номер поста ------*/
.punbb .post h3 strong {margin-left: 463px;margin-top: 5px;color: var(--cl4);text-transform: lowercase;padding: 0px 10px;font-style: italic;position: absolute;font-weight: 600;width: auto;font-size: 14px;font-family: var(--1ft);text-align: right !important;}

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

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


/*------ Выпрямляем дату в поиске постов ------*/
.punbb#pun-searchposts .post h3 span a {
position: relative !important;
    top: 2px;
    left: 0px;
    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; }
.punbb#pun-searchposts .pa-replies { color: var(--cl);
    font-size: 11px;
    font-family: var(--1ft);
    margin: 8px 0px 5px;}











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

/*------ Выравнивание текста в постах ------*/
.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 5px 0;
  }

.post-content hr {
    opacity: 0.5;
    border: 1px dashed var(--cl2)!important;
    filter: alpha(opacity = 50);
    margin-bottom: 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: -20px;
    word-spacing: 3px;
    color: var(--cl5);
    margin-left: 17px;
}

.dark .linkst .pagelink, .dark .linksb .pagelink { color: var(--cl55); }

/*------ Внешний вид страниц снизу ------*/
.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;
    margin: 10px 0px 20px;
    padding-top: 0.3em;
    margin-right: 10px;
    padding-bottom: 0.5em;}

.pagelink a {padding: 1px 5px 3px;font: var(--1ft)!important;background: #f8f8f8;color: var(--cl5)!important;border-radius: 15px;}

.pagelink a:hover {background: var(--cl4);border-radius: 20px;}





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

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

.punbb .post .post-author {
  float: left;
  width: 221px;
  height: auto;
  margin-top: 0px;
  margin-left: -1px;
  overflow: hidden;
  background: var(--cl5);
}

.punbb .post .post-author::before {
    content: "";
    position: absolute;
    margin: 45px 0px 0px;
    background: var(--bg-prof);
    width: 221px;
    height: 65px;
    } 

/*------ Поиск ------*/
#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: 7px;
    height: 7px;
    border-radius: 0px !important;
    background: var(--cl4);
    box-sizing: border-box;
    margin-top: -20px !important;
    margin-left: 198px !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: 47px;
    height: 40px;
    background: none;
    box-sizing: border-box;
   margin-top: -54px !important;
    margin-left: -14px!important;
}

/*------ Аватар пользователя ------*/
.pa-avatar {
    max-width: 180px;
    max-height: 180px;
    margin: 10px 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: 10px 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: 9999;
    font-weight: 600;
    font-family: var(--2ft)!important;!i;!;
    text-transform: uppercase!important;
    font-size: 12px!important;
    letter-spacing: 1px;
    color: var(--cl4)!important;
    margin-left: 0px!important;
    transition: all .5s linear 0s !important;
    }

.pa-author a:hover {   }




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


/*------ Сообщения, репутация, деньги  ------*/
.pa-posts, .pa-respect, .pa-fld1 {
        color: #eaebeb;
    width: 70px;
    gap: 0px;
    font-weight: 600;
    display: inline-flex;
    margin: 0px 0px 5px;
    text-transform: lowercase;
    font-size: 10px;
    font-style: italic;
    text-align: center;
    font-family: var(--2ft);
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.pa-respect a:link, .pa-respect a:visited {
    color: #e2e2e2;
    text-transform: lowercase;
    font-size: 9px;
    font-weight: 600;
}

.pa-fld2 {
  position: relative;
  width: 201px !important;
  padding: 4px 10px 1px 10px !important;
  letter-spacing: 0.5px;
  line-height: 11px;
  margin: 4px 0px 0px;
  text-align: center;
  font-size: 9px;
  background: var(--cl3);
  color: var(--cl7);
  font-family: var(--2ft);
  text-transform: uppercase;
}

.pa-online { }

.pa-online strong { display: none; }

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

/*------ Соотношение между шириной профиля и шириной поста ------*/
.punbb .post-body {
 margin-left: 21em;
    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;
  }

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

#viewprofile li span {
float: left;
    width: 150px;
    text-transform: lowercase;
    margin-left: -212px;
    padding: 7px 30px;
  }

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

#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;
    margin: 0px 55px;
}


/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ
===========================================*/
#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; }

#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: -11px !important;
    margin-left: -16px !important;
    font-size: 8px !important;
    font: 500 10px/1.6 Tahoma;
    text-align: center!important;
    background: var(--cl4) !important;
    padding: 0px 7px 1px 7px!important;
    height: 11px !important;
    width: auto!important;
    border-radius: 5px!important;
    color: var(
    --cl9)!important;
}

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

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

.bubble:after { border-color: var(--cl4) transparent!important; }


/* СКРИПТ УВЕДОМЛЕНИЙ
===========================================*/
#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: 8px;
    font: 600 10px var(--1ft) !important;
    line-height: 14px;
    cursor: pointer;
    color: var(--cl5) !important;
    background: var(--cl3) !important;
    box-shadow: none !important;
    text-shadow: none;
    z-index: 1;}



/* ВСПЛЫВАЮЩЕЕ ОКНО ПРИ ПОДНЯТИИ РЕПЫ
===========================================*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner 
{ background: var(--cl) !important;  border-radius: 0px; z-index: 9999!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: #f1f1f1!important;
    border: none!important;
    border-radius: 0px!important;
    bottom: -449px!important;
    left: 536px!important;
}

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

.hvStickerPackModalTab {
    padding: 0px 5px 1px 5px !important;
    border-radius: 0px !important;
    font: italic 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: #f1f1f1 !important;
    border-radius: 0px!important;
    border: 1px 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;
}

/* ФОН УВЕДОМЛЕНИЙ
===========================================*/
.pun-modal .modal-inner {
    background: rgb(223 226 235)!important;
}

/* ЭТО ИНТЕРЕСНО
===========================================*/
.cool1 {
    width: 92px!important;
    height: 16px;
    padding: 1px 5px 0px 8px!important;
    background: var(--cl7) !important;
    letter-spacing: 1px!important;
    text-transform: uppercase!important;
    color: var(--cl) !important;
    font-size: 10px!important;
    border-radius: 20px;
    font-family: var(--1ft) !important;
    text-align: center;
    float: right;
    margin-left: 4px;
    margin-right: 1px;
    border: 0px;
    cursor: pointer;
    box-shadow: none!important;
    border: 2px solid #8bb58a !important;
    text-shadow: none!important;
    }

.cool2 {
    display: none!important;
}

.cool3 {
    width: auto;
    height: 16px;
    padding: 1px 8px 0px 8px!important;
    text-transform: uppercase!important;
    background: var(--cl7) !important;
    color: var(--cl) !important;
    font-size: 10px;
    font-family: var(--1ft) !important;
    text-align: center;
    float: right;
    font-weight: normal!important;
    border: 0px;
    cursor: pointer;
    border-radius: 20px;
    box-shadow: none!important;
    border: 2px solid #8bb58a !important;
    text-shadow: none!important;
    }

.cool1:hover, .cool2:hover, .cool3:hover { background: #8bb58a!important; }

.cooltext {display: none; } 


/* БЫСТРОПЛЮСЫ
===========================================*/
.noNull:before {
  content: "+";
    font-size: 13px;
    display: inline-block;
    margin-left: -8px;
    margin-top: 6px;
    position: absolute;
}

div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 500 !important;
  background: none;
  background-size: 38px auto;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #919191;
}

div .post-rating p>a:after {content:'favorite';position: relative;font-size: 18px;font-family: 'Material Icons';color:#919191;left: 3px;top: 5px;}
div .post-rating p>a:hover:after, div.post-vote p>a:hover:after  { color: var(--cl3);}

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

div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: none;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}

div.post-vote p>a:after {content:'question_answer';position: relative;font-family: 'Material Icons';color: #919191;top: 3px;left: 10px;font-size: 18px !important;}


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

/* РЕГУЛЯТОР РАЗМЕРА И ШРИФТА В ПОСТАХ
===========================================*/
#chfont {
    position: absolute;
    top: -274px;
    right: 2px;
    text-align: center;
    line-height: 22px;
    -moz-opacity: .8;
    opacity: .8;
    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(--cl3);
    font-family: 'Material Icons';
    padding: 0px 0px;
    top: -27px;
}

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


#button-graffiti_rusff { display: none !important; }