/**************************************************************/
/*** NORMALIZE***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, /*** tr, th, td, ***/ article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}

.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 {position: absolute; font-size: 0; height: 0; width: 0; line-height: 0; padding: 0; overflow: hidden; background: transparent; border: 0px none transparent; box-shadow: none;}
.punbb .clearer {clear: both; height: 0; font-size: 0;}
p.crumbs {margin: 0.5em auto 1em 0px; font-style: italic;}
p.crumbs a {font-weight: 600; font-style: normal;}

.divider, div#pun-live-rusff, #pun-navlinks li#navawards {display: none;}
#pun-index .category tr:last-of-type {margin-bottom:0px;}
#pun-index .category tbody tr:first-of-type {margin-top: 0px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

html { line-height: 1.4; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 {  font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { color: var(--link-color); background-color: transparent; text-decoration: none; }
a:hover { color: var( --link-color-hover) }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong { font-weight: bolder; }
i, em { font-style: italic; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }

sub, sup { 
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }

img { border-style: none; }
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input { overflow: visible; }
button, select { text-transform: none; }
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset { padding: 0.35em 0.75em 0.625em; }
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

table { width: 100%; }
thead { font-style: italic; opacity: 0.6; }
thead tr { padding: 0.5em 0; }

/* название форума */
h1.title-logo {display: none;}

/* отключаем название полей */
#pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2, #pun-status .item4, #pun-ulinks #Rz, h1.title-logo { display: none; font-size: 0; }

/* меню на админской странице не липкое */
#pun .punbb-admin #pun-navlinks { position: relative;  top: 0px; }
#pun .punbb-admin #pun-ulinks { position: relative; top: 0px; }

/* сервисный копирайт */
#pun-about {padding: 6px 0; text-align: center; font-size: 0.85em;}

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

body {
    background: url(https://forumstatic.ru/files/0014/78/98/78360.jpg) 50% 50% fixed;
    background-color: var(--body-bg);
    font-family: var(--font-family-primary);
    font-size: var(--body-color-font-size);
    font-weight: 400;
    font-style: normal;
    color: var(--body-color);
    background-attachment: fixed;
}

#pun_wrap {
background: url(https://forumstatic.ru/files/0014/78/98/44816.png) 50% 0px no-repeat transparent;
}

#pun {
    position: relative;
    top:260px;
    margin: 0px auto 30px auto;
    padding: 10px 20px 15px;
    width: var(--pun-width);
    color: var(--body-color);
    background: url(//forumstatic.ru/files/001b/a6/d0/93912.png) 0% 0% repeat;
    background-color: var(--pun-bg-primary);
    border: var( --pun-border);
    box-shadow: inset 0 0 0 1px #151312, inset 0 0 5px 1px #0e0e0e, inset 0 0 0 7px #272525, inset 0 0 0 8px #131313, inset 0 0 0 9px #cfcfc3, inset 0 0 0 10px #858583, inset 0 0 6px 10px #858583;
    overflow-wrap: break-word;
}

.punbb {display:flex; flex-direction:column;}
#pun-main:after {content:''; display:block; clear:both;}

/**************************************************************/
/*навигация*/

#pun-navlinks .container, #pun-ulinks .container { display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap; }

#pun-navlinks .container {
    font-size: var(--pun-navlinks-font-size);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    height: 100%;
    align-items: center;
}

#pun-ulinks .container { font-size: var(--pun-ulinks-font-size);  }

#pun-navlinks li { padding-right: 0.8em; margin: auto; }
#pun-ulinks li { padding-right: 0.5em; margin: auto; }
#pun-navlinks li:last-child, #pun-ulinks li:last-child { padding-right: 0; }
#pun-navlinks li#navadmin span { font-size: 0px; }
#pun-navlinks li#navadmin span:before { content: var(--navadmin-text); display: inline; font-size: var(--pun-navlinks-font-size); }

#pun-navlinks a { color: var(--pun-navlinks-color);  }
#pun-navlinks a:hover { filter: brightness(1.15); text-shadow: var( --link-shadow); }

#pun-navlinks {
    top: 0px;
    z-index: 102;
    position: -webkit-sticky;
    position: sticky;
    height: 44px;
    line-height: 44px;
    margin: auto -10px;
    padding: 0 30px;
font-family: beaufort2;
letter-spacing: .5px;
    background-color: var(--pun-bg-primary);
    background: var(--forum-bg-img);
}

#pun-ulinks {
    top: 44px;
    margin: auto -10px;
    padding: 10px 10px 8px;
    z-index: 101;
    position: -webkit-sticky;
    position: sticky;
    border: var(--border);
    border-width: 1px 0px;
    background-color: #cbcbc3;
    box-shadow:var(--pun-ulinks-shadow);
}

