/************************************************************* a - setup **************************************************************/
/* a1 import the colour scheme -------------------------------------------------------------*/
/* a1.1 */
@import url(style_cs.1770486804.css); @import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=NewYorkExtraLarge:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200); @font-face {
    font-family: "Rabert Conan";
    src: url("http://forumstatic.ru/files/001b/8c/26/93651.eot");
    src: local("Rabert Conan Bold Italic"), local("RabertConan-BoldItalic"), url("RabertConan-BoldItalic.eot?#iefix") format("embedded-opentype"), url("http://forumstatic.ru/files/001b/8c/26/11507.woff2") format("woff2"), url("http://forumstatic.ru/files/001b/8c/26/15748.woff") format("woff"), url("http://forumstatic.ru/files/001b/8c/26/20275.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TheSilverEditorialItalic';
    src: local("TheSilverEditorialItalic"), url(https://forumstatic.ru/files/001a/0c/05/31838.ttf);
}

@font-face {
    font-family: 'SourceSansPro';
    src: local("SourceSansPro"), url(https://forumstatic.ru/files/001c/99/eb/76249.ttf);
}

@font-face {
    font-family: 'Cormorant';
    src: local("Cormorant"), url(https://forumstatic.ru/files/001c/99/eb/86936.ttf);
}

@font-face {
    font-family: 'TanMemoris';
    src: local("TanMemoris"), url(https://forumstatic.ru/files/001c/99/eb/27824.otf);
}

@font-face {
    font-family: 'Wellborn';
    src: local("Wellborn"), url(https://forumstatic.ru/files/001c/99/eb/34096.ttf);
}

@font-face {
    font-family: 'Evolve';
    src: local("Evolve"), url(https://forumstatic.ru/files/001c/99/eb/32848.ttf);
}

@font-face {
    font-family: 'BeigeCulture';
    src: local("BeigeCulture"), url(https://forumstatic.ru/files/001c/99/eb/61293.otf);
}

@font-face {
    font-family: 'NewYorkExtraLarge';
    src: local("NewYorkExtraLarge"), url(https://forumstatic.ru/files/001b/f0/72/21338.ttf);
}

@font-face {
    font-family: 'Figtree';
    src: local("Figtree"), url(https://forumstatic.ru/files/001b/f0/72/79057.ttf?v=1);
}

@font-face {
    font-family: 'Roboto';
    src: local("Roboto"), url(https://forumstatic.ru/files/001c/99/eb/82546.ttf);
}

@font-face {
    font-family: 'Spectral';
    src: local("Spectral"), url(https://forumstatic.ru/files/001c/99/eb/55918.ttf);
}

@font-face {
    font-family: 'Onest';
    src: local("Onest"), url(https://forumstatic.ru/files/001c/99/eb/74336.ttf);
}

@font-face {
    font-family: 'NewBodoni';
    src: local("NewBodoni"), url(https://forumstatic.ru/files/001c/99/eb/27426.ttf);
}

@font-face {
    font-family: "finlandica";
    src: local("finlandica"), url(https://forumstatic.ru/files/001c/0c/23/77067.ttf);
}

@font-face {
    font-family: 'fontawesome';
    src: local("fontawesome"), url(https://forumstatic.ru/files/001b/f0/72/74554.ttf);
}

@font-face {
    font-family: 'cascadiamono';
    src: local("cascadiamono"), url(https://forumstatic.ru/files/001b/e9/2d/62138.ttf);
}

@font-face {
    font-family: 'vogue';
    src: local("vogue"), url(https://forumstatic.ru/files/001b/f0/72/80642.ttf?v=1);
}

@font-face {
    font-family: 'newyorkextralarge';
    src: local("newyorkextralarge"), url(https://forumstatic.ru/files/001b/f0/72/21338.ttf);
}

@font-face {
    font-family: 'andrij cyrillic';
    src: local("andrij cyrillic"), url(https://forumstatic.ru/files/001b/ed/c9/75452.otf?v=1);
}

@font-face {
    font-family: 'baronmtmoderncyr';
    src: local("baronmtmoderncyr"), url(https://forumstatic.ru/files/001b/ed/c9/31569.ttf);
}

@font-face {
    font-family: 'borjomi';
    src: local("borjomi"), url(https://forumstatic.ru/files/001b/ed/c9/15570.ttf);
}

@font-face {
    font-family: 'condensed regular';
    src: local("condensed regular"), url(https://forumstatic.ru/files/001b/ed/c9/39158.otf);
}

@font-face {
    font-family: 'ghost dancer';
    src: local("ghost dancer"), url(https://forumstatic.ru/files/001b/ed/c9/81595.ttf);
}

@font-face {
    font-family: 'good vibes';
    src: local("good vibes"), url(https://forumstatic.ru/files/001b/ed/c9/33443.ttf);
}

@font-face {
    font-family: 'karsten thin alt';
    src: local("karsten thin alt"), url(https://forumstatic.ru/files/001b/ed/c9/41810.otf);
}

@font-face {
    font-family: 'leotaro';
    src: local("leotaro"), url(https://forumstatic.ru/files/001b/ed/c9/10900.otf);
}

@font-face {
    font-family: 'miamanueva';
    src: local("miamanueva"), url(https://forumstatic.ru/files/001b/ed/c9/27059.ttf);
}

@font-face {
    font-family: 'middllight tygra';
    src: local("middllight tygra"), url(https://forumstatic.ru/files/001b/ed/c9/31585.ttf);
}

@font-face {
    font-family: 'recolors';
    src: local("recolors"), url(https://forumstatic.ru/files/001b/ed/c9/47921.otf);
}

@font-face {
    font-family: 'cuprum';
    src: local("cuprum"), url(https://forumstatic.ru/files/001b/bf/8f/40705.ttf);
}

@font-face {
    font-family: 'rubik';
    src: local("rubik"), url(https://forumstatic.ru/files/001a/f5/e3/50092.ttf);
}

@font-face {
    font-family: 'sc jurer';
    src: local("sc jurer"), url(https://forumstatic.ru/files/001b/ed/c9/42460.ttf);
}

@font-face {
    font-family: sknigar ;
    src: local("sknigar"), url(https://forumstatic.ru/files/001b/ed/c9/62092.otf);
}

@font-face {
    font-family: 'yeseva one';
    src: local("yeseva one"), url(https://forumstatic.ru/files/001a/f5/e3/56589.ttf);
}

@font-face {
    font-family: 'salome';
    src: local("salome"), url(https://forumstatic.ru/files/001a/f5/e3/11239.otf);
}

@font-face {
    font-family: 'pride signature';
    src: local("pride signature"), url(https://forumstatic.ru/files/001b/bf/8f/78157.otf);
}

@font-face {
    font-family: 'abrilfatface';
    src: local("abrilfatface"), url(https://forumstatic.ru/files/0018/6b/8f/54200.woff);
}

@font-face {
    font-family: 'agoka family';
    src: local("agokafamilyregular"), url(https://forumstatic.ru/files/001a/28/10/85666.ttf) format('truetype');
}

@font-face {
    font-family: "cessotest";
    src: local("cessotest"), url(https://forumstatic.ru/files/001b/ed/c9/69125.otf);
}

@font-face {
    font-family: "destroys";
    src: local("destroys"), url(https://forumstatic.ru/files/001b/ed/c9/86777.otf);
}

@font-face {
    font-family: "elegisepersonaluse";
    src: local("elegisepersonaluse"), url(https://forumstatic.ru/files/001b/ed/c9/47358.otf);
}

@font-face {
    font-family: "fallena moodesty";
    src: local("fallena moodesty"), url(https://forumstatic.ru/files/001b/ed/c9/56018.otf);
}

@font-face {
    font-family: "geesor unique";
    src: local("geesor unique"), url(https://forumstatic.ru/files/001b/ed/c9/49775.otf);
}

@font-face {
    font-family: "kahfi 0wzbz";
    src: local("kahfi 0wzbz"), url(https://forumstatic.ru/files/001b/ed/c9/78964.otf);
}

@font-face {
    font-family: "revivalia";
    src: local("revivalia"), url(https://forumstatic.ru/files/001b/ed/c9/88216.otf);
}

@font-face {
    font-family: "smoothies";
    src: local("smoothies"), url(https://forumstatic.ru/files/001b/ed/c9/19100.otf);
}

@font-face {
    font-family: 'ttloveliesscript';
    src: local("ttloveliesscript"), url(https://forumstatic.ru/files/001b/ed/c9/74054.ttf);
}

@font-face {
    font-family: "vowstest";
    src: local("vowstest"), url(https://forumstatic.ru/files/001b/ed/c9/51459.otf);
}

@font-face {
    font-family: "wintershort";
    src: local("wintershort"), url(https://forumstatic.ru/files/001b/ed/c9/58713.otf);
}

@font-face {
    font-family: 'Unbounded';
    src: url('//forumstatic.ru/files/001b/ab/f8/30639.eot');
    src: url('//forumstatic.ru/files/001b/ab/f8/30639.eot?#iefix') format('embedded-opentype'), url('//forumstatic.ru/files/001c/52/80/35479.ttf') format('truetype'), font-weight: normal;
    font-style: normal;
}

/* a2 deal with browser defaults and wonkiness -------------------------------------------------------------*/
* {
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
}

html, body {
    margin: 0 !important;
    padding: 0 !important;
    outline: none !important;
    -webkit-text-size-adjust: none !important;
    -moz-text-size-adjust: none !important;
    -ms-text-size-adjust: none !important;
}

/* a2.1 */
html, body {
    margin: 0 auto;
    padding: 0;
}

/* a2.2 */
.punbb * {
    margin: 0;
}

/* a2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
    padding: 0;
    list-style: none;
}

/* a2.4 */
.punbb img {
    border: none;
}

/* a2.5 */
.punbb .main table {
    table-layout: fixed;
    width: 96% !important;
    margin: 0px 20px 0px !important;
}

/* a2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
    margin: 0 0.3em;
}

/* a2.7 */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
    height: 1.8em;
    vertical-align: middle
}

#pun-index thead, #pun-viewforum thead, #pun-online thead, #pun-userlist thead, #pun-searchtopics thead, #pun-respect thead {
    display: none;
}

#pun-online .tcl.action {
    text-transform: lowercase;
}

#pun-index .main .tc2, #pun-index .main .tc3, #pun-index .main .tcmod {
    display: none;
}

#pun-index .category .container {
    background: var(--light_background1);
    border: var(--plshkaborder1);
}

/*кнопки*/
input[type=submit], input[type=button] {
    padding: 3px 10px;
    font-size: 10px !important;
    text-transform: lowercase;
    letter-spacing: 1px;
    cursor: pointer;
    border: var(--plshkaborder1);
    background: var(--hlkc);
    border-radius: 10px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
}

input[type=submit]:hover, input[type=button]:hover {
    box-shadow: 0 0.3em 0em -0.2em var(--hlkc);
    -webkit-transform: translateY(-0.15em);
    -ms-transform: translateY(-0.15em);
    transform: translateY(-0.15em);
}

input[type=text], input[type=password], .resizable-textarea textarea, .punbb select, textarea#reputationText {
    background: var(--mlkc);
    outline: none;
    border: var(--plshkaborder1);
    border-radius: 5px;
}

/* a3 text setup -------------------------------------------------------------*/
/* a3.1 */
body {
    font-size: 100.01%;
}

/* a3.2 */
.punbb {
    font-size: 11px!important;
    font: normal 68.75% onest;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
    border: var(--plshkaborder1);
    background-color: var(--light_background1) !important;
    color: var(--color_font);
}

/* a3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
    font-size: 1em;
    font-weight: normal;
}

/* a3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
    font-size: 1.1em;
}

/* a3.6 */
.punbb pre {
    font: 1em/120% onest, "bitstream vera sans mono", "courier new", courier, monospace
}

/* a3.7 */
.punbb address, .punbb em {
    font-style: normal
}

/* a3.8 */
.punbb .post-content em {
    font-style: italic
}

/* a3.9 */
.punbb .post-content em.bbuline {
    font-style: normal;
    text-decoration: underline;
}

/* a3.10 */
.punbb a {
    text-decoration: none;
}

/* a3.11 */
.punbb optgroup {
    font-weight: bold;
}

/* a4 float clearing and hidden items -------------------------------------------------------------*/
/* a4.1 */
#pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    line-height: 0.0;
    font-size: 0;
}

/* a4.2 */
.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {
    font-size: 0;
    height: 0;
    width: 0;
    line-height: 0.0;
    position: absolute;
    left: -9999px;
    overflow: hidden
}

/* a5 basic page layout and borders -------------------------------------------------------------*/
/* a5.1 */
#pun {
    margin: 0px auto 0px;
    width: 1050px;
    position: relative;
    padding: 0px;
}

/* head */
#pun-title table {
    background-image: var(--forum_header);
    no-repeat fixed top center/cover;}

#pun-title table {
    border: none;
    width: 100%;
    margin: 0px!important;
    border-radius: 25px 25px 0px 0px;
}

#pun {
    margin-top: 50px!important;
    background-color: var(--telo);
    margin-bottom: 50px!important;
    border-radius: 30px;
}

/* footer */
#html-footer {
    background-size: 100% !important;
    background: var(--footer) no-repeat bottom;
    margin: 0;
    height: 135px;
    position: relative;
    top: 9px;
    border-radius: 0px 0px 25px 25px;
}

/* A5.2 */
.punbb {
    float: left;
    width: 100%;
    height: auto;
}

/* A5.3 */
#pun-redirect, #pun-maint {
    margin: 50px 20% 12px 20%;
    width: auto;
    float: none;
}

/* a5.4 */
.punbb .section, .punbb .main {
    margin-bottom: 1em;
}

/* a5.5 */
.punbb .category, .punbb .post {
    margin-top: 0.4em;
}

/* a5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
    margin-top: 0;
}

/* 5.7 */
#pun-post .topic {
    margin-top: 1em;
}

/* a5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    border-style: none none solid none;
    border-width: 0px 0px 2px 0px
}

/* a5.9 */
.punbb .container {
    border-style: solid;
    border-width: 1px;
}

/* a5.10 */
.punbb .section h2, #pun-main h2, #pun-debug h2 {
    text-align: center;
    text-transform: uppercase;
    padding: 4px 0px 4px 0px;
    color: var(--color_font);
    letter-spacing: 1px;
    font: var(--font49);
    font-size: 0px;
}

#pun-main h1 {
    text-align: center;
    text-transform: uppercase;
    font: 400 0px onest;
    padding: 10px;
    letter-spacing: 0px;
    color: var(--color_font);
    margin-bottom: 30px!important;
}

/************************************************************* b - main content - general **************************************************************/
/* b1 parsed content, signatures and scroll boxes -------------------------------------------------------------*/
/* b1.1 */
.punbb .post-content {
    margin: 5px!important;
    width: 95%;
    font-size: 12px!important;
    text-align: justify;
    line-height: 18px;
    overflow: hidden;
    padding: 9px 2px 12px 12px;
}

/* b1.2 */
.punbb .post-sig dt {
    display: block;
    border-top: 0px solid #888;
    width: 250px;
    margin: 20px 0;
}

/* b1.3 */
.punbb .post-content p {
    margin: 0;
    font-size: 12px!important;
    padding: 5px 0.7em 5px 0.3em;
}

/* b1.4 */
.punbb .post-content img {
    vertical-align: text-bottom;
}

/* b1.5 */
.punbb .post-content img.postimg {
    vertical-align: middle;
}

/* b1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
    color: var(--color_font);
}

/* b1.7 */
.punbb .post-content .scrollbox {
    height: auto !important;
    max-height: 70px !important;
    margin-right: 20px!important;
    overflow-y: auto;
    margin-left: 20px;
    padding-bottom: 10px;
}

/* b1.8 - цитаты */
.punbb .post-content .code-box {
    font-size: 11px;
    margin: 5px 49px 12px 20px;
    padding: 0px 0px 13px 0px;
    border-width: 1px;
    border-radius: 7px;
    border: var(--plshkaborder1);
    background-color: var(--light_background);
}

.punbb .code-box strong.legend {
    display: block;
    text-transform: uppercase;
    font: var(--font88);
    color: var(--color_font);
    margin-bottom: 12px!important;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-top: 6px;
}

/* b1.9 */
.punbb .quote-box cite {
    display: block;
    text-align: left;
    font-size: 11px;
    text-transform: lowercase;
    letter-spacing: 0.2px;
    padding: 2px 20px;
    color: var(--color_font);
    font-weight: 500;
    font-style: normal;

    margin-bottom: 5px;
}

.punbb .quote-box {
    border: var(--plshkaborder1);
    margin: 0.4em 4em 0.8em 4em;
    background: var(--light_background);
    border-radius: 5px;
}

.punbb .post-content blockquote {
    width: inherit;
    overflow: auto!important;
    position: relative;
    color: var(--color_font);
    padding-left: 15px!important;
    padding-right: 10px!important;
    padding-top: 5px!important;
    padding-bottom: 11px!important;
}

.punbb .post-content .spoiler-box > div {
    background-image: none !important;
    margin-bottom: 1px;
}

.post-content .spoiler-box > div:before {
    content: "\e69c";
}

.post-content .spoiler-box > div:before, .post-content .spoiler-box > div.visible:before {
    width: auto;
    margin-right: 10px !important;
    font-family: var(--material);
    color: var(--color_font);
    font-size: 9px;
    font-weight: 700;
}

.post-content .spoiler-box > div.visible:before {
    content: "\e699";
}

/* b2 information boxes -------------------------------------------------------------*/
/* b2.1 */
.punbb .info-box {
    padding: 1.1em 1.7em 1em 1.7em;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1.1em 0;
}

/* b2.2 */
.punbb .info-box * {
    padding: 0 0 0.7em 0;
}

/* b2.3 */
.punbb #pun-main .info-box .legend {
    font-size: 1.1em;
    font-weight: bold;
}

/* b3 pagination and posting links -------------------------------------------------------------*/
/* b3.1 */
.punbb .linkst {
    float: left;
    position: relative;
    width: 100%;
    font-size: 1.1em;
    height: 0;
}

/* b3.2 */
.multipage {
    margin-top: 3em;
}

/* b3.3 */
.linkst .pagelink {
    position: absolute;
    top: -44px;
    left: 1em;
    width: 24em;
    font: var(--font49);
    color: var(--color_font);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* b3.4 */
.linkst .postlink {
    position: absolute;
    top: -44px;
    right: 1em;
    width: 16em;
    text-transform: uppercase;
    font: var(--font49);
    text-align: right;
    font-weight: 400;
}

/* b3.5 */
.punbb .linksb {
    text-align: right;
    padding: 0.4em 1em 0.5em 1em;
    font-size: 1.1em;
}

/* b3.6 */
.linksb .pagelink {
    float: left;
    width: 24em;
    text-align: left;
    font: var(--font49);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--color_font);
}

/* b3.7 */
.linksb .postlink {
    float: right;
    width: 16em;
    text-transform: uppercase;
    font: var(--font49);
    text-align: right;
    font-weight: 400;
    margin: 0px -3px 0px 0px;
}

/* b3.8 */
.subscribelink {
    clear: both;
    padding-top: 0.3em;
    padding-bottom: 0.5em;
    text-transform: lowercase;
    font: var(--font311);
}

/************************************************************* c - main content - specific **************************************************************/
/* c1 form layout -------------------------------------------------------------*/
/* c1.1 */
.punbb .formal .container {
    padding: 1.7em 2.3em 1.1em 2.3em;
}

/* c1.2 */
.punbb .formsubmit {
    padding: 0 0 0 1.7em;
    margin: 1em 0 0 0;
}

/* c1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
    margin: 0px 0.6em 0 0;
    border-radius: 15px !important;
    border: var(--plshkaborder1);
    font: var(--font410) !important;
    padding: 6px 14px 6px 14px !important;
    color: #0e0e0e;
    text-transform: lowercase;
    background-color: #f5f5f5 !important;
    font-size: 14px !important;
}

/* c1.4 */
.punbb fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 20px 18px 0 18px;
    margin: 0 0 1em 0;
    border-radius: 8px;
    border: var(--plshkaborder1);
}

/* c1.5 */
.punbb fieldset legend {
    display: flex;
    padding: 0;
    margin: 0 0 0 10px;
    font-size: 1.1em;
    justify-content: center;
    flex-direction: row;
}

/* c1.6 */
.punbb fieldset legend span {
    padding: 0px 5px;
    font: var(--font412);
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    color: var(--color_font);
    margin-left: -1px;
}

/* c1.7 */
.punbb fieldset fieldset {
    border-style: none;
    margin: 0;
    padding: 0 0 8px 0;
}

/* c1.8 */
.punbb .fs-box {
    padding: 0.5em 0 0.8em 0;
    line-height: 18px;
}

/* c1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
    padding: 4px 0 0em 0;
}

/* c1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
    float: left;
    margin-right: 1em;
}

/* c1.11 */
.punbb .inline .infofield {
    clear: both;
}

/* c1.12 */
.punbb .datafield br {
    display: none;
}

/* c1.13 */
.punbb .required label, .punbb .datafield span.input {
    text-transform: lowercase;
    font: var(--font311);
    color: #505050;
}

/* c1.14 */
.punbb .datafield span.input a {
    font-weight: normal;
}

/* c1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
    display: block;
    padding: 0 12em 0 0;
    height: 100%;
}

/* c1.16 */
.punbb textarea, .punbb .longinput input {
    width: 64%;
    margin: 0;
}

/* c1.17 */
.punbb .hashelp {
    position: relative;
}

/* c1.18 */
.punbb .helplinks {
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: normal;
    width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
    top: 1.5em;
}

/* c1.20 */
.punbb .helplinks span {
    display: block;
    padding-bottom: 0.2em;
}

/* c1.21 */
#pun-post .formal .info-box li {
    padding-left: 4px;
    list-style-type: square;
    list-style-position: inside;
    line-height: 1.5;
    margin: 0;
}

/* c2 table layout -------------------------------------------------------------*/
/* c2.1 */
.punbb .main .tcl {
    overflow: hidden;
    text-align: left;
    width: 30%;
    text-transform: lowercase;
}

/* c2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    width: 10%;
    text-transform: lowercase;
}

/* c2.3 */
.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    width: 24%;
    padding: 15px 0px 5px 10px;
    text-transform: lowercase;
}

/* c2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
    width: 40%;
    text-transform: lowercase;
}

/* c2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
    text-align: left;
    width: 20%;
    text-transform: lowercase;
}

/* c2.6 */
#pun-debug table .tcl {
    width: 15%;
    white-space: normal;
}

/* c2.7 */
#pun-debug .tcr {
    width: 90%;
    white-space: normal;
}

/* c2.8 */
#pun-index .tcl h3 {
    display: block;
    margin: 10px 0px 20px 50px;
    text-align: left;
    padding: 0px 0px 10px 5px;
    height: 12px;
}

#pun-index .tcl h3 a {
    display: inline-block;
    margin-left: 70px !important;
    font: 500 22px 'TheSilverEditorialItalic'!important;
    letter-spacing: 1px !important;
    text-transform: lowercase;
}

#pun-index .f_title {
    opacity: .55;
    font-family: onest;
    letter-spacing: 1px;
}

/* other */
.punbb td div.tclcon a:link, .punbb td div.tclcon a:visited {
}

.forumlinks {
    font: var(--font49);
    text-transform: uppercase;
    word-spacing: 1px;
    padding: 5px 0px 5px 0px;
    width: 520px;
    letter-spacing: 1px;
    color: #888;
    text-align: left;
}

/* c2.9 */
.punbb td span.youposted {
    font-weight: bold;
    margin-left: -1em;
    position: absolute;
}

/* c2.10 */
.punbb td .modlist {
    display: block;
    padding-top: 0.3em;
}

/* c2.11 */
.punbb .main td {
    border-style: solid none none solid;
    border-width: 7px 0 0 7px;
    padding: 0em 0em;
}

/* c2.12 */
.punbb .main th {
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    padding: 0.4em 1em 0.4em 1em;
    font-size: 0px!important;
}

/* c2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
}

/* c2.14 */
.punbb tbody.hasicon td.tcl {
    padding: 5px 60px 45px 60px;
}

#pun-index td.tcl {
    display: inline-block;
    width: 550px;
    padding: 10px 5px 5px 0px;
    text-transform: lowercase;
    font: var(--font311);
    margin-left: -20px;
    border-radius: 10px;
    margin-bottom: 5px;
    line-height: 20px;
}

td.tcr a {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: lowercase;
}

/* c2.15 */
.punbb div.icon {
    float: left;
    display: block;
    /*background-image: url();*/
}

/* c2.16 */
.punbb table div.icon {
    position: absolute;
    margin-left: -98px;
    margin-top: 2px;
}

#pun-main .category .container {
    overflow: hidden;
    width: auto;
    padding: 0px 20px 5px 20px;
    border-radius: 0px 0px 10px 10px;
    border-top-style: none;
    border-top: none;
    margin-left: 20px;
    margin-right: 20px;
}

/* c3 topics -------------------------------------------------------------*/
/* c3.1 */
.punbb .post .container {
    border-style: none solid solid solid;
    border-width: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
    margin-bottom: 25px;
    border: var(--plshkaborder1);
    border-radius: 15px;
    margin-right: 25px;
    margin-left: 25px;
}

/* c3.2 */
.punbb .post h3 {
    border-style: solid solid none solid;
    border-width: 1px;
}

/* c3.3 */
.punbb .post h3 span {
    width: 68%;
    text-transform: uppercase;
    font: var(--font48);
    position: absolute;
    letter-spacing: 1px;
    margin: 5px 0px 28px 244px !important;
    color: var(--color_font1) !important;
    padding: 2px 30px 6px 20px;
    border-radius: 10px;
    height: 15px;
}

/* c3.4 */
.punbb .post h3 strong {
    float: right;
    width: 5em;
    text-align: center;
    font-weight: normal;
}

.punbb .post h3 strong, #pun-messages .post h3 span {
    float: right;
    font-weight: normal;
    padding: 0px;
    box-sizing: border-box;
    font-weight: 500;
    margin-top: 3px!important;
    font-size: 7px;
    color: #737373;
}

.punbb .post h3 a.permalink {
    text-transform: uppercase;
    padding: 3px 15px 3px 17px;
    font-size: 7px;
    font-weight: 600;
    position: relative;
    top: 1px!important;
    color: #737373;
}

/* c3.5 */
.punbb .post .post-author {
    width: 214px;
    float: left;
    padding-top: 63px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    background: linear-gradient(0deg, transparent 0%, #ebebeb85 100%);
    overflow: hidden;
    text-align: center;
    border-radius: 15px 0;
    border: var(--plshkaborder1);
    border-left: none;
    border-top: none;
}

/* c3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
    padding: 3px 0px 0px;
    line-height: 140%;
    width: 214px;
}

/* c3.7 */
.pa-author {
    position: absolute;
    margin-top: -58px;
    padding: 0px 0px 52px 10px !important;
}

/* c3.8 */
.pa-author a {
    width: auto;
    font: 400 19px Cormorant;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: 0.3px;
    padding-left: 10px;
    padding-right: 10px;
}

/* c3.9 */
li.pa-title {
    position: absolute;
    width: 185px !important;
    margin-top: -27px;
    padding: 5px 8px 12px 12px !important;
    font: var(--font410);
    letter-spacing: 0.3px;
    text-align: center;
    color: #0000009c;
    text-transform: lowercase;
    border-radius: 15px 0 0 0;
border-top: var(--plshkaborder1);
 border-right: var(--plshkaborder1);
    border-bottom: none;
}

li.pa-online {
    font: var(--font56);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 0px 5px 0px!important;
    color: #949595;
    margin-top: -13px;
    margin-bottom: 1px;
    position: relative;
}

/* c3.11 */
.punbb .post-body {
    margin-left: 21em;
    margin-top: 20px;
    border-left-style: solid;
    border-left-width: 1px;
}

/* c3.12 */
.punbb .post-box {
    padding: 0em;
}

/*c3.13 */
.punbb fieldset .post-box {
    margin-bottom: 0.8em;
}

/* c3.14 */
.punbb .post-links {
    margin-left: 16.5em;
    border-left-style: solid;
    border-left-width: 1px;
}

/* c3.15 */
.punbb .post-links ul {
    padding: 0 1.5em 9px 0;
    height: 2em;
    line-height: 2em;
    margin-left: -16em;
    border-top-style: dashed;
    border-top-width: 1px;
    background: transparent;
    text-align: right;
    text-transform: lowercase;
    font: var(--font411);
}

/* c3.16 */
.punbb .post-links li {
    display: inline;
    padding-left: 1em;
}

/* c3.17 */
.pl-email, .pl-website {
    float: left;
}

/* c3.18 */
.punbb .clearer {
    clear: both;
    height: 0;
    font-size: 0;
}

/* c4 moderator menu -------------------------------------------------------------*/
/* c4.1 */
.punbb .modmenu .container {
    padding: 4px 8px 6px 14px;
    text-align: right;
    text-transform: lowercase;
    font: var(--font411);
    letter-spacing: 0px;
}

/* c4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
    height: 1.8em;
    line-height: 1.8em;
}

/* c4.3 */
.punbb .modmenu .container strong {
    float: left;
}

/* c4.4 */
.punbb .modmenu input {
    margin-left: 1em;
}

/* c5 message boxes -------------------------------------------------------------*/
/* c5.1 */
.punbb .info .container {
    padding: 0.8em 1em;
}

/* c5.2 */
.punbb .info .container .backlink {
    padding-top: 0.8em;
}

/* c6 profile -------------------------------------------------------------*/
/* c6.1 */
#profile .container {
    padding-left: 18.6em;
}

/* c6.2 */
#profilenav {
    float: left;
    width: 14em;
    margin-left: -16.3em;
    display: inline;
}

/* c6.3 */
#profilenav li {
    padding-bottom: 0.8em;
    font-weight: bold;
}

/* c6.4 */
#viewprofile ul, #profilenav ul {
    border-style: solid;
    border-width: 1px;
    padding: 1.5em 18px 0.8em 18px;
    margin: 0 0 1em 0;
}

/* c6.5 */
#viewprofile h2, #profilenav h2 {
    background: transparent;
    border: none;
    padding: 0 0 0 0!important;
    margin: 0 14px 1em 14px!important;
}

/* c6.6 */
#viewprofile h2 span, #profilenav h2 span {
    padding: 0 5px;
    position: relative;
}

/* c6.7 */
#viewprofile li, #setmods dl {
    padding: 0 0 0 16em;
    margin-bottom: 0.2em;
}

#viewprofile td {
    margin-left: 64px!important;
}

/* c6.8 */
#viewprofile li span {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.5em 1em;
    font-weight: bold;
}

/*c6.9 */
#setmods dt {
    float: left;
    width: 14em;
    margin-left: -16em;
    padding: 0.8em 1em;
    font-weight: bold;
    display: inline;
}

/* c6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
    display: block;
    padding: 0.5em 1em;
    font-weight: normal;
    width: 300px;
}

/* c6.11 */
.punbb img.avatardemo {
    float: right;
    margin: 0 0 0.8em 1.8em;
}

/* c7 user list -------------------------------------------------------------*/
/* c7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
    border-bottom: none;
    margin-bottom: 0;
}

/* c7.2 */
#pun-userlist .usertable .container {
    padding: 0 2.3em 2.3em 2.3em;
    border-top: none;
}

/* c7.3 */
#pun-userlist .usertable table {
    border-style: solid;
    border-width: 1px;
}

/************************************************************* d - punbb sections other than main content **************************************************************/
/* d1 logo and description -------------------------------------------------------------*/
/* d1.1 */
#pun-title {
    margin: 0;
    margin-top: 0px;
    border-style: double;
    border: none;
    margin-bottom: 0px;
    width: 1050px;
    margin-left: 0px;
    margin-right: 0px;
}

/* d1.2 */
#pun-title h1 {
    display : block;
    height : 485px;
    padding: 2em 1em 0 1em;
}

/* d1.3 */
#pun-title .container {
    border-style: none solid none solid;
}

/* d1.4 */
#pun-title h1 span {
    font-size: 1.5em;
}

#pun-title td.title-logo-tdl {
    border: none;
    width: 100%;
}

#pun-title td.title-logo-tdr {
    border: none;
    width: 100%;
}

/* d2 page navigation -------------------------------------------------------------*/
/* d2.1 */
#pun-pagelinks {
    position: absolute;
    top: -15px;
    left: 0;
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
}

/* d2.2 */
#pun-pagelinks .container {
    background: transparent;
    border: none;
    padding: 0;
}

/* d2.3 */
#pun-pagelinks .container li {
    display: inline;
}

/* d2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
    height: 2em;
    line-height: 2em;
    padding: 0;
    font-size: 1.2em;
    margin-left: -9999px;
    display: block;
    float: left;
    width: 100%;
}

/* d2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
    position: relative;
    margin: 0;
}

#pun-pagelinks li a span {
    display: block;
    margin: 0 1em;
}

/* d3 forum navigation -------------------------------------------------------------*/
/* d3.1 */
#pun-navlinks, #pun-navlinks .container {
    border-style: none;
    border-width: 0;
    margin: 0;
}

/* d3.2 */
#pun-navlinks .container {
    display: flex;
    justify-content: center;
    font: 500 15px 'TheSilverEditorialItalic';
    padding: 0px 0px 5px 0px;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: 0.5px;
    margin-top: 10px;
}





