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

I. ШРИФТЫ, ТЕКСТ И ССЫЛКИ / ПЕРЕМЕННЫЕ
-------------------------------------------------------------*/
@import url(style_cs.1684679538.css);
@import url("https://kit-pro.fontawesome.com/releases/v5.15.1/css/pro.min.css");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@font-face {
  font-family: Elephant; font-style: normal;
  src: local("ELEPHNT"),
    url(https://forumstatic.ru/files/001b/b9/0d/18037.ttf) format("truetype");
}
@font-face {
  font-family: Elephant; font-style: italic;
  src: local("ELEPHNTI"),
    url(https://forumstatic.ru/files/001b/b9/0d/41784.ttf) format("truetype");
}

:root {
  --font1: Montserrat;
  --bg1: #e9e9e9; /* ЦВЕТ ТЕЛА / кнопки до наведения */
  --bg2: #d6d6d6; /* ТЕМНЕЕ ТЕЛА / кнопки после наведения, слайдер шрифта */
  --bg3: #404A65; /* АКЦЕНТНЫЙ ТЕМНЫЙ / слайдер шрифта, тайтл, выделение, уведы */
  --bg4: #f9fff3; /* СВЕТЛЕЕ ТЕЛА / цитаты и иже с ним */

  --bg5: #212121;
  --bord: 4px solid var(--bg3);

  --punbg: url(https://forumstatic.ru/files/001a/ea/43/92004.jpg) repeat;
  --fawe: "Font Awesome 5 Pro";
}
:root body.darker {
--bg1: #bfbfbf;
--bg2: #acacac;
}

/* цвет текста на форуме */
.punbb,
del:hover {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  color: #151515;
}

#onlinelist,
#pun-viewforum #pun-main .container,
#pun-viewforum .tc2,
#pun-viewforum .tc3,
.linkst,
.linksb,
#pun-searchposts .post-links a,
.punbb .required label,
.punbb .datafield span.input,
.selectfield label,
.inputfield label,
#pun-admain legend span,
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] *,
#pun-viewtopic h3,
#pun-viewtopic h3 a,
#topic-users-in .container,
.punbb th,
#profile-right li strong,
#profile-right li strong a,
#MyBookmarks h2,
#MyBookmarks h1,
.editBookmark h2,
#setmods dt,
.punbb .post h3 strong,
#post.container legend span,
#userlist.container legend span,
#punbbsearch.container legend span,
.container legend.warntext span,
#notify-settings,
#pun-messages .postlink .button,
#pun-messages #profile.formal .post h3,
small#plng,
#my-form,
#form-buttons td::before {
  color: var(--bg5) !important;
}

/* ссылки */
.punbb a {
  text-decoration: none;
  transition: all .5s;
  color: var(--bg3);
}
#pun-admain a,
#MyBookmarks span.scrl.t,
#MyBookmarks span.scrl.b {
  color: var(--bg3) !important;
}
.punbb a:hover,
.punbb a:focus,
.punbb a:active, #pun-index .hasicon tr a:hover, #pun-ulinks a:hover, #pun-navlinks a:hover, #pun-crumbs1 a:hover, #pun-crumbs2 a:hover, .punbb .post-links a:hover {
  color: #93BFB0;
}

/* зачеркнутый текст */
del {
  filter: blur(1px);
  text-decoration: none;
  transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
  opacity: 0.5;
}
del:hover {
  font: inherit;
  filter: none;
  opacity: 1;
}

/* II. ФОН, ТЕЛО
-------------------------------------------------------------*/
/* фон */
body {
  background: url() no-repeat top center fixed, url() no-repeat bottom center,
    url() repeat fixed var(--bg5);
}
body.redirect-page {
  background: url() repeat fixed var(--bg5) !important;
}

/* тело */
#pun {
    margin: 70px auto 50px auto;
    position: relative;
    width: 1000px;
    background: var(--bg1);
    box-shadow: 0 0 0 5px #404A65, 0 0 0 10px #F44E52, 0 0 0 15px #93BFB0, 0 0 0 20px #F1D456;
    border-radius: 80px;
}
.punbb {
    height: auto;
    padding: 0px 20px 170px 20px;
    position: relative;
}

/* отступ от рамки сверху */
#pun-admain,
#pun-main {
  margin-top: 10px;
}

/* III. ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ, ПРИВЕТСТВИЕ, НАВИГАЦИЯ ПО ТЕМАМ
-------------------------------------------------------------*/
span.item1 strong,
span.item2 strong,
#profile-left #pa-avatar strong,
.pa-online strong {
  font-weight: 500 !important;
}

/* стиль отдельно для форум участники и тд */
#pun-navlinks .container {
  font-family: var(--font1);
  font-weight: 800;
  font-size: 22px;
  top: -80px;
  text-transform: uppercase;
  z-index: 9;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
#pun-navlinks,
#pun-navlinks a {
  color: var(--bg1);
}
#pun-navlinks .container li {
  margin: 0;
  padding: 0 6px;
}
#pun-navlinks #navadmin a:before {
  content: "амс";
}
#pun-navlinks #navadmin a span {
  font-size: 0;
}

