/*************************************************************
КОДЫ BLANCHE
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {    height: 420px;    width: 1115px;    margin-left: -29px;    background: url(https://forumstatic.ru/files/001b/29/0d/89461.png) no-repeat bottom center;    position: absolute;    top: -31px;    clip-path: polygon(25% 0, 25% 5%, 100% 5%, 100% 100%, 0 100%, 0 5%, 16% 5%); z-index: 1;}
#pun-title {    height: 387px;}

/* футер */
#pun-about {    width: 1050px;    height: 86px;    margin: 150px 0 0 -20px;    background: url(https://forumstatic.ru/files/001b/29/0d/84214.png) center bottom no-repeat;    text-align: center;}




/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2 {    margin: 0px 0 0 -30px;    font-family: var(--font1) Black;    color: var(--col2);    text-transform: lowercase;    font-size: 30px;    padding-left: 30px;    height: 60px;    display: flex;    align-items: center;}

#pun-index #pun-category1 h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/15542.png) no-repeat;}
#pun-index #pun-category2 h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/45186.png) no-repeat;}
#pun-index #pun-category3 h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/39327.png) no-repeat;}
#pun-index #pun-category4 h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/67219.png) no-repeat;}
#pun-index #pun-category5 h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/97854.png) no-repeat;}
#pun-index #pun-category6 h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/82397.png) no-repeat;}

#pun-stats.section h2 {    background: url(https://forumstatic.ru/files/001b/29/0d/19132.png);    width: 97px;    height: 95px;    margin: -7px 20px 0 -60px;    float: left;}
/* переименовываем статистику */
#pun-stats.section h2 span {font-size: 0px;}
/* #pun-stats.section h2 span:before {content: 'aff aff';    font-size: 30px;}*/

/* всего тем, сообщений, посл. зарегистрировался */
#pun-stats ul.container {display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-top: 20px;gap: 5px; text-transform: lowercase;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {    font-family: var(--font1);    text-transform: lowercase;    font-size: 12px;}
#pun-stats li.item4 {    text-align: right; }
#pun-stats li.item2, #pun-stats li.item3 {   text-align: center;}

#pun-stats {    border-top: 1px solid #000;    margin: 0 -20px;    padding: 0 40px 0 70px;}
li#onlinelist.item5.users_24h {    margin: 20px 0 0 -60px;}
.statscon {font-weight: bold; font-family: var(--font1); font-size: 12px;}




/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun table Div.icon {    width: 30px;    height: 30px;    background: transparent;   }
#pun-index table Div.icon  {margin: 0 0 0px 20px;    order: 2;}
#pun TR.inew Div.icon {background: url(https://forumstatic.ru/files/001b/29/0d/93393.png);}
#pun TR.isticky Div.icon {background: url(https://forumstatic.ru/files/001b/29/0d/93393.png);}
#pun TR.iclosed Div.icon {background: transparent;}

#pun-viewforum table Div.icon, #pun-searchtopics table Div.icon, #pun-messages table Div.icon {    background: var(--col2);    border-radius: 100%;    width: 20px;    height: 20px; }
#pun-viewforum TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-messages TR.inew Div.icon {background: #af443b}
#pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {background: #d1bb4d;}
#pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {    background: #96a1ab;}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
.activists, .hotlinks, .bestep, .bestpost {position: absolute; z-index: 2;}