/* d4 user links -------------------------------------------------------------*/
/* d4.1 */
#pun-ulinks {
    margin-top: 8px;
}

/* d4.2 */
#pun-ulinks .container {
    display: flex;
    justify-content: center;
    border-top: none;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-transform: lowercase;
    font: var(--font410);
    letter-spacing: 0.5px;
}

/* d4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap;
    font-weight: 400;
}

/* d4.4 */
#pun-ulinks li a {
    padding: 0 0.3em 0 0.6em;
}

/* d4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 0;
}

/* d5 welcome box and top breadcrumbs -------------------------------------------------------------*/
/* d5.1 */
#pun-status, #pun-status .container {
    border-bottom: none;
    margin-bottom: 0;
}

/* d5.2 */
#pun-status .container {
    color: #606060;
    padding: 4.3em 1em 0em 1em;
    margin-left: 73px;
    text-transform: lowercase;
    font: var(--font410);
    letter-spacing: 0.5px;
    margin-top: -23px;
    margin-right: 40px;
}

/* d5.3 */
#pun-status span {
    white-space: nowrap;
    margin-right: 0.5em;
}

/* d5.4 */
#pun-crumbs1 {
    font-weight: bold;
    overflow: hidden;
    margin-top: -80px;
}

/* d5.5 */
#pun-crumbs1 p.container {
    border-top: none;
    padding: 93px 0px 0px 0px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font: var(--font411);
    color: var(--color_font);
    margin-bottom: 1px;
    margin-left: 80px;
}

