@import url(style_cs.1757093098.css);
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Zen+Old+Mincho&display=swap');


/********** Чистый стандартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************

/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks 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
}
.punbb .modmenu .container span {display: none;}

.topic a.sharelink {
    display: none;
}

thead { 
    display: none;
}

#pun:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
.punbb .container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}

/* СКРЫТЬ НАЗВАНИЯ ПОЛЕЙ ЛЗ */
.pa-fld4 .fld-name {display: none;}
.pa-fld5 .fld-name {display: none;}

/* ================== */

/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {font: 12px Verdana;}
h1, h2 {
    font: 400 18px Playfair Display;
    font-style: italic;
    text-transform: lowercase;
    padding: 5px 10px;
    margin: 0;
    text-align: center;
    color: #786f71;
}

address, em {font-style: normal}

a {text-decoration: none;}

/* Скроллбары */
* {
scrollbar-width: thin; 
scrollbar-color: #cfba6a #523329;
}
*::-webkit-scrollbar {width: 9px; height: 9px;}
*::-webkit-scrollbar-track {background-color: #523329;}
*::-webkit-scrollbar-thumb {background-color: #cfba6a;}

/* ================== */

/***   ФОН ФОРУМА   ***/
html, body {
background-color: #0e1819;
background: fixed no-repeat top url(https://upforme.ru/uploads/001c/84/f0/2/804766.jpg);
}

#pun_wrap {
background: url() 50% 0% no-repeat transparent;
}

/* Тело форума */
#pun {
width: 990px;
    position: relative;
    background-color: #cac6c4;
    margin: 260px auto auto auto;
}

.punbb {
    float: left;
    width: 960px;
    height: auto;
    padding: 0px 14px 0px 14px;
}


/* ================== */
/* Навигационные ссылки */

#pun-navlinks {
    top: -209px;
    width: 1020px;
    height: 25px;
    left: 97px;
    position: absolute;
}

/* D3.2 */
#pun-navlinks .container {
    display: flex;
    gap: 15px;
    margin: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #2c1717;
    border-radius: 7px 7px 0px 0px;
    height: 33px;
    width: 800px;
    font: 600 13px Playfair Display;
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}


/* Юзер меню */
#pun-ulinks .container {display: flex;
    gap: 7px;
    margin: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    text-align: center;
    font: 200 12px Franklin Gothic;
    letter-spacing: 0.2px;
    text-transform: lowercase;}

#pun-ulinks {
    position: absolute;
    top: 18px;
    width: 100%;
    height: 30px;
    left: 6px;
}


#pun-ulinks li {
display: inline;
padding-right: 10px;
}

/* ================== */

/* Объявление */
#pun-announcement .container {padding: 10px;}

/* Статус (Добро пожаловать) */
#pun-status .container {
    margin-bottom: 0;
    padding: 8px 10px 10px;
    font: 400 11px roboto;
    color: #424041;
}
#pun-status span {
white-space: nowrap;
margin-right: 5px;
}

#pun-crumbs1 {font-weight: bold;}
#pun-crumbs1 p.container {
padding: 10px 10px 8px 10px;
margin-top: 0;
}

/*хлебные крошки */
.container.crumbs {
font-weight: bold;
padding: 10px 10px 8px 10px;
}
#pun-crumbs1 .container.crumbs {margin-top: 0; text-align: center;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0; text-align: center;}


/***   ШАПКА   ***/
#pun-title table {
    border: none;
    background: url(https://i4.imageban.ru/out/2025/08/27/9b250cc1634839eb22d75da254e801c9.png) no-repeat;
    width: 1051px !important;
    height: 263px;
    background-color: transparent;
    margin-top: -204px;
    border-radius: 0px;
    margin-left: -44px;
    z-index: 99;
}

#pun-title td.title-logo-tdl {width: 100%; border: none;}
#pun-title td.title-logo-tdr {position: absolute;top: 2px;left: 33%;margin-top: 0px;border: none;vertical-align: top;}

/* Копирайт майбб */
/***   НИЗ ФОРУМА   ***/
#pun-about p.container {
    width: 1051px;
    height: 190px;
    margin-left: -44px;
    text-align: center;
    font-size: 9px;
    border: none;
    background: url(https://i7.imageban.ru/out/2025/08/27/8d44a5dcd53f74f80762bd0b19ec89a0.png) transparent no-repeat;
}

div#html-footer {
	margin: 0px 0px 0px 0px;
}