#pun-ulinks a,
#pun-ulinks a:hover {
    -webkit-transition: 0.06s ease-in-out;
    -moz-transition: 0.06s ease-in-out;
    transition: 0.06s ease-in-out;
}

#pun-navlinks a span {margin-left: 8px;}
#pun-navlinks li a:before {overflow: hidden; display: inline; font-family: 'icons';}

#pun-navlinks li#navindex a:before {content: "\f015";}
#pun-navlinks li#navextra1 a:before {content: "\e900"; margin-right: 8px;}
#pun-navlinks li#navuserlist a:before {content: "\e91e";}
#pun-navlinks li#navsearch a:before {content: "\f002";}
#pun-navlinks li#navprofile a:before {content: "\e91b";}
#pun-navlinks li#navpm a:before {content: "\f0e0";}
#pun-navlinks li#navadmin a:before {content: "\f013";}
#pun-navlinks li#navlogout a:before {content: "\e909";}
#pun-navlinks li#navregister a:before {content: "\e91d";}
#pun-navlinks li#navlogin a:before {content: "\e90a";}
#pun-navlinks li#navpr_1 a:before {content: "\e918";}

/**************************************************************/
#pun-index .category table {border-collapse: separate;}
#pun-index .category table thead, #pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2, #pun-status .item4, #pun-ulinks #Rz {display: none; font-size: 0;}

#pun-index .category tr {
padding: 1em;
margin: 1.15em 0;
position: relative;
display: grid;
grid-template-columns: 4fr 1fr 1fr 4fr;
grid-template-areas:
        "a a a d"
        ".  c b d";
}

#pun-index .category .tcl {
  grid-area: a;
  margin: 0 2em 0.5em 4em;
  padding: 1em;
  box-shadow: var(--box-shadow);
  border: var(--border);
  background: var(--forum-bg-img);
}
#pun-index .category .tc2 {grid-area: b; }
#pun-index .category .tc3 {grid-area: c;}
#pun-index .category .tcr {grid-area: d; align-self: center; text-align: center; padding: 0 1em;}

/* Сообщений и Тем */
#pun-index .tc2::before {margin-right: 6px; content: "тем:"; }
#pun-index .tc3::before {margin-right: 6px; content: "сообщений:"; }

#pun-index .category .tc2, #pun-index .category .tc3 {padding: 0.5em 0; margin-right:0; text-align: center; font-size:0.85em;}

/***   НАЗВАНИЕ ФОРУМА НА ГЛАВНОЙ   ***/
#pun-index .category .tcl h3 {
  margin: 0 -1em 1em;
  padding: 4px 20px;
  background: rgba(0, 0, 0, 0.05);
  border: var(--border);
  border-width: 1px 0px 1px 0px;
}
#pun-index .tcl h3 a {
	font-weight: 600;
	font-family: beaufort2;
	font-size: 1.5em;
}

/***   УБИРАЕМ ФОРУМ-СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ   ***/
#pun-index #pun-main thead {
	display: none;
}

