/*************************************************************
КОДЫ BLANCHE, ГРАФИКА BLURRY
с радостью подарим вам такую же красоту, у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование, если вы поставите копирайт blanche
давайте уважать труды, да и просто друг друга <З
**************************************************************

 I. ШАПКА, ФУТЕР
-------------------------------------------------------------*/
/* шапка */
#pun-title table {    z-index: 0;    position: absolute;    top: -358px;    height: 358px;    width: 950px;    margin-left: -20px;    background: url(https://forumstatic.ru/files/001b/67/c6/60660.png);}

/* футер */
#pun-about {    width: 950px;    height: 98px;    margin: 0 0 0 -20px;    background: url(https://forumstatic.ru/files/001b/67/c6/96829.jpg) center top;    text-align: center;}






/* II. КАТЕГОРИИ
-------------------------------------------------------------*/
#pun-index .category h2, #pun-stats.section h2 {    height: 32px;    background: url(https://forumstatic.ru/files/001b/67/c6/96073.jpg);    width: 950px;    margin: 10px -20px;    display: flex;    justify-content: center;    align-items: center;    font-weight: bold;        font-size: 30px;    letter-spacing: 1px;    font-family: adorn story serif; position: relative;    text-transform: uppercase;}
#pun-index .category h2, #pun-stats.section h2, .menu-links, .aw-page award2, .gift-page gift1, .frog-page frog3  {color: #fdf0bc;}

/* скрываем первую, если нужно 
#pun-category1.category h2 { display: none;}*/

#pun-index .category h2 span:before, #pun-index .category h2 span:after {    content: '-';    margin: 0 10px;}

/* переименовываем статистику */
#pun-stats.section h2 span {font-size: 0px;}
#pun-stats.section h2 span:after {content: '- statistic -';    font-size: 30px;    margin-left: -20px; }

/* всего тем, сообщений, посл. зарегистрировался */
#pun-stats ul.container {display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-top: 20px;}
#pun-stats li.item1, #pun-stats li.item2 {width: 27%;}
#pun-stats li.item3, #pun-stats li.item4 {width: 44%;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {   display: inline-block;    text-align: center;      font-family: Arial;   font-size: 11px;    letter-spacing: 1px;    padding: 4px 0;
  background: #0000000d;     border-radius: 2px;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, #pun-stats li.item4 a {color: #7e8548 !important;}

.offctgr {    position: absolute;    right: 20px;    margin-top: -6px;} 





/* III. ИКОНКИ
-------------------------------------------------------------*/
/* на главной */
#pun-index table Div.icon {    width: 7px;    height: 25px;    background: transparent;    position: absolute;    right: -7px;    top: 7px;    z-index: 1;}
#pun-index TR.inew Div.icon {    background: #7c8151;} /* новая */

/* в подфорумах */
#pun-viewforum table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages table Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics table Div.icon, #pun-searchtopics TR.inew Div.icon {    float: left;    margin: 0px 10px 0 0;    font-size: 13px;    background: none;    height: 25px;    width: 30px;    font-family: raleway;    text-transform: uppercase;    letter-spacing: 1px;}
#pun-viewforum table Div.icon:before, #pun-messages table Div.icon:before, #pun-searchtopics table Div.icon:before {content: 'old';color: var(--bg2);}
#pun-viewforum TR.inew Div.icon:before, #pun-messages TR.inew Div.icon:before, #pun-searchtopics TR.inew Div.icon:before {content: 'new';    color: var(--bg3);}
#pun-viewforum TR.isticky Div.icon:before {content: 'imp';     color: var(--bg3);}
#pun-viewforum TR.iclosed Div.icon:before {content: 'cls'; opacity: .5}





/* IV. ТАБЛИЦА
-------------------------------------------------------------*/
.bb {    position: absolute;    left: 0px;    margin-top: -116px;    text-align: center;    width: 100%;    font-family: var(--font1);    text-transform: uppercase;    letter-spacing: 1.5px;    font-size: 8px;    font-weight: bold;}
.bb a {    color: var(--bg2) !important;}
.bb span {    position: absolute;    margin-left: -80px;    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;    opacity: 0;    background: var(--bg1);} .bb span:hover {opacity: 1;}