.activists a, .activists img {    width: 45px;    height: 45px;    object-fit: cover;    border-radius: 50%;}
.activists img {filter: grayscale(1);    transition: all .5s;    border: 1px solid #000;} .activists img:hover {filter: none;}
.activists {    width: 45px;    display: flex;    justify-content: space-between;    height: 190px;    flex-direction: column;}
.activists.one {    left: 6px;    top: 100px;} .activists.two {    right: 6px;    top: 110px;}

.hotlinks {    top: 251px;    font-family: var(--font1) Black;    text-transform: lowercase;    left: 296px;    font-size: 12px;    display: flex;    gap: 0px;    width: 470px;    justify-content: space-between;}
.hotlinks a {color: var(--col2) !important;}

#pun-announcement .plashka a {    font-family: var(--font1) Black;    color: var(--bg1) !important;    font-size: 12px;    text-transform: uppercase;}
#pun-announcement .plashka a:hover {  color: var(--bg3) !important;}


.bestep, .bestep a, .bestep a:hover {    color: var(--col2) !important;}

.bestpost, .bestep {    top: 294px; color: var(--col2);}
.bestpost { left: 296px; width: 298px;}
.bestep {    right: 280px;    width: 130px;}
.bestpost span, .bestep span {    font-family: var(--font1) Black;    text-transform: lowercase;    letter-spacing: -.25px;    display: block;    font-size: 15px;}
.bestpost p, .bestep a {    font-family: var(--font1);    text-transform: lowercase;    margin: 0;    font-size: 11px; margin-top: -2px;}  .bestep a {font-weight: bold;}
.bestpost p {    height: 50px;    overflow: auto;    padding-right: 7px;    text-align: justify;}

.banners {    padding: 30px;    margin: -230px 0 0px 0;    position: absolute;}
.banners .container {    display: flex;    flex-wrap: wrap;    justify-content: center;    overflow: auto;    height: 78px;    padding-right: 10px;    gap: 10px;}

.banners a {filter: grayscale(1); opacity: .5;} .banners a:hover {filter: none; opacity: 1;}

.parental {    font-family: var(--font1) Black;    font-size: 43px;    border: 1px solid #000;    margin: 0 -21px;    padding: 5px 0 10px 0;}
.parental span:before {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/72751.png);    width: 25px;    height: 26px;    display: inline-block;    margin: 0 30px;}






/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;font-size: 10.5px !important;line-height: 15px !important;padding: 20px;font-family: Verdana;    /*border: none !important;*/ outline: none !important; border-radius: 68px;}
.punbb textarea, #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area, .punbb input, .punbb select, .punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks, .hvStickerPackModal, .punbb .post .post-author ul, ul.tabs li a, #pun-viewtopic .fs-box.hashelp, #pun-edit .fs-box.hashelp, #pun-post .fs-box.hashelp, #pun-profile #profile5 .fs-box.hashelp, #pun-messages .fs-box.hashelp { background: var(--bg1); border: 1px solid var(--col2);}

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {overflow-y: auto;padding: 10px !important;height: 207px; font-family: var(--font1);text-transform: lowercase;letter-spacing: .5px;z-index: 99999;font-size: 10px;margin: -8px -21px 0 0px;}

#pun-viewtopic .fs-box.hashelp textarea, #pun-edit .fs-box.hashelp textarea, #pun-post .fs-box.hashelp textarea, #pun-profile #profile5 .fs-box.hashelp textarea, #pun-messages .fs-box.hashelp textarea {    background: transparent;    border-radius: 0px;    border: none;    padding: 0px;    padding-right: 10px;}
#pun-viewtopic .fs-box.hashelp, #pun-edit .fs-box.hashelp, #pun-post .fs-box.hashelp, #pun-profile #profile5 .fs-box.hashelp, #pun-messages .fs-box.hashelp {border-radius: 68px;padding: 20px 20px 10px 20px;position: relative;overflow: hidden;z-index: 1;}
#pun-viewtopic .resizable-textarea, #pun-edit .resizable-textarea, #pun-post .resizable-textarea, #pun-profile #profile5 .resizable-textarea, #pun-messages .resizable-textarea {    margin-bottom: -15px;}
#pun-viewtopic #post fieldset:not(#post-preview):before, #pun-edit #post fieldset:not(#post-preview):before, #pun-post #post fieldset:not(#post-preview):before {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/37189.png);    width: 117px;    height: 126px;    position: absolute;    right: -21px;    top: -30px;}
#pun-viewtopic #post fieldset:not(#post-preview):after, #pun-edit #post fieldset:not(#post-preview):after, #pun-post #post fieldset:not(#post-preview):after {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/65709.png);    width: 99px;    height: 120px;    position: absolute;    left: -30px;    bottom: -30px;}
/*--добавлен not(#post-preview) для скрытия цветов из формы предпросмотра. by timoshka--*/

#pun-edit .fs-box.hashelp p.areafield.required:first-child {    margin: -10px 30px 20px 30px;}
#pun-edit .fs-box.hashelp p.checkfield, #pun-post .fs-box.hashelp p.checkfield, #pun-profile #profile5 .inputfield {    border-top: 2px solid #6d6d6d;    margin: 20px -20px 0 -20px;    padding: 10px 50px 0 50px;}

#pun-edit .fs-box.hashelp, #pun-post .fs-box.hashelp {    display: flex;    flex-direction: column;}
#pun-edit p.inputfield.required.longinput:nth-of-type(2), #pun-post p.inputfield.required.longinput:nth-of-type(1) {    order: -1;    margin: -10px 0 30px 40px;}