div#pun-about {
	margin-bottom: -110px;
}

/* ================== */

/* Форумные таблицы */
table {table-layout: fixed; width: 100%;}
#respect {width: auto;}

.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 50%;
}

#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
	display: none
}

#pun-index .hasicon tr {
    z-index: 1;
    width: 952px;
    position: relative;
    display: table;
    border-radius: 9px;
    background: #b3b3b3;
    margin: 12px 0 22px 5px;
    box-sizing: border-box;
    padding: 5px 17px;
}

#pun-index .tcl {
padding: 0px!important
}

#pun-index thead {
    display: none;
}

#pun-index td.tcr {
    font: 300 11px Tahoma;
    color: var(--text-dop);
    letter-spacing: 0.3px;
    overflow: hidden;
    text-align: left;
    padding-left: 37px !important;
    width: 32%;
    line-height: 18px;
}

.tcr a {
    font: 700 11px Roboto;
    color: #225658 !important;
    text-transform: uppercase;
    letter-spacing: 0px !important;
}

#pun-index .tcl h3 {
    font: 600 18px "Fraunces";
    margin-bottom: 6px;
    text-transform: uppercase;
    padding: 7px 0px 0px 0px;
}

#pun-index .tcl h3 a {
    background-color: #271c19 !important;
    background-image: linear-gradient(to bottom, #bf6868, #663131, #2c1717) !important;
    background-size: 100% !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    transition: all .3s ease-in-out 0s !important;
}
#pun-index .tcl h3 a:hover {
    background-color: #0b191a !important;
    background-image: linear-gradient(to bottom, #2d6c6e, #204040, #0d1d1d) !important;
    background-size: 100% !important;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    transition: all .3s ease-in-out 0s !important;
}

#pun-main .category td div.tclcon {
    font: 400 11px Roboto;
    color: #1c1c1c;
    line-height: 160%;
    padding-bottom: 10px;
    text-align: justify;}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}

#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}

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

tbody.hasicon td.tcl {padding-left: 40px}
div.icon {
position: absolute; 
margin-left: -30px;
width: 20px;
height: 20px;
background: #959187;
}


/* ================== */

/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.category td .modlist {
display: block;
padding-top: 5px;
}

/* Статистика */
#pun-stats .container {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

#pun-stats .statsinfo {
display: flex;
    gap: 20px;
    width: 920px;
    padding: 12px 16px;
    border-radius: 7px;
    margin-bottom: 9px;
    margin-top: 9px;
    align-items: center;
    justify-content: center;
}

#pun-stats .statsinfo li {
    text-transform: lowercase;
}

#pun-stats .statsinfo li {
font: 300 12px roboto;
}

#pun-stats .statsinfo li strong {
    font-weight: 900;
}

li#onlinelist {
margin-top: 10px;
float: left;
width: 100%;
}
li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}

.linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}
.post .container {}

/***   ДАТА И НОМЕР ПОСТА   ***/
.post h3 {
    line-height: 10px;
    position: relative;
    width: 945px;
    margin: 0px 0px 0px 10px;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 22px;
    background: #3c1d1d;
}

/* текст внутри разделителя */
.post h3 span {
    display: flex;
    justify-content: space-between;
    flex-flow: row-reverse;
    padding: 0px 14px;
    box-sizing: border-box;
    width: 100%;
    text-transform: uppercase;
}