/* d5.6 */
#pun-break1 {
    margin: 0 1em;
    border-style: solid none;
    border-width: 1px 0;
    height: 0;
    margin: -2px 1em;
    position: relative;
    z-index: 1;
}

/* d6 announcement -------------------------------------------------------------*/
/* d6.1 */
#pun-announcement h2 {
    padding: 0;
    margin: 0 1em -3.5em 1em;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    position: relative;
    font-weight: bold;
}

/* d6.2 */
#pun-announcement h2 span {
    display: block;
    padding: 1em 0 0.8em 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* d6.3 */
#pun-announcement .container {
    padding: 10px 0px 50px 0px!important;
}

/* d7 statistics -------------------------------------------------------------*/
/* d7.1 */
#pun-stats .container {
    margin: 16px 0px 20px 26px!important;
}

/* d7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
    float: left;
    width: 500px;
    display: inline-block;
    text-transform: lowercase;
    height: 6px;
    color: var(--color_font)!important;
    margin-right: 8px;
    padding: 4px 0px 5px 10px!important;
    text-align: left;
    font: var(--font411);
    letter-spacing: 0.5px;
    border-radius: 10px;
    border: 1px #c1c1c100 solid;
}

/* d7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
    text-transform: lowercase;
    height: 6px;
    color: var(--color_font)!important;
    padding: 4px 0px 5px 10px!important;
    text-align: right;
    margin-right: 5px!important;
    width: 500px;
    margin-left: 451px!important;
    font: var(--font411);
    letter-spacing: 0.3px;
    border-radius: 10px;
    border: 1px #c1c1c100 solid;
}

/* d7.4 */
li#onlinelist {
    margin-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    text-align: justify;
    width: 96%;
    line-height: 100%;
    text-transform: lowercase;
    font: var(--font315);
    color: var(--color_font)!important;
    letter-spacing: 0px;
    padding: 0px 0px 0px 10px!important;
}

