#pun-admain {background:var(--pun-color);
            outline:25px solid var(--pun-color);
            margin-top:-110px;
            padding-top:110px;}

:root {
  --font-title: 'Manrope', sans-serif;
  --font-title2: 'Arial', serif;
  --font-text: Manrope;
  --font-text2: 'Manrope', sans-serif;
  --font-symbol: 'Material Symbols Outlined';
  --font-symbol2: 'Material Icons';
    }

:root {
  --color-text: #1e1e1e;
  --color-link: #953131;
  --color1: #b58585;
  --color2: #636363; /* fix */
  --color3: #c5b9b9;
  --pun-color: #cecece;
  --pun-quote: #dcdcdc;
  --border1: #393939;
  --border2: #878787;
  --border3: #bdbdbd;
  --color-tooltips: #000000;
  }

:root, .dark:root {
  --background:url(https://upforme.ru/uploads/001c/52/80/5/605961.jpg);
  --pun-top-bg:url(https://upforme.ru/uploads/001c/52/80/208/659371.png);
  --pun-bottom-bg:url(https://upforme.ru/uploads/001c/52/80/208/561844.png);
  --arrow-up:url(https://upforme.ru/uploads/001c/52/80/208/526833.png);
  --arrow-down:url(https://upforme.ru/uploads/001c/52/80/208/506901.png);
  --icon-old:url();
  --icon-new:url(https://upforme.ru/uploads/001c/52/80/5/595135.png);
  --cat1:url(https://upforme.ru/uploads/001c/52/80/5/259138.png);
    }
.light:root {
  --pun-top-bg:url(https://upforme.ru/uploads/001c/52/80/208/364290.png);
  --pun-bottom-bg:url(https://upforme.ru/uploads/001c/52/80/5/610515.png);
  --arrow-up:url(https://upforme.ru/uploads/001c/52/80/5/85672.png);
  --arrow-down:url(https://upforme.ru/uploads/001c/52/80/5/42047.png);
    }

.tb-plash {
position:absolute;
display:block;
width:150px;
height:105px;
margin:-565px 0 0 -28px!important;
padding-right:5px;
overflow-y:scroll;
overflow-x:hidden;
    transform:rotate(-8.3deg);
    }
plash {
display:inline-block;
height:30px;
width:145px;
background:var(--color-text);
border:1px solid var(--color2);
padding:0px 0px 0px px;
margin-left:0px!important;
color:var(--pun-color);
    }
.light plash {background:var(--pun-color);color:var(--color-text);}
plash.imp {border:1px solid var(--color-link);}
.tb-plash::-webkit-scrollbar {width:3px; height:3px;}
plash data {
position:absolute;
margin:5px 0 0 90px!important;
display:block;
height:20px;
width:60px;
text-align:center;
font:900 8px var(--font-text);
line-height:20px;
}
plash:hover b, plash:hover i, plash:hover data {
color:var(--color-link);
}
plash b {
position:absolute;
display:block;
height:25px;
width:160px;
font:900 8px var(--font-title2);
margin:4px 0 0 10px!important;
text-transform:uppercase;
    }
plash i {
position:absolute;
display:block;
height:15px;
width:160px;
font:500 8px var(--font-text);
margin:14px 0 0 10px!important;
    }

.star1 {
width:66px;
height:95px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/554966.png);
margin:-648px 0 0 -23px!important;
transition:0.6s;
}
.star1:hover {transform:rotate(-20deg);transition:0.6s;}
.star2 {
width:105px;
height:73px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/918477.png);
margin:-482px 0 0 610px!important;
transition:0.6s;
}
.star2:hover {transform:rotate(-20deg);transition:0.6s;}
.star3 {
width:110px;
height:101px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/462509.png);
margin:-785px 0 0 950px!important;
transition:0.6s;
}
.star3:hover {transform:rotate(20deg);transition:0.6s;}
.ierog{
width:133px;
height:138px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/516615.png);
margin:-615px 0 0 220px!important;
transition:0.6s;
}
.light .ierog{background:url(https://upforme.ru/uploads/001c/52/80/208/352911.png);}
.ierog:hover {transform:scale(0.9);transition:0.6s;filter:invert(0.9)}
.gvozdi {
width:68px;
height:82px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/625218.png);
margin:-845px 0 0 638px!important;
transition:0.6s;
}
.light .gvozdi {background:url(https://upforme.ru/uploads/001c/52/80/208/575925.png);}
.gvozdi:hover {transform:rotate(-6deg);transition:0.6s;}
.birds{
width:136px;
height:85px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/189741.png);
margin:-500px 0 0 75px!important;
transition:0.6s;
}

.tb-img1, .tb-img2, .tb-img3, .tb-img4, .tb-img5 {
position:absolute;
}
.tb-img1 {
width:146px;
height:54px;
margin:-870px 0 0 25px!important;
    }
.tb-img2 {
width:118px;
height:46px;
margin:-800px 0 0 -80px!important;
    }
.tb-img3 {
width:102px;
height:43px;
margin:-748px 0 0 -45px!important;
    }
.tb-img4 {
width:147px;
height:41px;
margin:-484px 0 0 908px!important;
    }
.tb-img5 {
width:148px;
height:48px;
margin:-437px 0 0 875px!important;
    }
.tb-img1:hover img, .tb-img2:hover img,
.tb-img3:hover img, .tb-img4:hover img, .tb-img5:hover img {
filter:grayscale(10) contrast(1.2);
    }
.tb-img1:after {
content:"wanted";
display:block;
position:absolute;
margin:-13px 0 0 -7px!important;
font:italic 900 19px var(--font-title2);
text-transform:uppercase;
color:var(--color-link);
letter-spacing:1px;
text-shadow:-1px -1px 0 var(--pun-color),
        1px 1px 0 var(--pun-color),
        1px -1px 0 var(--pun-color),
        -1px 1px 0 var(--pun-color);
z-index:-1;
    }
.light .tb-img1:after {
color:var(--pun-color);
text-shadow:-1px -1px 0 var(--color-link),
        1px 1px 0 var(--color-link),
        1px -1px 0 var(--color-link),
        -1px 1px 0 var(--color-link);
    }
.tb-img5:after {
content:"post-writers";
display:block;
position:absolute;
width:180px;
margin:-13px 0 0 8px!important;
font:italic 900 19px var(--font-title2);
text-transform:uppercase;
color:var(--color-link);
letter-spacing:1px;
text-shadow:-1px -1px 0 var(--pun-color),
        1px 1px 0 var(--pun-color),
        1px -1px 0 var(--pun-color),
        -1px 1px 0 var(--pun-color);
z-index:-1;
}
.light .tb-img5:after {
color:var(--pun-color);
text-shadow:-1px -1px 0 var(--color-link),
        1px 1px 0 var(--color-link),
        1px -1px 0 var(--color-link),
        -1px 1px 0 var(--color-link);
}

.tb-post {
    position: absolute;
    width: 270px;
    height:80px;
    margin: -555px 0 0 353px!important;
    }
.tb-post span {
display:block;
text-align:justify;
width: 240px;
    height:77px;
padding-right:10px;
overflow-y:scroll;
font:400 8px var(--font-text);
line-height:11px;
color:var(--pun-color);
    }
.light .tb-post span {color:var(--color-text);}
.tb-post span::-webkit-scrollbar {width:3px; height:3px;}

.tb-post span a:link,.tb-post span a:visited {
display:block;
position:absolute;
margin: -23px 0 0 0px!important;
font:italic 900 16px var(--font-title2);
text-transform:uppercase;
color:var(--color-text);
text-shadow:-1px -1px 0 var(--pun-color),
        1px 1px 0 var(--pun-color),
        1px -1px 0 var(--pun-color),
        -1px 1px 0 var(--pun-color);
    }
.light .tb-post span a:link, .light .tb-post span a:visited {
color:var(--pun-color);
text-shadow:-1px -1px 0 var(--border1),
        1px 1px 0 var(--border1),
        1px -1px 0 var(--border1),
        -1px 1px 0 var(--border1);
    }
.tb-post span a:hover, .tb-post span a:active,
.light .tb-post span a:hover, .light .tb-post span a:active {color:var(--color1);}
.tb-post:after {
content:"best episode";
display:block;
position:absolute;
margin: -2px 0 0 35px!important;
font:italic 900 25px var(--font-title2);
text-transform:uppercase;
color:var(--color-text);
letter-spacing:1px;
text-shadow:-1px -1px 0 var(--pun-color),
        1px 1px 0 var(--pun-color),
        1px -1px 0 var(--pun-color),
        -1px 1px 0 var(--pun-color);
    }
.light .tb-post:after {
color:var(--pun-color);
text-shadow:-1px -1px 0 var(--border1),
        1px 1px 0 var(--border1),
        1px -1px 0 var(--border1),
        -1px 1px 0 var(--border1);
    }

.vrem {
height:10px;
position:absolute;
background:#432929;
margin:-868px 0 0 505px!important;
font: 900 8px var(--font-text);
text-transform:uppercase;
text-align:left;
padding-right:10px;
color:var(--pun-color);
}
.light .vrem {background:var(--pun-color);color:var(--color-text);}

.tb-act:before {
content:"activists";
display:block;
position:absolute;
margin: -16px 0 0 40px!important;
font:italic 900 26px var(--font-title2);
text-transform:uppercase;
color:var(--color-text);
letter-spacing:1px;
text-shadow:-1px -1px 0 var(--pun-color),
        1px 1px 0 var(--pun-color),
        1px -1px 0 var(--pun-color),
        -1px 1px 0 var(--pun-color);
z-index:-1;
    }
.light .tb-act:before {
color:var(--pun-color);
text-shadow:-1px -1px 0 var(--color-link),
        1px 1px 0 var(--color-link),
        1px -1px 0 var(--color-link),
        -1px 1px 0 var(--color-link);
    }

.tb-act {
position: absolute;
margin: -700px 0 0 437px!important;
width:396px;
height:174px;
background:url(https://upforme.ru/uploads/001c/52/80/208/492976.png);
    }
.light .tb-act {background:url(https://upforme.ru/uploads/001c/52/80/208/184748.png);}
.tb-act a:link, .tb-act a:visited {
position:absolute;
display:inline-block;
padding:0px;
height:31px;
width:291px;
font: 700 10px var(--font-text);
color:var(--pun-color)!important;
text-transform:uppercase;
text-align:center;
text-shadow:-1px -1px 0 var(--border1),
        1px 1px 0 var(--border1),
        1px -1px 0 var(--border1),
        -1px 1px 0 var(--border1);
transition:0.5s;
    }
.tb-act a:hover, .tb-act a:active {
transform:translateX(10px);
transition:0.5s;
    }
a.ac1:link {margin:15px 0 0 20px!important;
background:url(https://upforme.ru/uploads/001c/52/80/208/833446.png)
top center no-repeat;line-height:21px;}
a.ac2:link {margin:-16px 0 0 18px!important;
background:url(https://upforme.ru/uploads/001c/52/80/208/340612.png)
top center no-repeat;line-height:30px;}
a.ac3:link {margin:49px 0 0 30px!important;
background:url(https://upforme.ru/uploads/001c/52/80/208/68963.png)
top center no-repeat;line-height:21px;}
a.ac4:link {margin:56px 0 0 22px!important;
background:url(https://upforme.ru/uploads/001c/52/80/208/188443.png)
top center no-repeat;line-height:20px;}

.light a.ac1:link {background:url(https://upforme.ru/uploads/001c/52/80/208/44439.png)
top center no-repeat;}
.light a.ac2:link {background:url(https://upforme.ru/uploads/001c/52/80/208/604860.png)
top center no-repeat;}
.light a.ac3:link {background:url(https://upforme.ru/uploads/001c/52/80/208/545976.png)
top center no-repeat;}
.light a.ac4:link {background:url(https://upforme.ru/uploads/001c/52/80/208/633613.png)
top center no-repeat;}

.tb-ams {
position: absolute;
margin: -434px 0 0 255px!important;
font: 900 9px var(--font-text1);
color:var(--pun-color);
    }

.tb-ams a:link, .tb-ams a:visited {
padding:0 20px;
font: 900 9px var(--font-text);
color:var(--pun-color)!important;
text-transform:uppercase;
text-align:center;
    }
.tb-ams a:hover, .tb-ams a:active {background:var(--color-link);}

div.tb-nav {
  position: absolute;
  width: 350px;
  margin: -742px 0 0 318px;
  text-align:left;
  font: 500 8px var(--font-text);
  color:var(--pun-color);
  }
.light div.tb-nav {color:var(--color-text);}
.tb-nav a:link, .tb-nav a:visited {
  color: var(--pun-color)!important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  }
.tb-nav a:hover, .tb-nav a:active {
  color: var(--color-link)!important;
  }
.light .tb-nav a:link, .light .tb-nav a:visited {
  color: var(--color-text)!important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  }
.n1, .n3, .n5, .n7 {font-weight:900;}

.tb2 {
    position:absolute;
    margin: -698px 0 0 345px!important;
    width: 113px;
    height: 135px;
    }
.mouse-parallax-bg {
    position: absolute;
    background-image: url(https://upforme.ru/uploads/001c/52/80/208/791174.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 113px;
    height: 135px;
    transition: all 0.1s ease;
cursor:crosshair;
    }
.light .mouse-parallax-bg {background-image: url(https://upforme.ru/uploads/001c/52/80/208/843681.png);}
.pulya {
width:102px;
height:98px;
position:absolute;
background:url(https://upforme.ru/uploads/001c/52/80/208/146394.png);
margin:-685px 0 0 358px!important;
transition:0.1s;
opacity:0;
}
.light .pulya {background:url(https://upforme.ru/uploads/001c/52/80/208/777144.png);}
.tb2:active {display:none;}
.pulya:hover {opacity:1;transition:0.1s;}

div.tb-news {
  position:absolute;
  margin: -410px 0 0 -25px;
  color: var(--pun-color);
  width: 862px;
  height: 23px;
  text-align: justify;
  overflow-y: scroll;
  padding-right: 15px;
  text-transform: uppercase;
  letter-spacing:0.5px;
  font: 500 8px var(--font-text);
  line-height: 25px;
  }
div.tb-news b {
  display:inline;
  margin: 0px 5px 0 5px;
  border-bottom:1px solid var(--color-link);
  color: var(--pun-color);
  text-align: justify;
  overflow-y: scroll;
  padding: 2px 8px;
  text-transform: uppercase;
  letter-spacing:0.5px;
  font: 900 9px var(--font-text);
  line-height: 13px;
}
div.tb-news a:link, div.tb-news a:visited {
  color:var(--color1);
  }
div.tb-news a:hover, div.tb-news a:active {
  color:var(--pun-color);
  }
div.tb-news::-webkit-scrollbar {width:0px; height:0px;}

html  {
    background:var(--background) top center fixed no-repeat;
    background-size:cover!important;
    }

body {
    margin:0px !important;
    padding-top:900px !important;
    padding-bottom:0px !important;
    }

#pun {
    width:1050px !important;
    background:var(--pun-color);
    color:var(--color-text);
    padding-bottom:0px !important;
    border-radius:0px;
    text-transform:lowercase;
    }

.topbg {
    display:block;
    position:absolute;
    margin:-900px 0 0 -140px!important;
    background:var(--pun-top-bg) top left no-repeat;
    width:1286px;
    height:900px;
    z-index:-1;
    }
.bottombg {
    display:block;
    position:absolute;
    margin:0px 0 0 -48px!important;
    background:var(--pun-bottom-bg) top left no-repeat;
    width:1152px;
    height:353px;
    z-index:-1;
    }

.punbb {
    width:999px !important;
    padding-left:25px !important;
    }

.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, .punbb li.isactive a:focus {
    color:var(--color-link);
    text-decoration:none;
    }
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active, .punbb li.isactive a:focus {
    color:var(--color-text);
    text-decoration:none;
    }

#pun-navlinks {
    position:sticky;
    margin: -370px 0 0 -25px !important;
top:0px;
    width:890px;
    height:90px;
    background:url(https://upforme.ru/uploads/001c/52/80/5/482921.png)
    top center no-repeat;
    padding-top:20px;
    text-align: center;
    width: 1025px;
    z-index: 2000;
    }

#pun-ulinks {
    position:sticky;
top:60px;
    text-align: left;
    margin: -50px 0 0px 90px !important;
    padding: 0px 0 0px 0px;
    width: 1025px;
    z-index: 2001;
    }

#pun-navlinks a:link, #pun-navlinks a:visited, li#navpiar a span {
    display:inline-block;
    width:auto;
    height:23px;
    padding-top:5px;
    font:italic 900 17px var(--font-title2);
    color:var(--pun-color);
    text-shadow:-1px -1px 0 var(--border1),
        1px 1px 0 var(--border1),
        1px -1px 0 var(--border1),
        -1px 1px 0 var(--border1);
    text-transform:uppercase;
    letter-spacing:0.5px;
    transition:0.5s;
    }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active, li#navpiar a span:hover,
li#navpiar a span:visited, li#navpiar a span:focus {
    color:var(--color1);
    transform: scale(0.9);
    transition:0.5s;
    }

#pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:hover,
#pun-ulinks a:focus, #pun-ulinks a:active {
    display:inline-block;
    font:500 8px var(--font-text);
    text-transform:lowercase;
    color:var(--pun-color);
    letter-spacing:0px;
    line-height:22px;
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color:var(--color1);
    }

#pun-status .container {
    text-transform:uppercase;
    font:800 7px var(--font-text);
    color:var(--color2);
    margin:0px 145px 0  0;
    text-align:right;
    }
#pun-status .status-right {display:none;}

#pun-crumbs1 p.container {
    margin:10px 0 15px 0;
    }
#pun-crumbs1 p.container,
#pun-crumbs2 .container {
    text-transform:lowercase;
    font:11px var(--font-text)!important;
    color:var(--color2);
    }

#pun-announcement {
    text-align:center !important;
    }

/*------------ category and statistics ----------------------------------*/

#pun-index #pun-main h2, #pun-stats.section h2 {
    position:relative;
    height:40px;
    width:685px;
    margin:10px 0 -1px 120px;
    padding-right:55px;
    background:var(--cat1) bottom center no-repeat;
    text-align:right;
    z-index:101;
    }

#pun-index #pun-main h2 span, #pun-stats.section h2 span,
#pun-index #pun-main h2 span a {
    font:italic 900 20px var(--font-title2);
    text-transform:uppercase;
    color:var(--pun-color);
    text-shadow:-1px -1px 0 var(--border1),
        1px 1px 0 var(--border1),
        1px -1px 0 var(--border1),
        -1px 1px 0 var(--border1);
    letter-spacing:1px;
    }

#pun-index #pun-category1 h2 {
    margin-top:-30px;
    }

/*------------ icon ----------------------------------------------------*/

.punbb table Div.icon {
    display:block;
    position:absolute;
    background:var(--icon-old);
    }
TR.inew Div.icon { 
    background:var(--icon-new);
    background-size: cover;
    }
#pun-index Div.icon {
    width:68px;
    height:141px;
    margin:-40px 0px 0px -85px;
    background-size: cover;
    }
#pun-viewforum Div.icon, .fs-box table Div.icon,
#pun-main.main.multipage .forum Div.icon {
    width:10px;
    height:10px;
    margin:4px 0px 0 -38px;
    border:1px solid var(--color3);
    border-radius:100%;
    background:var(--pun-color);
    }
#pun-viewforum TR.inew Div.icon, .fs-box table TR.inew Div.icon,
#pun-main.main.multipage .forum TR.inew Div.icon {
    background:var(--color-link);
    }
.fs-box table Div.icon {margin:1px 0px 0 -32px;}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: var(--color-link)!important;
    border-radius: 2px!important;
    color: var(--pun-color)!important;
    display: inline-block;
    font:600 8px var(--font-text)!important;
    height: 10px!important;
    line-height: 9px!important;
    margin: 32px 0 0 72px!important;
    min-width: 9px!important;
    }

/*------------ forumname + title -------------------------------------*/

#pun-index .tcl h3 {
    display:block;
    text-align:left;
    margin-bottom:5px;
    width:370px;
    }

#pun-index .tcl h3 a {
    display:block;
    font:italic 900 23px var(--font-title2);
    text-transform:uppercase;
    letter-spacing:-0.5px;
    color:var(--color-text);
    }

#pun-index .tcl h3 a:hover {
    color:var(--color-link);
    }

/*------------ description ---------------------------------------------*/

.Add {display:none;}

#pun-index .category table {
    position:relative;
    border-spacing:0px 0px;
    border-top:none;
    background:var(--pun-quote);
    border:1px solid var(--border1);
    border-radius:0px;
    margin-left:47px;
    width:900px;
    z-index:100;
    }

#pun-index tbody.hasicon tr {
    box-shadow: 0px 1px 0px 0px #c5c5c5;
    }

#pun-index tbody.hasicon tr:last-child {
    box-shadow: none;
    }

.punbb td div.tclcon {
    margin-left:0px;
    padding:0px 0px 0px 0px;
    }
#pun-index td div.tclcon {
    min-height:80px;
    }

.punbb tbody.hasicon tr {
    outline:px solid var(--border2);
    }

#pun-index td.tcl {
    display:block;
    width:450px;
    font:400 10px var(--font-text);
    line-height:14px;
    text-transform:lowercase;
    padding:25px 40px 10px 45px;
    margin-left:0px;
    overflow:hidden;
    }

#pun-index td.tcr {
    width:280px;
    font:10px var(--font-text);
    line-height:14px;
    text-transform:lowercase;
    padding-right:25px;
    overflow:hidden;
    }

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
    font:700 11px var(--font-text);
    text-transform:lowercase;
    color:var(--color1);
    }
