/*************************************************************
ОСНОВНОЙ СТИЛЬ И ЦВЕТА
**************************************************************/

/* 0. ФОН
-------------------------------------------------------------*/

/* 0.1 Боди или фон форума */
body { 
font-size: 100.01%; 
background-color: #e2c9bf; }

/* 0.2 Пан или "тело" форума */
#pun { background: var(--pun-bg); width: 1074px; }
.punbb { width: 1000px; margin-left: 39px; }

/* цвет для тела форума (с) blanche */
#pun-index #pun-main .category .container, .post-box,  
#pun-viewforum #pun-main .forum .container, #pun-viewforum #pun-main .category .container,
#pun-stats, #pun-userlist .formal .container, 
#pun-userlist .usertable .container, #punbbsearch, 
#pun-online #pun-main .section.online-list .container,
#profileContainer, #profile-right,
#pun-modviewforum .forum, 
#pun-messages #messages .fs-box,
#pun-searchtopics #pun-main .forum .container,
#pun-positive #pun-main .container, 
#pun-respect #pun-main .container,    
.punbb textarea, table#filetable, .punbb textarea, .punbb .longinput input, 
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-popup_awards div, #minefonts, #spoiler-area, #meny_My_replic {
position: relative;
background: var(--punbb-bg);
padding: 5px;
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e; }

#pun-admain { 
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e; }


/* 1. ШАПКА ЛОГО
-------------------------------------------------------------*/

#pun-title table {
background: var(--pun-logo);
width: 1300px; height: 300px;
margin-left: -151px; }

/* 2. ФУТЕР
-------------------------------------------------------------*/

#pun-about p.container {
background: var(--pun-foot);
background-repeat: no-repeat;
width: 1074px; height: 115px;
margin-bottom: -115px;
margin-left: -40px;  }

.pun-about p.container .scrollbox::-webkit-scrollbar {width: 10px!important; }


/* 3. КАТЕГОРИИ
-------------------------------------------------------------*/

#pun-category1.category h2, #pun-category2.category h2, #pun-category3.category h2, #pun-category4.category h2, #pun-category5.category h2 { 
font-size: 0!important;
height: 55px; width: 1073px;
margin: -16px 0px -9px -39px; }

#pun-category1.category h2 { display: none; }

#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/001b/ce/31/15114.png); }
#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/001b/ce/31/10463.png); }
#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/001b/ce/31/49139.png); }
#pun-category5.category h2 {
background: url(http://forumstatic.ru/files/001b/ce/31/77997.png); }


/* 4. ОПИСАНИЕ ФОРУМОВ НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-index .tclcon { 
display: inline-block;
position: absolute;
margin-left: 10px!important; }

/* 4.1 Описание форума */
#pun-index .tclcon {
margin-top: -8px!important;
font: 10px var(--basic-font);
text-transform: lowercase; letter-spacing: 0.07em;  }

#pun-index .tclcon h3 {
height: 20px;
font: 14px var(--basic-font);
text-transform: uppercase; letter-spacing: 0.07em; }

#pun-index .tclcon h3:first-letter { 
background: linear-gradient(to top, #9b665c, #eba5a9); 
font-size: 20px; color: #9b665c2e;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;  }

/* 4.2 Разноцветные ссылки внутри описания */

.pfor2be-li { margin-top: 2px!important; }

.pfor2be-li a, .pfor2be-txt {
font: 9px var(--accent-font); font-weight: 600;
color: var(--accent-txt)!important;
text-align: center;
text-transform: uppercase; letter-spacing: 0.08em;
padding: 2px 6px;
position: relative;
top: 2px!important;
text-size-adjust: none;
-webkit-text-size-adjust: none; }

.pfor2be-li a {
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important; }

.pfor2be-li a:nth-child(4n+1) {
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important; }

.pfor2be-li a:nth-child(3n) {
border: 1px solid #c3a0a3;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important; }

.pfor2be-txt {
width: fit-content;
border: 1px solid #cfbab5c9;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 124 97 / 62%);
background: linear-gradient(to top , #b7897e85, #ebcec180)!important; }

/* 4.3 Для баннеров */
.banners { padding: 5px 0px;  }


/* 5. СПИСОК ТЕМ ВНУТРИ ФОРУМА
-------------------------------------------------------------*/
#pun-viewforum .tclcon, #pun-searchtopics .tclcon, #profile .tclcon { 
position: relative; min-height: 40px;
margin-left: 20px!important;
margin-top: -40px!important; }

#pun-viewforum .byuser { display: block; margin-left: -3px!important;  }
#pun-viewforum .pagestext { margin-top: -10px!important; }

/* 6. ИКОНКИ ТЕМ
-------------------------------------------------------------*/
.punbb div.icon {
width: 40px; height: 40px;
border-style: solid; border-width: 0em;
line-height: 0.0;
display: inline-block; }

/* 5.1 Иконка старых сообщений*/
.punbb Div.icon {
background-image : url(http://forumstatic.ru/files/001b/ce/31/65295.png);
background-repeat: no-repeat; }

/* 5.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://forumstatic.ru/files/001b/ce/31/34385.png);
background-repeat: no-repeat; }

/* 5.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://forumstatic.ru/files/001b/ce/31/13720.png);
background-repeat: no-repeat; }

/* 5.4 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://forumstatic.ru/files/001b/ce/31/57089.png);
background-repeat: no-repeat; }

/* 7. АВАТАР АВТОРА ПОСЛЕДНЕГО СОО НА ГЛАВНОЙ
-------------------------------------------------------------*/
.punbb .user-avatar { 
float: right!important;
margin: 0 3px 0 8px!important; }

.punbb .user-avatar .avatar-image {
border-radius: 0%!important;
border: 1px solid #c5a585bf!important;
outline: 1px solid #b06b5b;
opacity: 0.5!important;
filter: sepia(0.7); }

.punbb .user-avatar .isonline {
width: 10px!important; height: 10px!important;
background: #bd6470!important;
border-radius: 0%!important;
top: -2px!important; left: 30px!important;
rotate: 45deg; }

/* 8. ЮЗЕР-ПАНЕЛЬ ВХОДА В ТАБЛИЦЕ
-------------------------------------------------------------*/
#pun-status {
background: transparent;
font: 8px var(--basic-font);
color: var(--accent-txt);
margin: auto 0px auto auto;
position: absolute;
text-transform: uppercase; letter-spacing: 0.08em;
top: 5px; left: 783px; }

#pun-status a { color: var(--accent-txt)!important; }

#pun-status span.item1 strong {
font-size: 15px!important; 
font-family: var(--accent-font)!important;
line-height: 120% }

#pun-status p span.item3 {
float: left!important;
line-height: 220%;
font-size: 7px; }

#pun-status span.item4.status-right { display: none; }

.status2beavatar>img {
position: absolute;
width: 45px; height: 45px;
top: 8px; left: -45px;
opacity: 0.4;
filter: grayscale(1); }

/* 9. ВСПЛЫВАЮЩИЕ ТУЛТИПЫ СТИЛЬ
-------------------------------------------------------------*/
.tipsy-inner, .ls tipsy-inner, .tooltip span { 
background-color: var(--basic-txt)!important;
text-align: center; text-shadow: none!important;
font-size: 10px!important; 
font-family: var(--basic-font)!important; 
color: var(--accent-txt)!important;
letter-spacing: 0.08em; }

/* 9.1 Тултипы для личной страницы и итогов */
#character .tooltip, #resume .tooltip {
position: relative;
display: inline-block;
outline: none; }