/* стиль отдельно для новых соо и тд */
#pun-ulinks .container,
#pun-about .item1,
#pun-status {
  text-transform: lowercase;
  font-family: var(--font1);
  font-weight: 500;
text-align: center;
}
#pun-about .item1,
#pun-status {
  font-size: 11px;
}
#pun-ulinks .container {
  font-size: 12px;
}
#pun-ulinks,
#pun-ulinks a,
#pun-about .item1,
#pun-about .item1 a,
#pun-status,
#pun-status a {
  color: var(--bg5);
}

/* общий стиль для обоих, если есть общее */
#pun-navlinks .container,
#pun-ulinks .container {
}
#pun-navlinks li,
#pun-ulinks li {
  display: inline;
  margin: 0 5px;
}
#pun-ulinks li:first-child {
  margin-left: 0;
}

/* объявление, если нужен отступ */
#pun-announcement {
  padding: 0px 0 0px 0;
  z-index: 1;
  position: relative;
}

/* привет, ваш посл визит */
#pun-status {
}
#pun-status p.container {
  margin: -7px 0 0 0px;
}
#pun-status .item1,
#pun-status .item2 {
  display: inline-block;
}

/* навигация по темам */
#pun-crumbs1,
#pun-crumbs2 {
  font-weight: 800;
  font-size: 17px !important;
  text-align: right;
}
#pun-crumbs1,
#pun-crumbs2,
#pun-viewtopic .post-links,
#pun-messages .post-links,
#pun-post h3,
#pun-searchposts h3 {
  font-family: var(--font1);
  font-size: 11px;
  text-transform: uppercase;
}
#pun-crumbs1 .container a:after,
#pun-crumbs2 .container a:after,
div#pun-searchposts h3 a:after {
  content: "•";
  margin: 0 2px 0 4px;
}

#pun-crumbs1,
#pun-crumbs1 p.container span,
#pun-crumbs1 a,
#pun-crumbs1 .container a:after,
div#pun-searchposts h3 a:after,
#pun-crumbs2,
#pun-crumbs2 a,
#pun-crumbs2 .container a:after,
.punbb .post-links a {
  color: var(--bg5);
}

#pun-profile #pun-crumbs1,
#pun-profile #pun-crumbs2 {
  text-transform: lowercase;
}

/* полоски между постов в теме */
#pun-viewtopic .post-links,
#pun-messages .post-links,
#pun-post h3,
#pun-searchposts h3 {
  text-align: center;
  background: #0000000d;
  height: 18px;
  line-height: 15px;
  margin: 0 -20px;
}

/* IV. ПОДФОРУМ НА ГЛАВНОЙ
-------------------------------------------------------------*/
.punbb .main .tcmod {
  width: 2%;
}
#pun-index th,
#pun-viewforum th {
  font-size: 0 !important;
}
#pun-index .hasicon {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 20px;
}
#pun-index .tcl {
  text-align: left;
  width: 50% !important;
}
#pun-index .tclcon {
  width: 430px;
}
#pun-index tr.isub {
  display: none !important;
}
#pun-index .isub .tcl {
  padding-left: 0px !important;
}
.intd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

#pun-index .hasicon tr,
#pun-index .hasicon tr a {
  color: var(--bg5);
}
#pun-index .hasicon tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font1);
  font-weight: 400;
  text-transform: lowercase;
  font-size: 10px;
}

/* цитата в подфоруме */
.podfquote {
    font-weight: 600; 
    font-style: italic;
    font-size: 12px; /* размер */
    margin-bottom: 5px; /* отступ снизу */
    color: var(--bg3);
    font-family: "Trebuchet Ms";
}

/* название */
#pun-index .tcl h3 {
  margin: 0;
  font-size: 14px;
  font-family: var(--font1);
  font-weight: 600;
}

/* аватар */
.punbb .user-avatar .avatar-image,
.punbb .tcr .user-avatar {
  border-radius: 50% !important;
  height: 40px !important;
  width: 40px !important;
  display: block;
}
.punbb .user-avatar .avatar-image {
  opacity: 0.5 !important;
  filter: grayscale(1);transition: all .5s;
}
.punbb .tcr .user-avatar {
  margin: 0px 0px !important;
  float: left;
}
.punbb .user-avatar .isonline {
  top: 2px !important;
  right: 2px !important;
  background: #e54a38 !important;
}
.punbb .tcr .user-avatar {
  background: var(--bg2);
}

/* справа */
#pun-index .main .tcr {
  width: 35%;
  display: grid;
  grid-template-columns: 40px 1fr;
    column-gap: 15px;
}
#pun-index .user-avatar {
  grid-row: 1/4;
}
#pun-index .tcr a {
  padding: 0 0 1px 0;
  width: 100%;
  display: block;
}
#pun-index .tcr em.user-avatar a {
  border-bottom: none !important;
}
#pun-index .tcr .lastpost-link,
#pun-index .tcr .lastpost {
  display: flex;
  align-items: center;
}
#pun-index .tcr .lastpost-link {    font-size: 12px;    font-weight: 600;}

