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

 luverance & badkarma

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

@import url(style_cs.1761752940.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: 'owenpro'; 
src: local("owenpro"), url(https://forumstatic.ru/files/001c/37/85/34307.otf?v=1); }

@font-face { font-family: 'oldsman'; 
src: local("oldsman"), url(https://forumstatic.ru/files/001c/37/85/53633.otf?v=1); }

@font-face { font-family: 'milch'; 
src: local("milch"), url(https://forumstatic.ru/files/001c/92/f9/83398.ttf); }

@font-face { font-family: 'picasso'; 
src: local("picasso"), url(https://forumstatic.ru/files/001c/92/f9/51656.otf); }

@font-face { font-family: 'inter'; 
src: local("inter"), url(https://forumstatic.ru/files/001c/92/f9/23165.ttf); }

@font-face { font-family: 'curator'; 
src: local("curator"), url(https://forumstatic.ru/files/001c/92/f9/72377.ttf); }

:root {
  --bg: url(https://forumstatic.ru/files/001c/37/85/79615.png) fixed; /*фон*/
  --tab: url(https://upforme.ru/uploads/001c/92/f9/2/675771.png) rgba(0, 0, 0, 0); /*шапка*/
  --pn: #e2dfdb; /*тело*/
  --bot: url(https://upforme.ru/uploads/001c/92/f9/2/25694.png) no-repeat center; /*футер*/
  --txt-cl: #454545; /*цвет текста в теме*/
  --cl: #ebebeb; /*белый*/
  --cl2: #454545; /*цвет дежурного текста*/
  --cl5: #c7c7c7; /*цвет формы ответа и ввода*/
  --cl6: #6b4037; /*коричневый*/
  --cl7: #6789b7; 
  --cl11: #dbe3ed;  /*прозрачный голубой*/
  --cl8: #3c4b3c; /*темно-зеленый*/
  --cl9: #383f4a; /*черный*/
  --cl10: #939393; /*светло-серый*/
  --1ft: 'curator'; /*акцентный шрифт*/
  --2ft: 'inter'; /*основной шрифт*/
  --anim: url(https://forumstatic.ru/files/001c/31/ad/53529.gif?v=1) no-repeat;
}


.night {
  --pn: #d8d8d8; /*тело*/
  --bot: #d8d8d8; /*футер*/
}



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

html, body { margin: 0; padding: 0 }
.punbb * { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { margin-top: 0px;  border-radius: 0%; }
.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% verdana, arial, montserrat, sans-serif, arsenicatrial-regular; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 12px verdana, arial, montserrat, sans-serif; }

/*------ Заголовки ------*/
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 12px;
    letter-spacing: 0px;
    font-family: var(--2ft);
    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: 12px verdana, arial, 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: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 }


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

/*------ Тело ------*/
#pun {
    position: relative;
    width: 980px;
    margin: 310px auto 0px;
    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 .container { border-style: solid; border-width: 1px; }

/*------ Отступы категорий и заголовков ------*/
.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;
}


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

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

/*------ Полоса отделяющая пост и подпись ------*/
.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;
  }

.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 .post-content .quote-box, .punbb .post-content .code-box {
    margin: 10px 5px 10px 5px;
    padding: 0px;
}

/* ИНФОБОКСЫ
===========================================*/
.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 .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
.multipage { margin-top: 3em; }

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

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

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

.punbb .linksb { text-align: right; padding: 0px 0px 0px 25px; }

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

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


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

.punbb .formal .container { padding: 0em 1.3em 0em 1.3em; }
.punbb .formsubmit { padding: 0 0 0 15px; text-align: center; margin: 1em 0 0 0; }
.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; }
.punbb .datafield br { display: none }
.punbb .required label, .punbb .datafield span.input { font-weight: bold }
.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;
    font-family: var(--bft);
    margin: 0px 0px 0px 11px;
    font-size: 12px;
  }

.punbb fieldset legend span { padding: 0 5px;
    margin: 0 0 0 10px;
    border-bottom: 2px solid var(--acc3);
  }


/*------ Информационный текст в формах ------*/
.punbb .inline .infofield {
font-family: var(--bft);
    text-transform: lowercase;
    font-size: 11px;
    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 { overflow: hidden; text-align: left; width: 30%; padding-top: 17px; }



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

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

/*------ Полоска разделитель постов ------*/
.punbb .post h3 {margin: 0px 45px 0px 170px;
    display: block;
    background: #4141414a;
    height: 1px;
    border-radius: 10px;
}

.punbb .post h3 span {
    display: block;
    color: #dfe3e1;
    margin: 15px 0px 0px;
}

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

/*------ Номер поста ------*/
.punbb .post h3 strong {margin-left: 767px;
    margin-top: -7px;
    color: #434343;
    background: #dadada;
    text-transform: lowercase;
    padding: 2px 10px;
    position: absolute;
    font-weight: 500;
    width: auto;
    font-size: 11px;
    font-family: var(--acft);
    text-align: right !important;
}

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

.post h3 strong:hover, h3 span a:hover, .pagelink:hover, .postlink span:hover, .post-links a:hover, #pun-viewtopic #mod-options:hover, #pun-viewforum .modmenu a:hover, #pun-messages .postlink .button:hover {
     cursor: pointer;
    transition: all 0.5s;
}

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


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

.punbb#pun-searchposts  em { display: none; }
.punbb#pun-searchposts .post h3 span a:before {content: "«"; padding: 0px 2px; }


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


.punbb#pun-searchposts .pa-author { padding: 7px 10px 6px 10px !important;
    border-radius: 20px;
    margin: -3px 15px 0px; }
.punbb#pun-searchposts .pa-replies { color: var(--acc1);
    font-size: 14px;
    font-family: var(--basicfont);
    margin: 11px 0px 0px;}



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

.punbb .post .post-author {
    float: left;
    padding: 9px 0px 2px;
    width: 230px;
    height: auto;
    margin-top: 0px;
    margin-left: 16px;
    background: url(https://forumstatic.ru/files/001c/37/85/30073.png?v=1) top no-repeat;
    border-radius: 30px;
}

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

/*------ Значок активен-неактивен ------*/
.indOnline {
    display: block !important;
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(https://forumstatic.ru/files/001c/37/85/18462.png?v=1);
    box-sizing: border-box;
    margin-top: -39px !important;
    background-size: cover;
    margin-left: -34px !important;
}

.indOffline {
    display: block !important;
    position: absolute;
    width: 36px;
    height: 29px;
    box-sizing: border-box;
    margin-top: -24px !important;
    background-size: cover;
    margin-left: -45px!important;
}


/*------ Аватар пользователя ------*/
.pa-avatar {
    max-width: 230px;
    background: var(--pn);
    margin: -4px 0px 0px !important;
    text-align: center;
    padding-bottom: 1px !important;
    position: relative;
}


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

/*------ Поле ника пользователя ------*/
.pa-author {
    position: relative;
    padding: 0px 10px 5px 10px!important;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    width: 180px;
    font-family: var(--1ft);
    font-size: 23px;
    color: #3e5b88 !important;
    margin: 0px 15px 3px;
}


/*------ Ник-ссылка пользователя ------*/
.pa-author a {
    position: relative;
    z-index: 9999;
    font-family: inter;
    text-transform: lowercase;
    font-weight: 600;
    font-size: 17px !important;
    letter-spacing: 0px;
    color: #3e5b88 !important;
    transition: all .5s linear 0s !important;
}
.pa-author a:hover { 
   
}

/*------ Статус ------*/
li.pa-title {
            position: relative;
    width: 210px;
    background: var(--pn);
    z-index: 9;
    padding: 3px 10px 0px;
    margin: 0px 0px 0px !important;
    font-size: 10px;
    letter-spacing: 0.5px;
    color: #54493a;
    font-family: var(--2ft);
    text-transform: lowercase;
    text-align: center;
}

/*------ Сообщения, репутация, деньги и посты ------*/
.pa-posts, .pa-respect, .pa-fld2 {
    position: relative;
    color: #f9f9f9;
    width: 46px;
    display: inline-flex;
    text-transform: lowercase;
    font-size: 10px;
    text-align: center;
    margin: 0px 9px 17px;
    height: 17px;
    font-family: var(--2ft);
    flex-direction: column;
    align-items: center;
}


.pa-respect a:link, .pa-respect a:visited {
    color: #f3f3f3;
    text-transform: lowercase;
    font-size: 10px;
}





/*------ Внешность ------*/
.pa-fld1 {
    width: 210px !important;
    background: var(--pn);
    color: #3e5b88;
    padding: 0px 10px 3px 10px !important;
    letter-spacing: 0px;
    margin: 0px 0px 0px;
    text-align: center;
    font-size: 11px;
    font-family: var(--2ft);
    text-transform: lowercase;
}



.pa-reg, .pa-fld1 .fld-name, .pa-fld5 .fld-name, .pa-fld3 .fld-name, .pa-fld6 .fld-name, .pa-fld4 .fld-name, li.pa-awards .fld-name, li.pa-ip, .pa-author img, .pa-gifts, .pa-online {  display: none; }







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

.punbb .post-box { padding: 20px 5px;
    margin: 25px 5px 20px 20px !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: -193px;
    font-size: 10px;
    text-transform: lowercase;
    background: transparent;
    text-align: right;
    margin-right: 0px;
  }

.punbb .post-links li {
  display: inline;
    text-align: center;
    color: #4e5b72 !important;
    border-radius: 20px;
    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; }


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

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


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

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


#viewprofile ul {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
  }

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

#viewprofile li span {
float: left;
    width: 150px;
    font-family: var(--basicfont);
    text-transform: lowercase;
    margin-left: -212px;
    padding: 7px 30px;
  }

#viewprofile li strong, #viewprofile li div, #setmods dd {
 display: block;
    padding: 0.5em 1em;
    font-family: var(--basicfont);
    text-transform: lowercase;
    font-weight: normal;
    font-size: 12px;
}

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

#profile-left {
    width: 30%;
    text-align: center;
    padding-top: 0 !important;
}

.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-bottom: none; margin-bottom: 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}

/* ЛОГОТИП И ОПИСАНИЕ
===========================================*/
#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-navlinks { border: none; margin: 0;}
#pun-navlinks li { display: inline; padding-right: 0em; }

/*------ Бокс форумной навигации ------*/
#pun-navlinks .container {position: absolute;
    display: flex
;
    width: 980px;
    font-weight: normal;
    top: 7px;
    justify-content: center;
}


/*------ Ссылки форумной навигации ------*/
#pun-navlinks li a {
        color: #484848;
    display: inline-block;
    padding: 0px 10px 0px 10px !important;
    font-family: inter;
    font-size: 13px !important;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 18px;
    text-transform: lowercase;
    transition: all .5s linear 0s !important;
}
   
#pun-navlinks li a:hover {
     color: #676153;
     transition: width .3s ease-in-out;
}

/* КАЖДЫЙ ЭЛЕМЕНТ НАВИГАЦИИ ПО ФОРУМУ В ОТДЕЛЬНОСТИ
-------------------------------------------------------------*/
/* ФОРУМ */
#navindex { display: inline; padding-right: 1em; }

/* УЧАСТНИКИ */
#navuserlist { display: inline; padding-right: 1em; }

/* ПОИСК */
#navsearch { display: inline; padding-right: 1em; }

/* ПРОФИЛЬ */
#navprofile { display: inline; padding-right: 1em; }

/* СМС */
#navpm { display: inline; padding-right: 1em; }

/* ВЫХОД */
#navlogout { display: inline; padding-right: 1em; }

/* РЕГИСТРАЦИЯ */
#navregister { display: inline; padding-right: 1em; }

/* ВХОД */
#navlogin { display: inline; padding-right: 1em; }

/* ПИАР */
#navpr_1 { display: inline; padding-right: 1em; }

/* АМС */
#navadmin { display: inline; padding-right: 1em; }

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

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

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

#pun-ulinks  { border: 2px solid transparent; margin-bottom: 15px; }

/*------ Бокс пользовательской навигации ------*/
#pun-ulinks .container {
    position: absolute;
    display: flex
;
    width: 850px;
    padding: 0 !important;
    margin: 0px 62px 0px;
    font-weight: normal;
    top: 28px;
    justify-content: center;
}

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

#pun-ulinks a {
      font-size: 10px !important;
    transition: all 0.5s linear 0s;
    font-family: var(--2ft);
    text-transform: lowercase;
    padding: 0px 15px 0px 4px !important;
    color: #323232;
}

#pun-ulinks a:hover {
color: var(--cl9);
text-shadow: none;
}