.banners {    position: absolute; margin: -82px 0 0 -10px; width: 930px; height: 68px; overflow-y: auto;}
.banners a {    width: 88px;    height: 31px;    background: var(--punbg);    margin-bottom: 5px;}
.banners img {     filter: grayscale(1);  opacity: .4;  transition: all .6s ease-in-out 0s}
.banners img:hover {  opacity: 1;  filter: none}

.table_text {    height: 33px;    overflow-y: auto;    padding-right: 10px;    width: 233px;    position: absolute;    z-index: 1;    font-family: 'Philosopher';    font-size: 10px;    text-align: justify;}
.table_text#one {    top: -98px;    right: 227px;} .table_text#two {    top: -55px;    left: 226px;}
.table_text, .table_text a { color: #2e2910 !important;} .table_text a {  text-transform: uppercase; font-weight: bold;}

#textbutton_amdins, #textbutton_navigation {    cursor: pointer;    transition: all .6s ease-in-out 0s;    position: absolute;    top: -35px;    z-index: 1;    width: 196px;    height: 22px;    display: flex;    align-items: center;    justify-content: center;    font-family: 'Philosopher';    color: #6a6241;    text-transform: uppercase;    font-weight: bold;    letter-spacing: .5px;    font-size: 12px;}
#textbutton_amdins {    left: 10px;} #textbutton_navigation {    right: 10px;}

.persons {    width: 171px;    display: flex;    justify-content: space-between;    height: 36px;    position: absolute;    z-index: 1;  }
.persons#one {    top: -99px;    left: 299px;} .persons#two {    top: -56px;    right: 300px;}
.persons img {    width: 36px;    height: 36px;    object-fit: cover;    filter: grayscale(1);  transition: all .5s;    opacity: .5;}
.persons a {    position: relative;    width: 36px;    height: 36px;}
.persons a:before {    content: '';    background: #818560;    width: 100%;    height: 100%;    position: absolute;    z-index: 1;    mix-blend-mode: color;transition: all .5s;}
.persons a:hover:before {    opacity: 0;}.persons a:hover img {    opacity: 1;}

#slidedtext1, #slidedtext2 {
    position: absolute;
    background: #d2c68c;
    border: 1px solid #55593878;
    width: 216px;
    text-align: center;
    z-index: 9;
    top: -13px;
    box-sizing: border-box;
    padding: 15px;
    font: normal 13px philosopher;
}
#slidedtext1 {    left: 0;}
#slidedtext2 {    right: 0;}
#slidedtext2 div, #slidedtext1 div {  display: flex;  flex-wrap: wrap;  gap: 4px;  text-align: justify}
#slidedtext2 a, #slidedtext1 a {
    width: 100%;
    background: #e4d9b9;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px;
    font-size: 11px;
    border-radius: 2px;
    transition: all 0.5s ease-in-out 0s;
    text-align: center;
    border: 1px solid #55593878;
}
#slidedtext1 span {  font-size: 12px}
#slidedtext1 span + a {  margin-top: 20px}
#slidedtext2 a:hover, #slidedtext1 a:hover {
    background: #777b55;
    color: #e2e8a9;
    border: 1px solid rgb(0 0 0 / 30%);
}