#pun-index td.tcr a:hover, #pun-index td.tcr a:active {
    color:var(--color-text);
    }

.punbb .user-avatar .avatar-image {
    margin-top:6px;
    width:15px !important;
    height:15px !important;
    border-radius:100% !important;
    filter:grayscale(100%);
    }

.forum-links {
    display:flex;
    cursor: pointer;
    padding:0;
    margin-top:10px!important;
    margin-bottom:5px!important;
    flex-wrap: wrap;
    gap: 5px 0;
    background:url(https://upforme.ru/uploads/001c/52/80/5/656395.png)
    bottom left no-repeat;
    }

.forum-links a:link, .forum-links a:visited {
    padding:2px 14px 8px 0px;
    margin:0px 2px!important;
    font:900 8px var(--font-text);
    letter-spacing:0px;
    color:var(--color-link);
    text-transform:uppercase;
    transition:0.3s;
    }

.forum-links a:active, .forum-links a:hover {
    color:var(--color-text);
    transform:translateX(3px);
    transition:0.3s;
    }

#pun-main #subforums {padding:5px 0 0 0!important;}

/*------------ footer -------------------------------------------------*/

.statscon {
    width:957px;
    border:1px solid var(--border2)!important;
    border-radius:0px;
    margin:0px 0 0 20px!important;
    padding:0px 0 0 0px!important;
    min-height:160px;
    }

.statscon .container {
    width:957px;
    margin:0px 0 -1px 0px!important;
    padding:9px 0px 0px 0px!important;
    }

.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {
    position:absolute;
    display:block;
    width:290px;
    margin-left:630px;
    text-align:left!important;
    letter-spacing:0px;
    color:var(--color-text);
    border-radius:20px;
    font:9px var(--font-text);
    text-transform:lowercase;
    }
.statscon li.item1 {margin-top:17px;}
.statscon li.item2 {margin-top:49px;}
.statscon li.item3 {margin-top:81px;}
.statscon li.item4 {margin-top:113px;}

.statscon li.item5 {
    display:block;
    width:528px!important;
    margin:-10px 0px 0px 0px!important;;
    padding:10px 30px 0px 30px;
    text-align:justify!important;
    letter-spacing:0px;
    color:var(--color-text);
    font:10px var(--font-text);
    text-transform:lowercase;
    border-right:1px solid var(--border2)!important;
    }
.statscon li.item5.users_24h {
    min-height:100px;
    padding-bottom:23px;
    }

#pun-about .container {
    position:absolute;
    padding:0px!important;
    margin:0px 0 0 425px!important;
    text-transform:lowercase;
    font:8px var(--font-text)!important;
    }
