/*************************************************************
a - setup
**************************************************************/

/* a1 import the colour scheme
-------------------------------------------------------------*/  

/* a1.1 */

@import url(style_cs.1765024601.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: '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);}


/* a2 deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* a2.1 */
html, body { margin: 0; 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: 98%!important; margin: 0px 0px 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 }


 /* 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 { font: var(--font311); background-color: var(--response); }

/* 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: 5px auto auto auto; 
    width: 1050px; 
    position: relative; 
    padding: 0px; 

}

/* a5.2 */
.punbb { 
    float: left;
    width: 95%;
    height: auto;
    padding: 0px 26px; 

}

/* 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(--color1); 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(--color1); 
    margin-bottom: 30px!important; 

} 


/*************************************************************
b - main content - general
**************************************************************/

/* b1 parsed content, signatures and scroll boxes
-------------------------------------------------------------*/

/* b1.1 */
.punbb .post-content { margin: 5px!important;
    width: 97%;
    font-size: 12px!important;
    text-align: justify;
    line-height: 18px;
    overflow: hidden;
    padding: 9px 2px 12px 10px; 

}

/* 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; }

/* 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 59px 12px 50px;
    padding: 0px 0px 13px 0px;
    border-width: 1px;
    border-radius: 7px;
    border: 1px solid #d4d4d4;
    background-color: var(--fon_obshee);

}

.punbb .code-box strong.legend {
    display: block;
    padding-bottom: 6px;
    background:var(--fon_obshee);
    text-transform: uppercase;
    font: var(--font88);
    border-radius: 7px 7px 0px 0px;
    color: #6a6565;  
    margin-bottom: 12px!important;
    letter-spacing: 1px;
    padding-left: 20px;
    padding-top: 6px;

}

.punbb .code-box strong.legend a { 
    color: #a9a9a9!important;
 
}

/* 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(--color1);
    font-weight: 500;
    font-style: normal;
    margin-top: -5px;
    margin-bottom: 5px;

}

.punbb .quote-box {
    color: var(--black);
    padding: 9px!important;
    border-radius: var(--radius);
    background-color:  var(--fon_obshee);
    border: 1px solid #d4d4d4;
    margin: 0.4em 4.9em 0.8em 4em;

}

.punbb .post-content blockquote {
    width: inherit;
    overflow: auto!important;
    position: relative;
    color: #686868;
    background-color: #fafafa;
    border-radius: var(--radius);
    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(--color1);
    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(--font39); color: var(--color1); text-transform: uppercase; letter-spacing: 1px; }

/* b3.4 */
.linkst .postlink { position: absolute; top: -44px; right: 1em; width: 16em; text-transform: uppercase; font: var(--font39); 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(--font39); text-transform: uppercase; letter-spacing: 1px; color: var(--color1); }

/* b3.7 */
.linksb .postlink { float: right; width: 16em; text-transform: uppercase; font: var(--font39); 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(--border2);
    font: var(--font410)!important;
    padding: 6px 14px 6px 14px;
    color: #ebebeb;
    text-transform: lowercase;
    background-color: var(--plh)!important; 

}

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

}

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

/* c1.6 */
.punbb fieldset legend span { padding: 0px 5px; font: var(--font38); text-transform: uppercase; margin: 0px 0px 0px 0px; letter-spacing: 1px; color: var(--color1); 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: 0px 0px 0px 0px;
    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: inline-block;
    margin: 10px 10px 0px -70px;
    text-align: left;
    padding: 0px 0px 12px 3px;
    height: 12px;
    background: #c1b1ce00;

}

#pun-index .tcl h3 a { 
    display: block;
    margin-top: 0px;
    padding: 0px 0px 0px 64px !important;
    font: 500 20px 'NewBodoni' !important;
    color: var(--plh);
    letter-spacing: 1px !important;
    text-transform: lowercase;

}

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

}

.punbb td div.tclcon a:link, .punbb td div.tclcon a:visited {   /*  color: var(--color-link-color2);
    font: 900 11px var(--font-text1) */; }

.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: block;
    width: 580px;
    padding: 10px 5px 35px 20px;
    text-transform: lowercase;
    font: var(--font311);
    margin-left: 7px;
    border-radius: 10px;
    margin-bottom: 25px;
    line-height: 20px;

}

/* 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: 30px 20px 5px 20px;
    border-radius: 0px 0px 10px 10px;
    border-top-style: none;}

/* c3 topics
-------------------------------------------------------------*/

/* c3.1 */
.punbb .post .container { 
    border-style: none solid solid solid;
    border-width: 1px;
    margin-top: -1px;
    padding-bottom: 1px;
    margin-bottom: 35px;
    border: 1px solid #d4d4d4;
    border-radius: 15px;

}

/* 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(--text_obshee) !important;
    padding: 2px 30px 6px 20px;
    background-color: #f6f6f67d;
    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;
    left: -20px!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: 1px solid #d4d4d4;
    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: -96px;
    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: 165px !important;
    margin-top: -27px;
    padding: 5px 8px 12px 22px !important;
    margin-left: -1px;
    font: var(--font410);
    letter-spacing: 0.3px;
    text-align: left;
    color: #0000009c;
    background: #f5f5f5;
    text-transform: lowercase;
    border-radius: 15px 0 0 0;
    border: 1px solid #d4d4d4;
    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: 1em; }

/*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: 4px; border-style: double; border: none; margin-bottom: 10px; width: 1000px; margin-left: -51px; margin-right: 0px; }

/* d1.2 */
#pun-title h1 { display : block; height : 634px; 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 table { border: none; width: 1155px; margin: -140px 0px 6px 25px!important; }

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

#pun-title td.title-logo-tdr { border: none; width: 468px; }

/* 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: 600 13px 'Cormorant';
    padding: 0px 0px 5px 0px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5px;
    margin-top: -177px;

}

/* d.3 */
#pun-navlinks li { display: inline; padding-right: 1em; }

/* d3.4 */
#pun-navlinks li a { font-size: 1.1em; }

/* 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(--color1);
    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(--color1)!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(--color1)!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(--color1)!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: 10px; 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(--color1); }

/* 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: #7B7B7B; } 
::-webkit-scrollbar-thumb { background-color: var(--white); border-radius: 2px;}
::-webkit-scrollbar-thumb:active { background: var(--white); border-radius: 2px; }


/* быстроплюсы для топика! */

.nonull:before {  content: "+";  font-size: 9px;  display: inline-block;  margin-left: -6px;  margin-top: 0px;  position: absolute; }

div .post-rating p>a {  
    outline: 1px solid transparent;
    font-weight: 500;
    background: url(https://i.ibb.co/VpQ940hh/26514.png) no-repeat center;
    background-size: 23px auto;
    position: relative;
    padding-left: 39px;
    padding-top: 6px;
    z-index: 100;
    width: 6px;
    height: 40px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s; 

}

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%; }


/* панель в форме ответа! */

#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;
    background: var(--response);
    border: var(--border2);
    margin-bottom: -7px;
    border-radius: 15px;
    justify-content: space-around;

}

.punbb #main-reply {
    box-sizing: border-box;
    padding: 5px;
    background: var(--response)!important;
    border: var(--border2);
    border-radius: 10px;
    font-size: 12px;

}

.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(--color1);
    color: var(--color1);
    font-size: 9px;

}