#pun-ulinks li a { padding: 0 0 0 5px; }

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

#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: flex
;
    width: 970px;
    font-family: var(--2ft);
    font-size: 9px;
    color: #bebebe;
    text-transform: lowercase;
    left: -134px;
    top: -236px;
    justify-content: center;
}

#pun-status .container a { color: var(--acc4); font-family: var(--basicfont3); font-size: 11px!important; }

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

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




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

#pun-crumbs1 { overflow: hidden; margin-top: 25px; }

#pun-crumbs1 p.container {
   border-top: none;
    margin-top: 47px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    text-transform: lowercase;
    color: #414141;
}

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

#pun-crumbs2 .container {
  border-bottom: none;
    padding: 20px 0px 0px 0px;
    color: var(--cl9);
    font-size: 11px;
    text-transform: lowercase;
  }

/*------ Внешний вид------*/
#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: lowercase;
    font-size: 11px;
    font-weight: normal;
}

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


/* ОБЪЯВЛЕНИЕ
===========================================*/
#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-stats .container {
        position: relative;
    width: 917px;
    background: #e6e3e0;
    top: 20px;
    padding: 24px 0px 0px 0px;
    z-index: 9;
    margin: 0px 33px 0px;
    border: 1px solid #42424224;
    border-radius: 0px 0px 30px 30px;
}