#pun-about .container, #pun-about .container a {color:var(--color-link);}

.banners {
    display: flex;
    flex-wrap: wrap;
    overflow-y:scroll;
    width:650px!important;
    height:70px!important;
    padding-right:5px!important;
    margin:107px 0 -200px 60px!important;
    justify-content: space-between;
    }

.banners img {
    margin:0 4px 4px 0;
    filter: grayscale(100%) opacity(30%);
    transition: all .5s ease-in-out 0s;
    }
.banners img:hover {
    filter: none;
    transition: all .5s ease-in-out 0s;
    }

.banners::-webkit-scrollbar {width:1px; height:1px;}

.banners-partners {
    display:flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    opacity:0.7;
    margin-top:12px!important;
    margin-bottom:-20px!important;
    }
.banners-partners img {
    margin-right:0px!important;
    }

/* -------------- page ------------------------------------------------- */

.topic {font:11px var(--font-text);
    padding-top:5px!important;}

#pun-main .post {
    border:1px solid var(--color3);
    border-radius:0px;
    margin:20px 0;
    padding:15px 25px;
    background:var(--pun-color);
    }

#pun-main h1 {display:none;}
#pun-main .topic h3 {
    display:block;
    position:absolute;
    height:43px;
    width:715px;
    margin:-30px 0px 0px 210px;
    padding-right:150px;
    background:url(https://upforme.ru/uploads/001c/52/80/5/48010.png)
    top left no-repeat;
    }