/* цифры посередине */
#pun-index .category .tc2,
#pun-index .category .tc3 {
  width: 6%;
}
#pun-index .category .tc2 {
  text-align: right;
}

/* ссылки */
#pun-index .tclcon span {
}
#pun-index .tclcon span a:not(:last-child):after {
  content: "•";
  margin: 0 0px 0 3px;
  vertical-align: middle;
}

/* V. ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum .tcl {
  width: 40%;
}
#pun-viewforum .tcr {
  width: 40%;
}
#pun-viewforum .tcl .tclcon a,
#pun-viewforum td.tcr a,
#pun-searchtopics td.tcr a {
  text-transform: uppercase;
}
#pun-viewforum td.tcr,
#pun-searchtopics td.tcr {
  height: 40px;
  text-align: right;
}
#pun-viewforum .tc2,
#pun-viewforum .tc3 {
  text-align: center;
  width: 5%;
}
#pun-viewforum .user-avatar .isonline,
#pun-searchtopics .user-avatar .isonline {
  right: 3px !important;
  top: 3px !important;
}
#pun-viewforum .modmenu a,
#pun-messages .modmenu a {
  margin: 40px 0 0 340px;
  position: absolute;
  font-family: var(--font1);
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 2;
}
#pun-viewforum .tcl h3 {
  display: inline-block;
  margin: 0px 7px 0 0;
}
#pun-viewforum .category:after {
  content: "";
  display: block;
  height: 1px;
  margin-left: 20px;
  border-bottom: 1px solid;
  padding-bottom: 10px;
  border-color: #c4b09f !important;
  width: 888px;
}
#pun-viewforum .tcr a,
#pun-searchtopics .tcr a {
  margin-top: 14px;
  display: inline-block;
}
#pun-viewforum .tcr .user-avatar a,
#pun-searchtopics .tcr .user-avatar a {
  margin-top: 0px;
}
#pun-viewforum .tcr .user-avatar,
#pun-searchtopics .tcr .user-avatar {
  margin: 7px 2px 3px 10px !important;
  float: right;
}
#pun-viewforum .linksb {
  margin-top: 40px;
}
#pun-viewforum .subscribelink {
  margin: -40px 0px 0 0;
}
#pun-main tr.tr-divider {
  background: transparent !important;
}

/* VI. НАСТРОЙКА ЛИНКОВ ВЕЗДЕ
-------------------------------------------------------------*/
.linkst,
.linksb,
#pun-searchposts .post-links {
  font-family: var(--font1);
  font-weight: 400;
  text-transform: lowercase;
  font-size: 11px;
  width: 100%;
}
.linkst {
  border-bottom: 1px solid;
  padding-bottom: 10px;
}
.linksb {
  border-top: 1px solid;
  padding-top: 10px;
}
.postlink {
  float: right;
  text-align: right;
}
.linkst .postlink {
  margin-top: -10px;
}

/* VII. ПРОСМОТР В ТЕМЕ
-------------------------------------------------------------*/
#pun-viewtopic h3,
#topic-users-in,
#my-form {
  font-family: var(--font1);
  font-weight: 400;
  width: 100%;
  font-size: 11px;
  text-transform: lowercase;
}
.punbb .post h3 strong {
  float: right;
  font-weight: normal;
  margin-right: 10px;
}
/*div#topic-modmenu.modmenu {
  position: absolute;
  margin: -65px 0 0 0;
  width: 200px;
}*/

.subscribelink {
  margin: -14px 80px 0 0;
  float: right;
}
#topic-users-in {
  margin-top: 30px;
}
#pun-viewtopic .modmenu .container span {
  font-weight: normal !important;
}

/* бегунок шрифт */
.FNTslider {
  width: 100px;
  height: 5px;
  float: right;
  margin-right: 20px;
  background: #ffffff40;
  border: 1px solid #0000001a;
}
.FNTslider .before {
  height: 5px;
  margin: -1px;
  background: var(--bg2);
  border: 1px solid #00000029;
}
.FNTslider .thumb {
  width: 6px;
  height: 16px;
  position: relative;
  top: -11px;
  cursor: pointer;
  margin-left: 0px;
  background: var(--bg3);
}

/* разделитель между постами */
#pun-viewtopic .post-links,
#pun-messages .post-links,
#pun-post h3 {
  text-transform: lowercase;
  padding-top: 2px;
}
#pun-viewtopic .post-links ul,
#pun-messages .post-links ul {
  margin: 0 20px;
  padding: 0px;
  text-align: right;
}
#pun-viewtopic .post-links li,
#pun-messages .post-links li {
  display: inline-block;
  margin: 0 5px;
}
.pl-email {
  float: left;
}

/* посты по ширине */
.punbb .post-content p {
  margin: 0;
  padding-bottom: 10px;
  line-height: 150%;
  text-align: justify;
}
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%; /*overflow: hidden; ВАЖНОЕ*/
  text-align: justify;
}

/* линия между постом и подписью */
.punbb .post-sig dt {
  border-top: 1px solid;
  margin-bottom: 20px;
}
.punbb dd {
  line-height: 150%;
  margin-left: 0px;
}
.punbb .inline .infofield,
.linkst,
.linksb,
#pun-searchposts .post-links,
.punbb .post-sig dt,
.post-content hr {
  border-color: #00000012 !important;
}
abbr {
  border-bottom: 2px dotted var(--bg3);
}

