/* импорты стилей */
  @import url(style_cs.1763926904.css);
  @import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');


:root {
    --base-bg: url(https://upforme.ru/uploads/0013/90/09/2/764304.jpg);
    --base-bg2: #cac9c2;
    --text: #35353b;
    --sec-text: #454549;
    --accent: #404270;
    --sec-accent: #8d7d46;  /*#8f7e56;*/
    --navi-link: #bebcb2;
    --navi-link-hov: #e2c491;
   /* --main-font: auge;
    --strong-font: auge-b;
    --sec-font: el messiri; */
    --head: url(https://forumstatic.ru/files/001c/84/ca/54226.webp);
    --profile-bg: url(https://forumstatic.ru/files/001c/84/ca/45933.webp?v=1);
    --quote: #c4c3bb;
    --bord: #bbbab1;
    --cat-fon: url(https://forumstatic.ru/files/001c/84/ca/42938.webp);
    --tab-text: #eeecdf;
    --cfoot: url(https://forumstatic.ru/files/001c/84/ca/91075.webp);
    --navi-bg: url(https://forumstatic.ru/files/001c/84/ca/85259.webp?v=1);
   /* --dark-bord: #3b3e60;*/
    --dark-bord: rgba(59, 62, 96, 0.7);
    --tab-pl: #282828;
    --podf: url(https://upforme.ru/uploads/001c/52/68/40/748432.jpg);
    --plash-tab: #201e34;
}


/* НЕ ТРОГАТЬ -------------------------------------------------------------*/
.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 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, 
#pun-title h1,
#pun-announcement h2
{font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden}

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}



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


html {background: #462a3e url(https://upforme.ru/uploads/0013/90/09/2/764304.jpg); overflow-x:hidden;}

/* тело форума общее*/ body {font: 11px verdana; color: #2c2b2b;
     margin: 0 auto !important;
    background: #dddddd  url(https://upforme.ru/uploads/0013/90/09/2/885110.jpg);
    width: 1100px;
padding-right:0!important;
}


div#pun-announcement {text-align: left; margin: 0 auto; position: absolute; top: 0;}

/* тело форума внутрянка*/ 
#pun {
width: 1020px; 
position: relative;
margin: auto;}

/* ссылки на всём форуме*/ .punbb a {text-decoration: none; color: #8a662d;}

/* общие отступы */
.punbb .section, .punbb .main { margin-bottom: 0px;}

/* футер */
div#pun-about {
    background: url(https://upforme.ru/uploads/001c/94/f9/2/589582.png);
    height: 174px; width: 1100px; margin-left: -40px;
}

div#html-footer {margin: -50px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: -80px;} /* чем больше значение, тем выше низ */


/*************************************************************
ШАПКА ФОРУМА
**************************************************************/


#pun-title {background: url(https://upforme.ru/uploads/0013/90/09/2/316393.jpg);
    height: 412px;
    width: 1100px;
    margin-left: -40px;
margin-top: 48px;}



/*************************************************************
КАТЕГОРИИ
**************************************************************/
/* отступ категорий */ .punbb .category, {margin-top: 9px;}
/* отсутствие отступа перед 1 категорией */ .punbb #pun-category1, {margin-top: 0;}


/* убираем название форум, тем, сообщений */
.category thead{
    display: none;
}

#pun th {font-size: 0px;}

#pun-index h2 {
    font-size: 0px;
    background: url(https://upforme.ru/uploads/0013/90/09/2/111042.jpg);
    background-repeat: no-repeat;
    width: 1100px;
    height: 73px;
    margin-left: -40px;
    text-align: center;}


/* ЗАГОЛОВКИ НА ФОРУМЕ */ 
.punbb h1, .punbb h2, .punbb table, .punbb th {font-size: 10px; font-weight: normal; padding: 5px 10px;}
.punbb h3, .punbb h4 {    font-family: calibri;
    font-size: 8pt;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;}


/* отображение модераторов на главной странице */
.punbb td .modlist {
  display: block;
  padding-top: 5px
  }



/*************************************************************
РАЗНОЕ
**************************************************************/

/* ПЕРЕАДРЕСАДИЦИЯ */
#pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none;}


#pun-redirect {
    border: 0 none !important;
    background: #462a3e url(https://upforme.ru/uploads/0013/90/09/2/764304.jpg) fixed repeat top center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0px;
    padding: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    text-align: center;
}


#pun-redirect.punbb .info .container {
margin-top: 15%;
    display: inline-block;
    width: 450px;
    height: 50px;
    background-repeat: no-repeat;
    font-family: calibri;
    font-size: 12px;
    padding: 3px 10px;
    background: #e7e4e4;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #3c2836;
    padding: 20px 0px 20px 0px;
}


/* СТРАНИЦА РЕГИСТРАЦИИ */
.punbb .info-box { padding: 10px; margin: 0 0 8px 0;}
.punbb .info-box * {padding: 0 0 6px 0;}
/* заголовок */ .punbb #pun-main .info-box .legend {font-size: 11px; font-weight: bold;}



 /* ЦИТАТЫ И КОДЫ
-------------------------------------------------------------*/

/* текст в теге кода */ .punbb pre {font-size: 11px; font-family: arial; line-height: 11px;}
/* контент в коде */ .punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden; margin: 10px 15px !important;}
/* скролл у кода, можно задать высоту блока*/ .punbb .post-content .scrollbox {width: 100%; overflow: auto;}

/* бокс кода*/
 .punbb .post-content .code-box {
    margin: 6px 10px 6px 10px;
    padding: 6px;
    border: 1px solid #ddd2e1;
    background: #e7e4e4;
    border-radius: 8px;
  }

/* бокс цитаты*/


.punbb .post-content .quote-box {
    margin: 6px 10px 6px 10px;
    padding: 6px;
    border: 1px solid #ddd2e1;
    background: #e7e4e4;
    border-radius: 8px;
    color: #4c4949;
    font-size: 9.5pt;
    letter-spacing: 0.1px;
    font-family: calibri;
  }

/* заголовок цитат */
.punbb .quote-box cite {
display: block;
    padding: 3px 12px;
    font-style: normal;
    background: #d9d6d6;
    border-radius: 4px;
    border: 1px solid #d3d2d2;
    font-family: calibri;
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #48343f !important;
  }

/* заголовок кодов */
.punbb .code-box strong.legend {
display: block;
    padding: 3px 15px;
    font-family: calibri;
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    font-weight: 600;
    background: #d9d6d6;
  }





/* ПАГИНАЦИЯ
-------------------------------------------------------------*/

/* пагинация общее ВЕРХНЕЕ, шрифт и т.д. */
.punbb .linkst {position: relative; height: 0;}

/* расстояние между пагинацией и рекламой форума */
.multipage {margin-top: 70px;}

/* нумерация страниц */
.linkst .pagelink {    position: absolute;
    top: -35px;
    left: 10px;
    font-size: 7pt;
   /* background: #0b0203; */
    color: #9a88a2;
    font-family: calibri;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
}

.postlink.long .new-topic a {color: #a99155;}
.postlink.long span.new-poll a {color: #a99155;}
.postlink.long {text-align: center;}

/* новая тема, новый опрос */
.linkst .postlink {position: absolute; top: -40px; right: 10px; text-align: center; font-weight: bold;     font-size: 7pt;
    /*background: #0b0203; */
    color: #9a88a2;
    font-family: calibri;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;}



/* пагинация общее НИЖНЕЕ, шрифт и т.д. */
.punbb .linksb {text-align: right; padding: 4px 10px;}

/* нумерация страниц */
.linksb .pagelink {
   float: left; 
   text-align: left; 
   /* font-size: 7pt; */
    /* background: #0b0203; */
    color: #9a88a2;
    font-family: calibri;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;}

/* новая тема, новый опрос */
.linksb .postlink {
    float: right; 
    font-weight: bold; 
    /* font-size: 7pt; 
    background: #0b0203; */
    color: #9a88a2;
    font-family: calibri;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;}



.subscribelink {clear:both; padding: 5px 0;}



/*************************************************************
ФОРМЫ
**************************************************************/

/* таблицы форума */ .punbb .main table {table-layout: fixed;width: 100%;}
/* списки */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {list-style: none;}
/* выпадающие списки */ 
.punbb input, .punbb select, .punbb optgroup {
   font: 10pt calibri;
    color: #383636;
    letter-spacing: .2px;
    text-transform: lowercase;
    background: #dddddd;
    border: 1px solid #cbc7c7;
    border-radius: 8px;}

/* радио и чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 6px;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em; vertical-align: middle;}

/* форма ответа */ .punbb textarea {font: 13px verdana; background: #edeaea;
    border: 1px solid #cbc9c9;}


/* контейнер формы ОБЩЕЕ */
.punbb .formal .container {padding: 10px 20px;}

.punbb .formsubmit {
  padding: 0 0 0 15px;
  margin: 10px 0 0 0;
  }

/* кнопки ответа "отправить" */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 10px 0 0;
}

.button {
 transition: all 0.5s ease-in-out 0s;
  cursor: pointer;
  letter-spacing: 0;
}

input.button.submit:hover, input.button.preview:hover {
background-color: #d7ad74; !important;
  border: none !important;
}

/* блоки в профиле, где имя email, подпись и т.д. */
.punbb fieldset {border: none; padding: 0 18px 0 18px; margin: 0 0 10px 0}

/* надписи в профиле у блоков */
.punbb fieldset legend {padding: 0; text-align: center;}
.punbb fieldset legend span {    padding: 3px 15px;
    border-radius: 8px;
    background: #d9d6d6;
    border: 1px solid #cbcbcb;
    font-size: 8pt;
    letter-spacing: .5px;
    font-family: calibri;}


.punbb fieldset fieldset {border-style: none; margin: 0;padding: 0 0 8px 0}
.punbb .fs-box {padding: 3px 0;}

.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 8px 0}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 10px;}
.punbb .inline .infofield {clear:both}
.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 120px 0 0; height: 100%; /* For IE */}

.punbb textarea, .punbb .longinput input {width: 64%;margin: 0;}
.punbb .hashelp {position: relative;}




/*************************************************************
ТАБЛИЦЫ
**************************************************************/

.punbb .main td {    padding: 10px 20px 20px 20px;
    font-size: 12px;}
.punbb .forum {   background: #d9d6d6;
    border-radius: 4px;
    border: 1px solid #d3d2d2;}

.punbb .main th {padding: 4px 10px;}


/* тем и сообщений */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* последнее сообщение */
.punbb .main .tcr {
overflow: hidden;
    width: 30%;
    font-size: 6pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #796c7c;
  }

.punbb .main .tcr a{
font-family: calibri;
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #814666 !important;
  }

.punbb .main .tcr a.lastpost-link {font-size: 8pt;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-right: 0.3rem;
    font-weight: 600;}


/* модерация, юзерлист, поиск */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {width: 40%}  /*ставится на 10% меньше, чем ширина оформление подфорумов*/

/* при поиске вместо колонки тем, ширину ставить больше чем колонка тем и сообщений */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 { text-align: left;width: 20%;}



/*************************************************************
ПОДФОРУМЫ
**************************************************************/


/* 1 ячейка на главной странице "оформление подфорумов" */
.punbb .main .tcl {  overflow: hidden;    /*убрать если будем выдвигать иконку за пределы блока подфорума*/
  width: 55%;
  }


/* НАЗВАНИЕ ПОДФОРУМОВ */
#pun-index .tcl h3 a { 
font-family: calibri;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10pt;
margin-bottom: 2px;
color: #8a662d !important;
  }


#pun-index .category tr {
    display: block;
    background: #d9d6d6;
    margin-bottom: 25px !important;
    border-radius: 4px;
    border: 1px solid #d3d2d2;
    color: #656565;
    font-family: calibri;
 /*   text-align: justify; */
    font-size: 8pt;
    letter-spacing: 1px;
padding-bottom: 10px;
}


/* иконки */
.punbb tbody.hasicon tr.altstyle {font-size: 10px;}


.punbb div.icon {
position: absolute;
    width: 42px;
    height: 55px;
    margin-left: -30px;
  }


Div.icon {
background-image : url(https://upforme.ru/uploads/001c/94/f9/2/355559.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(https://upforme.ru/uploads/0013/90/09/2/902566.png);
background-repeat: no-repeat;
}

.punbb div.tclcon {padding-left: 25px; width: 485px;}


/*************************************************************
СТРАНИЦА С ТЕМАМИ
**************************************************************/

.intd {display: flex;
    align-items: center;
}

.tclcon-links {
    margin-top: 15px !important;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.tclcon-links a {
background: #0b0203;
    color: #c5ae91 !important;
    padding: 0px 7px 1px 7px;
    border-radius: 8px;
    letter-spacing: 1px;
    font-family: calibri;
    font-size: 6pt;
    text-transform: uppercase;
    line-height: 10px;
font-weight: 600;
}

.multipage h1 {display: none;}

.multipage>div>div>table:not(.table_GamePosts)>tbody>tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 950px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 25px;
    text-transform: lowercase;
}



span.byuser-username{
margin-left: -4px;
    font-family: calibri;
    font-size: 6pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #6e6e6e;
}

.punbb div.tclcon span.byuser-username {
    font-family: calibri;
    font-size: 6pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #6e6e6e;
    margin-left: -3px;
}

.multipage>div>div>table:not(.table_GamePosts)>tbody>tr > td.tcl > div > div.tclcon > a 
{
font-family: calibri;
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #814666 !important;
font-weight: 600;
}

.multipage>div>div>table:not(.table_GamePosts)>tbody>tr > td.tc2
{
font-family: calibri;
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.multipage>div>div>table:not(.table_GamePosts)>tbody>tr > td.tc3
{
font-family: calibri;
    font-size: 7pt;
    text-transform: uppercase;
    letter-spacing: 1px;
}




/*************************************************************
ПОСТЫ
**************************************************************/

/* отступ между постами */ .punbb .post {margin-top: 10px;}
/* первый пост без отступов */.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}
/* отступ перед "обзор темы" в предпросмотре соо*/ #pun-post .topic {margin-top: 10px;}
/* контент в рамках сообщения оставить */.punbb .post-content {overflow: hidden;}
/* абзацы в постах */ .punbb .post-content p {margin: 0; padding: 0 0 12px 0; line-height: 150%;}
/* вертикальное выравнивание изображений в постах */ .punbb .post-content img {vertical-align: text-bottom}
/* изображения загруженные через тег */ .punbb .post-content img.postimg {vertical-align: middle;}

/* оформление подписи */
.punbb .post-sig dt, .punbb .post-sig dl, .punbb .post-sig dd {display: block; margin: 5px 0;}
.punbb .post-sig dt {display: block; }


.reactions-container {display: none!important;}


/* контейнер в котором находятся посты */
.punbb .post .container { }
.punbb .post-body {
  margin-left: 240px; /* размер выставляем как ширина профиля */
  }

/*контейнер поста в личных сообщениях */
.punbb fieldset .post-box {margin-bottom: 8px}

/* контейнер внутри тела поста, где пишется сам текст*/
.punbb .post-box {padding: 30px;}


/* меню над постом: время, поделиться, нумерация постов */
.punbb .post h3 { border: 1px solid #d1cfcf;
    padding: 2px 10px 2px 10px;
    border-radius: 4px; 
margin-top: 30px;}
.punbb .post h3 span {
  padding: 0px;
  display: block;
  margin-left: 0px; /* двигаем дату поста вправо */
  }

/* номер поста */
.punbb .post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
  }



/* блок профиля в посте, контейнер */
.punbb .post .post-author {
    float: left;
    width: 240px;
    margin-top: 25px;
    margin-right: 15px;
    background: #47384e;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    padding-bottom: 0px;
  }


#pun-main .post-author ul {
    text-align: center;
}