/* ссылка внутри разделителя */
 .post h3 a, .post h3 strong {        
    font: 400 13px roboto;
    text-transform: lowercase;
    color: #abaaaa;
    padding-top: 1px;}

 .post h3 a {        
 color: #937575!important;}
 .post h3 a:hover {        
 color: #d5b47b !important;}

.post h3 strong:before {
    content: "#";
}


.pa-author {
    font: 600 16px playfair display;
    font-style: italic;
    padding-top: 10px;
    padding-bottom: 3px;
}

li.pa-title {
    font: 400 8px Merriweather;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    color: #5a5450;
    margin: 3px;
}


li.pa-avatar {
margin-top: -2px;}

li.pa-avatar img {
    border: 3px solid #b3b1b900;
    outline: 1px solid #a9a199 !important;
    margin-bottom: -7px;
    margin-top: 6px;
    max-width: 180px;
    max-height: 180px;
    border-radius: 7px;
}

.pa-respect .fld-name,
.pa-respect .fld-name a {
   position: relative;
   font-size: 0px;
}

.pa-respect .fld-name a {
font-size:0!important;
}

.pa-respect .fld-name a:before {
content:"rep";
font-size:10px!important;
	display: block;
}

.post-body {margin-left: 250px; margin-top: 10px;}
.post-box {padding: 10px; TEXT-ALIGN: JUSTIFY;}

.punbb .post .post-author {
    float: left;
    width: 230px;
    font-size: 10px;
    margin: -1px 0 0 0;
    font-family: var(--main-font);
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
    background: url(https://forumstatic.ru/files/001c/87/49/41996.webp) top center no-repeat, #dbd7d4;
    border-radius: 15px;
    text-align: center;
}

.pa-fld3 {
    width: 230px;
    height: 170px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #ddd8d3 100%);
    -webkit-mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #ddd8d3 100%);
    overflow: hidden;
    filter: grayscale(.4);
    border-radius: 5px 5px 0 0;
}
.pa-fld3 img {
    vertical-align: top !important;
}

.proffl {
    background: #ddd9d7;
    margin: 5px 10px;
    padding: 5px;
    border-radius: 8px;}

.post-links {margin-left: 300px;}
.post-links ul {
padding: 0 10px 15px 0;
margin-left: -300px;
text-align: right;
text-transform: lowercase;
}
.post-links li {
display: inline;
padding-left: 10px;
}

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

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */
.punbb pre {
    font: 1.1em / 140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}


.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
    margin: 0.4em 1em 0.8em;
    padding: 13px;
    background: #dbd7d4;
    border-radius: 7px;
    border: 3px solid #c3bbb4;
    outline: 1px solid #918883;
}

.code-box strong.legend, .quote-box cite {
display: block;
    padding-bottom: 5px;
    font: 800 14px playfair display;
    font-style: italic;
    letter-spacing: 0.3px;
}

/* ================== */

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

textarea, input, select, optgroup {font-size: 14px;}
optgroup {font-weight: bold;}

.formal .container {padding: 10px 20px;}

.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.punbb fieldset legend {
font: 400 11px Franklin Gothic;
    text-transform: uppercase;
    color: #264a4a;
    padding: 0 5px;
    margin: 0 0 0 11px;
}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

#main-reply {
width: 100%;}

.punbb textarea {
    background-clip: padding-box;
    background: #d9d6d4;
    padding: 7px;
    width: 98%;
    border: none;
    border-radius: 8px;
}

.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
	font: 1em verdana, arial, helvetica, sans-serif
}

.punbb input, .punbb select {
    background-color: #e3dedc;
    border: 1px solid #b3aeac;
    padding: 3px 10px 3px 10px;
    display: inline-block;
    border-radius: 7px;
}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* C6 Profile */
/*** C6.2 ***/
#profilenav {
display:block;
width:auto;
padding-top: 0px; 
text-align: center; 
}

/* C6.3 */
#profilenav li {
display: inline-block;
}
#viewprofile-next #profilenav {display: none;}



/* C6.4 */
#viewprofile ul, #profilenav ul {margin: 0 0 1em 0; padding: 0.3em 1em 0.5em 1em; border-style: none; border-width: 0px; border-color: transparent;}
#viewprofile ul:last-child, #profilenav ul:last-child {margin-bottom: 0em;}
#profile-left {text-align: center;}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
position: relative;
padding: 0 5px;
}


/* C6.7 */
#viewprofile li, #setmods dl {margin-bottom: 0.2em; padding: 0 0 0 16em;}

/* C6.8 */
#viewprofile li span {float:left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold;}

/*C6.9 */
#setmods dt {float:left; display:inline; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold;}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {display:block; padding: 0.5em 1em; font-weight: normal;}

/* C6.11 */
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em;}


/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/***   РАЗДЕЛЕНИЕ ЮЗЕРОВ В ТЕМЕ ЗАПЯТОЙ   ***/
#topic-users-in a:not(:last-of-type):after {
content: ",";
}


/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}


/* БыстроПлюсы для Топика */
/* БыстроПлюсы для Топика */
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(https://i7.imageban.ru/out/2025/09/04/b0ac5733be8c84ce8c574b3d0f1c5670.png) no-repeat center;
    background-size: 38px auto;
    position: relative;
    padding-left: 1px;
    z-index: 100;
    width: 38px;
    height: 38px;
    font-size: 17px !important;
    font-family: 'Roboto';
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    letter-spacing: -1px;
    color: #763d3d;
}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}