#pun-main .topic h3, #pun-main .topic h3 a {
    font:900 13px var(--font-title);
    text-transform:uppercase;
    letter-spacing:0.5px;
    color:var(--pun-color);
    line-height:40px;
    text-shadow:-1px -1px 0 var(--border1),
        1px 1px 0 var(--border1),
        1px -1px 0 var(--border1),
        -1px 1px 0 var(--border1);
    }

#pun-main .permalink {padding-left:50px;}

#pun-viewtopic div.post h3 strong.fnt::before {content:" ";}
#pun-viewtopic div.post h3 strong.fnt {margin-right:290px!important;}
#pun-viewtopic div.post h3 strong.fnt img {filter:grayscale(100);transform:scale(0.8);}

#pun-main .linkst .pagelink,
#pun-viewtopic .linkst .postlink a,
#pun-main .linksb .pagelink,
#pun-viewtopic .linksb .postlink a {
    font:9px var(--font-text);
    color:var(--color-link);
    letter-spacing:0.2px;
    }

#pun-main .linkst .pagelink {
    margin-top:0px;
    }
#pun-viewtopic .linkst .postlink a {
    display:block;
    margin-top:-10px;
    font-weight:normal;
    padding-bottom:5px;
    }

#pun-main .post-links {
    border-top:1px solid var(--color3);
    margin:20px -25px 0;
    padding:15px 25px 0 15px;
    }
#pun-main .post-links a {
    font:700 9px var(--font-text);
    text-transform:uppercase;
    }
.punbb .post-content .quote-box {
    margin: 2px 5px 10px 5px!important;
    padding: 11px 60px 10px 5px;
    borde:1px solid var(--border1);
    border-radius:0px 0 0 0px;
    text-align: justify;
    }
.quote-box::before {margin:-10px 0 0 -5px;}
.punbb .post-content .quote-box blockquote {
    background:var(--pun-color);
    border:1px solid var(--color1);
    border-radius:0px;
    padding:20px 25px 10px 25px;
    }
.punbb .post-content td .quote-box blockquote { padding:20px 25px 20px 25px; }
.punbb .post-content .quote-box cite {
    position:absolute;
    display:inline-block;
    max-width:600px;
    margin:-14px 0px 0px 80px;
    padding:1px 20px 2px 20px;
    text-align: center;
border-radius:2px;
    font:700 11px var(--font-text);
    color:var(--pun-color);
background:var(--color-link);
    text-transform:uppercase;
transform:rotate(-1deg);
    }
.punbb #post-preview .quote-box cite a {color:var(--pun-color);}
.punbb #post-preview .quote-box cite a:hover {color:var(--color-text);}
.qcn {display:none;}
.qc-post-link {display:inline-block; margin:-1px 0px 0 5px!important;}
.qc-post-link img {filter:invert(0.9);}
a.post-mention {text-transform:lowercase;}

.punbb .post-content .code-box, htmlcode {
    margin: 12px 11px 20px 11px!important;
    padding: 30px 32px 10px 30px;
    border:1px solid var(--color1);
    color:var(--color2);
    text-align: justify;
    }
.code-box::before {margin:-41px 0 0 -37px;}
.blockcode, .scrollbox {
    max-height:40px!important;
    margin-bottom:10px!important;
    }
htmlcode {display:block;padding-bottom:20px!important;margin:20px 0!important;}
htmlcode code {display:block;overflow:scroll;max-height:50px;}
.code-box .scrollbox::-webkit-scrollbar {height:4px;}
.code-box .scrollbox::-webkit-scrollbar-track {
    background:var(--pun-color);
    border-radius:0px;
    border:1px solid var(--color2)!important;
    }
.code-box .scrollbox::-webkit-scrollbar-thumb {
    background:var(--color1);
    border-radius:0px;
border:none!important;
outline:none!important;
    }
.punbb .post-content .code-box strong.legend, htmlcode strong.legend {
    position:absolute;
    display:inline-block;
    max-width:600px;
    margin:-40px 0px 0px 50px;
    padding:1px 20px 2px 20px;
    text-align: center;
border-radius:2px;
    color:var(--pun-color);
background:var(--color-link);
    text-transform:uppercase;
transform:rotate(-1deg);
    }
.punbb .post-content .code-box strong.legend, .code-box strong.legend a,
htmlcode strong.legend a {
    color:var(--pun-quote)!important;
    font:700 11px var(--font-text);
    }

.spoiler-box {
    padding:1px 2px 3px 7px !important;
    border:none!important;
    }
.punbb .post-content .spoiler-box blockquote {
    background:var(--pun-quote);
    border:1px solid var(--color1);
    padding:10px 0px 5px 8px!important;
margin:10px 0px 0px -5px!important;
    }
.spoiler-box::before {margin:-10px 0 0 1px;}
.punbb .post-content .spoiler-box blockquote p {
    padding:5px 10px 10px 10px!important;
    }
.punbb .post-content .spoiler-box .quote-box {
    margin: 5px 20px 0px 10px!important;
    padding: 1px 0px 10px 0px!important;
    }
.spoiler-box .quote-box::before {margin:-0px 0 0 -17px;}
.spoiler-box .quote-box cite {margin:-5px 0px 0px 70px!important;}
.punbb .post-content .spoiler-box .code-box {
margin: 20px 20px 10px 10px!important;
    padding: 20px 20px 10px 20px!important;
    }
.spoiler-box .code-box::before {margin:-31px 0 0 -37px;}
.spoiler-box .code-box strong.legend {margin:-35px 0px 0px 50px!important;}
.post-content .spoiler-box > div {
    background:none!important;
    border:1px solid var(--color1);
    border-radius:0px;
    margin-bottom:7px;
    padding:15px 25px 15px 35px!important;
margin:10px 3px 0px 0px;
    font:12px var(--font-text);
    line-height:18px;
    }
.post-content .spoiler-box > div::before {
    display:block;
    position:absolute;
    content:"expand_all";
    font:700 12px var(--font-symbol);
    margin:0px 0 0 -20px;
    }
.post-content .spoiler-box > div.visible::before {content:"collapse_all";}

.spoiler-box, .quote-box {
    background:url(https://upforme.ru/uploads/001b/79/b8/103/22151.png)
    top left no-repeat,
    url(https://upforme.ru/uploads/001b/79/b8/103/556840.png)
    top right no-repeat,
    url(https://upforme.ru/uploads/001b/79/b8/103/827180.png)
    top center repeat-x;
    }

hr {
    background: var(--color1);
    height:1px;
    opacity:1!important;
    border:none!important;
    }
.post-content .highlight-text {background-color:var(--color4)!important;}
.bbuline, u {text-decoration:none!important;border-bottom:1px solid var(--color-link);}
abbr {border-bottom:1px dashed var(--color-link); cursor:help!important;}

#topic-modmenu.modmenu {
    margin:-10px 0px 10px 0px!important;
    height:25px;
    }

.punbb .formsubmit input, .punbb .formsubmit a,
.punbb .formsubmit span, .punbb select, .punbb input, textarea {
    display:inline-block;
    padding:2px 25px 4px 25px;
    background:var(--pun-quote);
    border:1px solid var(--color1);
    border-radius:0px;
    font:500 11px var(--font-text);
    color:var(--color-link);
    }
textarea {color:var(--color-text);}
.punbb .formsubmit input:hover, .punbb .formsubmit a:hover,
.punbb .formsubmit span:hover, .punbb select:hover, .punbb input:hover {
    background:var(--color-link);
    border:1px solid var(--color-link);
    color:var(--pun-quote);
    cursor:pointer;
    }
#topic-modmenu.modmenu select {
text-transform:uppercase;
font:700 9px var(--font-text);
background:var(--color3);
border:1px solid var(--color3);
padding:4px 25px 4px 25px;
    }
#topic-modmenu.modmenu select:hover {background:var(--color-link);}
#post-form .formsubmit input {
    background:var(--color-text);
    border:1px solid var(--color-text);
    font:700 9px var(--font-text);
    color:var(--pun-color);
text-transform:uppercase;
padding:4px 25px 4px 25px;
}
#post-form .formsubmit input:hover {
    background:var(--color-link);
    border:1px solid var(--color-link);
    color:var(--pun-quote);
    cursor:pointer;
    }