.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 140%;
    width: 240px;
    margin-left: -40px;
  }



/* блок с именем игрока */
.pa-author {
font-size: 11pt;
    font-weight: bold;
    background: #57445f;
    width: 230px;
    margin-left: 4px;
    border-radius: 8px;
    font-family: calibri;
    margin-top: -22px;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
    border: 1px solid #6b5773;
    margin-bottom: 5px;
}

/* имя игрока, здесь можно задать цвет ника */
.pa-author a {
color: #d7ad74!important;
  }


li.pa-fld2 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}


li.pa-gifts {
    display: none;
}

.lzname a {color: #d7ad74!important;}

.lzname {
    color: #d7ad74;
 /*   font-size: 10pt; */
    font-family: calibri;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 600;
    background: #0b0203;
    padding: 3px 10px 1px 10px;
    position: absolute;
    border-radius: 8px;
    margin-top: 2px;
}

.lzinfo {
    background: #57445f;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 8pt;
    font-family: calibri;
    color: #cfcdcf;
    padding: 12px 30px 8px 30px;
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 12px;
}


.pa-fld3 {
    display: flex;
    justify-content: center;
    align-items: center;
}


.wrapl {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    text-align: center;
}

.wrapl li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0px; /* регулируй отступы между элементами */
}

.pa-fld4 {
   position: absolute;
    z-index: 9999;
    top: 38px;
    left: 32px;
}