#pun-stats .container strong {  font-weight: normal;  }
#pun-stats .container a {color: var(--cl9);font-size: 12px;text-transform: lowercase;}
#pun-stats .container a:hover { color: var(--cl7)  }

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



.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
    position: absolute;
    background: #404040;
    display: block;
    line-height: 13px;
    width: 250px;
    text-align: center !important;
    font-size: 10px !important;
    margin-left: 18px;
    color: #dadada;
    font-family: var(--2ft) !important;
    border-radius: 20px;
    text-transform: lowercase;
}

.statscon li.item1, .statscon li.item2, .statscon li.item3  {
    margin-top: -15px;
    width: 115px;
    padding: 0px 5px;
    }

.statscon li.item1 {left: 60px;}
.statscon li.item2 {left: 220px;}

.statscon li.item3 {left: 388px;}

.statscon li.item4 {margin-top: -15px;right: 77px;gap: 5px;padding: 0px 5px;display: flex;z-index: 1;justify-content: center;}
.statscon li.item4  a {font-family: var(--bft) !important;
    font-size: 12px !important;
    color: var(--cl) !important;}

.statscon li.item5 {
    display: block;
    width: 804px !important;
    padding: 5px 30px 6px;
    border-radius: 20px;
    margin: 0px 24px 0px;
    text-align: justify !important;
}