li#onlinelist a {
    /* font-weight:300; */
}

/* d7.5 */
li#onlinelist div {
    border-top-style: solid;
    border-top-width: 1px;
    padding: 5px 9px 5px 1px;
}

/* d8 quick jump - about - bottom breadcrumbs -------------------------------------------------------------*/
/* d8.1 */
#pun-qjump {
    margin: 0;
    border: none;
    width: 50%;
    position: relative;
    float: left;
}

/* d8.2 */
#pun-qjump .container {
    border: none;
    background: transparent;
    padding: 0.8em 1em;
}

/* d8.3 */
#pun-about {
    margin-top: 0;
}

/* d8.4 */
#pun-about .container {
    border-top-style: none;
    text-align: right;
    line-height: 150%;
    padding: 0.8em 1em;
}

/* d8.5 */
#pun-about p span {
    display: none;
    padding-left: 3%!important;
    margin-top: -13px;
}

/* d8.6 */
#pun-crumbs2 {
    overflow: hidden;
    margin-bottom: -20px;
    border-bottom: none;
}

/* d8.7 */
#pun-crumbs2 .container {
    border-bottom: none;
    letter-spacing: 0.7px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
    font: var(--font410);
    color: var(--color_font);
}

/* d8.8 */
#pun-break4 {
    margin: -2px 1em;
    border-style: solid none;
    border-width: 1px 0;
    position: relative;
    height: 0;
    z-index: 1;
}