/* VIII. ПРОСМОТР ПО СТРАНИЦАМ
-------------------------------------------------------------*/
/* предпросмотр соо */
#pun-post .post-author {
  min-height: 50px;
}
#pun-post .pa-author {
  text-align: center;
  text-transform: uppercase;
  margin-left: 0px;
}
#pun-post .topic {
  margin-top: 10px;
}

/* редактирование */
#pun-edit small#plng {
  margin-top: 37px;
}

/* мои сообщения */
#pun-searchposts .post h3 strong {
  margin-right: 10px;
}

/* участники */
#userlist {
  margin-top: 20px;
}
#pun-userlist .usertable .container {
  padding: 10px;
}
#pun-userlist .usersname {
  margin-left: 10px;
}
#pun-userlist td.tcl.username {
  display: flex;
  align-content: center;
  align-items: center;
}
#pun-userlist td.tcl.username,
#pun-userlist tr {
  height: 40px;
}

/* формы заполнения на страницах участников и поиска */
.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
  float: left;
  margin: 11px 10px;
}
.punbb .inline .infofield {
  font-family: var(--font1);
  text-transform: lowercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  border: 1px solid;
  padding: 10px;
  text-align: justify;
  min-height: 40px;
}

/* репа, позитив */
#pun-respect #pun-main .container tr,
#pun-positive #pun-main .container tr,
#pun-online #pun-main .container tr {
  font-family: var(--font1);
  text-transform: lowercase;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 20px;
}

/* просмотр активных */
#pun-online .tcl.action {
  width: 60% !important;
}
#pun-online .tcl a,
#pun-userlist .tcl a,
#pun-messages .tcl a,
#pun-searchtopics .tcl a {
  font-size: 11px;
}
#pun-searchtopics .forum .container {
  margin: 20px 0 0 0px;
}
td.tcl a.registered-user {
  font-weight: normal !important;
}

/* посетили за сутки */
li#onlinelist {
  margin-top: 10px;
  float: left;
  width: 100%;
  line-height: 130%;
  text-align: justify;
}
li#onlinelist div {
  line-height: 15px;
}

/* сообщения */
#profile.formal.messages-container .container {
  min-height: 70px;
}
#notify-settings {
  font-family: var(--font1);
  text-transform: lowercase;
  letter-spacing: 0.5px;
  font-size: 10px;
}
input#OnOff_Notify {
  margin-top: -1px;
}
#volSlider.vol_slider {
  margin-top: 1px;
}
form#messages .linksb {
  margin-top: 70px;
}
#pun-messages .postlink .button {
  font-family: var(--font1) !important;
  text-transform: uppercase;
  font-size: 9px !important;
  letter-spacing: 2.5px !important;
  padding: 0 !important;
  background: none !important;
  border: 0px !important;
  outline: 0px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  margin: 0 !important;
}
#pun-messages .postlink {
  margin-top: -10px;
}
#pun-messages td.tc2.pmtc22 {
  width: 30% !important;
}
#pun-messages td.tc2.pmtc22 a {
  display: block;
  padding-top: 10px;
}
#pun-messages .user-avatar .isonline {
  right: 4px !important;
}
#pun-messages small#plng {
  margin-top: 20px;
}
#pun-messages #profile.formal .post h3 {
  float: right;
  margin-top: -23px;
  font-family: arial;
  font-size: 11px;
}
#pun-messages .post-body {
  margin-top: 10px;
  margin-left: 260px;
}
#pun-messages .post-links {
  width: 774px;
  margin-left: -1px;
}
#pun-messages .indOnline,
#pun-messages .indOffline {
  left: 211px;
}
#pun-messages .post .post-author {
  margin-left: 0px;
}

/* IX. ФОРМА ОТВЕТА
-------------------------------------------------------------*/
#post-form h2 span {
  font-size: 0px;
}
#post-form fieldset {
  margin: 0 10px;
  padding: 0;
  text-align: justify;
}
#main-reply {
  height: 213px;
}

/* кнопки в форме ответа */
#form-buttons {
    margin: 10px 0px 0 0;
    min-height: 25px;
    background: var(--bg2);
    border: var(--bord) !important;border-radius: 10px;
}

/* КАСТОМ КНОПКИ В ФОРМЕ ОТВЕТА © blanche. брать можно только с копирайтом */
/* убираем стандартные иконки*/
#form-buttons td {    background: transparent!important;    height: 30px;    width: 38px;    display: inline-flex;    align-items: center;    justify-content: center;    position: relative;}
#button-transL img, #button-ChangeСase img {opacity: 0;}
#form-buttons td img {position: absolute; z-index: 2; margin-top: -10px;width: auto !important;}