.plashtex {
    position: relative;
    width: 205px;
    margin-top: 0;
    text-align: center;
    height: 39px;
    margin: 1px 0px 5px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
background: #605664;
    border-radius: 8px;
}

.plashtex div {
    position: relative;
    width: 205px;
    height: 39px;
}

bq, sq {
   display: block;
}

.plashtex span {
    position: absolute;
    width: 205px !important;
    height: 39px !important;
    align-content: center;
    /* background: #0b0203; */
    background-color: rgba(0, 0, 0, 0.3); /* полупрозрачность фона для текста на плашке */
    font-size: 6pt;
    font-family: calibri;
    color: #f1e9df;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px;
   /* display: flex;*/
   /* flex-direction: column;
    gap: 10px;*/
   /* padding: 2px 10px 2px 10px; */
}


.plashtex div img {
    mix-blend-mode: luminosity;
    width: 205px;
    border-radius: 8px;
    background: #57445f;
    position: relative;
    height: 39px;
    vertical-align: text-bottom !important;
}


/* fld1 */
.pa-fld1 {
    width: 238px;
    height: 200px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #26253e 100%);
    -webkit-mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #282540 100%);
    overflow: hidden;
    filter: grayscale(.4);
    border-radius: 8px;
}

.pa-fld1:before {
    content: "";
    display: block;
background: #47384e;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: color;
}

.pa-fld1 img {
    vertical-align: text-bottom !important;
}

/* статус игрока */
li.pa-title {
    padding-bottom: 18px;
    font-weight: bold;
    font-size: 6pt;
    text-transform: uppercase;
    font-family: calibri;
    letter-spacing: 1px;
    color: #e7e4e4;
  }

/* блок со строчкой "активен" */
li.pa-online {
text-align: center;
    margin-top: 10px;
    font-size: 7pt;
    font-family: calibri;
    color: #7d6e85;
    text-transform: lowercase;
    letter-spacing: 0.5px;
  }


li.pa-avatar.item2 img {
background: #755b72;
    padding: 2px;
}