/* d8.9 */
div.punbb-admin #pun-about .container {
    border-top-style: solid;
    border-top-width: 1px;
}

/* d9 help file -------------------------------------------------------------*/
/* d9.1 */
#pun-help .formal .info-box h3.legend {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    margin-bottom: 0.8em;
}

/* d9.2 */
#pun-help .formal .info-box h3.legend span {
    padding-bottom: 0.6em;
    display: block;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.1em;
}

/* d9.3 */
#pun-help .formal p, #pun-help .formal dd {
    margin-bottom: 1em;
}

/* d9.4 */
#pun-help .formal ul, #pun-help .formal dl {
    padding: 0 0 0 1em;
}

/* d9.5 */
#pun-help .formal li {
    padding: 0;
    line-height: 130%;
}

/* d9.6 */
#pun-help .formal li * {
    vertical-align: text-top;
}

/* d9.7 */
#pun-help .formal dt span {
    font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

/* d9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
    padding-bottom: 0;
}

/* scroll */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-track {
    background-color: var(--ctbg);
    ; }

::-webkit-scrollbar-thumb {
    background-color: var(--mlkc);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:active {
    background: var(--mlkc);
    border-radius: 2px;
}

/* панель в форме ответа! */
#form-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: var(--plshkaborder1);
    margin-bottom: 10px;
    border-radius: 15px;
    justify-content: space-around;
}