/* содержимое */
#button-font:before {content: "\f031"} #button-size:before {content: "\f034"} #button-bold:before {content: "\f032"} #button-italic:before {content: "\f033"} #button-underline:before {content: "\f0cd"} #button-strike:before {content: "\f0cc"} #button-indent:before {content: "\f03c"} #button-left:before {content: "\f036"} #button-center:before {content: "\f037"} #button-justify:before {content: "\f039"} #button-right:before {content: "\f038"} #button-link:before {content: "\f0c1"} #button-spoiler:before {content: "\f187"} td#button-image:before {content: "\f03e"} #button-video:before {content: "\f008"} #button-hide:before {content: "\f023"} #button-quote:before {content: "\f10e"} #button-code:before {content: "\f121"} #button-color:before {content: "\f1fc"} #button-table:before {content: "\f0ce"} #button-sticker:before, #button-smile:before {content: "\f118"} #button-keyboard:before {content: "\f11c"} #button-addition:before {content: "\f0d7"} #button-vb1:before {content: "\f005"} #button-vb2:before {content: "\f205"} #floatbut:before {content: "\f1fe"} #Knopa2-2:before {content: "\f02e"} #button-mask:before {content: "\f007"} #button-transL:before {content: "\f021"} #button-ChangeСase:before {content: "\f15d"}

/* стиль и наведение*/
#form-buttons td:before, #Knopa2-2:before {    font-family: var(--fawe);    font-size: 11px;    position: absolute;    z-index: 2;    transition: var(--trans2);  border-radius: 5px; font-weight: 500;}
#form-buttons td:before, #Knopa2-2:before, #plng, #button-image b {color: rgba(var(--basic-d2));} 



/* написано символов */
small#plng {
  font-family: var(--font1);
  font-weight: 400;
  text-transform: lowercase;
  font-size: 10px;
}
small#plng b {
  font-size: 10px;
  background: #ffffff96;
  padding: 1px 4px;
}

#pun-edit #font-area,
#pun-edit #size-area,
#pun-edit #color-area,
#pun-edit #table-area,
#pun-edit #smilies-area,
#pun-edit #image-area,
#pun-edit #imageup-area,
#pun-edit #imageattach-area,
#pun-edit #keyboard-area,
#pun-edit #video-area,
#pun-edit #addition-area,
#pun-edit #spoiler-area {
  margin: 6px -21px 0 0px !important;
}
#spoiler-area a,
#image-area a {
  color: inherit;
}
#font-area {
  font-size: 16px !important;
  letter-spacing: 0px;
}
#font-area div {
  padding: 10px 0 10px 0;
  margin-bottom: 6px;
}
#keyboard-span input {
  box-shadow: none !important;
  text-shadow: none !important;
}
#smilies-area {
  overflow-x: hidden;
}
#image-area,
#color-area,
#video-area,
#spoiler-area {
  height: auto !important;
}

/* смайлы */
#button-sticker,
#floatbut {
  width: 18px;
}

/* X. ПРОКРУТКА, ВЫДЕЛЕНИЕ, СТИЛИ ТЕКСТА
-------------------------------------------------------------*/
/* прокрутка */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #F1D456;
}
::-webkit-scrollbar-thumb {
  background: #E34B3D;
}

/* выделение текста */
::selection {
  color: var(--bg1);
  background: var(--bg3);
}

/* подчеркнутый текст */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: none;
  border-bottom: 1px solid;
  border-color: var(--bg2);
}

/* хр-ы */
.post-content hr {
  opacity: 1 !important;
  border-bottom: none;
}

/* тайтл */
#tooltip,
.tipsy-inner {
  z-index: 999999;
  border-radius: 0px !important;
  padding: 3px 7px;
  font-family: arial;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  background: var(--bg3) !important;
}
#tooltip,
.tipsy-inner,
#respect figure .prof,
.tipsy-inner a {
  color: var(--bg1) !important;
  text-decoration: none !important;
}
#tooltip {
  position: absolute;
  max-width: 200px;
  display: none;
}

/* XI. ПРОСМОТР ПРОФИЛЯ
-------------------------------------------------------------*/
#viewprofile li strong,
#viewprofile li div,
#setmods dd,
#profile-left #pa-edit strong a {
  display: block;
  font-weight: normal !important;
}
#viewprofile {
  margin: 0 100px;
}

/* слева */
#profile-left {
  vertical-align: middle;
  border: 1px solid var(--bg2) !important;
  border-radius: 10px;
  color: var(--bg3);
}
#profile-left #profile-name strong,
#profile-left #pa-edit strong a {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: var(--font1);
  background: var(--bg2);
  padding: 5px 0;
  border-bottom: 1px solid #ffffff38;
}
#profile-left #pa-edit strong a {
  border-bottom: none !important;
  border-top: 1px solid #ffffff38;
  font-size: 8px;
  letter-spacing: 2px;
  font-weight: bold !important;
}
#profile-left #profile-title strong,
#profile-left #pa-online strong {
  text-align: center;
  font-size: 9px;
  letter-spacing: 0.5px;
  font-family: var(--font1);
  text-transform: lowercase;
  padding: 4px 0;
  margin: 0px 10px;
}
#profile-left #pa-avatar {
  text-align: center;
  margin: 10px 0;
}