.pa-respect .fld-name a::before, .gid3 .pa-respect .fld-name::before, .pa-posts .fld-name a::before, .pa-posts .fld-name::before, .pa-fld2 .fld-name a::before, .pa-fld2 .fld-name::before, .pa-fld1 .fld-name a::before, .pa-fld1 .fld-name::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
text-align: center;
}
.pa-respect .fld-name a::before, .gid3 .pa-respect .fld-name::before {
    background-size: cover;
    background: url(https://upforme.ru/uploads/0013/90/09/2/691504.png) 100% 100% no-repeat;
}

.pa-posts .fld-name a::before, .pa-posts .fld-name::before {
    background-size: cover;
    background: url(https://upforme.ru/uploads/0013/90/09/2/973954.png) 100% 100% no-repeat;
}

/*li.pa-posts {
    margin-left: -43px;
}*/


.profdop {
    line-height: 20px;
    display: inline-block;
}

.profdopmon {
    line-height: 20px;
    display: inline-block;
}

.pa-respect a img {
    display: none;
}


.pa-posts, .pa-respect, .pa-fld6, .pa-fld5
 {
    display: inline-block;
    width: 30px;
    margin-top: 15px !important;
    padding: 0px 13px 0px 7px !important;
    color: #cdc9b9;
    font-size: 11px;
    font-family: calibri;
line-height: 27px;
}



.pa-respect .fld-name, .pa-posts .fld-name, .pa-fld5 .fld-name {
    font-size: 0;
    display: flex;
    height: 12px;
    text-align: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 0px;
    align-items: flex-start;
}


.pr145 {
    display: flex;
    gap: 30px;
    margin-top: -28px;
    margin-left: 8px;
    position: absolute;
}


/* меню под постом, где профиль, лс, редактировать, удалить и т.д. */
.punbb .post-links {
  margin-left: 190px;
  }

.punbb .post-links ul {
  padding: 0 10px 0 0;
  line-height: 20px;
  margin-left: -190px;
  text-align: right;
  }

.punbb .post-links li {display: inline; padding-left: 10px;}
.pl-email, .pl-website {float: left;}
.punbb .clearer {clear: both;height: 0;font-size: 0;}


.punbb .post-links ul li a {
color: #47384e; 
font-weight: 400;
font-size: 8pt;
}

.punbb .post-links ul li {
    /*background: #0b0203; */
    font-family: calibri;
    letter-spacing: 0px;
    padding: 3px 5px 3px 5px;
    margin-left: 0px;
    border-radius: 8px;
  /*  text-transform: uppercase; */
}


/* МОДЕРАТОРСКОЕ МЕНЮ
-------------------------------------------------------------*/

/* сам контейнер */
.punbb .modmenu .container {padding: 5px 10px;
    text-align: right;
    font-size: 10px;
    background: #d9d6d6;
    border: 1px solid #d3d2d2;
    border-radius: 5px;
    font-family: calibri;
    letter-spacing: 0.3px;;}
.punbb .modmenu strong, .punbb .modmenu a {height: 18px; line-height: 18px;}
.punbb .modmenu .container strong {float: left;}
.punbb .modmenu input {margin-left: 10px;}


/* СОО ОБ ОШИБКАХ
-------------------------------------------------------------*/

.punbb .info .container {padding: 8px 10px}
.punbb .info .container .backlink {padding-top: 8px;}


/* ПРОФИЛЬ И ЛС
-------------------------------------------------------------*/

/* контейнер профиля */
#profile .container {padding-left: 186px;}

/* навигация в профиле */
#profilenav {float: left;
  width: 140px;
  margin-left: -163px;
  }

#profilenav li {padding-bottom: 10px; font-weight: bold;}


/* блок с самими ссылками */
#viewprofile ul, #profilenav ul {
padding: 10px 0px 5px 10px;
    margin: 0 0 10px 0;
    background: #d9d6d6;
    border: 1px solid #cbcbcb;
  }

/* заголовок */
#viewprofile h2, #profilenav h2 {
  padding: 0;
  margin: 0;
    margin-bottom: 10px;
  }


/* в профиле управление, выбор подфорумов для назначения модератора на них */
#setmods dl {padding: 0 0 0 100px;}

#viewprofile li {padding: 0 0 0 240px;}


#viewprofile li span {float: left;
width: 200px; /* ширина строчки в профиле зарегистрирован, приглашений, провёл на форуме и т.д. */
margin-left: -160px; 
padding: 5px 1px; 
font-weight: bold;}

#setmods dt {float: left; width: 140px; margin-left: -160px; padding: 8px 1px; font-weight: bold; display: inline;}
#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 5px 10px;}

/* аватарка в профиле */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* СПИСОК ИГРОКОВ
-------------------------------------------------------------*/

/* общий контейнер */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}

/* контейнер со списком игроков */
#pun-userlist .usertable .container {
  padding: 5px;
  }



/* МЕНЮШКА ФОРУМ, УЧАСТНИКИ, ПОИСК И Т,Д
-------------------------------------------------------------*/

/* контейнер с меню */
#pun-navlinks .container {
  margin: 0;
  padding: 7px 10px;
  text-align: center;
margin-top: -37px;
  }

/* расположение каждого пункта меню */
#pun-navlinks li {
display: inline;
    padding: 2px 14px 2px 14px;
    background: #0b0203;
    border-radius: 8px;
    margin-right: 24px;
  }

/* шрифт навигации */
#pun-navlinks li a {
font-size: 9pt;
    font-family: calibri;
    text-transform: uppercase;
    color: #9a88a2;
    font-weight: 600;
  }

#pun-navlinks li a:hover {
    color: #a99155;
  }



/* ЮЗЕР МЕНЮ АКТИВНЫЕ ТЕМЫ, ОТВЕТЫ И Т.Д.
-------------------------------------------------------------*/

#pun-ulinks {
    display: flex;
    justify-content: center;
}


/* контейнер с меню */#pun-ulinks .container {
padding: 3px 10px;
    background: #e7e4e4;
    width: 80%;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #ddd2e1;
}
/* расположение пунктов меню */ #pun-ulinks li {display: inline; padding: 0 3px 0 6px;}

/* шрифт навигации */
#pun-ulinks li a {
color: #615a5b;
    font-size: 6pt;
    font-family: calibri;
    text-transform: uppercase;
    font-weight: 600;
}

#pun-ulinks li a:hover {
color: #b9afb0;
}


/* ПРИВЕТСТВИЕ
-------------------------------------------------------------*/

#pun-status {
    display: flex;
    justify-content: center;
}

/* приветствие гостя, контейнер */
#pun-status .container {padding: 5px 23px 5px 23px;
    margin-bottom: 0;
    position: absolute;
    top: -45px;
    color: #a291a8;
    text-align: center;
    text-transform: uppercase;
    font-size: 7pt;
    font-family: calibri;
    font-weight: 600;
    letter-spacing: 2px;
    background: #0b0203;
    border-radius: 8px;}