.punbb #main-reply {
    box-sizing: border-box;
    padding: 5px;
    background: var(--light_background)!important;
    border: var(--plshkaborder1);
    border-radius: 10px;
    font-size: 12px;
margin-top: 4px;}

.punbb #form-buttons table {
    width: 100%;
}

.punbb #form-buttons tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

#form-buttons td {
    background: none !important;
    position: relative;
    width: 15px;
    height: 15px;
    line-height: unset !important;
}

#form-buttons td:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    top: 0;
    pointer-events: none;
    font-family: var(--material);
    font-size: 13px;
    color: #737373;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    font-weight: 600;
}

#form-buttons td:hover:before {
    opacity: 0.7;
    outline: none;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

#form-buttons #button-font:before {
    content: "\f866";
    position: absolute;
}

#form-buttons #button-size:before {
    content: "\e93b";
    position: absolute;
}

#form-buttons #button-bold:before {
    content: "\e238";
    position: absolute;
}

#form-buttons #button-italic:before {
    content: "\e23f";
    position: absolute;
}

#form-buttons #button-underline:before {
    content: "\e249";
    position: absolute;
}

#form-buttons #button-strike:before {
    content: "\e257";
    position: absolute;
}

#form-buttons #button-left:before {
    content: "\e236";
    position: absolute;
}