/* СКРЫВАЕМ МОДЕРАТОРОВ В ОПИСАНИИ ФОРУМА */
.punbb td .modlist {
	display: none;
	padding-top: 0.3em;
}

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

/***   ИКОНКИ   ***/
Div.icon {
	width: 42px;
	height: 30px;
	margin: 0px 8px 0px 0px;
	background: url(https://forumstatic.ru/files/0014/78/98/50250.png) no-repeat transparent;
	background-position: 0% 0%;
        display: block;
left: 20px;
}

TR.inew Div.icon {
	background-position: -62px -3px;
}

TR.iclosed Div.icon {
	background-position: -124px -3px;
}

TR.isticky Div.icon {
	background-position: -186px -3px;
}


/***   ИКОНКИ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ   ***/
#pun-main .category Div.icon {
  position: absolute;
  left: 4px;
  margin: 4px 8px 0px 0px;
}

/***   ЦИТАТА И КОД   ***/
.punbb .quote-box,
.punbb .code-box,
.punbb .hide-box {
	border: var(--border);
    background: rgba(255,255,255,0.25);
}

/***   ПОЛЕ ОТВЕТА   ***/
.punbb textarea {
	padding: 0.8em;
	width: calc(100% - 1.6em) !important;
	outline: none;
	border: 1px solid #a2a3a5;
	font-size: 1.2em;
	background: #e4e4e4;
}


/***   КНОПКИ-ВКЛАДКИ В ЛС И ПРОФИЛЕ   ***/
#profilenav li {
	margin: auto 0.2em 0.5em auto;
	padding: 0.4em 0.7em;
	border: 1px solid #a2a3a5;
	font-weight: 700;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.35);
}

/***   КНОПКИ-ВКЛАДКИ ПРИ НАВЕДЕНИИ   ***/
#profilenav li:hover,
#profilenav li:focus,
#pun-main li.isactive {
	background: rgba(255, 255, 255, 0.75);
}


/**************************************************************/
/***   статистика   ***/
#pun-stats .container { padding: 0.8em 1em 0em 1em; }
#pun-stats ul.container {
	padding: 20px;
	margin: 1.15em 0;
	position: relative;
	display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
	grid-template-areas:
  "stats-item1 stats-item2 stats-item3 stats-item4"
  "stats-item5 stats-item5 stats-item5 stats-item5"
  "stats-item6 stats-item6 stats-item6 stats-item6";
}

#pun-stats li.item1 {grid-area: stats-item1;}
#pun-stats li.item2 {grid-area: stats-item2;}
#pun-stats li.item3 {grid-area: stats-item3;}
#pun-stats li.item4 {grid-area: stats-item4;}
#pun-stats li.item5.onlinelist {grid-area: stats-item5;}
#pun-stats li.item5.users_24h {grid-area: stats-item6;}

#pun-stats li.item1 span, #pun-stats li.item2 span, #pun-stats li.item3 span, #pun-stats li.item4 span { display: none; }
#onlinelist { text-align: left; }

#pun-stats li.item1 strong:before {
	content: 'Всего тем: ';
	font-weight: 400;
}

#pun-stats li.item2 strong:before {
	content: 'Всего сообщений: ';
	font-weight: 400;
}

#pun-stats li.item3 strong:before {
	content: 'Участников: ';
	font-weight: 400;
}

#pun-stats li.item4 strong:before {
	content: 'С нами: ';
	font-weight: 400;
}

li#onlinelist {
	float: left;
	width: 100%;
	margin-top: 1em;
	padding: 0.5em 0 0 0;
	border-top-style: none;
	border-top-width: 0;
	line-height: 130%;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3 { margin-right: 0.5em; }
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
	padding: 4px 6px;
	border: var(--border);
	text-align: center;
	background: var(--highlighter-bg);
}
/**************************************************************/