/* распределение текста в статусе */
#pun-status span {white-space: nowrap; margin-right: 5px;}



/* СТАТИСТИКА
-------------------------------------------------------------*/

/* контейнер общий */
#pun-stats .container {    padding: 8px 10px;
    font-family: calibri;
    font-size: 8pt;
    font-weight: 600;
    color: #686767;
}

/* всего тем, всего сообщений */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;}


/* зарегистрированных, последний зарегистрированный */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}


/* контейнер, кто онлайн под статистикой */
li#onlinelist {
margin-top: 10px;
float: left;
line-height: 130%;
  }

/* внутрянка контейнера, кто онлайн под статистикой */
li#onlinelist div {padding: 7px 0 0 0;}



/* РЕКЛАМА ОТ СЕРВАКА!!! НЕ ТРОГАТЬ!!!!!
-------------------------------------------------------------*/
#pun-about .container {text-align: center; line-height: 150%;padding: 0px;}



/* ХЛЕБНЫЕ КРОШКИ 
-------------------------------------------------------------*/

#pun-crumbs1 {font-weight: bold; font-family: calibri;}
#pun-crumbs2 {font-weight: bold;margin-bottom: 0; font-family: calibri;}

/* внутрянка контейнера */
#pun-crumbs1 p.container {margin-top: 0; padding: 10px 10px 8px 10px; font-size: 11px; text-align: center;}
#pun-crumbs2 .container {padding: 8px 10px;font-size: 11px;     text-align: center;}


/* убрать границы у таблицы в bb кодах -------------------------------------------------------------*/
.post-content td {border:none transparent !important;}

/* СКРОЛЛ */
::-webkit-scrollbar {
    width: 8px;
    height: 6px;}

/* задний фон трека */
::-webkit-scrollbar-track {
    background: #796c7c;
}

/* двигающийся ползунок */
::-webkit-scrollbar-thumb {
background: #968899 !important;
}

/* двигающийся ползунок при нажатии */
::-webkit-scrollbar-thumb:active {
background: #968899 !important;}






/* иконки вверх вниз
-------------------------------------------------------------*/
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
z-index:9999;
cursor:pointer;
margin-bottom:60px; 
height:128px; 
}
.go-up {
bottom:260px; /*положение от низа окна браузера верхняя кнопка*/
    margin-left: 1099px !important;
}
.go-down {
    bottom: 150px;
    margin-left: 1099px !important;
}
.go-down:hover,.go-up:hover {
opacity:1;
}



.lastedit {display:none}
#tags .container {
    margin-left: -5px;
    top: 43px;
    z-index: 2;
    background: #e7e4e4;
    border-radius: 4px;
    border: 1px solid #bfbaba;
}




#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
    background: #e7e4e4;
    padding: 10px;
}




.reaction-picker {display: none;}
#profile-right {width: 550px !important;}
#profile-left {width: 240px !important; padding-top: 0 !important;
    background: #e7e4e4;
    border: 1px solid #d7d7d7 !important;
    border-radius: 15px;
    position: relative;
    left: -15px;}
#viewprofile td {overflow: revert !important;}
#profile-right li#pa-fld1 {margin-bottom: 15px;}

#profile-right li#pa-fld1, #profile-right li#pa-fld3, #profile-right li#pa-fld5 {
display: none;
}


td#profile-right {
border-radius: 15px;
    background: #e7e4e4;
    border: 1px solid #d7d7d7 !important;
    padding: 25px 10px !important;
    font-size: 10px;
    font-family: calibri;
}


li#profile-name strong {
font-size: 8pt;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-family: calibri;
    letter-spacing: 1px;
    color: #69516a !important;
    text-align: center;
}

li#profile-title strong {
color: #858187;
    font-size: 10px;
    font-family: calibri;
    letter-spacing: 0.5px;
    text-align: center !important;
    margin-left: 6px;
    margin-top: -5px;
}

td#profile-left li#pa-avatar {
    text-align: center;
}

#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal !important;
}

td#profile-left li#pa-avatar img {
background: #d7d7d7;
    padding: 3px;
}

td#profile-left li#pa-online strong {
    color: #858187;
    text-transform: lowercase;
    font-size: 8pt;
    font-family: calibri;
    text-align: center;
}

td#profile-left li#pa-edit a {
color: #ccbcd3;
    text-align: center !important;
    font-size: 7pt;
    font-family: calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #0b0203;
    padding: 1px 35px 1px 35px;
    border-radius: 8px;
}

td#profile-left li#pa-edit { text-align: center;}

span.num_msg {background: #94839c !important; margin-top: -15px !important;
    margin-left: 0px !important;}
span.num_msg:before {background: #94839c !important;}
.bubble {background: #94839c !important;}
.bubble:after {border-color: #94839c transparent !important;}



.adformal h2, #pun-adnav h2 {    padding: 0.5em 1em;
    background-color: #e7e4e4 !important;
    color: #616068 !important;
    margin-bottom: 10px;
    border: 1px solid #ddd2e1 !important;
    border-radius: 8px !important;
    font-family: calibri;}


.adcontainer {
background-color: #e7e4e4;
    border: 1px solid #ddd2e1 !important;
    border-radius: 8px;
}

#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {margin-top: 10px !important;}

.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {    color: #623062;
    font-family: calibri;
    font-size: 10pt;}

img.dopimg {
    display: block;
    position: absolute;
    top: -12px;
    background: transparent !important;
    left: 200px;
    /* font-size: 0px; */
}


#profile-right li#pa-fld2 {margin-top: 15px;}

#profile-right li#pa-fld2 .lzname {position: absolute; margin-top: -22px;}

/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
/*Стиль доп-иконки Выход!*/
#pun-navlinks a#New-exit {
  background: transparent!important;
  position:absolute;
  z-index:100000!important;
    margin-top: -2px !important;
    margin-left: 32px !important;
  display:inline-block!important;
}
#pun-navlinks #New-exit img{
position: absolute;
width: 18px;
height: auto;
opacity: .74;
transition: .63s;
}
#pun-navlinks #New-exit:hover img{
transition: .63s;
opacity: .42;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 1px solid #5D6755;
text-rendering: auto;
color: #000000!important; 
margin-top: 4px!important;
margin-bottom: 3px!important;
border-radius: 5px;
letter-spacing: 0.2;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block!important;
text-align: center;
box-sizing: border-box;
height:20px;
width:67px;
width: 110px;
padding: 4px;
font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
background-color: rgba(250,255,189,.88);
}
.punbb #form-login #fld1:empty,#form-login #fld2:empty,
.punbb #form-login #fld1,#form-login #fld2{
background-color: #d4d4d4;
}
.punbb #pun-navlinks #form-login input[type="submit"]{
margin: 13px 0 2px!important;
box-sizing: border-box;
height:26px;
width:67px;
font-size: 11px!important;
color: #ffffff !important;
background: #a97d89!important;
border: 1px outset rgba(161,172,152,.8)!important;
text-align: center;
padding: 0 12px!important;
border-radius: 13px;
font-family: Verdana!important;
font-weight: 700!important;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 0.8;
cursor:pointer;