textarea {padding:10px 15px 10px 15px;}
#pun-admain textarea {padding:0px!important;color:var(--color-text);}
input[type=checkbox], input[type=radio] {filter:invert(1) grayscale(1);}

#pun-viewtopic .subscribelink {
    float:right;
    margin-top:-15px;
    margin-right:47px;
    margin-bottom:5px;
    padding-left:0px;
    color:var(--color-link);
    font:800 9px var(--font-text);
    }

#pun-viewtopic .subscribelink:after {
    content:"@";
    margin-left:10px;
margin-right:5px;
    }

#topic-users-in p.container {
    font-size:11px;
    font-family:var(--font-text);
    color:var(--color-text);
    }
#topic-users-in p.container a {
    font-weight:700;
    }

#pun-main .linksb {padding-bottom:0px;}
#pun-main .linksb .postlink {margin-bottom:-2px;}

/* --------------- profile -------------------------------------------- */

.post {
    scroll-margin: 70px 0 0 0;
    }

.pa-fld1 .fld-name, .pa-fld2 .fld-name {display: none;}

.punbb .post .post-author {
    position:relative;
    margin-top:-40px;
    margin-bottom:20px;
    margin-left:-30px;
    padding-bottom:20px;
padding-top:0px;
    width:250px;
    border-left:none;
    border-radius:0;
    }
.punbb .post .post-author ul {

    }

.fs-box .post-author {
    border-radius:0 0px 0px 0!important;
    }
.pa-reg {color:var(--pun-color);}

.show_user_posts .post-author {
    background:var(--color1)!important;
    padding-top:15px;
    }
.pa-replies {
    margin:15px 0 10px 0!important;
    color:var(--pun-color);}

.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    padding:0px 0 0px 0;
    }

.fs-box .post .post-author ul, .fs-box .post .post-author p {
    text-align:center;
    padding:20px 0 0px 0;
    }

#pun-viewtopic .pa-author {
position:relative;
display:inline-block;
    text-align:left;
    margin:0px 0 0px -14px;
width:202px;
height:32px;
padding-left:23px;
padding-top:30px;
background:url(https://upforme.ru/uploads/001c/52/80/208/301046.png)
    top left no-repeat;
z-index:101;
    }
.pa-author, li.pa-author a:link, li.pa-author a:visited {
    text-decoration:none;
    font: 900 16px var(--font-text);
    text-transform:uppercase;
letter-spacing:0px;
line-height:20px;
color:var(--color-link);
    }
.light .pa-author, .light li.pa-author a:link, .light li.pa-author a:visited {color:var(--pun-color);}
li.pa-author a:hover {
    color:var(--pun-color);
    }
.light li.pa-author a:hover {color:var(--color-link);}

li.pa-title {
position:absolute;
    display:block;
    text-align:right;
    font: 700 6px var(--font-text);
    text-transform:uppercase;
    color:var(--pun-color);
    margin:13px 0px 0px 28px;
z-index:102;
    }

.pa-fld5 {
position:absolute;
    border: 1px solid var(--color-link) !important;
    background: var(--color-text);
    background-size:cover;
    padding: 3px 3px !important;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin:-2px 0 0px 195px !important;
transition:0.3s;
    z-index:102;
    }
.pa-fld5:hover {
    border: 1px solid var(--color-link) !important;
    background: var(--color-link);
    }
.pa-fld5 img {
    width: 8px;
    height: 8px;
filter:invert(1);
margin:2px 0 0 0px!important;
    }
.pa-fld5:hover img {filter:invert(0);}
.pa-fld5 a {
    width: 10px;
    height: 10px;
    display: block;
    }

.pa-avatar img {
position:relative;
z-index:900!important;
max-width:180px;
    margin-bottom:10px;
margin-left:1px;
    border:1px solid var(--pun-quote)!important;
    }

li.pa-fld3 {
position:relative;
    margin:-20px 0 10px 40px!important;
    width:180px;
transform:rotate(1deg);
z-index:900!important;
    }

li.pa-fld1 {
position:absolute;
display:inline-block;
width:180px;
    font:900 12px var(--font-text);
    text-transform:uppercase;
    text-align:left;
    margin:1px 0 0px -85px!important;
padding:0px!important;
transform:rotate(1deg);
    z-index:700;
    }
li.pa-fld1 a:link, li.pa-fld1 a:visited {color:var(--color-text);}
li.pa-fld1 a:hover, li.pa-fld1 a:active  {color:var(--color-link);}

li.pa-fld:before {
content:" ";
display:block;
position:absolute;
width:226px;
height:55px;
margin:0px 0 0px 30px!important;
background:url(https://upforme.ru/uploads/001c/52/80/208/346659.png);
z-index:99;
    }
li.pa-fld4 {
position:relative;
    width:180px;
    padding:25px 8px 30px 8px!important;
    margin:-5px 0 -24px 30px;
    font:500 9px var(--font-text);
    line-height:12px;
    letter-spacing: 0px;
    text-transform:lowercase;
    text-align:justify;
    color:var(--color-text);
background:var(--pun-color);
border:1px solid var(--color-text);
transform:rotate(1deg);
z-index:101;
    }
li.pa-fld4 a:link, li.pa-fld4 a:visited {color:var(--color-link);}
li.pa-fld4 a:hover, li.pa-fld4 a:active {color:var(--pun-color);}

li.pa-fld6 {
    display:block;
position:absolute;
width:220px;
height:220px;
overflow:hidden;
margin:-20px 0 0px 16px !important;
padding:0px 0 0px 0px !important;
transform:rotate(-2deg);
z-index:100;
    }
li.pa-fld6 img {
    display:block;
position:absolute;
    width:220px;
z-index:100;
    }
li.pa-fld6 .fn {
    display:block;
position:absolute;
width:220px;
height:220px;
overflow:hidden;
margin:-0px 0 0px 0px !important;
padding:0px 0 0px 0px !important;
background: linear-gradient(to top, #1e1e1e 1%, transparent 70%);
    z-index:100;
    }

.pa-posts, .pa-respect {
position:absolute;
display:inline-block;
width: 85px;
font:9px var(--font-text);
transform:rotate(1deg);
text-align:center;
z-index:101;
}
.pa-posts {margin: 0px 0px 0px -90px!important;}
.pa-respect {margin:0px 0px 0px 5px!important;}
.pa-posts::before, .pa-respect::before {
    display:inline-block;
    text-align:center;
    margin:0px 3px 0px 0px!important;
    font:9px var(--font-symbol);
    color:var(--color-text);
    }
.pa-posts::before {content:"mail";}
.pa-respect::before {content:"favorite";}
.pa-posts::after, .pa-respect::after {
    display:block;
    position:absolute;
    width:50px;
    height:14px;
    background:var(--color-link);
    border-radius:2px;
    text-align:center;
    margin:0px 0 0 0px!important;
    font:600 8px var(--font-text);
    letter-spacing:0.3px;
    color:var(--pun-color);
    opacity:0;
    }
.pa-posts:hover::after, .pa-respect:hover::after, .pa-fld2:hover::after {
    opacity:1;
    }
.pa-respect .fld-name, .pa-posts .fld-name {position:absolute;
           margin:-13px 0 0 2px;
           font-size:5px;
           opacity:0;}

.pa-posts::after {content:"messages";}
.pa-respect::after {content:"respect";}
.pa-respect1, .pa-respect img {width:7px;filter: grayscale(1);}
.pa-fld2, .pa-posts, .pa-respect1, .pa-respect, li.pa-respect a:link,
li.pa-respect a:visited, li.pa-respect a:active, li.pa-respect a:hover,
li.pa-ip, li.pa-ip a:link {
    color:var(--color-text);
    }

li.pa-ip {
display:block;
width:225px;
position:absolute;
text-align:right;
margin-top:26px;
    font:9px var(--font-text);
    padding:2px!important;
transform:rotate(1deg);
z-index:101;
    }

li.pa-ip, li.pa-ip a:link {
    color:var(--color1);
   }

li.pa-online {
    display:block;
    position:absolute;
    margin:24px 0 0 10px !important;
    padding:0px 0 0px 0!important;
    text-align:center;
    height:23px;
    width:56px;
    font-size:0px;
    background:url(https://upforme.ru/uploads/001c/52/80/208/335458.png);
z-index:101;
    }
li.pa-online:hover::before {
    content:"online";
    display:block;
    position:absolute;
    width:50px;
    height:14px;
    background:var(--color-link);
    border-radius:2px;
    text-align:center;
    margin:0px 0 0 0px!important;
    font:600 8px var(--font-text);
    letter-spacing:0.3px;
    color:var(--pun-color);
    }

.pa-fld7 {
position:absolute;
margin:5px 0 0 -7px!important;
display:block;
z-index:105;
    }
.pa-fld7 a {
display:block;
background:url(https://upforme.ru/uploads/001c/52/80/208/605115.png);
margin-bottom:2px;
width:15px;
height:18px;
    }
.pa-fld7 a:hover {
transform:skew(0.5);
    }

.fs-box li.pa-online {
    margin:-4px 0 0 100px !important;
    }

.punbb .post-body {
    margin-top:10px !important;
    margin-left:229px !important;
    text-transform:none;
    font-family:var(--font-text);
    }
.punbb .post-content {font-family:var(--font-text);
                      text-transform:none;}

/* --------------- multipage ------------------------------------------- */

#pun-viewforum .forum, #pun-main.main.multipage .forum,
#pun-main.main.mod-page, #pun-main.main.multipage .section.online-list {
    border:1px solid var(--border3);
    margin:20px 0 0;
    padding:15px 20px;
    font:10px var(--font-text);
    }
#pun-main.main.multipage .forum,
#pun-main.main.multipage .section.online-list {border-radius:0px;
                 background:var(--pun-color);}
#pun-viewforum .forum a, #pun-main.main.multipage .forum a {
    font:500 11px var(--font-text);
    }
#pun-viewforum .forum .tcl a, #pun-main.main.multipage .forum .tcl a,
#pun-main.main.mod-page .tcl {
    font:500 12px var(--font-text);
    }