/***   КАТЕГОРИИ   ***/
.punbb .main h2,
#pun-debug h2,
.punbb .main h1,
#pun-stats h2 {
	margin: auto auto 1em;
    padding: 0.5em 0;
    letter-spacing: 0.05em;
    font-size: 12px;
    font-family: beaufort2;
    font-weight: 600;
    text-align: center;
    color: #113f42;
    background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%);
    border-bottom: 1px solid #999;
    border-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(183,183,172,1) 50%, rgba(0,0,0,0) 100%);
    border-image-slice: 1;
}


/***   ЗАГОЛОВКИ В РЕДАКТИРОВАНИИ ПРОФИЛЯ И ЛС   ***/
#viewprofile h2,
#profilenav h2 {
	letter-spacing: 0.05em;
	font-weight: 600;
	font-size: 12px;
	font-family: Romul, Georgia, serif;
	background: transparent;
	background-image: none;
}

/***   ЗАГОЛОВОК РЕДАКТИРОВАНИЯ И ПРОСМОТРА ТОПИКА, ПРОФИЛЯ   ***/
#pun-edit .main h1,
#pun-viewtopic .main h1,
#pun-profile .main h1 {
	width: auto;
	margin: auto;
}

/***   ДАТА И НОМЕР ПОСТА   ***/
.punbb .post h3 {
  margin: 0.5em auto 1.4em auto;
  padding: 0.5em 2.5em;
  box-shadow: var(--box-shadow);
  border: var(--border);
  background: var(--forum-bg-img);
}

/***   ССЫЛКИ НА ФОРУМЕ   ***/
.punbb a,
.punbb a:link,
.punbb a:visited {
	color: #0a5a5a;
	cursor: pointer;
}


/***   ССЫЛКИ АКТИВНЫ   ***/
.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active {
	color: #616161;
	text-shadow: none;
}


/***   МЕНЮ НАВИГАЦИИ ССЫЛКИ   ***/
#pun-navlinks a {
	color: #44585d;
}

#pun-ulinks a {
	color: #848484;
}


/***   МЕНЮ НАВИГАЦИИ ССЫЛКИ ПРИ НАВЕДЕНИИ   ***/
#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
	color: #ace4e6;
}

#pun-ulinks a:hover,
#pun-ulinks a:focus,
#pun-ulinks a:active {
	color: #b9b9b9;
}


/***   БЛОК ПОЛЬЗОВАТЕЛЯ   ***/

/***  ПОСТЫ РЕПУТАЦИЯ в строчку ***/
.pa-posts, .pa-respect {display:inline-block; width: calc(50% - 4px);}
.pa-posts .fld-name, .pa-respect .fld-name {display:block; margin-bottom:4px;}

.post-author {
  width: 216px;
  text-align: center;
  box-shadow: var(--box-shadow);
  border: var(--border);
  background: var(--forum-bg-img);
}

.post-author ul {
  margin: 8px 8px 10px 8px;
}

/***   НИКНЕЙМ АВТОРА ПОСТА   ***/
.pa-author,
.pa-author a {
	font-family: beaufort2;
	font-size: 14px;
letter-spacing: .05em;
}

.pa-author {
	margin: 8px -8px !important;
    padding: 0.5em 0 !important;
    background: rgba(0, 0, 0, 0.05);
    border: var(--border);
    border-width: 1px 0px 1px 0px;
}


/***   ЛИЧНОЕ ЗВАНИЕ   ***/
.pa-fld1 .fld-name {
	display: none;
}

.pa-fld1 {
	margin: 8px -8px !important;
    padding: 0.5em 0 !important;
    background: rgba(0, 0, 0, 0.05);
    border: var(--border);
    border-width: 1px 0px 1px 0px;
}
.pa-fld1 div.name{
font-family: beaufort2;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .05em;}

.pa-fld1 div.panteon {border: 1px solid #999;
    border-width: 1px 0px 1px 0px;
    border-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(183,183,172,1) 50%, rgba(0,0,0,0) 100%);
    border-image-slice: 1;
    padding: 0.25em 0;
    margin: 0.5em 0;
    font-family: times new roman;
    font-size: 8px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