/*border: 2px outset #83693E!important;
color:#565462!important;
font-weight:700!important; */
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
  opacity:0.6;
}

/*Стиль формы входа */
.punbb #pun-navlinks #form-login >*,
.punbb #pun-navlinks #form-login {
  box-sizing:content-box;
}
.punbb #pun-navlinks #form-login {
background: #EFEFEF;
min-height:183px;
border: 1px solid #626262;
border-radius: 0px 0px 6px 6px;
color: #000000;/*BCBCBC;*/
display: block;
font: 11px "Verdana";
left: 0px;
padding: 8px 12px;
margin: 1px 0;
position: absolute !important;
text-align: center;
word-spacing: normal;
white-space: normal;
/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
text-transform: none;
letter-spacing: 0.2px!important;
top: 8px;
width: 122px;
z-index: 100000!important;
}
#pun-navlinks #navlogin #form-login {
  margin-left: -30px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
  margin-left: -30px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -30px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin: 11px 0;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
cursor:pointer;
font: normal normal 200 10px/normal Verdana!important;
letter-spacing: 0.4!important;
display:inline;
background: none!important;
padding: 0 0 0 3px!important;
color: #76333C!important;
font-size: 9px!important;
/*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слева(с Никами) */
#List-UserNames {
position:absolute;
margin-top:-9px;
min-height:90px;
width:220px;
right:100%;
padding: 12px 19px 12px 17px;
background: #EFEFEF;
border-color: #626262; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */
border-radius:0 0 0px 6px;
text-align:center;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #a97d89;
text-transform: none!important;
text-align: left;
box-shadow: 2px 2px 1px rgb(251, 251, 251);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
letter-spacing: 0.4;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#83693E!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .9;
color: #fffefe;;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: 0.3;
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 3px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #393A38;
border: 0px solid #d7d8d9;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9;
box-shadow: none;
}

/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display:inline-block;
padding:0 3px;
position:absolute;

opacity:.88;
cursor:pointer;
top:0;bottom:0;
right:2px;
color:#fff;
font: normal normal

700 10.56px/normal Verdana;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#pun:not(.isguest) #navlogout .Rega,
#pun:not(.isguest) #navlogout .Forgot {
display:none!important;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
border: 1px solid #5D6755!important;
text-shadow: none!important;
color:#333!important;
background-color: #D4D4D4;
font: normal normal 400 11px/normal Verdana!important;
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #000000;
}
/*Кликалка слева, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справа*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Verdana!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/

/*Иконка к доп. полю Посты*/
.pa-fld6 .fld-name{
  font-size:0;
  display:block;
  height:12px;
  margin: 1px auto -1px;
}
.pa-fld6 .fld-name:before{
  content:url(//upforme.ru/uploads/0013/90/09/2/660150.png);
}
/*END*/



/*** ЛИЧНАЯ СТРАНИЧКА ***/

.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
    margin: 0 0.3em;
    accent-color: #423b34;
}


#toggleStyleBtn {
    border-radius: 100%;
    font-weight: 400;
    font-size: 0;
    color: var(--dark-bord);
    display: flex;
    /* padding: 4px; */
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    width: 22px;
    border: none;
    height: 22px;
    background: #282828;
    position: absolute;
    top: 50px;
}


#toggleStyleBtn::before {
    content: '';
    background: #cac7b7;
    mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
    -webkit-mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 15px;
    height: 15px;
}

#stylelist {
    position: absolute;
    z-index: 1;
    top: -442px;
    margin: 0;
    left: 39px;
    padding: 0px;
    overflow: hidden;
    width: 50px;
    list-style-type: none;
    display: flex;
    /* border: red 1px solid; */
    height: 22px;
    flex-direction: row;
    opacity: 1;
    border-radius: 20px;
    background: var(--plash-tab);
    justify-content: space-between;
}
#stylelist li[data="light"] a, #stylelist li[data="dark"] a {
    border-radius: 100%;
    font-weight: 400;
    font-size: 0;
    color: var(--tab-text);
    display: flex;
    /* padding: 4px; */
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
}

#stylelist li[data="light"] a::before {
    content: '';
    background: #cac7b7;
    mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
    -webkit-mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 15px;
    height: 15px;
}

#stylelist li[data="dark"] a::before {
    content: '';
    background: var(--tab-text);
    mask: url(https://forumstatic.ru/files/001c/70/50/21300.svg) no-repeat center left;
    -webkit-mask: url(https://forumstatic.ru/files/001c/70/50/21300.svg) no-repeat center left;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    width: 15px;
    height: 15px;
}

#stylelist  li.active {
    background: var(--accent2);
    border-radius: 100%;
}

#stylelist  li.active a:before {
    background: var(--navi-link-hov);
}





.thread-header {
    position: absolute;
    background: var(--head);
    width: 1100px;
    height: 483px;
    left: 0;
    border-radius: 20px;
    top: -589px;
    border: 1px solid var(--dark-bord);
}


#pun-status .container a, #pun-status .container strong {
    font-weight: 600 !important;
    color: var(--accent) !important;
}


.tclcon-links a b {
    font-weight: 400 !important;
}


.tclcon-links a {
    background: var(--sec-accent);
    color: var(--tab-text) !important;
    padding: 3px 10px 0;
    border-radius: 5px;
    letter-spacing: .3px;
    font-family: var(--sec-font);
    font-size: 9px;
    text-transform: uppercase;
    line-height: 14px;
}


.tclcon-links a:hover {
    background: var(--accent);
}



.tclcon-links {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 5px 0;
}

#pun-index td div.tclcon p {
    /*background: var(--bord);*/
    padding: 6px 15px;
    border-radius: 5px;
    font-family: var(--sec-font);
    margin-top: 4px;
    color: #000;
    font-size: 11px;
}


.partnrs {
    background: var(--cfoot);
    width: 100%;
    left: 0;
    position: absolute;
    margin: 30px 0 0 0;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--dark-bord);
}


.partnrs bnrs {
    display: flex;
    flex-wrap: wrap;
    height: 31px;
    overflow-y: auto;
    width: 1000px;
    gap: 10px;
}