.statscon li.item5.users_24h {min-height: 40px; margin-bottom: 15px;}


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(--cl9);text-transform: lowercase;padding: 0px 0px 0px 0px;font-family: var(--2ft);margin-left: -5px;font-size: 12px;text-align: justify;}




/* РАЗНОЕ
===========================================*/
#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; }


/* ФОРМА ОТВЕТА В АДМИНКЕ
-------------------------------------------------------------*/
#pun-admain textarea {    width: 94%!important;}

#pun-title {border: none}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
font-size: 19px!important;
    text-align: center;
    color: #404b60;
    text-transform: uppercase;
}

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


/* ПРЯЧЕМ КНОПКУ ПОДЕЛИТЬСЯ
-------------------------------------------------------------*/
.topic a.sharelink { display: none; }


/* МАЛЕНЬКАЯ АВАТАРКА НА ГЛАВНОЙ В ПОДФОРУМАХ
===========================================*/

.punbb .user-avatar .avatar-image {    
   float: left;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.55 !important;
    border-radius: 50px !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: left;
    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;}

/* улучшить профиль
-------------------------------------------------------------*/
#pun-status .status-right { float: none !important;}


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

span.num_msg:before {
  top: 10px !important;
  background: #d8884b !important;
  margin-left: 0px !important;
}

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