li.pa-awards { display: none; }
/***********************/
/* иконки на навигацию */
#pun-navlinks a span {margin-left: 8px;}
#pun-navlinks li a:before {overflow: hidden; display: inline; font-family: 'icomoon', 'fontawesome';}

#pun-navlinks li#navindex a:before {content: "\f015";}
#pun-navlinks li#navextra1 a:before {content: "\e900"; margin-right: 8px;}
#pun-navlinks li#navuserlist a:before {content: "\e91e";}
#pun-navlinks li#navsearch a:before {content: "\f002";}
#pun-navlinks li#navprofile a:before {content: "\e91b";}
#pun-navlinks li#navpm a:before {content: "\f0e0";}
#pun-navlinks li#navadmin a:before {content: "\f013";}
#pun-navlinks li#navlogout a:before {content: "\e909";}
#pun-navlinks li#navregister a:before {content: "\e91d";}
#pun-navlinks li#navlogin a:before {content: "\e90a";}
#pun-navlinks li#navpr_1 a:before {content: "\e918";}

/* отключаем название полей */
#pun-navlinks h2, #pun-ulinks h2, #pun-announcement h2, #pun-status h2, #pun-status .item4, #pun-ulinks #Rz {display: none; font-size: 0;}

/* число непрочитанных сообщений ЛС и число уведомлений */
span.num_msg:before, .bubble:after {display: none !important;}
span.num_msg, .bubble {position: inherit !important; margin: auto auto auto 6px !important; text-shadow: 1px 1px 2px #000; font-weight:400 !important; font-size: inherit !important;}
span.num_msg {height: auto !important; padding: 1px 3px !important; font-family: Verdana, Arial, sans-serif;}
.bubble {min-width: 1em !important; width: auto !important; height: auto !important; top: 0px !important; right: 0px !important; padding: 0px 3px 1px 3px !important; display: inline-block; border-radius: 2px !important; font-size: 1em !important; font-family: Tahoma, Arial, sans-serif !important;
background: #ff0000; color: #fff;}

/* название форума */
h1.title-logo {display: none;}

/* фонд и приветствие */
#pun-status {margin: 1.4em 0px 1.3em 0px; font-size: 0.85em;}
#pun-status p.container {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;}
#pun-status .container span {padding: 0 0.2em;}

/* реакции */
.post-body .reactions-container {justify-content: flex-end; margin-right: -8px;}
.post-body .reaction-picker-panel {right: 0;}
.post-body .emoji-mart {background-color: var(--bgpun2); border: var(--bdpun2); box-shadow:var(--bs-tr);}
#pun .emoji-mart-bar {border:0px solid transparent;}
#pun .post-body .reaction-chip {background-color: var(--bgpun2); border: 1px solid var(--bgh3);}
#pun .reaction-chip:not(.reaction-chip--disabled):hover {background-color: var(--bgpun2); filter: brightness(1.1);}
.darkg #pun .reaction-chip:not(.reaction-chip--disabled):hover, .darkv #pun .reaction-chip:not(.reaction-chip--disabled):hover {filter: brightness(1.3);}
.post-body .reaction-picker-button {border-radius: 4px; width: 18px; height: 18px; padding: 4px; margin-top: 4px;}
.post-body .reaction-chip.reaction-chip--clicked {border: 1px solid var(--bgh3); background: transparent; color: var(--clrbody);}
#pun .emoji-mart-search input {margin-bottom: 6px;
border: var(--bdpun2); box-shadow: none; background-color: var(--bgpun2); border-radius: 0px; color: var(--clrbody);}
#pun .emoji-mart-category-label span {background-color: var(--bgpun2); filter: brightness(1.07); border: var(--bdpun2); color:var(--clrbody);}
#pun .emoji-mart-anchor {color:var(--forpunah);}
#pun .emoji-mart-anchor:hover, .emoji-mart-anchor:focus, .emoji-mart-anchor-selected {color:var(--forpuna);}

/*** ПРОФИЛЬ ***/
/* предпросмотр */
#profile-left {width: 30%; text-align: center;}
#profile-left li {margin: auto 1em 0.7em !important;}
#profile-left li strong {display: block; font-weight: 400 !important;}
#profile-left #profile-name strong, #profile-left #pa-online strong {font-weight: 600 !important;}
#profile-left #profile-title {font-size: 0.85em;}
#profile-left #pa-edit {margin-top: 2em !important;}
#profile-right #pa-invites {display:none;}

/* отделяем подпись */
#profile-signature ul {border-style: solid; border-image: linear-gradient(to right, transparent 3%, var(--bdhi) 25%, var(--bdhi) 75%,transparent 97%); border-image-slice: 1;}

/* блоки прямоугольники */
#profile-right {display: grid; grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); grid-template-rows: auto; gap: 6px 6px; overflow:hidden; width:100% !important;}
#profile-right li {padding: 8px 6px 12px !important; background: var(--bgpun2); border: 1px solid var(--bgh3); text-align:center;}
#profile-right li span {margin-left: auto !important; display: block; clear: both; float: none !important; text-align: center !important; width: auto !important; padding: 0.5em 1em; font-weight: 600;}
#profile-right li strong {padding-left: 0 !important; text-align:center; font-weight: 400;}
#profile-right #pa-posts {order: -2; grid-column: 1 / -1;}
#profile-right #pa-fld3 {order: -1; grid-column: 1 / -1;}


/* менюшка */
#profile > .container {margin-left: 200px;}
#profile .fs-box {margin: 0.2em 0em;}

/* Профиль-навигация */
#profilenav > h2:first-child {margin: 0px auto 6px; border-width: 1px;}
#profilenav {width: 180px; float: left; margin-left: -200px; margin-bottom: 0.9em; border: 1px solid var(--bgh3); background-color: var(--bgpun1); box-shadow: var(--bs-tr);}
#profilenav ul {padding: 0 0 10px 0; text-align: center;}
#profilenav li {padding: 6px; font-weight: 600;}
#profilenav li:hover {background: rgba(255,255,255,0.1);}


/* ЛС */
#pun-messages #profile > .container {margin-left:auto !important}
#pun-messages #profilenav {display:grid;
grid-template-columns: auto 1fr; grid-template-rows: auto auto;
align-items:center; justify-items:left;
float:none; width:100%;
margin:auto auto 10px auto !important; padding: 6px;
font-size:0.9em;
}
#pun-messages #profilenav h2 {width:100%; margin: 4px auto !important; padding: 8px 12px 6px 12px; border-width:1px;}
#pun-messages #profilenav ul {margin: auto 14px; padding:0;}
#pun-messages #profilenav li {display: inline-block; padding: 4px 6px;}
#pun-messages  #profilenav h2:first-child {grid-column: 1 / 2; grid-row: 1 / 2;}
#pun-messages  #profilenav h2:last-child {grid-column: 1 / 2; grid-row: 2 / 3; margin-top:0px;}
#pun-messages  #profilenav ul:first-child {grid-column: 2 / 3; grid-row: 1 / 2; padding: 0 0 4px 0;}
#pun-messages  #profilenav ul:last-child {grid-column: 2 / 3; grid-row: 2 / 3; border-top: 1px solid var(--bgh3); padding: 8px 0 0 0;}