/* справа */
#profile-right {
  width: 50% !important;
  vertical-align: middle;
}
#profile-right li {
  margin: 9px 0;
}
#viewprofile #profile-right li span:first-of-type:not(li strong span) {
  float: left;
  width: 150px;
  padding: 5px 7px;
  font-family: var(--font1);
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: var(--bg2);
  border-radius: 0 5px 5px 0;
  border: 1px solid #ffffff2e;
  font-weight: bold;
}
#viewprofile #profile-right li span,
#viewprofile #profile-right li span a {
  color: var(--bg3);
}
#profile-right li strong {
  padding: 4px 0 4px 170px !important;
  font-family: Arial;
  font-size: 11px;
  text-transform: lowercase;
}

/* внутри */
#profilenav,
#pun-adnav {
  float: left;
}
#pun-profile #form-buttons {
  margin-bottom: 0px;
}
#profile .container legend,
.adformal h2,
#MyBookmarks h2,
#MyBookmarks h1,
.editBookmark h2,
#viewprofile h2 span,
#profilenav h2,
#pun-adnav h2,
#pun-admain h2 span,
form#post.container legend span,
#userlist.container legend span,
#punbbsearch.container legend span,
.container legend.warntext span {
  font-family: var(--font1);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 8px !important;
  padding: 5px 10px;
  margin: 0px;
  border-radius: 7px 7px 2px 2px;
  background: #0000000a;
  color: var(--bg3);
  font-weight: bold;
  position: relative;
}
#profile fieldset,
.adformal {
  padding: 20px;
  margin-left: 110px;
}
#profile fieldset fieldset {
  margin-left: 0px;
  padding: 0px;
}
#pun-adnav li,
#profilenav li {
  padding: 3px 10px !important;
}
#pun-profile small#plng {
  margin-top: 124px;
}
#pun-profile #profile {
  min-height: 280px;
}

/* XII. МЕЛКИЕ ПРАВКИ
-------------------------------------------------------------*/
.post:not(.firstpost) {
  padding-top: 70px;
  margin-top: -70px !important;
}
html,
body {
  margin: 0;
  padding: 0;
}
.punbb .hashelp {
  position: relative;
}
.punbb address,
.punbb em {
  font-style: normal;
}
.punbb .post-content img.postimg {
  vertical-align: middle;
}
.punbb ul,
.punbb dl,
.punbb li,
.punbb dd,
.punbb dt {
  padding: 0px;
  list-style: none;
}
#pun-post fieldset#post-preview legend span {
  display: block !important;
}
h2,
h3,
th,
#profile fieldset strong {
  font-weight: normal;
}
#pun-viewtopic tbody {
  vertical-align: top;
}
table {
  width: 100%;
}
#pun:after,
.punbb .main div.inline:after,
.punbb .post-box:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
}
div.grippie {
  margin-top: 5px;
  margin-bottom: -9px;
}
th {
  font-family: var(--font1);
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: 10px;
  text-align: left;
}

#sTheme,
#isk {
  border: none !important;
  border-radius: 0px !important;
}

/* создание темы */
.punbb .required label,
.punbb .datafield span.input,
.selectfield label,
.inputfield label,
#pun-admain legend span,
#setmods dt {
  background-color: transparent !important;
  font-family: var(--font1);
  text-transform: lowercase;
  font-size: 10px !important;
  letter-spacing: 0.5px;
  display: inline-block;
  margin-bottom: 7px;
}
input#tags {
  margin-bottom: 31px;
  height: 13px;
}

/* чек */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  vertical-align: middle;
  font-family: var(--font1);
  font-size: 10px;
  padding: 2px 0;
  display: inline-block;
  outline: none;
  box-shadow: none;
}

/* переадресация */
#pun-redirect {
  margin: 10% 0 0 21%;
}
body.redirect-page #pun {
  background-color: transparent;
}
#pun-redirect.punbb .info {
  letter-spacing: 1px;
  text-align: center;
  width: 500px;
  font-family: var(--font1);
  font-size: 12px;
  text-transform: lowercase;
  padding: 10px 20px !important;
}
#pun-redirect.punbb .info .container .backlink a {
  font-size: 9px !important;
  transition: none;
  margin-top: 20px !important;
}

/* стиль админки */
#pun-adnav h2,
.adformal h2 {
  background-color: inherit !important;
  border: none !important;
}
.adcontainer {
  border: none !important;
}
#pun-admain1 form.adcontainer,
#pun-admain2 form.adcontainer,
#pun-admain-new form.adcontainer,
#pun-admain1 div.adcontainer,
#pun-admain2 div.adcontainer {
  padding: 0px !important;
}
#pun-adnav a {
  font-weight: normal !important;
}
.adformal h2 {
  margin-top: -20px !important;
}
#pun-admain fieldset {
  padding: 0 !important;
}
#pun-admain .adcontainer th {
  background-color: transparent !important;
}
#pun-admain .linksb {
  width: 733px;
  height: 40px !important;
}
#pun-admain .postlink {
  margin-top: -10px;
}
#pun-admain fieldset p {
  padding: 10px !important;
  font-size: 9px;
  letter-spacing: 0.5px;
  font-family: Arial;
  text-transform: lowercase;
  margin: 10px 1px;
  min-height: 30px;
  background: #00000008 !important;
  border: 1px solid var(--bg2) !important;
  border-left: 180px solid var(--bg2) !important;
}