.bubble:after {
    border-color: #d8884b transparent!important;
   
}

div#pun-ulinks .item9 {
    display: none;
}

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


/* РЕЙТИНГ ПОСТА
===========================================*/
div.post-rating a, div.post-vote a {
    font-size: 17px!important;
    text-decoration: none !important;
    margin-right: -10px !important;
}

/* КРУЖОК ОНЛАЙН НА ГЛАВНОЙ
===========================================*/
.punbb .user-avatar .isonline {
    display: block;
    position: absolute;
    top: -1px !important;
    right: 4px !important;
    background: #877754 !important;
    z-index: 100;
}

/* СВОЙ ЗНАЧОК В СПОЙЛЕРЕ
===========================================*/
.post-content .spoiler-box > div {
    background: none!important;
    cursor: pointer;
    padding-left: 0px!important;
}

.post-content .spoiler-box > div.visible {
margin-left: 0px!important;
background-image: none!important;
}

/* РАЗМЫТЫЙ ЗАЧЕРКНУТЫЙ ШРИФТ
===========================================*/
.punbb .post-content del { text-decoration: none; filter: blur(2px); }

.punbb .post-content del:hover { filter: blur(0px); }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { background: #efefef!important;
    border-radius: 20px; }

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

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

/* НАСТРОЙКИ АДМИН МЕНЮ
===========================================*/
.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 {
font-size: 12px!important;
}

.adformal h2, #pun-adnav h2 {
    padding: 0.5em 1em;
    border-style: none solid solid none;
    border-width: 0 1px 1px 0;
    background-color: #dedfdf !important;
    color: #454545!important;
}

#pun-admain .adcontainer .tcl {
    border-left-style: none;
    border-left-width: 0;
    font-size: 12px!important;
}

#pun-admain .adcontainer td {
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    padding: 0.8em 1em;
    font-size: 12px!important;
    border-color: #ddd;
}

#pun-adnav h2 {
    padding: 0.5em 1em;
    margin-left: 2px!important;
}

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


/* УДАЛЯЕМ ССЫЛКИ НА СОЦ СЕТИ В АДМИН МЕНЮ
===========================================*/
.admin-advert-block {
    display: none;
}

/* ЗАГРУЗКА ИЗОБРАЖЕНИЙ ПРОГРЕСС
===========================================*/
.uploadProgressBar {
    background: #e8cd85 !important;
}

/* ОФОРМЛЕНИЕ СТИКЕРОВ
===========================================*/
.hvStickerPackModal {
    width: 423px!important;
    height: 371px!important;
    background: #eeeeee!important;
    border: none!important;
    border-radius: 0px!important;
    bottom: -436px!important;
    left: 627px!important;
}

.hvStickerPackModalContent {
    display: flex;
    flex-wrap: wrap!important;
    overflow-x: hidden;
    overflow-y: auto;
    justify-content: space-between!important;
    border: 1px solid #d79860 !important;
    background: #f3f3f3;
    box-shadow: 0 0 0 1px inset #d79860, 0 0 0 1px #d79860, 0 0 10px inset #d79860;
    max-height: 294px!important;
    border-radius: 0px !important;
}

.hvStickerPackModalTab {
    padding: 0px 5px 1px 5px !important;
    border-radius: 0px!important;
    font-size: 12px!important;
    background: #e8cd85!important;
    color: var(--acc-3)!important;
    border: 1px solid #e8cd85;
    text-transform: lowercase!important;
    font-family: var(--bft) !important;
    margin-right: 6px!important;
    transition: all 0.5s ease 0s;
}