/* уведомления и звук ЛС */
#notify-settings {margin-bottom:10px !important; padding: 0.5em 1em 0.45em; border: 1px solid var(--bgh3); background-color: var(--bgpun2);}

/* Слайдер звука в ЛС */
#volSlider {background: var(--bgpun2) !important; border: solid 1px var(--bdhi) !important; box-shadow: inset 0 0 3px rgb(0 0 0 / 15%) !important;}
#volSlider .before {background: var(--bgha) !important;}
#volSlider .thumb {background: var(--bgtess2) !important; top:-10px !important; left:-2px; box-shadow: inset 0 0 2px rgb(0 0 0 / 40%), 0 0 4px rgb(0 0 0 / 20%) !important;}


/*** ОСНОВНОЙ ***/
/* Послать email и ЛС */
a.sendmail, a.sendpm, a.sendemail {padding: 2px 8px; margin: auto 0.2em;}
/* заголовки части списков и статистика посещений */
.punbb .required label, .punbb .datafield span.input {font-weight: 600; }
.punbb .datafield span.input a {font-weight: 400;}

/*** ПЕРСОНАЛЬНЫЙ ***/
/* Пол */
#profile fieldset.radiofield {border-top: 0px none transparent;}
p#sex.infofield {padding: 0.3em 0 0.3em 0.2em;}
input[name="form[interests]"], input[name="form[fld1]"], input[name="form[fld2]"], input[name="form[fld3]"], input[name="form[fld4]"], input[name="form[fld5]"], input[readonly="readonly"], input[name="keywords"], input[name="req_email"] {max-width: 90%;}