#form-buttons #button-transL:before {
    content: "\e927";
    position: absolute;
}

#form-buttons #button-center:before {
    content: "\e234";
    position: absolute;
}

#form-buttons #button-right:before {
    content: "\e237";
    position: absolute;
}

#form-buttons #button-link:before {
    content: "\e178";
    position: absolute;
}

#form-buttons #button-justify:before {
    content: "\e235";
    position: absolute;
}

#form-buttons #button-quote:before {
    content: "\e244";
    position: absolute;
}

#form-buttons #button-indent:before {
    content: "\e23e";
    position: absolute;
}

#form-buttons #button-spoiler:before {
    content: "\e89d";
    position: absolute;
}

#form-buttons #button-image:before {
    content: "\e1bc";
    position: absolute;
}

#form-buttons #button-smile:before {
    content: "\ef7c";
    position: absolute;
}

#form-buttons #button-image2:before {
    content: "\e1bc";
    position: absolute;
}

#form-buttons #button-video:before {
    content: "\f6b4";
    position: absolute;
}

#form-buttons #button-color:before {
    content: "\e891";
    position: absolute;
}

#form-buttons #button-table:before {
    content: "\f191";
    position: absolute;
}

#form-buttons #button-code:before {
    content: "\f770";
    position: absolute;
}