.partnrs bnrs img {
    opacity: .7;
    filter: none;
    transition: all .7s ease-in-out 0s;
}
.partnrs bnrs img:hover {
    opacity: 1;
    filter: none;
}



#pun-stats .statsinfo {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

#pun-stats .statsinfo li {
    /* flex-basis: 0; */
    flex-shrink: 1;
    flex-grow: 1;
    text-align: center;
    background: var(--bord);
    padding: 3px 3px 2px 3px;
    text-transform: uppercase;
    font-size: 0.6rem;
    letter-spacing: .3px;
    border-radius: 5px;
}

#pun-stats .statsinfo li strong {
    font-weight: 400;
    font-family: var(--strong-font);
}





/***  СТАРЫЕ ПЛАШКИ ***/

.pl_one, .pl_two, .pl_three, .pl_four, .pl_five, .pl_six, .pl_seven, .pl_eight, .pl_nine, .pl_ten, .pl_eleven {
    width: 216px;
    overflow: hidden;
    height: 46px;
    border-radius: 0;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-top: 1px solid #d8d5cf;
    background: linear-gradient(-45deg, #706e6791, #706e6791), url(https://forumstatic.ru/files/001c/39/c6/49093.webp) top center no-repeat;
    color: #efeeed;
}



.pl_one bq, .pl_two bq, .pl_three bq, .pl_four bq, .pl_five bq, .pl_six bq, .pl_seven bq, .pl_eight bq, .pl_nine bq, .pl_ten bq, .pl_eleven bq {
    font-family: var(--main-font);
    text-transform: lowercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .4px;
    color: #e7e7e7;
}


.pl_one sq, .pl_two sq, .pl_three sq, .pl_four sq, .pl_five sq, .pl_six sq, .pl_seven sq, .pl_eight sq, .pl_nine sq, .pl_ten sq, .pl_eleven sq {
    font-size: 10px;
    color: #e7e7e7;
}


.pl_four {
    background: linear-gradient(-45deg, #706e6791, #706e6791), url(https://forumstatic.ru/files/001c/39/c6/85406.webp) top center no-repeat;
}






.FNTslider {
    border-radius: 2px;
    position: relative;
    z-index: 3;
    background: var(--bord);
    width: 110px;
    height: 7px;
    border: solid 1px #9f9e9e70;
    order: 1;
}
.FNTslider .before {
    height: 5px;
    border-right: none 0;
    position: absolute;
    background: var(--dark-tab-text);
    border-radius: 2px 0 0 2px;
}
.FNTslider .thumb {
    width: 8px;
    height: 7px;
    border-radius: 0;
    position: relative;
    background: var(--accent);
    cursor: pointer;
    margin-top: -1px;
}

.nmp p {
    font-size: 50px !important;
    font-family: var(--main-font);
}


#pun-searchposts .post h3 span, #pun-messages .post h3 span {
    width: auto;
}


pj-str {
    display: flex;
    /*background: var(--base-bg);*/
    background: rgb(71, 56, 78);
    height: auto;
    width: 780px;
    margin: auto;
    padding: 20px;
    border: 1px solid var(--dark-bord);
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    border-radius: 10px;
    color: var(--dark-text);
    box-shadow: 4px 4px 30px #00000075;
}


/* Или альтернативный вариант - ограничить высоту самого контента
.pj-str {
    display: flex;
    background: rgb(71, 56, 78);
    height: auto;
    max-height: 600px; /* Ограничиваем максимальную высоту */
    overflow-y: auto; /* Включаем прокрутку */
    width: 780px;
    margin: auto;
    padding: 20px;
    border: 1px solid var(--dark-bord);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    border-radius: 10px;
    color: var(--dark-text);
    box-shadow: 4px 4px 30px #00000075;
}

 */


.reveal-modal .close-reveal-modal {
    right: -44px;
}


.pj-one {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}


.pj-one god-or {
    background: #57445f; /* var(--dark-bord); */
    border: 1px solid var(--dark-bord);
    border-radius: 5px;
    height: 28px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-family: var(--main-font);
    color: var(--tab-text);
    font-size: 12px;
    margin: 0 20px;
}


.pl-and-text {
    border: 1px solid var(--bord);
    background: var(--base-bg2);
    border-radius: 10px;
    margin-top: -1px;
    height: 155px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pl-and-text text {
    display: block;
    padding: 20px 220px 0px 60px;
    font-family: var(--main-font);
    font-size: 10px;
    position: relative;
    height: 65px;
}


.pl-and-text text::before {
    content: '';
    background: url(https://forumstatic.ru/files/001c/6c/7d/12620.webp);
    width: 41px;
    height: 34px;
    position: absolute;
    left: 12px;
    filter: grayscale(1);
}

.pl-and-text pl {
    display: flex;
    margin: 0 20px;
    gap: 10px;
    width: 482px;
    /* border: 1px solid red; */
    overflow-x: auto;
}

.pj-av {
    position: absolute;
    right: 0;
}

.pj-av img {
    border-radius: 5px;
    border: 0px solid var(--dark-bord);
    width: 183px;
    margin-top: 0px;
}


.pj-sec {
    border: 1px solid var(--bord);
    background: #57445f; /* var(--base-bg2); */
    border-radius: 10px;
    margin-top: 26px;
    height: 184px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    position: relative;
}


.pj-sec span {
    background: #57445f; /* var(--dark-bord); */
    border-radius: 5px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    font-family: var(--main-font);
    color: var(--tab-text);
    font-size: 12px;
    margin: -12px 20px 0;
    width: 220px;
    text-transform: uppercase;
    flex-shrink: 0;
}


.tarot-and-bg {
    display: flex;
    margin: 0 20px 20px;
    gap: 20px;
}

.tarot-and-bg crds {
    flex-shrink: 0;
    /* border: 1px solid red; */
    height: 138px;
    overflow-x: auto;
    width: 430px;
    display: flex;
    overflow-y: hidden;
}

.tarot-and-bg crds img {
    height: 124px;
    transition: 1s;
}


.tarot-and-bg bg {
    flex-shrink: 0;
    /* border: 1px solid red; */
    height: 138px;
    overflow-x: auto;
    width: 240px;
    display: flex;
    overflow-y: hidden;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 7px;
}
.tarot-and-bg bg img {
    border-radius: 100%;
    width: 54px;
    height: 54px;
    object-fit: cover;
    object-position: center;
    border: 1px solid var(--bord);
    filter: grayscale(.4);
}


.pj-thr {
    border: 1px solid var(--bord);
    background: var(--base-bg2);
    border-radius: 10px;
    margin-top: 26px;
    height: 184px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    position: relative;
}


.pj-thr span {
    background: var(--dark-bord);
    border-radius: 5px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    font-family: var(--main-font);
    color: var(--tab-text);
    font-size: 12px;
    margin: -12px 20px 0;
    width: 220px;
    text-transform: uppercase;
    flex-shrink: 0;
}


.collect-pj {
    position: relative;
    display: flex;
    gap: 20px;
    margin: 0 20px 20px;
    justify-content: space-between;
}


.collect-pj kart {
    display: block;
    flex-direction: row;
    flex-wrap: wrap;
    height: 116px;
    overflow: auto;
    gap: 6px;
    width: 325px;
}

.collect-pj kart img {
width: 54px;
    height: 54px;
    object-fit: cover;
    object-position: center;}


.st-k sp, .ecs-k sp {
    font-family: var(--main-font);
    text-transform: uppercase;
    font-size: 10px;
    color: var(--dark-bord);
    margin-bottom: 6px;
    display: block;
}


.pj-fr {
    background: #57445f; /* var(--dark-bord); */
    border-radius: 10px;
    margin-top: 26px;
    height: 114px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    position: relative;
}


.pj-fr span {
    background: #57445f; /* var(--dark-bord); */
    border: 1px solid var(--accent);
    border-radius: 5px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    font-family: var(--main-font);
    color: var(--tab-text);
    font-size: 12px;
    margin: -12px 20px 0;
    width: 220px;
    text-transform: uppercase;
    flex-shrink: 0;
}


.gift-pj {
    display: flex;
    margin: 10px 20px;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 10px;
}


.gift-pj img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}



.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    background: #000000bf;
}