/*** АВАТАР ***/
.punbb img.avatardemo {float: right; margin: 0 0 0.8em 1.8em;}

/*** ПОДПИСЬ ***/
div.fs-box.hashelp span.label {font-weight: 600;}
dl.parsedsig {margin: 0.7em 0.5em 0.5em; line-height: 150%;}
#profile #form-buttons #button-sticker, #profile #form-buttons #button-video {display:none;}

/*** ОТОБРАЖЕНИЯ ***/
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 1em;}
.punbb .inline .infofield {clear: both;}

/*** УПРАВЛЕНИЕ ***/
#setmods dl {padding: 0.8em 0;}
#setmods dt {font-weight: 600; margin: 0.4em auto 0.4em 1.9em;}

/*** НАГРАДЫ ***/
#profileContainer .fs-box tr {display:table-row;}

div.custom_tag_heading {
  text-align: center;
  font-weight: 800;
background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.05) 50%, rgba(0,0,0,0) 100%);
    border-bottom: 1px solid #999;
    border-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(183,183,172,1) 50%, rgba(0,0,0,0) 100%);
    border-image-slice: 1;
    margin: 0.5em 0 1em;
}
div.custom_tag_heading p {padding: 0.5em 0 !important;}

/*** кнопки***/
#viewprofile-next #pa-edit a,
input[class="button"],
input[class="button submit"],
input[type="button"] {
	padding: 5px 8px;
	border: 1px solid #a2a3a5;
	font-weight: 700 !important;
	font-size: 11px !important;
	background: #e4e4e4;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
}

#viewprofile-next #pa-edit a:hover,
input[class="button"]:hover,
input[class="button submit"]:hover,
input[type="button"]:hover {
	background: #f3f3f3;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
/**************************************************************/
/*** стрелки вверх-вниз ***/
.quick-scroll{ position: absolute; right: 50px; }
.go-up,.go-down{cursor: pointer;display: none;position: fixed;z-index: 999;width: 25px;height: 70px;line-height: 25px;box-sizing: border-box;text-align: center;font-family: Tahoma, Verdana, sans-serif;font-size: 10px;letter-spacing: 2px;text-transform: uppercase;color: var(--body-color);writing-mode: tb-rl;transform: rotate(-180deg);border: var(--border);background-color: var(--pun-color);box-shadow: inset -6px 0 8px rgb(0 0 0 / 25%);overflow: hidden}
.go-up{bottom: calc(30% 86px)}
.go-down{bottom: 30%}
.go-down:hover,.go-up:hover{filter: brightness(1.15)}

/**************************************************************/
div.adfs-box p.submitend { padding: 1em 0; }
div.adfs-box td { padding: 0.25em 0; }
div.adfs-box td.tc3.checker { text-align: center; }
#profile10 .tcr input {width: 96%;}