#pun-main.main.multipage .forum .inew .tcl a {
    font:900 12px var(--font-text)!important;
    }
#pun-main.main.mod-page .tcl {color:var(--color-link);}
#pun-viewforum .forum .tcr a:link,
#pun-viewforum .forum .tcr a:visited {color:var(--color1);}
#pun-viewforum .forum .tcr a:active,
#pun-viewforum .forum .tcr a:hover {color:var(--color-text);}

#pun-viewforum .main.multipage .forum thead {display:none;}
#pun-viewforum .forum td {height:10px;}

#pun-viewforum .forum table {border-spacing:0px 15px;}
#pun-main.main.multipage .forum table {border-spacing:0px 15px;}

#pun-main.main.multipage thead {
    font:500 8px var(--font-text)!important;
    color:var(--color-link) !important;
    text-transform:uppercase;
    background:var(--pun-quote);
    line-height:12px!important;
    }

#pun-main.main.multipage .modmenu {
    font:11px var(--font-text);
    color:var(--color-text);
    }
#pun-main.main.multipage .modmenu .container input {margin-top:9px;}

#pun-main.main.multipage .user-avatar {display:none;}

.postlink.long a {
    position:absolute;
    display:inline-block;
    border:1px solid var(--color-link);
    padding:3px 20px 4px;
    color:var(--pun-color);
    font:700 9px var(--font-text);
background:var(--color-link);
text-transform:uppercase;
transform:rotate(-1deg);
    }
.postlink.long a:hover {
    color:var(--color-text);
    }

.main.multipage .new-topic a {margin:-15px 0 0 -230px;}
.main.multipage .new-poll a {margin:-15px 0 0 -135px;}

.main.multipage .td-divider {
    padding:5px 20px!important;
    border:1px solid var(--border3);
    font:600 8px var(--font-text)!important;
    color:var(--color-link) !important;
    text-transform:uppercase;
    background:var(--pun-quote);
    }

#pun-viewforum .modmenu {
    border:1px solid var(--border3);
background:var(--pun-color);
    border-top:none;
    border-radius:0;
    }

#pun-viewforum .modmenu strong {margin:10px 30px;}
#pun-viewforum .modmenu strong a {font:800 9px var(--font-text);
                 text-transform:uppercase;}

#pun-userlist legend {display:none;}
#pun-userlist .formal .container {
    border:1px solid var(--border3);
    border-bottom:none;
    margin:15px 0 0;
    padding:15px 20px;
    font:10px var(--font-text);
background:var(--pun-color);
    }
#pun-userlist .usertable .container {
    border:1px solid var(--border3)!important;
    margin:0px 0 0;
    padding:15px 20px 15px!important;
    font:10px var(--font-text);
background:var(--pun-color);
    }

#pun-userlist .fs-box.inline label, #punbbsearch .fs-box.inline label {
    display:block;
    border:1px solid var(--border3)!important;
    border-bottom:none!important;
    font:600 8px var(--font-text)!important;
    color:var(--color-link) !important;
    text-transform:uppercase;
    padding:5px 10px!important;
    margin-bottom:-12px;
    text-align:center!important;
    }
#pun-userlist .fs-box.inline input, #pun-userlist .fs-box.inline select,
#punbbsearch .fs-box.inline input, #punbbsearch .fs-box.inline select{
   
    }
#pun-userlist .fs-box.inline input {height:15px;width:348px;}
#pun-userlist .inline .selectfield {margin: 0 0 0 15px!important;}
#punbbsearch .inline .selectfield select {min-width:200px;}
#pun-userlist .inline .inputfield {margin-right:0!important;}
#punbbsearch .inline .inputfield {margin-right:10px!important;}
.infofield {color:var(--color-text); text-align:justify;}

.usertable .container thead th, #pun-main.main.mod-page h2 {
    padding:5px 5px!important;
    border:1px solid var(--color-text)!important;
    font:600 8px var(--font-text)!important;
    color:var(--pun-color) !important;
    text-transform:uppercase;
    background:var(--color-text)!important;
    }
.usertable .tc3.relation, .usertable .tc3.posts {width:60px!important;}

#pun-userlist .usertable .container table {border-spacing:5px 10px;}
#pun-userlist .usertable .container table .tcl {font:900 12px var(--font-text);}

#punbbsearch {
    border:1px solid var(--border3);
background:var(--pun-color);
    margin:15px 0 0;
    padding:15px 20px;
    font:10px var(--font-text);
    }
#punbbsearch legend {
    width:915px;
    padding:6px 10px 5px!important;
    margin-bottom:10px;
    border:1px solid var(--border3);
    font:600 8px var(--font-text)!important;
    color:var(--color-link) !important;
    text-transform:uppercase;
    background:var(--pun-color);
    }
#pun-userlist .user-avatar {display:none;}

/* --------------- profile page ---------------------------------------------- */

#viewprofile .container {padding:0px 0px 0px 0px!important;}
#viewprofile {
    border:1px solid var(--border3);
    border-radius:0px;
    margin:0px 0 0;
    padding:0px 0px;
    min-height:430px;
background:var(--pun-color);
    }

td#profile-left {
    display:block;
    position:absolute;
    width:230px!important;
    text-align:center;
    padding:10px 0px 0 0 !important;
    border:1px solid var(--color-text)!important;
    border-radius:0px;
background:var(--color-text);
transform:rotate(-1deg);
    }

li#profile-name strong {
    font:900 18px var(--font-text)!important;
    padding-bottom:0px!important;
color:var(--pun-color);
text-transform:uppercase;
    }
li#profile-title strong {
display:inline-block!important;
font:600 7px var(--font-text)!important;
color:var(--pun-color);
letter-spacing:0.5px;
text-transform:uppercase;
background:var(--color-link);
transform:rotate(-1deg);
margin-bottom:5px!important;
    }
li#pa-avatar img {border-radius:0px;
          margin-bottom:10px;
          max-width:180px;
          height:auto;
          border:1px solid var(--color-link);}