.plaha2 {    display: inline-block;    background: #777b55;    font-family: philosopher !important;    padding: 5px 15px;           transition: all .5s ease-in-out 0s;    outline: 1px solid rgb(0 0 0 / 50%) !important;    vertical-align: top;    min-height: 34px; position: relative; border-radius: 5px; margin-bottom: 5px;}
.plaha2 raz {    display: block;    color: #e2e8a9;    border-bottom: 1px solid #45492896;    padding-bottom: 2px;    margin-bottom: 2px;    font-size: 13px;    text-transform: uppercase;    letter-spacing: .5px; position: relative; z-index: 1;}
.plaha2 dva {    font-size: 12px;    color: #414523;position: relative; z-index: 1; text-shadow: 0 0 rgb(0 0 0 / 30%);}
.plaha2:before {    content: '';    background: url(https://forumstatic.ru/files/001b/67/c6/31611.jpg);    position: absolute;    width: 100%;    height: 100%;    left: 0;    top: 0;    z-index: 0;    opacity: 0;    transition: all .5s; border-radius: 5px;}
.plaha2:hover:before {    opacity: 1;}

.table_window {    position: absolute;    z-index: 1;    top: -100px;    display: flex;    justify-content: center;    align-items: center;    background: #8a9064;}
.table_window, .table_window1, .table_window3, .table_window img, #КонтентРотатор {    width: 193px;    height: 58px;}
.table_window#one {    left: 12px;} .table_window#two {right: 12px;}
.table_window img {    object-fit: cover;}
.table_window span {    position: absolute;}
.table_window3 {    opacity: 0;}
.table_window1 {    mix-blend-mode: soft-light;}   .table_window1, .table_window3 { filter: grayscale(1);}
.table_window2 {    font-family: 'Philosopher';    text-transform: uppercase;    font-size: 11px;    letter-spacing: .5px;      text-align: center;    color: #cfd992;    font-weight: bold;}
.table_window:hover .table_window1, .table_window:hover .table_window2 {    opacity: 0;}
.table_window1, .table_window2, .table_window3 {    transition: all .5s;}
.table_window:hover .table_window3 {    opacity: 1;}
#КонтентРотатор p{display:none; margin-top: 0px;}

.citata {    position: absolute;    z-index: 1;    font-family: 'Philosopher';    color: #9fa56c;    font-size: 11px;}
.citata#one {    top: -230px;    left: -40px;}.citata#two {    top: -240px;    right: -40px;}





/* V. ВВОД ТЕКСТА, КНОПКИ
-------------------------------------------------------------*/
/*  ввод текста */
.punbb textarea {overflow: auto;font-size: 10.5px !important;line-height: 15px !important;padding: 7px;font-family: Verdana;    border: none !important; outline: none !important; max-width: 872px;
    background: linear-gradient(0deg, #fbfbfb26, #ffffff5e);
    box-shadow: 0 0 0 1px #d8ceb0, 0 0 0 2px #d8ceb0; }

/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#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: -18px -21px 0 0px;background: var(--bg1);    box-shadow: 0 0 10px #ffffff94 inset;}



/*--------------------- формы заполнения ---------------------*/
.punbb select {font-family: Arial!important;text-transform: lowercase !important;font-size: 10px !important;padding: 3px !important;}
.checkbox {width: auto !important;}
.punbb input, .punbb select, .hvStickerPackModalTab {    cursor: pointer;    font-size: 10px;    padding: 4px;    text-align: center;    font-family: Arial;border-radius: 2px; border: none !important; outline: none !Important;    box-shadow: 0px 1px 0 #00000014, 0px -1px 0 #ffffff85, 0px -1px 0 #ffffff40 inset, 0 0 5px #0000000d, 0px 5px 10px inset #ffffff61 !important;
    color: #282828a8;
    background: var(--bg1);}
/*.punbb option {background-color: var(--bg1) !important;}  модерское */


/*--------------------- кнопки ---------------------*/
p.formsubmit {text-align: center;} /*по центру */
/* до наведения */
.button, .hashelp center div a button, ul.tabs li a, input#sub4, .hvStickerPackModalTab {    cursor: pointer;    padding: 7px !important;    font-family: var(--font1) !important;    font-size: 8px !important;    letter-spacing: 1px !important;    text-transform: uppercase;    min-width: 100px;    margin: 0 3px;    border: none !important;    outline: none !Important;font-weight: bold !important;transition: all 0.3s ease-in-out;
    background: #9fa47a !important;
    color: #535733 !important;
    text-shadow: 1px 1px #ffffff7d;}

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




/* IV. ЦИТАТЫ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 10px 20px 10px 20px;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {margin: 0px;    width: 99%;    overflow: hidden;}
.punbb .post-content .scrollbox {width: 100%;overflow: auto;font-size: 11px;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: arial!important;    background: var(--bg4) !important;    box-shadow: 0 0 0 1px #ffffff96, 0 0 0 2px #00000014, 0 0 20px var(--bg1) inset !important;border-radius: 2px !important;}
#MyBookmarks, .editBookmark, .hvStickerPackModal {  border: none !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: center;    padding: 9px;    width: auto;    display: block;    text-transform: uppercase;    font-size: 11px;    font-weight: bold;    margin: -10px -10px 0px -10px;    font-family: var(--font1);    letter-spacing: 1px;    border-radius: 7px 7px 0 0;    background: linear-gradient(0deg, var(--bg1), #ffffff29);    box-shadow: 0 0 5px var(--bg1) inset;    border-bottom: 1px solid #ffffff36;    font-family: 'Philosopher';}

/* спойлер. копировать цвет выше*/
.post-content .spoiler-box > div {background: url(https://forumstatic.ru/files/001b/67/c6/26627.png) no-repeat 10px,  linear-gradient(0deg, var(--bg1), #ffffff29) !important;    border-radius: 7px;  margin-bottom: -11px;}
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div, .copycode strong.legend a {    color: var(--bg3);}




/* III. ПРОФИЛЬ
-------------------------------------------------------------*/
.punbb .post .post-author {    float: left;    overflow: hidden;    min-height: 100px;    margin: 0 0 50px 0;    padding-bottom: 0px;    position: relative;    width: 229px;}

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

.punbb .post .post-author ul {    display: flex;    flex-wrap: wrap;    text-align: center;    justify-content: center;    margin: 0px 0px 0px 22px;    font-family: 'Philosopher';      width: 207px;     min-height: 100px;} .punbb .post .post-author ul li {width: inherit;}

.punbb .post .post-author ul, .pa-title {background: url(https://forumstatic.ru/files/001b/67/c6/71915.jpg)}

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

/* цвета текста в профиле*/
.pa-author, .pa-author a, .pa-title, lztit, .pa-fld3, .pa-fld4, lzinfo a, .pa-online, .pa-last-visit, li.pa-social.social-icq, li.pa-social.social-vk, .pa-fld5, .pa-fld5 a, .aw-page award3, .gift-page gift2 span, .frog-page frog4, .punbb #pun-navlinks #form-login {color: #bec58e !important;  }
lzname, lzname a {color: #35391c !important;}
.pa-fld2, .punbb #List-UserNames li>b {color: #35391c !important;}
.pa-posts, .pa-respect, .pa-respect a {color: #000000 !important;}
lzname, lzinfo, .punbb #List-UserNames li {    background: #a7ab8985;}

/* ник */
.pa-author { font-size: 14px;    letter-spacing: 1px; text-transform: uppercase;    margin-top: 7px;}

/* статус */
.pa-title {    text-align: center;    height: calc(100% + 3px);    text-transform: uppercase;    font-size: 11px;    font-family: 'Philosopher';    letter-spacing: 1px;    writing-mode: tb-rl;    transform: rotate(180deg);    position: absolute;    top: 0;    left: 0px;    width: 21px !important;    display: flex;    justify-content: center;    align-items: center;}

/* аватар */
.pa-avatar {margin: 5px 0; z-index: 2;}
.pa-avatar img, #pun-profile .fs-box .avatardemo, #pun-messages img.avatardemo, #profile-left #pa-avatar img { }

/* репутация и соо на одной строке */
.pa-respect, .pa-posts, .pa-fld3, .pa-fld4  {    display: inline-block;     width: 103px !important;   letter-spacing: .5px;     text-transform: uppercase;   font-size: 9px;    text-align: center;       padding: 3px 0px !important;}
.pa-respect img {vertical-align: middle;    mix-blend-mode: luminosity;      margin: -2px -1px 0 -1px;}
.pa-posts {    margin-left: -1px;    width: 104px !important;}
.pa-respect, .pa-posts {    background: #ece1c1;}

/* онлайн, последний визит*/
.pa-online, .pa-last-visit, li.pa-social.social-icq, li.pa-social.social-vk {    text-align: center;    font-size: 9px;    letter-spacing: .5px;    text-transform: lowercase;    margin: 5px 0;  }

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

.pa-fld1 plash {    background: url(https://forumstatic.ru/files/001b/67/c6/21824.jpg);    width: 207px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    color: #3a3e1e;    font-weight: bold;    flex-wrap: wrap;    align-content: center;    letter-spacing: .5px;}
.pa-fld1 plash1 {    text-transform: uppercase;    font-size: 12px;    width: inherit;    border-bottom: 1px solid #918454;    margin: 0 5px;    padding-bottom: 2px;    margin-bottom: 2px;}
.pa-fld1 plash2 {    width: inherit;    font-size: 11px;}

.pa-fld2 {    margin-top: 7px !important;    margin-bottom: -1px !important;}
lzname {    display: block;    background: #a7ab8985;    text-transform: uppercase;    font-size: 11px;    padding: 4px 9px;    letter-spacing: .2px;    font-weight: bold;}
lztit {    display: block;    padding: 3px 10px;}
lzinfo {   display: block;    padding: 5px 10px;    font-weight: bold;}

.pa-fld5 {    text-transform: uppercase;    margin-top: 5px;    font-size: 12px;    letter-spacing: .5px;    background: #2d2f1975;    padding: 3px 0 !important;}

#viewprofile lzname, #viewprofile lzinfo {
    color: var(--color2)
}

#viewprofile lzname a, #viewprofile lzinfo a {
    color: var(--color3)
}








/* 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 {    background: url(https://forumstatic.ru/files/001b/67/c6/15936.png) !important;    width: 23px !important;    height: 20px !important;    box-shadow: none !important;    border: none !important;    color: transparent !important; opacity: 1 !important;}


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

/* стрелки */
.go-up, .go-down {    cursor: pointer;    opacity: 1;    display: none;    position: fixed;    z-index: 9999;    width: 60px;    padding: 4px 0;    padding-right: 10px;    background: #c3b87f;    margin-left: 930px!important;    font-family: 'Philosopher';    color: #595133;    font-size: 11px;    text-align: center;    text-transform: uppercase;    letter-spacing: .5px;    clip-path: polygon(0 0, 83% 0%, 100% 50%, 83% 100%, 0 100%);}
.go-up {    bottom: 52%; }
.go-down {bottom: 48%; }

.go-up:after, .go-down:after {    content: '';    background: #c3b87f;    clip-path: polygon(0 0, 0% 100%, 100% 50%);    position: absolute;    width: 10px;    height: 20px;    margin-top: -4px;}

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





/* VI. ТЕМЫ
-------------------------------------------------------------*/
.buttonoff.buttonoon {  opacity: .5;  letter-spacing: .29em}
#vse figcaption {  color: var(--bg3) !important;}
#vse figure:before {  background: var(--bg3) !important;  opacity: .8}


.ams_wrap {  margin: auto;  display: flex;  justify-content: space-between;  width: calc(100% - 11px);  flex-wrap: wrap;}
.ams {    position: relative;    overflow: hidden;    width: 116px;    height: 80px;}
.ams img {    display: block;    position: relative;    width: 116px;  height: 80px;}
.ams_text {    display: block;    position: absolute;    left: 0;    top: 0;    width: 114px;    height: 78px;    background: #DDD3B3;    border: 1px solid #B7B09A !important;    opacity: 0;    -webkit-transition: all 0.7s ease-in-out;    -moz-transition: all 0.7s ease-in-out;    -ms-transition: all 0.7s ease-in-out;    -o-transition: all 0.7s ease-in-out;    transition: all 0.7s ease-in-out;}
.ams:hover .ams_text {  opacity: 1;}
.ams_text name {    display: block;    text-align: center;    font-family: 'philosopher';    margin-bottom: 3px !important;    margin-top: 3px !important;  font-size: 13px}
.ams_text name a {    font-size: 12px;    font-weight: 400 !important;}
.ams_text p {    font-family: open sans !important;    font-size: 11px;    text-align: center !important;    font-weight: 500;    display: block;    line-height: 9px !important;}
.info_text {  margin: 0 10px;  margin-top: 25px;  margin-bottom: -10px !important;  box-sizing: border-box;  padding: 15px;  font: normal 12px/150% philosopher}

.guestb {    background: var(--bg4);    border: 1px solid var(--bg2) !important;    padding: 10px;    margin: 10px 0px 10px 0px !important;}
.guestb links {    display: block;    text-align: center;    font-family: 'philosopher';    font-weight: 400;    padding: 5px 10px 5px 10px;    margin: 5px 0 25px 0 !important;  margin-top: -11px !important;  text-transform: uppercase;  font-size: 9px;background: #d3c78da6;    border: 1px solid #d3c78d !important;    color: rgb(159 148 96);}
.guestb links a {    color: var(--bg3) !important;    font-weight: 400 !important;    margin: 0px 5px 0px 5px !IMPORTANT;}
.guestb zag {    display: block;    text-align: right;    font-family: 'anti';    font-size: 14px;    margin: 15px 10px 10px 0 !important;  width: 100%;}

.guestb pers, .guestb vneh {    display: inline-block;    margin: 10px;    width: 297px;    margin-top: 20px !important;}
.guestb pers z, .guestb vneh z {     display: block;    text-align: center;    font-family: Philosopher;    font-size: 15px;    text-transform: uppercase;}
.guestb pers text, .guestb vneh text {       display: block;    margin: 8px 0 8px 0 !important;    height: 120px;    padding: 10px;}

.info_text, .guestb pers text, .guestb vneh text {    background: #e8dec3;    border: 1px solid #d3c78d !important;}

.guestb vneh text prok {    display: block;    height: 118px;    overflow-y: auto;    padding-right: 10px;}
.guestb pers text prok {    display: block;    height: 118px;    overflow-y: auto;    padding-right: 10px;}



#pun .post-content #h2, #pun .post-content #h1, .html_welcome_inner, .anket tit2, .ank4, #ls, .zag1, .zag2, #List-UserNames, .punbb #pun-navlinks #form-login  {     background: url(https://forumstatic.ru/files/001b/67/c6/71052.jpg);    box-shadow: 0 0 0 1px inset #7c8156, 0 0 0 1px #3b4024;    }
#pun .post-content #h2, #pun .post-content #h1, .html_welcome_inner, .anket tit2, .ank4, .zag1, .zag2 {   margin: 0px auto;}
#pun .post-content #h2, #pun .post-content #h1, .zag1, .zag2 {    width: auto;display: flex;    justify-content: center;    align-items: center;}
#pun .post-content #h1, .zag1 {margin-bottom: 10px;    height: 40px;    max-width: 620px;}
#pun .post-content #h2, .zag2 {      height: 44px;    max-width: 624px;}
#pun .post-content #h2 span, #pun .post-content #h1 span, .zag1 p, .zag2 p {    font-family: 'Philosopher';    margin: 0 !important;    padding: 0 !important;    letter-spacing: 1px;    text-transform: uppercase; font-weight: normal;}
#pun .post-content #h2 span, .html_welcome_header, .html_welcome_subtitle, .anket tit2, .ank4, .zag2 p {    color: #c4d290 !important;}
#pun .post-content #h2 span, .zag2 p {    font-size: 16px !important;}
#pun .post-content #h1 span, .zag1 p {    font-size: 12px !important;    background: #b3b88d85;    color: #dce8af !important;    border: 1px solid #9fa475;  width: 100%;  text-align: center !important;    padding: 2px 0 !important;}


.html_welcome_wrap, .anket, .ank {    background: #dfd4b6;    border: 1px solid #c9bea0; }

.html_welcome_wrap { width: 600px;  margin: auto;  padding: 17px;}
.html_welcome_inner {  padding: 23px;}
.html_welcome_header {  text-align: center;    font-family: 'Adorn Story Serif';    text-transform: uppercase;    font-size: 35px;}
.html_welcome_subtitle {  text-align: center;   font: normal 10px philosopher;  text-transform: uppercase;  letter-spacing: .19em;  margin-bottom: 20px}
.html_welcome_info {    background: #b2b6948c;    border: 1px solid #b2b889;  padding: 20px 25px;  font: normal 12px/150% philosopher;  color: #30311b;}
.html_welcome_info span {  display: block;}
.html_welcome_info span + span {  margin-top: 10px}
.html_welcome_links {  display: flex;  justify-content: space-between;  gap: 5px;  margin-top: 20px}
.html_welcome_info a {    background: var(--bg3);    border: 1px solid #474b29 !important;    color: var(--bg2) !important;  text-transform: uppercase;  flex: auto;  text-align: center;  padding: 4px 0;  font-size: 10px;  transition: all .6s ease-in-out 0s !important;}
.html_welcome_info a:hover {    background: #6e7152;    border: 1px solid #575b37 !important;}
.html_welcome_afterword {  margin-top: 17px;  text-align: center;  color: #403D2F;  font: normal 13px/150% philosopher;  text-transform: uppercase}
.html_welcome_afterword span {  text-transform: lowercase;  font-size: 11px;  display: block}



/***анкета***/
.ank p {    padding: 0 !important;}
.anket, .ank {    padding: 20px;    margin: 10px !important;}
.ank1 p, .ank2 p {    text-align: right !important;}
.ank3 p, .ank4 p, .ank7 strong, .ank8 strong {    text-align: center !important;}
.ank3 p strong, .ank7 strong, .ank8 strong {font-weight: normal;}
.anket name, .ank1 {    display: block;    text-align: right;    font-family: 'philosopher';    border-bottom: 2px solid var(--bg3);    font-size: 15px;    padding-bottom: 4px;    margin-bottom: 4px !important;    text-transform: uppercase;    color:var(--bg3);}
.anket tit, .ank2 {    display: block;    font-family: 'Roboto';    text-align: right;    margin: 0px 0px 6px 0px !IMPORTANT;}
.anket photo, .ank3 {    display: block;    text-align: center;}
.anket photo img, .ank3 img {    width: 200px;    margin: 0px 10px 0px 0px !important; }
.anket photo vn, .ank3 b {    display: block;    margin: 3px 0 3px 0 !important;    font-family: 'Roboto';}
.anket tit2, .ank4 {    display: block;    font-family: 'Roboto';    text-align: center;    padding: 5px 10px 5px 10px;    margin: 5px 1px 5px 1px !important;    text-align: justify;}
.anket krat, .anket info, .anket one, .anket two, .anket three, .ank5, .ank6, .ank7, .ank8 {     background: var(--bg4);    border: 1px solid var(--bg2);    padding: 6px 10px 8px 10px;    margin: 8px 0 6px 0 !important;    font-family: 'Roboto';    white-space: pre-wrap;}
.anket krat, .anket info {   display: block;}
.anket one, .anket two, .anket three, .ank7, .ank8 {    display: inline-block;    width: 174px;    text-align: center;    vertical-align: top;}
.anket one z, .anket two z, .anket three z, .ank7 strong, .ank8 strong {    background: var(--bg1);    display: block;    font-family: 'philosopher';    color: var(--bg3);    margin-bottom: 3px !important;    padding: 2px;    font-size: 12px;}
.ank8 {    margin-left: 5px !important;    margin-right: 5px !important;}







/* награды */
.reveal-modal-bg { 	position: fixed; 	height: 100%;	width: 100%;	background: #000;	background: rgba(0,0,0,.8);	z-index: 9999;	display: none;	top: 0;	left: 0; 	}
.reveal-modal {	visibility: hidden;	top: 100px; 	left: 50%;	margin-left: -300px;	width: 520px;	position: absolute;	z-index: 101;	padding: 30px 40px 34px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);	}
.reveal-modal.xlarge     { width: 600px; }

.reveal-modal .close-reveal-modal {font-size: 16px;    line-height: .5;    position: absolute;    top: 30px;    right: 28px;     font-weight: bold;    cursor: pointer;    text-decoration: none;}
#ls {     z-index: 99999 !important;padding: 0px;    left: 50%;    margin-top: -270px;}

.menu {    padding-top: 5px;}
.menu-links {    display: flex;    width: calc(100% - 80px);    justify-content: space-between;    align-items: center;    font-family: Philosopher;    text-transform: uppercase;    letter-spacing: 1px;    font-size: 14px;    height: 26px;    margin: 0 30px;}
.menu-links span {    display: flex;    justify-content: center;    width: inherit;    cursor: pointer;    height: inherit;    align-items: center;}

#submenu {    display: inline-block;}
.menu .tabactive {     background: #7478545e;    border: 1px solid #6e714d;}
#submenu {    padding: 0px;    height: 350px;    width: 100%; }    
.submenutext {	display: none; 	height: 40px;}


.aw-page, .gift-page, .frog-page {    margin: 20px;    height: 300px;    overflow: auto;    padding-right: 20px;    width: 540px;}
.aw-page award, .gift-page gift, .frog-page frog {    background: #30321c80;    border: 1px solid #6e714d;    box-shadow: 0 0 10px #474a30; }
.aw-page award, .frog-page frog {display: grid;    grid-template-columns: 80px 1fr;         height: 80px; }
.aw-page award {  grid-template-rows: 1fr 1fr;      width: inherit;}
.aw-page award1, .frog-page frog1 {  border-right: 1px solid;}
.aw-page award1 {    grid-row: 1/3;} .frog-page frog1 {    grid-row: 1/2;}
.aw-page award2, .frog-page frog3 {    border-bottom: 1px solid;    justify-content: flex-end !important;    font-size: 18px;    text-transform: uppercase;}
.frog-page frog3 {font-size: 14px;}
.aw-page award1, .aw-page award2, .aw-page award3 {    border-color: #6e714d;}
.aw-page award1, .aw-page award2 { display: flex;    justify-content: center;    align-items: center; }
.frog-page frog1, .frog-page frog2, .frog-page frog3, .frog-page frog4 {    display: flex;    justify-content: center;       border-color: #6e714d;}
.aw-page award2, .aw-page award3, .frog-page frog3, .frog-page frog4 {     font-family: 'Philosopher'; letter-spacing: .5px}
.aw-page award2, .aw-page award3 {   padding: 10px;}  .frog-page frog3, .frog-page frog4 {padding: 5px 10px;}
.aw-page award3, .frog-page frog4 {    font-size: 10px;    overflow: auto;    text-align: justify;}
.aw-page award1 img, .frog-page frog1 img {max-width: 80px; max-height: 80px;} .gift-page gift1 img {max-width: 100px; max-height: 100px;}

.gift-page, .frog-page, .aw-page {    display: flex;    flex-wrap: wrap;    gap: 20px;    align-content: flex-start;    justify-content: center;}
.gift-page gift {    width: 100px;    position: relative; height: 100px;}
.gift-page gift1 {    display: flex;    width: 100%;    height: 100%;    justify-content: center;    align-items: center;    transition: all .5s;    font-family: Philosopher;    flex-wrap: wrap;    align-content: center;    font-size: 11px;    text-transform: uppercase; letter-spacing: .5px}
.gift-page gift2 {    position: absolute;    top: 0;    left: 0;    font-family: 'Philosopher';    letter-spacing: .5px;    font-size: 10px;    text-align: justify;    height: 100%;    width: 100%;}
.gift-page gift2 span {    display: block;    margin: 5px;    overflow: auto;    height: calc(100% - 10px);    width: calc(100% - 13px);    padding-right: 3px;    transition: all .5s;    opacity: 0;}
.gift-page gift:hover gift2 span {    opacity: 1;}
.gift-page gift:hover gift1 {    opacity: 0;}

.frog-page frog2 {    flex-direction: column;}
.frog-page {    display: grid;    grid-template-columns: 1fr 1fr;}
.frog-page frog1, .frog-page frog2 {    height: 80px;}

#ls .modal_wrap {    background: url(https://forumstatic.ru/files/001b/67/c6/99578.png) top center no-repeat, url(https://forumstatic.ru/files/001b/67/c6/76418.png) bottom center no-repeat;    margin: 1px;}

#pun-main .avatar-image {     filter: grayscale(0.6);  opacity: .7 !important;  outline: 1px solid #7c8151 !important;}

.prozr {}
.prozr a img {     filter: grayscale(0.6);  opacity: .7;}
.prozr a img:hover {  opacity: 1;  filter: none;}

#pun_wrap #pun #pun-viewtopic #pun-main #topic-feed .container span {display:none;}