.reveal-modal {
	visibility: hidden;
	top: -600px; /* !important; */
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
}
	}
.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-left: -440px;}

	
.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
        top: 600px;
	/*top: 8px;*/
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
        text-decoration: none;
}

.menu span {
    cursor: pointer;
    display: block;
    margin: 7px 0;
    padding: 11px;
    text-align: left;
    width: 150px;
}
.menu-links {
    float: left;
    margin-right: 15px;
}
#submenu {
    display: inline-block;
}
#submenu, .menu span {
        border-radius: 5px;
	background: #efeff0;
}
.menu .tabactive {
	color: #000000;
        background: #777777;
}
#submenu {
	padding: 7px;
	height: 180px;
	font-size: 12px;
	width: 595px;
}    
.submenutext {
	display: none; 
	height: 40px;
}

.modal_wrap info {
    display: flex;
    background: url(https://forumstatic.ru/files/001c/6c/7d/52980.webp) center/cover;
    height: 375px;
    width: 770px;
    margin: auto;
    padding: 0;
    border: 1px solid #cac5bd;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    color: var(--dark-text);
}

.tabs {
    font-size: 0;
    width: 730px;
    margin-top: -21px;
}

  .tabs>input[type="radio"] {
    display: none;
  }
.tabs>div {
    display: none;
    padding: 20px 0px;
    font-size: 14px;
    font-family: var(--main-font);
    height: 280px;
    overflow: hidden;
}

  /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
  #tab-btn-1:checked~#content-1,
  #tab-btn-2:checked~#content-2,
  #tab-btn-3:checked~#content-3,
  #tab-btn-4:checked~#content-4 {
    display: block;
  }

.tabs>label {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background: var(--bord);
    border: 1px solid #afa5a8;
    padding: 2px 8px;
    font-family: var(--main-font);
    font-size: 12px;
    border-radius: 0 0 5px 5px;
    letter-spacing: 0;
    text-transform: uppercase;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
    cursor: pointer;
    position: relative;
    width: auto;
    font-weight: 300;
    margin: 0 10px 0 0;
}

.tabs>input[type="radio"]:checked+label {
    background-color: var(--accent);
    color: var(--tab-text);
    border: 1px solid #8b4c5e;
}


#vkl {
    position: relative;
}

.pers_q {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    text-align: right;
    line-height: 20px;
    font-family: var(--main-font);
    margin: 20px 50px 20px 0;
}

.sh_str {
    display: flex;
    background: #cdc4c880;
    border-bottom: 1px solid #afa5a8;
    margin: -20px -20px 20px;
    align-items: center;
    width: 100%;
}


.pers_ph img {
    width: 100px;
    border-radius: 100%;
    border: 1px solid #74535e;
    box-shadow: 0px 0px 25px #9383876b;
}


.pers_ph {
    margin: 20px 50px;
}


#vklk {
    display: flex;
    flex-direction: row;
    gap: 20px;
}


.vkl_pl {
    display: flex;
    gap: 10px;
    overflow-y: auto;
    flex-direction: row;
    flex-wrap: wrap;
    /* flex: 1; */
    height: 165px;
    width: 220px;
    padding-right: 10px;
}


.vkl_ccrd {
    display: flex;
    gap: 10px;
    overflow-y: auto;
    /* flex: 1; */
    height: 165px;
    width: 550px;
    padding-right: 10px;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}


.vkl_ccrd img {
    width: 100px;
}



.trt_not, .coll_not {
    opacity: .3;
}


.vkl_coll img {
    width: 50px;
    margin: 0 10px 10px 0;
}



#vkl_s {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}


.vkl_coll {
    display: flex;
    gap: 10px;
    background: #dcd9d6;
    border: 1px solid #cac5bd;
    border-radius: 0 10px 10px 0;
    height: 170px;
}


.vkl_coll tit {
    background: #e7e6e4;
    color: #000000 !important;
    font-size: 12px;
    text-transform: uppercase;
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    width: 20px;
    display: flex;
    align-items: center;
    /* padding: 15px 0; */
    font-weight: 400;
    letter-spacing: .5px;
    justify-content: center;
    border-left: 1px solid #cac5bd;
}


.vkl_coll kart {
    display: block;
    overflow-y: auto;
    margin: 15px 10px;
}

.vkl_gift {
    display: flex;
    gap: 10px;
    background: var(--quote);
    border: 1px solid #afa5a8c2;
    height: 170px;
    flex-direction: column;
}



.vkl_gift tit {
    background: #e7e6e4;
    color: #000000 !important;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
    padding: 5px 0;
    font-weight: 400;
    letter-spacing: .5px;
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #cac5bd;
}


.vkl_gift kart img {
    width: 50px;
    margin: 0 10px 10px 0;
}


.vkl_gift kart {
    display: block;
    overflow-y: auto;
    margin: 15px 10px;
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background: var(--quote);
    border: 1px solid var(--bord);
}


/* КОНЕЦ ЛИЧНОЙ СТРАНИЧКИ */