li#pa-online {display:none;}

td#profile-left #pa-edit {
    display:block;
    height:30px;
    padding:8px 0 0px;
    border-top:1px solid var(--border1)!important;;
    }
td#profile-left #pa-edit a {font:900 10px var(--font-text)!important;
               text-transform:uppercase;
               color:var(--pun-color)}
td#profile-left #pa-edit a:hover {color:var(--color-link);}

td#profile-right {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-content:center;
    width:700px;
    margin-left:255px;
    }
td#profile-right li {padding-left:120px;margin-bottom:10px;padding-right:10px;}
td#profile-right span {
position:absolute;
    background:var(--color-text);
    border-right:0px solid var(--border1)!important;
    padding:4px 0 4px 10px!important;
margin:-6px 0 0 0;
    font:600 7px var(--font-text)!important;
    color:var(--pun-color) !important;
letter-spacing:0.5px;
    text-transform:uppercase;
transform:rotate(-1deg);
    }
td#profile-right span a {color:var(--pun-color);}
td#profile-right span a:hover {color:var(--pun-quote);}
#viewprofile td#profile-right li strong {
    padding:5px 0 5px 15px;
    font:500 10px var(--font-text);
text-align:justify;
    }

li#pa-invites {display:none;}
td#profile-right li {
    border:0px solid var(--border1)!important;
    border-radius:0px;
background:var(--pun-quote);
    }

li#pa-register-date, li#pa-time-visit, li#pa-last-post,
li#pa-last-visit, li#pa-positive, li#pa-respect, li#pa-fld1,
li#pa-fld2, li#pa-fld3, li#pa-fld4, li#pa-fld5, li#pa-fld6,
li#pa-fld7 {width:215px;}
li#pa-email, li#pa-posts {width:700px;}

li#pa-fld1 a {font:900 12px var(--font-text);
    text-transform:uppercase;}
li#pa-fld5 img {width:10px;height:10px;}
li#pa-fld7 a {display:inline-block;
    width:8px;
    height:8px;
    background:var(--color-text);
    border-radius:100%;
    margin-right:5px;}
li#pa-fld7 a:hover {background:var(--color-link);}

#viewprofile td#profile-right li strong a.form {display:block;text-align:center;}

/* --------------- profile & messages ---------------------------------------------- */

.formal.messages-container #post-preview .fs-box .post-content {max-width:760px;}
.formal.messages-container #togglePreview input {
    margin:-1px 20px 0px 0px!important;
    border:1px solid var(--border3);
    border-radius:0px;
    }
#post-preview legend {display:block;margin-left:20px!important;padding-top:15px!important;}

#profile.formal .container {padding-left:160px;}
#profilenav {
    font:10px var(--font-text);
    border:1px solid var(--border3);
    border-radius:0px;
    padding:15px 0px 0;
    }
#profilenav span {
display:inline-block;
    font:900 13px var(--font-text)!important;
    color:var(--pun-color) !important;
    text-transform:uppercase;
    padding:3px 15px 5px 15px !important;
    margin:0 0 5px -20px;
background:var(--color-link);
transform:rotate(-1deg);
    }
#profile.formal {
    font:10px var(--font-text);
    border:1px solid var(--border3);
    border-radius:0px;
    margin:15px 0 0;
    padding:15px 20px;
background:var(--pun-color);
    }
#profile.formal .fs-box {
    display:block;
    font:10px var(--font-text);
    border:1px solid var(--border3);
    border-radius:0px;
    margin:15px 0 0;
    padding:10px 15px;
    padding-top:10px!important;
    }
#profile.formal .fs-box .post-author {border-radius:0px;}
#profile.formal .fs-box .pa-title {display:none;}
#profile8 .fs-box {border:none!important;padding:0px 0px!important;}
#profile.formal label, #sex.infofield {
    display:inline-block;
    font:900 8px var(--font-text)!important;
    color:var(--pun-color) !important;
    text-transform:uppercase;
    padding:3px 15px 5px 15px !important;
    margin:0 0 5px -20px;
background:var(--color-link);
transform:rotate(-1deg);
    }
#profile.formal .radio label, #profile.formal .checkfield label,
#profile.formal.messages-container label {
    display:inline-block;
    font:500 10px var(--font-text)!important;
    color:var(--color-text) !important;
    text-transform:lowercase;
    padding:5px 0px 0px 20px !important;
    margin:0 0 5px -20px;
background:none;
transform:rotate(0deg);
    }
.radiofield label, .checkfield label {display:inline-block!important;}

#profile.formal input {margin-right:8px;}
#profile.formal .datafield {color:var(--color-text);}
#profile.formal legend, legend {font:900 9px var(--font-text);
                text-transform:uppercase;
                color:var(--color-text);
                padding:4px 0 0 0;}
#profile.formal textarea {max-width:705px;}

#profile4 .inputfield, #profile4 .datafield {display:inline-block; margin-right:5px;}
#profile4 .inputfield a, #profile4 .datafield a {
    display:inline-block;
    border:1px solid var(--border3);
    border-radius:0px;
    padding:4px 0;
    width:140px;
    text-align:center;
    font:600 8px var(--font-text)!important;
    text-transform:uppercase;
    }
#profile4 .inputfield a:hover, #profile4 .datafield a:hover {
    display:inline-block;
    background:var(--pun-quote);
    }
.punbb img.avatardemo {
    border:10px solid var(--pun-color);
    outline:1px solid var(--border3);
    border-radius:0px;
    margin:5px 0px 20px 25px;
    }

#pun-main .formal .container {font:10px var(--font-text)!important;}
#pun-main .formal .container legend {margin-left:-5px;}

#profile.formal #plng {
    margin:0 5px!important;
    border:1px solid var(--border3);
    border-radius:0px;
    padding:5px 10px!important;
font:700 9px var(--font-text);
color:var(--color-link);
    }
#profile.formal #form-buttons {width:735px;}

input#OnOff_Notify {margin-top:6px;}

#volSlider.vol_slider {
background:var(--border3);
border:none;
border-radius:2px;
height:5px;
    }
#volSlider.vol_slider .before {
background:var(--color1);
border:none;
border-radius:2px;
height:5px;
margin-top:0px;
    }
#volSlider.vol_slider .thumb {
background:var(--color1);
border:1px solid var(--color-text);
border-radius:2px;
height:5px;
box-shadow:none;
    }

#profile.formal.messages-container #post-form {
    border:none!important;
    margin:0;
    padding-top:0px;
    }
#profile.formal.messages-container #post-form .fs-box.hashelp {margin-bottom:10px;}

#profile.formal.messages-container .post-author {
    margin-top:10px;
margin-left:-48px;
    background:var(--color-text);
transform:rotate(-1deg);
width:230px;
    }
#profile.formal.messages-container .post-author .pa-reg,
#profile.formal.messages-container .post-author .pa-posts {display:none;}
#profile.formal.messages-container .pa-online {margin:25px 0 0 -15px!important;}
#profile.formal.messages-container .post h3 span {
    font:9px var(--font-text);
    text-transform:uppercase;
    letter-spacing:0.5px;
    color:var(--color1);
    line-height:0px;
    }

#profile .pa-author {
height:30px;
line-height:20px;
    }

#profile .pa-author a {
line-height:20px;
    }

/* --------------- arrows ---------------------------------------- */

.go-up, .go-down {
    cursor: pointer;
    display: none;
    opacity: 1;
    position: fixed;
    z-index: 99;
    }

.go-up {
    width:139px;
    height:125px;
    background:var(--arrow-up);
    top:34%;
    margin-left: 1090px !important;
    background-size:cover;
    }

.go-down {
    width:129px;
    height:159px;
    background:var(--arrow-down);
    top: 49%;
    margin-left:1080px !important;
    background-size:cover;
    }

.go-down:hover, .go-up:hover {
    opacity:0.5;
    }

/*личная страница*/
#character{
  z-index: 9999 !important;
}

.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 9998;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 20px !important;
left: 50%;
margin-left: -300px;
width:860px;
position: fixed;
z-index: 9999;
}

#pun .reveal-modal.xlarge {
    width: 1040px;
    margin-left: -520px;
    height: 620px;
    top: 8% !important;
}

.reveal-modal .close-reveal-modal {
font-size: 30px;
line-height: .5;
position: absolute;
top: 0px;
right: -35px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
        text-decoration: none;
}

.modal_wrap {
  display: flex
}