/*--------------------- формы заполнения ---------------------*/
.punbb select {font-family: var(--font1) !important;text-transform: lowercase !important;font-size: 10px !important;padding: 3px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select {    cursor: pointer;    font-size: 10px;    padding: 4px;    text-align: center;    font-family: var(--font1); /*border: none !important;*/ outline: none !Important; color: var(--col2); border-radius: 12px}
/*.punbb option {background-color: var(--bg1) !important;}  модерское */
.modal-inner.section .tc2 {    width: 5%;}


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: left;    margin-left: 6px;} /*по центру */
/* до наведения */
.button, .hashelp center div a button, ul.tabs li a, input#sub4, .hvStickerPackModalTab {     cursor: pointer;    padding: 0px 10px 3px 10px !important;    font-family: var(--font1) Black !important;    font-size: 14px !important;    text-transform: lowercase;    min-width: 100px;    margin: 0 5px;    /* border: none !important; */    outline: none !Important;    transition: all 0.3s ease-in-out;}
#imageupload-left input[type=button] {    min-width: 150px;}
.punbb #post .tabs li.active a, .punbb #post .tabs li a:hover {    background: var(--bg3);    color: var(--bg1);}

/* кнопки после наведения */
.button:hover {    background: var(--bg3) !important; color: var(--bg1)}




/* IV. ЦИТАТЫ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 20px 20px 40px 20px; padding: 0px !important;    overflow: hidden;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {    width: 88%;    overflow: hidden;    background: var(--bg1);    z-index: 1;    position: relative;    padding: 10px 40px 10px 40px;    margin: 0;    font-family: var(--font1);    font-size: 15px;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 15px;overflow-y: hidden !important;max-height: 200px !important;}

/* общий стиль, в том числе для закладок, репутации и маски */
.punbb .post-content .quote-box, .punbb .post-content .code-box, #float, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks, .hvStickerPackModal {padding: 10px;font-size: 11px!important;    font-family: var(--font1) !important;    border-radius: 45px;}
#MyBookmarks, .editBookmark, .hvStickerPackModal {    box-shadow: 0 0 10px #b5aa9e inset !important;}
.hvStickerPackModal {    background: #e2ded2 !important;    border: 1px solid #e2ded2!important; border-radius: 0px !important;}
.hvStickerPackModalContent {border: none !important;}
.hvStickerPackModalTab, #MyBookmarks {border-radius: 0px !important;}
.hvStickerPackModalTab {text-align: center;}

/* написал и выделить код */
.punbb .quote-box cite, .punbb .code-box strong.legend, .post-content .spoiler-box > div {    font-style: normal;    text-align: left;    text-transform: lowercase;    font-size: 17px;    font-family: var(--font1) Black;    margin: 0px -40px 0px -40px;    display: block;    border-bottom: 1px solid #000;    padding: 0px 40px 3px 70px !important;    z-index: 1;    position: relative;    background: var(--bg1);}

/* спойлер. копировать цвет выше*/
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a {    color: var(--col2);}
.post-content .spoiler-box > div {    background: var(--bg1) !important;    z-index: 2;    position: relative;    margin-bottom: -1px !important;}
.post-content .spoiler-box > blockquote {padding-top: 0px !important;}

.quote-box:before {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/16680.png);    width: 102px;    height: 85px;    position: absolute;   margin: -35px 0 0 -30px;}
.quote-box.hide-box:before, .quote-box.spoiler-box:before {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/60917.png);    width: 69px;    height: 67px;    position: absolute;     margin: -18px 0 0 -24px;}
.code-box:before {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/48552.png);    width: 113px;    height: 85px;    position: absolute;     margin: -24px 0 0 -20px;}