/* XIII. СОКРЫТЫЕ ЭЛЕМЕНТЫ
-------------------------------------------------------------*/
.acchide,
.punbb h1,
#pun-navlinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .multipage .topic h2,
form#post.container legend span,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
#pun-userlist .main h2,
span.item4,
#pun-stats ul.container .item3,
.lastedit,
#pun .modlist,
.stickytext,
.closedatafield,
.punbb .modmenu span a,
div#pun-live-rusff,
.topic a.sharelink,
.postlink .closed,
li.pl-share,
li.pl-reports,
.pa-last-visit,
#pun-viewforum #pun-main h2,
#pun-announcement h2,
#pun-break4,
#pun-index #pun-main thead,
.pa-reg,
.pa-gifts,
.pa-replies,
#pun-main div.catleft,
#pun-main div.catright,
#pun-viewforum .modmenu .container span,
#pun-searchtopics .modmenu .container span,
#pun-post .FNTslider,
#pun-searchposts .FNTslider,
#pun-messages .FNTslider,
#pun-messages .post-sig,
#pun-stats li.item3,
#pun-profile #viewprofile-next #profilenav,
#profile-right li#pa-invites,
#profile-gifts,
#pun-post #pun-main h2,
.tipsy-arrow,
.clearer,
div#pun-searchtopics #pun-main h2,
#pun-crumbs1 .container em,
#pun-crumbs2 .container em,
div#pun-searchposts h3 em,
#pun-messages .pa-posts,
#topic-modmenu.modmenu .container span,
#pun-navlinks li#navawards,
#pun-index .main .tcr br,
#pun-index .category .tc2,
#pun-index .category .tc3,
#button-graffiti_rusff,
#button-files_rusff, #topic-feed {
  display: none !important;
}
.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table,
.punbb th,
#pun-ulinks li,
li#onlinelist,
#pun-ulinks li a,
li#onlinelist div,
.punbb .divider,
.punbb .formal fieldset .post-box,
.punbb .info-box,
.adformal {
  border-color: transparent !important;
}

/* V. МОБИЛЬНЫЙ СТИЛЬ, МОЗИЛЛА
-------------------------------------------------------------*/
@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
  }
}

html{min-width: 1200px!important;}
@media screen and (max-device-width: 480px) {
  .punbb a,
  .punbb a:hover,
  .punbb a:focus,
  .punbb a:active,
  #pun-status,
  #pun-crumbs1,
  #pun-crumbs2,
  #pun-stats ul.container,
  .punbb .modmenu .container,
  #pun-index .tcr .lastpost {
    -webkit-text-size-adjust: none;
  }
  .hashelp center div a button,
  .button,
  .punbb input,
  .punbb select {
    -webkit-appearance: none !important;
    border-radius: 0px !important;
  }
}




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

/* анкета от вещего духа */
.cheese_head_wrap {
  background: #eae9e2; /* общий фон */
  width: 20%;
  height: auto;
  margin: center
}


.cheese_head_last {
  padding: 14px;
  width: 400px;
  background: #fdb563 url() repeat top; /* нижний темный фон одно изображение и цвет */
}


#post_button {
  background: #3b5c7f; /* фон кнопки поста */
  border: 1px dashed #fdb563; /* обводка кнопки поста */
  text-align: center;
  font: 300 14px Roboto; /* шрифт кнопки */
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff; /* цвет шрифта */
  padding: 7px;
  transition: all .6s ease-in-out 0s
}


#post_button.openpost {
  background: #3b5c7f; /* цвет кнопки по нажатию */
  color: #fdb563; /* цвет шрифта */
  border-color: #fdb563 /* цвет обводки */
}


#postblock { 
  background: #efeff1; /* цвет выпадающего блока*/
  padding: 18px 23px;
  margin-top: 14px;
}
img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0
  } 

/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow) + span.odd {
  display: none !important;
}

#pun-navlinks #New-exit img {
  position: absolute;
  margin: 0px 7px;
  width: 26px;
  height: auto;
  opacity: .98;
  filter: grayscale(1);
}

#pun-navlinks #New-exit:hover {
  opacity: .4;
}

/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
  position: absolute;
  z-index: 100000 !important;
  margin-top: 6px !important;
  margin-left: 16px !important;
  float: none !important;
}

.punbb #pun-navlinks a#New-exit:before {
  content: none;
}

.punbb #pun-navlinks #form-login input {
  text-align: center;
  border: none!important;
  text-rendering: auto;
  color: #202020!important;
  margin-top: 4px !important;
  letter-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block !important;
  text-align: center;
  font: normal normal 400 11px/normal Arial !important;
  background-color: #ebebeb;
  outline: 3px solid #5a5a5a;
}

.punbb #form-login #fld1,
#form-login #fld2 {
  background-color: #ebebeb;
}