#character .tooltip span, #resume .tooltip span {
visibility: hidden;
position: absolute;
z-index: 999;
padding: 10px;
border-radius: 4px;
text-align: center; 
opacity: 0.9; }

.modal-awards .tooltip span {  min-width: calc(100%); top: 15%; left: calc(5% - 24%); }
.modal-gifts .tooltip span { min-width: calc(100% - 50px); left: calc(10% - 13px); }
#resume .tooltip span {  }

#character .tooltip:hover, #resume .tooltip:hover { border: 0; }
#character .tooltip:hover span, #resume .tooltip:hover span { visibility: visible; }

/* 9. ПОЛОСА ПРОКРУТКИ
-------------------------------------------------------------*/
::-webkit-scrollbar {  width: 6px; height: 7px;  }  

::-webkit-scrollbar-track {  background-color: #b592894f;  } 

::-webkit-scrollbar-thumb { 
background-color: #a87569; border: 1px solid #83605852;
box-shadow: inset 0 0 1px #ffffff; border-radius: 0%;  }

::-webkit-scrollbar-thumb:active {
background-color: #b87676; border: 1px solid #83605852; box-shadow: inset 0 0 1px #ffffff; }

/* Для мозилы */
html, body {
scrollbar-color: #a87569 #b592894f;     /* «цвет ползунка» «цвет полосы скроллбара» */
scrollbar-width: thin;  /* толщина */ }

/* 10. ВЫДЕЛЕНИЕ ТЕКСТА
-------------------------------------------------------------*/
::-moz-selection{        
background: #bd6470;
color: var(--accent-txt);  }

::webkit-selection{        
background: #bd6470;
color: var(--accent-txt);  } 

::selection{
background: #bd6470;
color: var(--accent-txt);
text-shadow: none!important;  }

/* 11. ПОДПИСЬ ПОЗИЦИОНИРОВАНИЕ
-------------------------------------------------------------*/
.punbb .post dl.post-sig {
margin-top: 15px!important; }

#profile-signature { display: none; }

#profile-signature ul {
border: none!important;
padding: 0!important;  }

/* 12. СТАТУС-ПЛАШКА + ИКОНКА В ПРОФИЛЕ
-------------------------------------------------------------*/
#st2b {
display: block;
width: 240px; height: 20px;
box-shadow: inset 0px 0px 15px 0px #ffffff96;
border: 1px solid #cdcdcd1a;
padding: 5px 0px 10px 0px;
text-transform: lowercase; letter-spacing: 0.08em;
text-align: center;
text-size-adjust: none; -webkit-text-size-adjust: none;
line-height: 140%;
color: #fff; font-size: 9px;
background-color: #b5796d;
background-image: url(http://forumstatic.ru/files/001b/ce/31/11420.png); }

.post-author #st2b { position: absolute; left: 12px; }

.post-author #st2b:before {
border-color: transparent #836058 #836058 transparent;
content: ' \0020';
display: block;
position: absolute;
border-style: solid; border-width: 6px 6px;
left: -13px; top: 0px; }

.post-author #st2b:after {
border-color: transparent transparent #836058 #836058;
content: ' \0020';
display: block;
position: absolute;
border-style: solid; border-width: 6px 6px;
right: -13px; top: 0px; }

#st2b strong {
display: flex;
justify-content: center;
font-family: 'Open Sans';
font-size: 11px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;  }