.quote-box table .code-box .blockcode, table blockquote {    width: 67% !important;}
.quote-box.spoiler-box .code-box {    margin-top: 40px;}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {float: left;    min-height: 150px;    margin: 20px 0 80px 10px;  font-family: var(--font1); position: relative;}
.post-author:before {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/20984.png);    width: 188px;    height: 154px;    position: absolute;    top: -45px;    right: -25px;}
.post-author:after {    content: '';    background: url(https://forumstatic.ru/files/001b/29/0d/89436.png);    width: 63px;    height: 33px;    position: absolute;    bottom: -31px;    left: 84px;}
#pun-post .post-author:before, #pun-post .post-author:after, #pun-searchposts .post-author:before, #pun-searchposts .post-author:after {display: none;}

#pun-searchposts .post-author strong {font-weight: normal !important}

.punbb .post .post-author, .punbb .post .post-author ul {width: 245px;}

.punbb .post .post-author ul {    display: grid;    text-align: center;    margin: 0px;    font-family: var(--font1);    gap: 10px 5px;    position: relative;    box-sizing: border-box;    padding: 10px 23px;    grid-template-columns: 1fr 1fr;justify-items: stretch; border-radius: 54px;}

/* отступ текста от профиля */
.punbb .post-body {margin-left: 285px;}

/* цвета текста в профиле*/
.pa-author, .pa-author a {color: var(--col2) !important;}
.pa-title, .pa-avatar, .pa-fld1, .pa-fld2, .pa-online, .pa-last-visit, .pa-ip {grid-column: 1/3;}

/* ник */
.pa-author {    font-size: 18px;    text-transform: uppercase;    font-family: var(--font1) Black;    position: absolute;    width: 100%;    top: -30px;}

/* статус */
.pa-title {    font-size: 12px;    text-transform: lowercase;    font-family: var(--font1);}

/* аватар */
.pa-avatar {margin: 0; z-index: 2;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img {box-shadow: 0 0 0 1px #848484, 0 0 0 2px #585757; max-height: 180px; max-width: 180px !important; }

/* репутация и соо на одной строке */
.pa-respect, .pa-posts, .pa-fld4, .pa-fld3, .pa-online, .pa-last-visit, .pa-ip {    text-transform: lowercase;    font-size: 12px;    font-family: var(--font1) Narrow;}
.pa-respect img {vertical-align: middle;    mix-blend-mode: luminosity;      margin: -2px -1px 0 -1px;}
.pa-posts, .pa-fld3 {    text-align: left;} .pa-respect, .pa-fld4 {text-align: right;} .pa-fld3, .pa-fld4 {    margin-top: -10px;}
.pa-respect a {color: var(--col2) !important;}

/* ай-пи 
.pa-ip {display:none;}*/

/* поля */
#viewprofile #profile-right li strong span {    display: block;    margin: 0px;}

.pa-fld1 {    padding: 5px 10px !important;    font-family: var(--font1) Black;    font-size: 20px;    border: 1px solid #000;    margin: 0 -24px;    text-transform: uppercase;}
.pa-fld2 {    font-size: 12px;    text-align: left;    line-height: 12px;}
.pa-fld2 a, #pa-fld2 a {    font-family: var(--font1) black; color: var(--col2) !important;}
.pa-fld2 a:first-child, #pa-fld2 a:first-child {    color: var(--col2) !important;}







/* V. ЗАКЛАДКИ, УВЕДОМЛЕНИЯ, СТРЕЛКИ, ОНЛАЙН
-------------------------------------------------------------*/
.post .bookmark {color: var(--bg3) !important}
#MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {box-shadow: none !important;margin-left: 5px !important;width: 114px;text-shadow: none;    background: #00000014;}
#MyBookmarks li.BookmarkL>span.last_click {box-shadow: none !important;background: #ffffff42 !important;}
#pun-main .editBookmark h1 {    font-size: 10px !important;    letter-spacing: 2px;    display: block !important;    text-transform: uppercase;    text-align: center;    font-weight: normal;}
#pun-main .editBookmark h1 span.delBookmark {    font-size: 25px !important;    margin: -15px 0px 0 0;}
.editBookmark {font-family: var(--font1);    font-size: 9px;    letter-spacing: .5px;    border-radius: 0px !important;    margin: 26px 50px 0 0px !important;}
.editBookmark .inputfield {font-weight: normal!important;text-transform:lowercase;}

#BookmCntToggle.default-style { color: var(--bg3) !important;}


/* новое соо, уведомления */
span.num_msg, .bubble, .jGrowl-notification, .jGrowl .messag_theme, #messages-list a.Author, span.num_msg:before {background: var(--bg3) !important; text-shadow: none!important;    font-weight: normal !important;}
.bubble:after {border-color: var(--bg3) transparent !important}
span.num_msg {    display: inline-block !important;}
#notifications-stored tr td {    min-height: 60px;    display: block;}

/* стрелки */
#Go_Top, #Go_Bottom {    cursor: pointer;    opacity: 1;    display: none;    position: fixed;    z-index: 9999;}
#Go_Top {    bottom: 55%; background: url(https://forumstatic.ru/files/001b/29/0d/70497.png); height: 74px; width: 81px;    margin-left: 1040px!important;}
#Go_Bottom {bottom: 45%; background: url(https://forumstatic.ru/files/001b/29/0d/93403.png); height: 80px; width: 74px;    margin-left: 1100px!important;}

/* онлайн */
.indOnline, .indOffline {left: 0px;    width: 0px;    height: 0px;    cursor: pointer;    position: absolute;}
.indOnline {background: url();}
.indOffline {}





/* VI. ТЕМЫ
-------------------------------------------------------------*/