.punbb #pun-navlinks #form-login input[type="submit"] {
  margin: 13px 0 2px !important;
  font-size: 11px !important;
  background-color: #d0d0d0;
  color: #e6e6e6!important;
  border: none !important;
  border: none;
  text-align: center;
  text-transform: lowercase;
  padding: 1px 21px 2px 21px;
  min-width: 70px;
  font-family: arial !important;
  font-weight: 500;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  letter-spacing: 1px;
  cursor: pointer;
  /*border: 2px outset #83693E!important; 
color:#565462!important;
font-weight:700!important; */
}

/*Стиль формы входа*/
.punbb #pun-navlinks .container #form-login {
  display: block;
  font: normal normal 400 11px/normal arial;
  color: #bbbbbb;
  text-transform: none;
  position: absolute !important;
  left: -2px;
  top: 10px;
  z-index: 100000 !important;
  padding: 7px 12px;
  word-spacing: normal !important;
  background: #5a5a5a;
  border-color: var(--bg3);
  border-style: solid;
  border-width: 2px;
  /* border-radius: 0 0 6px 6px; */
  text-align: center;
}

#pun-navlinks #navlogin #form-login {
  margin-left: -37px;
  /*Подвижки формы влево от вход*/
}

#pun-navlinks #navlogout #form-login {
  margin-left: -37px;
  /*Подвижки формы влево от выход*/
}

.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -37px !important;
  /*Подвижки формы влево от выход для АМС*/
}

/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"] + p {
  margin-bottom: 11px;
  margin-top: 11px;
}

.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot {
  position: relative;
  text-transform: none !important;
  z-index: 20;
  cursor: pointer;
  font: normal normal 400 10px/normal Tahoma !important;
  letter-spacing: 0.5 !important;
}

.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before {
  content: none;
}

/* Помечаем красным незаполненные поля!*/
#form-login input.none {
  outline: red dashed 2px !important;
}

/*Форма слево(с Никами) */
#List-UserNames {
  position: absolute;
  margin-top: -10px;
  min-height: 90px;
  width: 220px;
  right: 100%;
  padding: 12px 19px 12px 17px;
  background: #5a5a5a;
  border-color: var(--bg3);
  border-style: solid;
  border-width: 2px;
  /* border-radius: 0 0 0px 6px; */
  text-align: center;
  color: #bbbbbb;
  /* box-shadow: inset 0.23em 0 3.4em rgb(20 20 11 / 99%); */
  /* margin-left: -10px !important; */
  margin-right: 16px;
}

/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul {
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  min-height: 36px;
  max-height: 72px;
  /*Видимое число Ников без прокрутки! сейчас - 4*/
}

.punbb #List-UserNames li {
  display: block !important;
  position: relative;
  background: #909090;
  text-align: left;
  /* box-shadow: 2px 2px 1px rgb(84 106 107 / 70%); */
  padding-left: 5px !important;
  font: normal normal 700 12x/normal Verdana !important;
  margin: 1px auto !important;
  padding: 2px 0;
  -webkit-transition: .33s;
  transition: .33s;
}

.punbb #List-UserNames li:hover {
  opacity: .84;
  /*background:#83693E!important;*/
}

/*Стиль Ников*/
.punbb #List-UserNames li > b {
  cursor: pointer;
  opacity: .8;
  color: #ffffff;
}

.punbb #List-UserNames li > b:hover {
  opacity: .93;
}

/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}

#List-UserNames ul::-webkit-scrollbar-track {
  background-color: #919190;
  border: 1px solid #919190;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#List-UserNames ul::-webkit-scrollbar-thumb {
  background-color: #83693E;
  border: 2px solid #888887;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li > span {
  display: inline-block;
  padding: 0 3px;
  position: absolute;
  opacity: .88;
  cursor: pointer;
  top: 0;
  bottom: 0;
  right: 2px;
  color: #fff;
  font: normal normal 700 10.56px/normal Verdana;
}

/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before {
  display: inline-block;
  content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}

/*Кнопка выход-2*/
#navlogin #exit-2 {
  display: none;
}

#navlogout .Rega,
#navlogout .Forgot {
  display: none;
}

/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul + span {
  display: inline-block;
  padding: 6px 0 8px 0;
  text-align: left;
  font: normal normal 400 10.56px/normal Verdana;
}

/*Сам инпут*/
.punbb #List-UserNames input {
  background: #d0d0d0;
  border: 2px solid #5a5a5a !important;
  /*border-radius: 6px; */
  text-shadow: none !important;
  color: #333 !important;
  background-color: #d0d0d0;
  font: normal normal 400 11px/normal Arial !important;
  /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
  margin-top: 9px;
  padding: 2px !important;
  vertical-align: middle;
}

/*Стрелочки к инпуту*/
#List-UserNames ul + span b {
  font: normal normal 400 13px/normal Verdana;
  padding: 0 3px;
  color: #BBBBBB;
}

/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy {
  display: inline-block !important;
  cursor: pointer;
  float: left;
}

/*Кликалка справо*/
#List-UserNames .a1-paste {
  cursor: pointer;
  display: inline-block !important;
  float: right;
}

/*Подсказки на кликалках*/
.tipsy.a11 {
  font: normal normal 400 11px/normal Tahoma !important;
  margin-top: -22px !important;
  margin-left: 148px !important;
  max-width: 170px;
}

/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/