ic2b {
background: url(http://forumstatic.ru/files/001b/ce/31/70424.png) top center no-repeat;
display: block;
width: 55px; height: 55px;
background-size: cover; }

/* 13. КНОПКИ ВВЕРХ ВНИЗ СТРАНИЦЫ
-------------------------------------------------------------*/
.go-up, .go-down {
display: none;
position: fixed;
right: 4%;
z-index: 9999;
cursor: pointer;
width: 35px; height: 35px; }

.go-up {
bottom: 300px; /* положение от низа окна браузера верхняя кнопка */
-webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;   
transition: .3s all; }

.go-down {
bottom: 240px; /* положение от низа окна браузера нижняя кнопка */
-webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all;   
transition: .3s all; }

.go-down:hover, .go-up:hover { opacity: 1; }

/* 14. ТАБЛИЦА В ШАПКЕ 
-------------------------------------------------------------*/

.tablbox {
line-height: 130%;
text-transform: uppercase;
text-align: center;
font: 8.5px  var(--basic-font); font-weight: 600;
letter-spacing: 0.07em; word-spacing: 1em; }

.tablbox a { color: var(--basic-txt)!important; }
 
.tabpost {
text-align: justify;
font: 9px var(--basic-font);
letter-spacing: 0.07em;
color: var(--accent-txt);
line-height: 120%;
overflow-y: auto; }

.tabpost a { color: var(--accent-txt)!important; }

.tabams a { 
color: var(--accent-txt)!important;
font-family: 'Satisfy';
font-size: 22px;
letter-spacing: 0.05em;
font-style: normal;
font-weight: normal; }

.tabams a:after { content: ','; }
.tabams a:last-child:after { content: ''; }

.tabnews, .tabpost { overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */  }

.tabpost::-webkit-scrollbar-track { background-color: #76343a66; }
.tabnews::-webkit-scrollbar-track { background-color: #bda693bd; }
.tabpost::-webkit-scrollbar-thumb,
.tabnews::-webkit-scrollbar-thumb { background-color: #a87569; border: 1px solid #83605852; box-shadow: inset 0 0 1px #ffffff; }
.tabpost::-webkit-scrollbar-thumb:active,
.tabnews::-webkit-scrollbar-thumb:active { background-color: #b87676; border: 1px solid #83605852; box-shadow: inset 0 0 1px #ffffff; }

/* 15. НОВОСТИ В ТАБЛИЦЕ
-------------------------------------------------------------*/
news2b {
display: inline-block;
height: 18px; width: 160px;
text-align: center;
margin: 3px 8px!important;
line-height: 140%;
border: 1px solid #dec6bc99; outline: 1px solid rgb(192 170 150 / 74%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c; }

news2b > a {
position: relative;
padding: 2px 5px;
font: 8px var(--basic-font); font-weight: 600;
background: transparent;
color: var(--basic-txt)!important;
text-transform: uppercase; letter-spacing: 0.07em;
transition: background 2s, color 2s!important; }

news2b.imp > a {
background: #bd6470;
color: var(--accent-txt)!important; }

news2b > a:hover, news2b.imp > a:hover  {
background: var(--basic-link);
color: var(--accent-txt)!important; }

/* 16. РЕГУЛИРОВКА РАЗМЕРА ШРИФТА
-------------------------------------------------------------*/
.FNTslider {
position: relative;
z-index: 3;
float: right; 
width: 110px; height: 5px;
margin: 5px!important;
background: #a8756963;
border: solid 1px #e2bfaf14; border-radius: 0px;
outline: solid 1px #8360585e;
box-shadow: inset 0 0 2px #836058; }

.FNTslider .before {
position: absolute;
height: 5px;
margin-top: -1px;
background: #e5d0be9e;
border: solid 1px #ebd8cf70; border-radius: 0px;
outline: solid 1px #8360585e;
box-shadow: inset 0px 0px 2px 0px #b7897e;  }

.FNTslider .thumb {
position: relative;
width: 10px; height: 10px;
top: -4px;
background: #e5d0be9e;
border: solid 1px #ebd8cf70; border-radius: 2px;
outline: solid 1px #8360585e;
box-shadow: inset 0px 0px 2px 0px #b7897e;
cursor: pointer; }

.FNTslider .thumb:hover {
background: #bd6470;
border: 1px solid #ffffff1a; outline: 1px solid #99414c80;
box-shadow: inset 0 0px 3px #994747; }

/* 17. СВОИ СМАЙЛЫ В ФОРМЕ ОТВЕТА
-------------------------------------------------------------*/
#wrapper{ position:relative; }
.tabs {display: block; padding: 0 !important; }
#wrapper .t1,.t2,.t3,.t3,.t4,.t5,.t6 { max-height: 200px; overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin; /* толщина скролла для мозилы */ }
.tabs li {display: inline-block;}

.tabs li a{/*названия вкладок*/
padding: 5px 8px; /*отступы*/
margin: 0 5px 0px; /*отступы*/
display: block;
color: var(--accent-txt)!important;
font: 8.5px var(--accent-font); font-weight: 600;
text-transform: uppercase; letter-spacing: 0.08em;
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0);
transition: all 0.6s; /*анимация*/
-webkit-transition: all 0.6s;  }

#smilies-area .tabs li.tab-current a {
border: 1px solid #cb8c93bf!important;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118)!important;
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important; 
cursor: default !important;  } /*стиль активной вкладки*/

#smilies-area div[class^="t-"]:not(.t-0){display:none; overflow: auto; max-height: 300px;}

#smilies-area {width: 60% !important;} /*ширина вкладки со смайлами*/
#smilies-area img {/*вкладка со смайлами*/
padding: 4px; /*отступы между картинками*/
margin: 0 3px; /*отступы*/
max-width: 50px; /*максимальный размер смайликов ВО ВКЛАДКЕ*/  }
img.postimg[alt="smile"] {max-width: 70px!important; height: auto; } /*максимально допустимый размер смайлика В ПОСТАХ*/

/* 18. ОФОРМЛЕНИЕ ТЕМ
-------------------------------------------------------------*/

/* 18.1 Оформление топика с профилем */
.topic-min2b {
margin: auto!important;
margin-bottom: 10px!important;
padding-bottom: 5px!important;
width: 694px; min-height: 100px;
background: url(http://forumstatic.ru/files/001b/ce/31/84482.jpg) 52% 0% repeat-x, url(http://forumstatic.ru/files/001b/ce/31/98478.jpg) 50% 100% repeat-x, url(http://forumstatic.ru/files/001b/ce/31/23374.jpg) 60% 42%; 
text-size-adjust: none;
-webkit-text-size-adjust: none; }

.top-min-h1 {
width: 670px; height: 18px;
padding: 6px 12px 0px 12px!important; }

.top-min-h1 p {
font: 14px var(--accent-font)!important; font-weight: 700!important;
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.07em; }

.top-min-h2 {
width: 670px; height: 24px;
padding: 0px 12px;
position: relative;  }

.top-min-h2 p {
font: 9px var(--accent-font)!important;
color: var(--accent-txt);
text-transform: lowercase; letter-spacing: 0.08em; }

.top-min-txt {
margin: 5px 10px!important;
padding: 6px 8px!important;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e; }

/* 18.2 Оформление топика без профиля */

.topic-max2b {
margin: auto!important;
margin-bottom: 10px!important;
padding-bottom: 5px!important;
width: 930px; min-height: 100px;
background: url(http://forumstatic.ru/files/001b/ce/31/53420.jpg) 52% 0% repeat-x, url(http://forumstatic.ru/files/001b/ce/31/90964.jpg) 50% 100% repeat-x, url(http://forumstatic.ru/files/001b/ce/31/49768.jpg) 60% 42%; 
text-size-adjust: none;
-webkit-text-size-adjust: none; }

.top-max-h1 {
width: 910px; height: 18px;
padding: 7px 10px 0 10px;  }

.top-max-h1 p {
font: 16px var(--accent-font)!important; font-weight: 700!important;
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.07em; }

.top-max-h2 {
width: 910px; height: 25px;
padding: 0 10px;  }

.top-max-h2 p {
font: 10px var(--accent-font)!important;
color: var(--accent-txt);
text-transform: lowercase; letter-spacing: 0.08em; }

.top-max-txt {
margin: 5px 10px!important;
padding: 6px 8px!important;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e; }

/* 18.3 Занятые внешности, имена */

.face-male-h, .face-fmale-h, .face-names-h, .face-male, .face-fmale, .face-names {
display: inline-flex;
justify-content: center;
align-items: baseline;  }

.face-male-h, .face-fmale-h, .face-names-h {
width: 300px;
color: var(--accent-txt)!important;
font: 10px var(--accent-font); font-weight: 600;
text-align: center;
text-transform: uppercase; letter-spacing: 0.08em;
padding-top: 4px;
margin: 4px!important;  }

.face-male-h {
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important; }

.face-fmale-h {
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important;  }

.face-names-h {
border: 1px solid #c3a0a3;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important;  }

.face-male, .face-fmale, .face-names {
width: 284px; height: 260px;
padding: 12px 6px; margin: 5px 6px!important;
text-transform: capitalize; letter-spacing: 0.05em;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px; outline: solid 1px #9f866f6e; 
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin; /* толщина скролла для мозилы */ }

.face-male p, .face-fmale p, .face-names p { font: 13px var(--basic-font)!important; }
.face-male del, .face-fmale del, .face-names del {  display: none;  }

.face-male a, .face-fmale a, .face-names a {
display: block;
width: 270px; height: 10px;
text-align: right;
border-top: 1px solid #e0c8c0a6;
font-size: 10px!important; font-weight: 600;
text-transform: uppercase!important; }

.face-names a > span { font-style: normal!important; }

.face-male a:before, .face-names a > strong:before {
content: '\25A0   ';
color: #e2bfaf; }

.face-fmale a:before, .face-names a > span:before {
content: '\25A0   ';
color: #cb8c93; }

/* 18.4 Банк */
.bank-h1, .bank-h2 {
width: 337px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--accent-txt)!important;
font: 10px var(--accent-font); font-weight: 600;
text-align: center;
text-transform: uppercase; letter-spacing: 0.08em;
padding-top: 4px; margin: 4px 4px 0px 4px!important;  }

.bank-h1 {
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important;  }

.bank-h2 {
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important;  }

.bank2b {
display: inline-block;
width: 325px; height: 300px;
border: 1px solid #e7d7d357; outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c;
font: 11px var(--basic-font);
letter-spacing: 0.07em;
margin: 5px 5px 10px!important; padding: 10px 5px;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  }

.bank1, .bank2 {
width: 300px;
border-radius: 3px;
margin: 5px!important; padding: 5px; }

.bank1 { background-color: #e3c9bd87; }
.bank2 { background-color: #ddb7b766; }

.bank1 strong, .bank2 strong {
display: block;
text-align: right;
border-top: 1px solid #9b665c2e;
font-size: 12px!important; font-weight: 600;
text-transform: lowercase!important;
color: var(--basic-link); }

/* 18.5 Магазин плашек, иконок и подарков */

#pl2b, .tabs {  display: inline-table;  }

/* 18.5.1 Конструктор плашек */
#pl2b { 
width: 355px; 
margin-left: 15px;
vertical-align: sub;
text-size-adjust: none;
-webkit-text-size-adjust: none;  }

.pl-h1 {
width: 160px;
padding: 4px 0px; margin-bottom: 5px!important;
color: var(--accent-txt)!important;
font: 10px var(--accent-font); font-weight: 600;
text-transform: uppercase; letter-spacing: 0.08em;
text-align: center; 
border: 1px solid #c3a0a3;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important; }

#pl2b label {
display: flex;
padding: 5px 0px;
color: var(--basic-link); 
font: 10px var(--accent-font)!important; font-weight: 700!important;
text-transform: uppercase; letter-spacing: 0.08em;  }

#pl2b input[id=first-line], input[id=second-line] {
padding: 5px;
width: 300px;  }

#pl2b input[id=butt], button[id=copy] {
margin: 0 5px;
padding: 5px 9px;
font: 9px var(--accent-font); font-weight: 600;
text-transform: uppercase; letter-spacing: 0.08em;
text-align: center; 
cursor: pointer; }

#pl2b > input[id=butt] {
color: var(--accent-txt)!important;
border: 1px solid #c3a0a3; outline: none;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important; }

#pl2b > button[id=copy] {
color: var(--basic-txt)!important;
background: #e5d0c3d6;
box-shadow: inset 0px 0px 10px 0px #efe3de;
border: 1px solid #ffffffa1;
outline: 1px solid #c7af9d8a; }

#text {
width: 300px; height: 70px; 
border: 1px solid #e7d7d357;
outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c; 
padding: 5px;
cursor: grab;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */  }

#text:active { cursor: grabbing; }
#text > xmp { display: inline;  }

/* 18.5.2 Вкладки иконок и подарков */

.tabs { position: relative;  }
.tabs input[type="radio"] { display: none; }

.tabs div {    /* скрыть контент по умолчанию */
display: none;
width: 510px; height: 300px;
margin: 5px 10px;
padding: 10px;
border: 1px solid #e7d7d357;
outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin; /* толщина скролла для мозилы */   }

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

.tabs label {
display: inline-block; position: relative;
text-align: center; vertical-align: middle;
user-select: none;
padding: 4px 8px;
margin: 5px 0 5px 10px;
color: var(--accent-txt)!important;
font: 10px var(--accent-font); font-weight: 600;
text-transform: uppercase; letter-spacing: 0.08em;
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
cursor: pointer;  }

.tabs label[for=tab-btn-1] {
border: 1px solid #b5928996!important;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97)!important;
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important; }

ico2bpic, gift2bpic {
display: inline-block!important;
margin: 5px!important;
padding: 10px 10px 15px 10px;
border-radius: 4px;
text-align: center;
font-size: 9px!important;
cursor: pointer; }

ico2bpic { 
background-color: #e3c9bd87;
width: 67px!important; height: 67px!important; }
ico2bpic > img { max-height: 50px!important; margin-bottom: 10px!important; }

gift2bpic { 
background-color: #ddb7b766;
width: 90px!important; height: 90px!important; }
gift2bpic > img { max-height: 76px!important; margin-bottom: 10px!important; }

/* 18.6 Итоги недели */

.resume2b {
margin: auto!important;
position: relative; z-index: 1;
width: 930px; height: 171px; }

.res2b {
width: fit-content;
color: var(--accent-txt);
font: 10px var(--accent-font); font-weight: 600;
text-transform: uppercase; letter-spacing: 0.07em;
border: 1px solid #a88075!important;
box-shadow: inset 0px 0px 1px 1px #e0c8c073!important;
background: linear-gradient(to top , #9b665c7d, #bc9085ba)!important;
padding: 4px 8px; margin-right: 2px!important;
line-height: 130%;
display: inline-flex;
float: right;  }

.res2b:first-of-type {  float: left;  }

.res2b-txt {
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin; /* толщина скролла для мозилы */  }

.res2b-txt:first-letter { 
background: linear-gradient(to top, #9b665c, #eba5a9); 
font-size: 18px; color: #9b665c2e;
-webkit-background-clip: text !important;
-moz-background-clip: text !important;
-o-background-clip: text !important;  }


/* 18.7 Геолокация */
.geo2b { display: inline-block; padding-bottom: 10px; }

.geo, .geo-america, .geo-europe, .geo-asia, .geo-rus {
text-transform: capitalize; letter-spacing: 0.05em;
padding: 12px 6px; margin: 0 8px!important;
border-radius: 3px;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  }

.geo-america, .geo-europe, .geo-asia, .geo-rus {
width: 434px; height: 200px;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; outline: solid 1px #9f866f6e;
display: inline-flex;  justify-content: center; align-items: baseline; }

.geo p, .geo-america p, .geo-europe p, .geo-asia p, .geo-rus p {
font: 13px var(--basic-font)!important; }
.geo a, .geo-america a, .geo-europe a, .geo-asia a, .geo-rus a {
color: var(--basic-txt)!important; }

.geo strong, .geo-america strong, .geo-europe strong, .geo-asia strong, .geo-rus strong {
display: block;
text-align: right;
border-top: 1px solid #e0c8c0a6;
font-size: 10px!important; font-weight: 600;
color: var(--basic-link);
text-transform: uppercase!important; }

.geo del, .geo-america del, .geo-europe del, .geo-asia del, .geo-rus del { display: none; }

.geo-america strong, .geo-europe strong, .geo-asia strong, .geo-rus strong { width: 420px; }
.geo strong { width: 886px; }

.geo {
width: 900px; height: 100px;
display: flex; justify-content: center; align-items: baseline;
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c;
border: 1px solid #e7d7d357; outline: 1px solid rgb(193 150 141 / 67%); } 

.geo-h1, .geo-america-h1, .geo-europe-h1, .geo-asia-h1, .geo-rus-h1 {
padding-top: 4px; margin: 8px 6px!important;
color: var(--accent-txt)!important;
font: 10px var(--accent-font); font-weight: 600;
display: flex;  justify-content: center;
text-transform: uppercase; letter-spacing: 0.08em;  }

.geo-america-h1, .geo-europe-h1, .geo-asia-h1, .geo-rus-h1 {
width: 450px;
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important; 
display: inline-flex; justify-content: space-around;}

.geo-h1 {
width: 916px;
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important; }




/* 19. ШАБЛОН АНКЕТЫ
-------------------------------------------------------------*/
.ank2b {
margin: auto!important;
margin-bottom: 10px!important;
background: url(http://forumstatic.ru/files/001b/ce/31/91564.jpg) top center no-repeat;
width: 666px; height: 454px;
text-size-adjust: none;
-webkit-text-size-adjust: none; }

.ank-img2b, .ank-name2b, .ank-runame2b { display: inline-block; }

.ank-img2b {
position: relative;
width: 50px; height: 50px;
margin-left: 2px!important;
margin-top: -2px!important; }

.ank-img2b img {
height: 50px!important;
filter: grayscale(1);
opacity: 0.4;
object-fit: cover;
object-position: center;  }

.ank-name2b {
width: 600px; height: 20px;
position: relative;
margin-left: 8px!important;
top: -3px;  }

.ank-name2b p {
font: 18px var(--accent-font)!important; font-weight: 700!important;
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.07em; }

.ank-runame2b {
width: 600px; height: 36px;
position: relative;
top: -24px;  left: 62px; }

.ank-runame2b p {
font: 10px var(--accent-font)!important; font-weight: 600!important;
color: var(--accent-txt);
text-transform: lowercase; letter-spacing: 0.08em; }

.ank-op2b {
display: inline-flex;
width: 208px; height: 20px;
margin: 5px!important;
position: relative;
top: -24px; left: 3px;
border: 1px solid #e7d7d357;
outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c; }

.ank-op2b p {
width: 200px; height: 10px;
margin: 2px!important;
padding: 3px 1px 1px 1px!important;
font: 8px var(--basic-font)!important; font-weight: 600!important;
text-align: center!important;
text-transform: uppercase; letter-spacing: 0.07em;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin; /* толщина скролла для мозилы */  }

.ank-op2b p > a { color: var(--basic-txt)!important; }

.ank-txt2b {
position: relative;
margin: 10px!important;
padding: 5px!important;
top: -26px; height: 290px;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e;
overflow-y: auto; overflow-x: hidden; 
scrollbar-width: thin; /* толщина скролла для мозилы */  }


/* 20. ГОСТЕВАЯ
-------------------------------------------------------------*/
.qbook2b {
margin: auto!important;
margin-bottom: 10px!important;
background: url(http://forumstatic.ru/files/001b/ce/31/83533.jpg) top center no-repeat;
width: 694px; height: 400px;
text-size-adjust: none;
-webkit-text-size-adjust: none; }

.qbook-top {
width: 694px; height: 16px;
text-align: center;
padding: 4px 0px;  }

.qbook-top p {
font: 10.5px var(--accent-font)!important;
color: var(--accent-txt);
text-transform: lowercase; letter-spacing: 0.08em;
text-align: center!important;  }

.qbook-top p > strong { font-weight: normal!important;  }
.qbook-top p > strong:after { content: ' // ';  }
.qbook-top p > strong:after { content: ' // ';  }
.qbook-top p > strong:last-child:after { content: ' ';  }

.qb-infobox {
width: 420px; height: 15px;
margin: 5px 0px!important;
padding: 4px 0 1px 0px;
position: relative;
top: 5px; left: 255px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #e7d7d357;
outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c; }

.qb-infobox p {
font: 8px var(--basic-font)!important; font-weight: 600!important;
text-transform: uppercase; letter-spacing: 0.07em;  }

.qbook-h1, .qbook-h2 {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
top: 11px; left: 241px;
padding: 3px 0 1px 0px;
height: 20px;  }

.qbook-h1 {
width: 225px;
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important;  }

.qbook-h2 {
width: 224px;
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important;  }

.qbook-h1 p, .qbook-h2 p {
font: 10px var(--accent-font)!important; font-weight: 600!important;
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.07em;  }

.qbook-face, .qbook-sold {
position: absolute;
width: 206px; height: 190px;
padding: 0 3px!important;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e;
text-transform: lowercase;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin; /* толщина скролла для мозилы */  }

.qbook-face p, .qbook-sold p { text-align: left!important; }

.qbook-face {
display: inline-flex;
flex-direction: column;
margin-left: -205px!important;
margin-top: 44px!important;  }

.qbook-sold {
display: inline-flex;
flex-direction: column;
margin-left: 19px!important;
margin-top: 44px!important;  }

.qbook-face del, .qbook-sold del { display: none; }
.qbook-face p > a, .qbook-sold p > a { color: var(--basic-txt); }

.qbook-face strong, .qbook-sold strong {
font: 10px var(--basic-font)!important; font-weight: 600!important;
color: var(--basic-link);
text-transform: uppercase; letter-spacing: 0.07em; }

.qbook-links {
width: 694px; height: 20px;
text-align: center;
position: relative;
top: 225px;  }

.qbook-links p {  display: inline-flex;  }

.qbook-links p > a {
margin: 0 5px!important;
padding: 3px 6px!important;
font: 9px var(--accent-font)!important; font-weight: 600!important;
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.08em;
border: 1px solid #a88075!important;
box-shadow: inset 0px 0px 1px 1px #e0c8c073!important;
background: linear-gradient(to top , #9b665c7d, #bc9085ba)!important; }

.qbook-links p > a:hover {
color: var(--accent-txt);
border: 1px solid #a88075!important;
box-shadow: inset 0px 0px 1px 1px #e0c8c073!important;
background: linear-gradient(to top , #bc9085ba, #9b665c7d)!important; }


/* 21. ЗАЯВКИ НУЖНЫЕ, ШАБЛОНЫ И Т.Д.
-------------------------------------------------------------*/
.wanted2b {  
margin: 1px auto 10px auto!important;
width: 694px;
padding-bottom: 10px;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background: #f5eae3;
border: solid 1px #ffffff96; outline: solid 1px #cfbfb091; 
box-shadow: inset 0 0 20px #dfcdb7;  }

.wanted-h1, .wanted-h2, .wanted-h3 {
width: 696px; 
margin: -2px 0 4px -2px!important;
position: relative;  }

.wanted-h1 { 
border: 1px solid #cb8c93bf;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #bd6470de, #eba5a9c2)!important; }

.wanted-h2 {
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important; }

.wanted-h3 { 
border: 1px solid #c3a0a3;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important;  }

.wanted-h1 p, .wanted-h2 p, .wanted-h3 p {
font: 12px var(--accent-font); font-weight: 600;
color: var(--accent-txt);
text-align: center!important;
text-transform: uppercase; letter-spacing: 0.05em;
padding: 3px 10px!important;  }

.wanted-info, .wanted-info2 {
display: inline-flex;
justify-content: center;
height: 17px;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */  } 

.wanted-info {
width: 336px; 
padding: 1px;
margin: 3.3px!important;
border: 1px solid #e7d7d357; outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea86e, #f5e3d575)!important;
box-shadow: inset 0px 0px 6px #cba78c; }

.wanted-info2 {
width: 165px;
margin: 4px 2px 8px 2.3px!important;
border: 1px solid #c3a0a3;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important;
padding: 1px;  } 

.wanted-info p, .wanted-info2 p {
font: 9px var(--accent-font)!important;
text-transform: uppercase; letter-spacing: 0.07em;
padding: 2px 8px!important;
text-align: center!important; }

.wanted-info p { color: var(--basic-txt); }
.wanted-info2 p { color: var(--accent-txt); }
.wanted-img {  display: flex;  justify-content: center; }

.wanted-txt, .wanted-txt2 {
position: relative;
padding: 5px 8px;
margin: 0px 5px!important;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e; 
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */   }

.wanted-txt { max-height: 300px; }
.wanted-txt2 { max-height: 150px; }
.wanted-txt2:empty { display: none; }

/* 21.1 Шаблон эпизода */
.ep2b {  
margin: 1px auto 10px auto!important;
padding-bottom: 10px;
width: 694px;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background: #f5eae3;
border: solid 1px #ffffff96; outline: solid 1px #cfbfb091; 
box-shadow: inset 0 0 20px #dfcdb7;  }

.ep-h1 {
width: 696px;
margin: -2px 0 4px -2px!important;
position: relative;
border: 1px solid #b5928996;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(188 114 97);
background: linear-gradient(to top , #b7897ed1, #e2bfafe0)!important;  }

.ep-h1 p {
font: 12px var(--accent-font); font-weight: 600;
color: var(--accent-txt);
text-align: center!important;
text-transform: uppercase; letter-spacing: 0.05em;
padding: 3px 10px!important; }

.ep-img {  display: flex; justify-content: center; }

.ep-info {
display: inline-flex;
justify-content: center;
width: 336px; height: 17px;
margin: 3.3px!important; padding: 1px;
border: 1px solid #e7d7d357; outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea86e, #f5e3d575)!important;
box-shadow: inset 0px 0px 6px #cba78c;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */ }

.ep-info p {
font: 9px var(--accent-font)!important;
text-transform: uppercase; letter-spacing: 0.07em;
padding: 2px 8px!important;
text-align: center!important;  }

.ep-txt {
position: relative;
margin: 5px!important; padding: 5px 8px;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 3px;
outline: solid 1px #9f866f6e; }

.ep-txt:empty { display: none; }

/* 21.2 Пост в соцсети */
.social2b {
width: 600px;
margin: auto!important;
background-color: #fafafa;
border: 1px solid #f0f0f0;  }

.soc-img {
width: 500px; height: 500px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border: solid 9px #fff; outline: 1px solid #f0f0f0;
margin: 10px 40px!important;
overflow: hidden;  }

.soc-img img {
object-fit: cover;
object-position: center;
max-width: 500px!important;  }

.soc-av {
width: 50px; height: 50px;
margin: 20px!important;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
flex-wrap: wrap;
border: 3px solid #fff; border-radius: 100%;
overflow: hidden; }

.soc-av img {
object-fit: cover;
object-position: center;
height: 60px;  }

.soc-log {
position: absolute;
margin-top: -85px!important;
margin-left: 85px!important;  }

.soc-log p {
font: 18px 'Montserrat'!important;
color: var(--basic-link);
text-transform: lowercase;  }

.soc-log p:before {  content: '@';  }
.soc-log p:after {  content: ' опубликовал(а)';  }

.soc-txt {
width: 440px;
position: relative;
background: #fff;
padding: 8px 16px;
border-radius: 10px;
margin: -50px 85px 15px!important; }

.soc-txt:before {
content: '';
border: 10px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: 100%;  }

.soc-txt:empty { display: none; }

/* 21.3 Анкета одобрена */
.done2b {
background: url(http://forumstatic.ru/files/001b/ce/31/90621.png) top center no-repeat;
width: 400px; height: 100px;
margin: auto!important; }

.done-txt1 {
position: relative;
height: 14px;
margin-left: 60px!important; padding: 7px 0 2px 0;  }

.done-txt1 p {
font: 14px var(--accent-font)!important; font-weight: 600!important;
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.07em;  }

.done-txt2 {
position: relative;
margin-left: 60px!important; padding: 3px 0px; }

.done-txt2 p {
font: 9px var(--accent-font)!important; font-weight: 600!important;
color: var(--accent-txt);
text-transform: lowercase; letter-spacing: 0.08em; }

.done {
display: flex; justify-content: space-between;
height: 48px;
margin-top: 6px!important;
padding: 0 4px;  }

.done-li { 
display: inline-flex; align-items: center;
margin: 4px 1px!important;  }

.done-li a {
color: var(--accent-txt)!important;
font: 9px var(--accent-font); font-weight: 600;
text-transform: uppercase; letter-spacing: 0.05em;
border: 1px solid #a88075!important;
box-shadow: inset 0px 0px 1px 1px #e0c8c073!important;
background: linear-gradient(to top , #9b665c7d, #bc9085ba)!important;
padding: 7px 5px;  }

.done-li a:hover {
color: var(--accent-txt)!important;
border: 1px solid #a88075!important;
box-shadow: inset 0px 0px 1px 1px #e0c8c073!important;
background: linear-gradient(to top , #bc9085ba, #9b665c7d)!important; }


/* 22. ЛИЧНАЯ СТРАНИЦА СТИЛЬ
-------------------------------------------------------------*/
.reveal-modal-bg { 
position: fixed; 
height: 100%; width: 100%;
background: rgb(0 0 0 / 45%);
z-index: 100;
display: none;
top: 0; left: 0; }

.reveal-modal {
visibility: hidden;
top: 100px; left: 20%;
width: 790px; height: 400px;
position: absolute; z-index: 101;
opacity: 0.95!important;
background: url(http://forumstatic.ru/files/001b/ce/31/13515.png) top center no-repeat; }

.reveal-modal .close-reveal-modal {
position: absolute;
width: 15px; height: 15px;
top: -10px; left: 386px;
text-align: center; text-decoration: none;
font: 22px var(--accent-font); font-weight: 600;
color: transparent!important;
background: #bd6470;
outline: 1px solid #99414c80; border: 1px solid #ffffff1a;
box-shadow: inset 0 0px 3px #994747;
line-height: 70%;
rotate: 45deg; 
cursor: pointer;  }

.reveal-modal .close-reveal-modal:hover {  color: var(--accent-txt)!important; }

.modal-avatar {
width: 98px!important; height: 98px!important;
position: absolute;
left: 346px; top: 1px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center; }

.modal-avatar > img { height: 100%; opacity: 0.4; filter: grayscale(1); }

.modal-info {
width: 340px;
margin: 10px 3px!important;
position: absolute;
display: flex;
flex-direction: column;
align-items: center;  }

.modal-info li {
width: 300px; height: 17px;
margin: 5px 10px!important;
padding: 5px 10px!important;
font: 9px var(--basic-font)!important; font-weight: 600!important;
text-transform: uppercase; letter-spacing: 0.07em;
text-align: center;
border: 1px solid #e7d7d357; outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c;
line-height: 190%!important;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */  }

.modal-awards {
width: 345px;
position: absolute;
left: 445px;
opacity: 0.9;  }

.modal-awards li {
width: 65px; height: 90px;
text-align: center;
display: inline-flex;
align-items: flex-end;
justify-content: center;  }

.modal-awards li a {
font: 9px var(--accent-font); font-weight: 600;
color: var(--accent-txt)!important;
padding: 70px 20px 0px!important;
margin-left: 4px!important;
letter-spacing: 0.08em;  }

.modal-icons, .modal-gifts {
width: 235px; height: 250px;
position: absolute;
top: 118px;
border: 1px solid #e7d7d357; outline: 1px solid rgb(193 150 141 / 67%);
background: linear-gradient(to top , #dbbea88a, #edd9ca75)!important;
box-shadow: inset 0px 0px 6px #cba78c;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */  }
    
.modal-icons { left: 10px; padding: 5px; }
.modal-gifts { left: 533px; padding: 5px 0 5px 10px; }

.modal-icons > img, .modal-gifts img { margin: 2px; border-radius: 3px;  }
.modal-icons > img { height: 42px; padding: 4px; background-color: #e2bfafe0; }
.modal-gifts img { height: 56px; padding: 5px;  background-color: #ddb7b7ba; }

.modal-icons ic2b {
display: inline-block;
width: 42px; height: 42px;
padding: 4px; margin: 2px;
border-radius: 3px;
background-color: #e2bfafe0;  }

.modal-stat {
width: 256px; height: 260px;
position: absolute;
top: 110px; left: 264px;
padding: 8px 2px;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff!important; border-radius: 3px;
outline: solid 1px #9f866f6e;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto; overflow-x: hidden;
scrollbar-width: thin;  /* толщина скролла в мозилле */  }

.modal-stat #st2b { margin: 3px!important;  }


/* 23. РАЗНОЕ
-------------------------------------------------------------*/
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement h2 {display: none}
#pun-announcement .container {margin-top: -1em; text-align: center;}
#pun-live-rusff { display: none; }
#pun th, #pun-main h2 {text-align: center}
#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 { display: none; }
.pl-reports {display:none!important;}
.topic a.sharelink { display: none; }
.reactions-container { display: none!important; }
.punbb .modmenu .container span {display: none;}
.subscribelink { clear: both; display: block;  }
.social { margin: 6px 5px 0px 5px!important; }
.lastedit { display: none!important; }
#topic-users-in a:not(:last-of-type):after { content: ","; }
tr#forum_f18, tr#forum_f19 { display: none!important; }
#topic_t12 .post-sig { display: none; }

/* Счетчик символов */
#plng {
position: relative;
margin: 0 14px; padding: 2px 10px;
font: 8px var(--accent-font);
color: var(--accent-txt);
text-transform: uppercase; letter-spacing: 0.08em;
border: 1px solid #a87569;
box-shadow: inset 0px 0px 1px #ffffff, inset 0px 0px 2px #ffffff, inset 0px 0px 10px rgb(191 108 118);
background: linear-gradient(to top , #b97e80, #e3c5c5)!important;
z-index: 8;  }
#pun-viewtopic #plng { top: -12px; }

/* Счетчик символов в посте - стиль */
.post-symbols { 
float: right;
position: relative;
top: 13px; }

/* Быстрые плюсы в топике от Deff - стиль */
.noNull:before {
content: "+";
font-size: 9px;
display: inline-block;
margin-left: -6px;
margin-top: 0px;
position: absolute; }

div .post-rating p > a {
background: url(http://forumstatic.ru/files/001b/ce/31/36787.png) no-repeat center;
background-size: cover;
position: relative;
z-index: 88;
width: 38px;
text-align: center;
font-size: 11px !important; font-weight: 700;
display: inline-block; vertical-align: middle;
line-height: 335%; letter-spacing: -1px;
transition: all 1s; }

div.post-vote p>a {  display: none;  }

/* Маска профиля стиль */
#mask_dialog .inner {
width: 760px!important;
overflow: hidden!important;
background: var(--punbb-bg);
box-shadow: #e6bd98 inset 0px 0px 4px;
border: solid 1px #fff; border-radius: 5px; }

#mask_dialog .hv-form-block {
max-height: fit-content!important;
overflow: hidden!important; }

#mask_dialog .hv-mask-dialog-title {
font-size: 14px!important; font-family: var(--basic-font);
text-transform: uppercase; letter-spacing: 0.05em; }

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
width: 96%!important; margin: 4px; }

#mask_dialog .hv-add-template {
margin: 2px;
background: #e5d0c3d6;
box-shadow: inset 0px 0px 10px 0px #efe3de; border: 1px solid #ffffffa1;
outline: 1px solid #c7af9d8a; }

.pa-avatar img { max-width: 180px;  max-height: 180px; }