#form-buttons #button-keyboard:before {
    content: "\f7db";
    position: absolute;
}

#form-buttons #button-hide:before {
    content: "\e63f";
    position: absolute;
}

#form-buttons #button-mask:before {
    content: "\ea66";
    position: absolute;
}

#form-buttons #button-addition:before {
    content: "\e69c";
    position: absolute;
}

#form-buttons #button-sticker:before {
    content: "\ef7c";
    position: absolute;
}

td#button-smile {
    display: none!important;
}

/* счетчик символов */
#plng {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3px;
    padding: 0 11px;
    border-left: var(--color_font);
    color: var(--color_font);
    font-size: 9px;
}

#html-header .tablica {
    position: absolute;
    top: -200px;
    height: 510px;
    width: 1050px;
}

/*БыстроПлюсы для Топика!*/
.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 !important;
    outline: 1px solid transparent;
    font-weight: 500;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    background-size: 30px auto;
    position: relative;
    padding-left: 1px;
    z-index: 100;
    width: 30px;
    height: 30px;
    font-size: 11px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    color: var(--mbgc);
}

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: 20px;
    height: 20px;
    background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
    display: block;
    background-size: 100%;
    margin-left: 19px;
    margin-top: 5px;
}



.reactions-container {
    display: flex!important;
    gap: 4px!important;
    margin-top: -16px!important;
    align-content: flex-end!important;
    justify-content: flex-end!important;
}

.reaction-picker-button {
    border-radius: 10%!important;
    width: 15px!important;
}

.reaction-chip {
    height: 15px !important;
    background-color: #f6f6f6 !important;
}

.reaction-chip.reaction-chip--clicked {
    border: 1px solid #f6f6f6!important;
}

.reaction-chip svg {
    width: 5px;
}

/*ссылки в подфорум -------------------------------------------------------------*/
.f_desc_wrap {
    display: flex;
    gap: 15px;
    margin: 5px 0 0 0;
}

#pun-index .intd {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    column-gap: 50px;
}

.f_links a {
    background: var(--mlkc);
    color: var(--color_white) !important;
    padding: 4px 5px;
    font: 600 9px 'montserrat';
    border: var(--plshkaborder1);
    line-height: 10px;
    width: 100px;
    border-radius: 10px;
    text-align: center;
}

.f_links a:hover {
    background: var(--hlkc);
}

.f_links {
    display: flex;
    gap: 3px;
    margin-top: -30px;
    flex-direction: column;
}

#pun-index .tclcon {
    width: 550px;
    min-height: 100px;
    /* text-align: justify; */
    color: var(--sctx);
    box-sizing: border-box;
    padding: 0px 10px 0px 20px;
    font: var(--font410);
}

/*категории -------------------------------------------------------------*/
#pun-index .category {
    padding: 10px 20px;
}

#pun-index .category h2 {
    height: 53px;
    padding: 0;
    display: flex;
    border-radius: 10px 10px 0px 0px;
    border: var(--plshkaborder1);
    margin: 0 20px 0px 20px;
    z-index: 100;
    position: relative;
}

#pun-index #pun-category1 h2 {
    background: url(https://forumstatic.ru/files/001b/bf/8f/70243.png) no-repeat center;
}

#pun-index #pun-category2 h2 {
    background: url(https://forumstatic.ru/files/001b/bf/8f/70243.png) no-repeat center;
}

#pun-index #pun-category3 h2 {
    background: url(https://forumstatic.ru/files/001c/a7/48/70577.png) no-repeat center;
}

#pun-index #pun-category4 h2 {
    background: url(https://forumstatic.ru/files/001c/a7/48/37621.png) no-repeat center;
}

#pun-index #pun-category5 h2 {
    background: url(https://forumstatic.ru/files/001c/a7/48/24427.png) no-repeat center;
}

#pun-index #pun-main .category h2 span {
    display: none;
}

#pun-index thead, #pun-index .tc2, #pun-index .tc3 {
    display: none;
}

/* ===============================
   MOBILE / iOS SAFARI FIX
   =============================== */
@media screen and (max-width: 480px) {
    html, body {
        width: 100%;
        overflow-x: hidden;
    }

    #pun, #pun-title, #html-header .tablica {
        width: 100% !important;
        min-width: unset !important;
        margin: 0 auto !important;
    }

    /* контейнеры */
    .punbb {
        font-size: 12px !important;
    }

    /* таблицы форума */
    .punbb .main table {
        width: 100% !important;
        margin: 0 !important;
    }

    /* категории */
    #pun-index .category {
        padding: 10px 5px;
    }

    #pun-index .category h2 {
        margin: 0 5px;
    }

    #pun-index .category .container {
        margin: 0 5px;
        padding: 10px;
    }

    /* список тем */
    #pun-index td.tcl, #pun-index .tclcon {
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
    }

    /* ссылки подфорумов */
    .f_desc_wrap, #pun-index .intd {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .f_links {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 0;
    }

    .f_links a {
        width: auto;
        font-size: 9px;
    }

    /* пост */
    .punbb .post .container {
        margin: 10px 5px;
        padding: 10px;
    }

    /* автор в посте */
    .punbb .post .post-author {
        width: 100%;
        float: none;
        border-radius: 15px;
        margin-bottom: 10px;
    }

    .punbb .post-body, .punbb .post-links {
        margin-left: 0;
        border-left: none;
    }

    /* заголовок поста */
    .punbb .post h3 span {
        position: static;
        width: 100%;
        display: block;
        margin: 5px 0;
        text-align: center;
    }

    /* кнопки */
    input[type=submit], input[type=button] {
        font-size: 11px !important;
        padding: 6px 12px;
    }