lz {
    text-align: justify;
    font-family: var(--font1);
    display: block;
    text-transform: lowercase;
    color: #454242;
    margin-bottom: 10px;
}

/* Theme switcher © max, the murderer! ---------------------------------------------------------------------- */

#theme_switcher li {
    display: inline-block;
    margin-top:0px;
    }

#theme_switcher li label {
    display: none;
    }

#theme_switcher li input {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    }

#theme_switcher li input::before {
    font: 400 55px/100% var(--font-symbol);
    margin-right: 4px;
    }

#theme_switcher li input#light::before {
    content: 'o';
    }
#theme_switcher li input#dark::before {
    content: 'o';
    }

#theme_switcher li input:hover::before,
#theme_switcher li input[type="radio"]:checked {
    color: red;
    }

.switch-theme {
    position:absolute;
    margin:-490px 0 0 85px!important;
transform:rotate(-15deg);
opacity:0;
    }

.ank-wrap{
  width:715px;
  margin:0 auto 36px !important;
  padding:30px 0 0 !important;
  box-sizing:border-box;
  font-family:'Manrope', sans-serif;
  color:#111;
  position:relative;
  overflow:visible !important;
}

.ank-wrap,
.ank-wrap *{
  box-sizing:border-box;
}

.ank-name,
.ank-top,
.ank-mini,
.ank-fandom,
.ank-inner,
.ank-box,
.ank-info,
.ank-quote,
.abil3-wrap,
.abil3-main,
.abil3-topline,
.abil3-info{
  margin:0 !important;
  padding:0;
  float:none !important;
  clear:none !important;
}

/* ---------- анкета ---------- */

.ank-name{
  display:block !important;
  font-family:'Dela Gothic One', sans-serif;
  font-size:45px !important;
  line-height:.9 !important;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#000;
  margin:0 0 10px !important;
  position:relative;
  z-index:2;
}

.ank-top{
  display:block !important;
  width:715px;
  border:1px solid #1a1a1a;
  background:transparent;
  position:relative;
  overflow:visible !important;
}

.ank-mini{
  display:block !important;
  position:absolute;
  left:18px;
  top:-8px;
  max-width:calc(100% - 295px);
  height:16px !important;
  padding:0 10px !important;
  background:#cecece;
  color:#111;
  font-size:12px !important;
  line-height:16px !important;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:4;
}

.ank-fandom{
  display:block !important;
  position:absolute;
  right:18px;
  top:-10px;
  width:245px;
  height:20px !important;
  padding:0 12px !important;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:11px !important;
  line-height:20px !important;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:5;
}

.ank-inner{
  display:block !important;
  width:100%;
  padding:22px 18px 28px !important;
}

.ank-box{
  display:block !important;
  width:100%;
  margin:0 0 10px !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden;
}

.ank-box img{
  display:inline-block !important;
  vertical-align:top !important;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 2px 2px 0 !important;
}

.ank-box img:last-child{
  margin-right:0 !important;
}

.ank-info{
  display:block !important;
  width:100%;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:500;
  color:#111;
}

.ank-info b,
.ank-info strong{
  font-weight:700;
}

.ank-quote{
  display:block !important;
  position:absolute;
  left:18px;
  right:18px;
  bottom:-10px;
  height:20px !important;
  padding:0 12px !important;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:11px !important;
  line-height:20px !important;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:6;
}

.ank-fandom *,
.ank-quote *{
  margin:0 !important;
  padding:0 !important;
  line-height:20px !important;
}

/* ---------- блоки демона ---------- */

.abil3-wrap{
  width:715px;
  margin:30px auto 24px !important;
  padding:0 !important;
  box-sizing:border-box;
  font-family:'Manrope', sans-serif;
  color:#111;
  position:relative;
  overflow:visible !important;
}

.abil3-wrap,
.abil3-wrap *{
  box-sizing:border-box;
}

.abil3-main{
  display:block !important;
  width:715px;
  border:1px solid #1a1a1a;
  background:transparent;
  position:relative;
  overflow:visible !important;
  padding:22px 18px 14px !important;
}

.abil3-topline{
  display:block !important;
  position:absolute;
  right:18px;
  top:-10px;
  max-width:calc(100% - 36px);
  height:20px !important;
  padding:0 14px !important;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:11px !important;
  line-height:20px !important;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:3;
}

.abil3-info{
  display:block !important;
  width:100%;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.55 !important;
  color:#111;
}

.abil3-info b,
.abil3-info strong{
  font-weight:700;
}

.abil3-topline *{
  margin:0 !important;
  padding:0 !important;
  line-height:20px !important;
}

.post-content .ank-wrap,
.post-body .ank-wrap,
.post .ank-wrap,
.post-content .abil3-wrap,
.post-body .abil3-wrap,
.post .abil3-wrap{
  overflow:visible !important;
}

.punbb .post-content .ank-wrap p{
  margin:0 !important;
  padding:0 !important;
  line-height:inherit !important;
}

.npc-wrap{
  width:715px;
  margin:0 auto 36px !important;
  padding:0 !important;
  box-sizing:border-box;
  font-family:'Manrope', sans-serif;
  color:#111;
  position:relative;
  overflow:visible !important;
}

.npc-wrap,
.npc-wrap *{
  box-sizing:border-box;
}

.npc-name,
.npc-top,
.npc-mini,
.npc-role,
.npc-main,
.npc-pic,
.npc-side,
.npc-wide,
.npc-quote{
  margin:0 !important;
  padding:0;
  float:none !important;
  clear:none !important;
}

.npc-name{
  display:block !important;
  font-family:'Dela Gothic One', sans-serif;
  font-size:45px !important;
  line-height:.9 !important;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#000;
  margin:0 0 10px !important;
  position:relative;
  z-index:2;
}

.npc-top{
  display:block !important;
  width:715px;
  border:1px solid #1a1a1a;
  background:transparent;
  position:relative;
  overflow:visible !important;
}

.npc-mini{
  display:block !important;
  position:absolute;
  right:18px;
  top:-8px;
  max-width:calc(100% - 315px);
  height:16px !important;
  padding:0 10px !important;
  background:#cecece;
  color:#111;
  font-size:12px !important;
  line-height:16px !important;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:4;
}

.npc-role{
  display:block !important;
  position:absolute;
  left:18px;
  top:-10px;
  width:265px;
  height:20px !important;
  padding:0 12px !important;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:11px !important;
  line-height:20px !important;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:5;
}

.npc-main{
  display:flex !important;
  align-items:flex-start;
  gap:20px;
  width:100%;
  padding:26px 18px 0 !important;
}

.npc-pic{
  display:block !important;
  flex:0 0 290px;
  width:290px;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden;
}

.npc-pic img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
}

.npc-side{
  display:block !important;
  flex:1 1 auto;
  min-width:0;
  font-size:12px !important;
  line-height:1.5 !important;
  font-weight:500;
  color:#111;
}

.npc-side b,
.npc-side strong,
.npc-wide b,
.npc-wide strong{
  font-weight:700;
}

.npc-wide{
  display:block !important;
  width:100%;
  padding:14px 18px 28px !important;
  font-size:12px !important;
  line-height:1.55 !important;
  font-weight:500;
  color:#111;
}

.npc-quote{
  display:block !important;
  position:absolute;
  left:18px;
  right:18px;
  bottom:-10px;
  height:20px !important;
  padding:0 12px !important;
  background:#000;
  color:#fff;
  text-align:center;
  font-size:11px !important;
  line-height:20px !important;
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  z-index:6;
}

.npc-role *,
.npc-quote *{
  margin:0 !important;
  padding:0 !important;
  line-height:20px !important;
}

.punbb .post-content .npc-wrap p,
.punbb .post-content .npc-wrap .npc-name p,
.punbb .post-content .npc-wrap .npc-top p,
.punbb .post-content .npc-wrap .npc-mini p,
.punbb .post-content .npc-wrap .npc-role p,
.punbb .post-content .npc-wrap .npc-main p,
.punbb .post-content .npc-wrap .npc-pic p,
.punbb .post-content .npc-wrap .npc-side p,
.punbb .post-content .npc-wrap .npc-wide p,
.punbb .post-content .npc-wrap .npc-quote p{
  margin:0 !important;
  padding:0 !important;
  line-height:inherit !important;
}

.post-content .npc-wrap,
.post-body .npc-wrap,
.post .npc-wrap{
  overflow:visible !important;
}