.hvStickerPackModalTab:hover {
    color: #efefef!important;
    background: #eddeb7!important;
    border: 1px solid #eddeb7!important;
    cursor: pointer!important;
    transition: all 0.5s ease 0s;
  }

.hvStickerPackModalInput {
    background: #eeeeee!important;
    border-radius: 0px!important;
    border: 1px solid #7fcbc4!important;
}

.hvStickerPackModalAddButton {
    border-radius: 0px!important;
    color: var(--acc-3)!important;
    background: rgb(232 205 133 / 65%)!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(--osnlink)!important;
    font-family: var(--bft) !important;
    background: #efefef!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(--bft) !important;
    color: var(--cl7);
    line-height: 34px;
    position: relative;
}

/* ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
===========================================*/
#tooltip {
   position:absolute;
   font-size: 10px !important;
   background: var(--cl7);
   color: var(--cl);
    text-transform: uppercase;
   border-radius: 20px!important;
   font-family: 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(--bft) !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(--bft) !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; } 

/* РЕГУЛИРОВКА РАЗМЕРА ШРИФТА В ПОСТАХ 
===========================================*/
.FNTslider {
    position: relative;
    z-index: 1000;
    border: 1px solid var(--cl9);
    background: var(--pn);
    width: 110px;
    height: 6px;
    margin: -3px 0px!important;
    float: right;
    margin-right: 270px!important;
    }

 .FNTslider .before {
    height: 6px;
    border-right: none 0;
    position: absolute;
    background: var(--cl7);
    margin-top: 0px!important;
} 

.FNTslider .thumb {
    width: 5px;
    height: 10px;
    left: 20px!important;
    position: relative;
    top: -3px;
    border: 1px solid var(--cl9);
    background: var(--cl7);
    cursor: pointer;
    }


#stylelist {position: absolute;display: flex;gap: 8px;z-index: 10000;top: 46px;margin: 0;padding: 0;list-style-type: none;right: 545px;}

#stylelist a {display: block;display: flex;width: 25px;background: var(--cl7);height: 25px;font-size: 0px;margin-bottom: 22px;position: relative;}


#stylelist [data="day"] a {background: url(https://forumstatic.ru/files/001c/36/53/42690.png);}
#stylelist [data="night"] a {background: url(https://forumstatic.ru/files/001c/36/53/64145.png);}

#stylelist li.active a::before {content: '';font-size: 12px;border-radius: 50px;font-family: Material Icons;color: var(--cl4);display: flex;align-items: center;justify-content: center;position: absolute;background: var(--cl7);top: 4px;left: 4px;}


/* ------------------------ ЗАКЛАДКА ---------------------------*/
#BookmCntToggle.default-style {
    color: rgb(216 136 75) !important;
}

body #MyBookmarks>h2 {
    background: rgb(216 136 75);
    margin: 0px 0px -2px;
    color: rgb(249 249 249);
    font-family: var(--acft)!important;
    font-size: 16px!important;
    border-radius: 0px;
    border: 0px rgb(29 39 54);
    text-shadow: none !important;
}

body #MyBookmarks .container {
    background: rgb(249 249 249 / 85%) !important;
}

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

.post .bookmark {
    width: 30px;
    height: 16px;
    position: absolute;
    color: rgb(216 136 75) !important;
    background: currentColor;
    opacity: .8;
    transition: .1s ease;
    right: -7px!important;
    z-index: 999;
}

/* ------------------------ БЫСТРЫЕ ПЛЮСЫ ---------------------------*/
.NoComments {float: right;margin-right: 1px;margin-top: 4px;cursor: pointer;position: relative;z-index: 100;opacity: 0.5;}

.NoComments:before {
    position: relative;
    font-family: 'Material Icons';
    font-size: 18px;
    color: #6789b7;
    top: -2px;
    content: '\e87d';
    }

.NoComments:hover { opacity: 1; transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; }