:root {
  --font-title: Manrope;
  --font-text1: Manrope;
  --font-text2: Roboto;
  --color-text: #363636;
  --color-link: #666666;
  --color-link-color1: #e2aa21;
  --color-link-color2: #966e0b;
  --pun-color: #efefef;
  --pun-darkness: #d8d8d8;
  --bg-color:#000;
    }


html {
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/201102.jpg) 
               top center no-repeat fixed var(--bg-color);
    }

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

#pun {
    width:1000px !important;
    color:var(--color-text);
    border-radius:0px;
    margin-top:0px !important;
    background:var(--pun-color);
    }

.punbb {
    width:950px !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-link-color2);
    text-decoration:none;
    }

a.post-mention:link, a.post-mention:visited 
{color:var(--color-link-color2);}
a.post-mention:hover, a.post-mention:active 
{color:var(--color-text);}


#pun-navlinks {
    margin:-35px 290px 420px 0px !important;
    text-align:right !important;
    }

#pun-ulinks {
    display:block;
    margin:0px 0 0 0px !important;
    text-align:center!important;
    z-index:201!important;
    }


#pun-navlinks a:link, #pun-navlinks a:visited,
#navpiar a {
    display:inline-block;
    font:500 12px var(--font-title) !important;
    margin:2px 0px;
    text-transform:uppercase;
    text-decoration:none;
    color:var(--color-link-color1);
    letter-spacing:0px;
    }
#pun-navlinks a:hover, #pun-navlinks a:focus,
#pun-navlinks a:active, #navpiar {
    color:var(--color-link-color2);
    }

#pun-ulinks a:link, #pun-ulinks a:visited, #pun-ulinks a:hover, 
#pun-ulinks a:focus, #pun-ulinks a:active {
    font:500 11px var(--font-text1);
    letter-spacing:0px;
    text-transform:lowercase;
    color:var(--color-text);
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    color:var(--color-link-color2) !important;
    }


#pun-status .container {
    margin:0px 0 10px 0px!important;
    font-size:11px;
    text-transform:lowercase;
    }
#pun-status .status-right {display:none;}

#pun-crumbs1 p.container, 
#pun-crumbs2 .container {
    font-size:11px !important;
    margin:0px 0 10px 0px!important;
    text-transform:lowercase;
    }

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

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


#pun-index #pun-main h2, #pun-stats.section h2 {
    height:44px;
    width:1000px;
    margin-left:-25px;
    margin-bottom:15px;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/58822.jpg) 
               top left no-repeat var(--bg-color);
    background-size:100%;
    -webkit-background-size:100%;
    -o-background-size:100%;
    -moz-background-size:100%;
    }

#pun-index #pun-main h2 span,
#pun-stats.section h2 span {
    float:right;
    padding-right:100px;
    padding-left:30px;
    text-align:right;
    font:900 16px var(--font-title);
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--pun-color);
    background:var(--bg-color);
    line-height:26px;
    }

#pun-stats.section h2 {
    margin-bottom:0px!important;
    }

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

.punbb table Div.icon {
    display:block;
    position:absolute;
    text-align:right;
    width:20px;
    height:35px;
    margin:1px 0px 0 0px;
    background:url(https://i.imgur.com/3GUWjx5.png);
    background-size:cover;
    }

TR.inew Div.icon {
    background:url(https://i.imgur.com/WE0rdez.png);
    background-size:cover;
    }


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

#pun-index .tcl h3 {
    display:inline-block;
    margin:10px 10px 0px -25px;
    text-align:left;
    height:10px;
    background:var(--color-link-color1);
    }
    
#pun-index .tcl h3 a {
    display:block;
    margin-top:-10px;
    padding:0px 25px 0px 60px!important;
    font:900 20px var(--font-text1);
    text-transform:uppercase;
    color: var(--bg-color);
    line-height:20px;
    }
#pun-index .tcl h3 a:hover {
    color: var(--color-link-color2);
    }

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

#pun-index .forum-links {
    margin-top:5px;
    padding-top:3px;
    text-transform:lowercase;
    margin-bottom:-15px;
    }

#pun-index .forum-links a:link, #pun-index .forum-links a:visited {
    color:var(--color-link-color1);
    font:900 11px var(--font-text1);
    color:var(--color-link-color2);
    margin:0px 0px 0 0;
    background:var(--pun-color);
    padding:0px 8px 2px 8px;
    margin-right:5px;
    border-radius:7px;
    }

#pun-index .forum-links a:hover, #pun-index .forum-links a:active {
    color:var(--color-text);
    background:var(--pun-darkness);
    outline:1px solid var(--color-link-color2);
    }

#pun-index .category table {
    margin-left:-26px;
    border-spacing:0px 20px;
    text-transform:lowercase;
    }

.punbb td div.tclcon {
    margin-left:0px;
    padding: 10px 15px 0px 0px;
    border-left:none;
    }

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

#pun-index td.tcl {
    display:block;
    width:580px;
    padding:0px 10px 15px 25px;
    text-transform:lowercase;
    font:11px var(--font-text1);
    line-height:14px;
    background:var(--pun-darkness);
    border-radius:0 20px 20px 0;
    line-height:20px;
    }

.Add {display:none;}

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

#pun-index td.tcr {
    font-size:11px;
    padding-right:0px;
    }

#pun-index td.tcr a:link, #pun-index td.tcr a:visited {
    font:900 11px var(--font-text1);
    text-transform:none;
    }

.punbb .user-avatar .avatar-image {
    width:25px !important;
    height:25px !important;
    border-radius:100% !important;
    border:0px solid #31ac9c;
    filter:grayscale(100%);
    }

.punbb .main.multipage table td div.tclcon  {
    border:none;
    }

.tclcon img {opacity:0.8; filter:grayscale(40%)!important;}
.tclcon img:hover {opacity:1; filter:grayscale(0%)!important;}

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

.statscon {
    margin:0 0px 0 0px!important;
    padding-bottom:10px;
    min-height:165px;
    }

.statscon li.item1, .statscon li.item2,
.statscon li.item3, .statscon li.item4 {
    position:absolute;
    display:block;
    width:230px;
    margin-left:15px;
    text-align:right!important;
    font-size:11px;
    letter-spacing:0px;
    border-radius:20px;
    }
.statscon li.item1 {margin-top:20px;}
.statscon li.item2 {margin-top:50px;}
.statscon li.item3 {margin-top:80px;}
.statscon li.item4 {margin-top:110px;}

.statscon li.item5 {
    display:block;
    width:660px!important;
    margin:0px 0px 0px 275px;
    text-align:justify!important;
    font-size:11px;
    letter-spacing:0px;
    border-radius:20px;
    }
.statscon li.item5.users_24h { min-height:110px; }

#pun-about .container {
    padding:0 0 10px 0!important;
    text-align:center !important;
    text-transform:lowercase;
    }
#pun-about .container a:link, #pun-about .container a:active,
#pun-about .container a:visited, #pun-about .container a:hover {
    font-size:10px;
    }


.banners {
    overflow-y:scroll;
    justify-content: space-between;
    display:block;
    position:absolute;
    width:1000px;
    height:70px;
    margin: 20px 0 16px -25px !important;
    text-align: center !important;
    }

.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:0px; height:0px;}


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

#pun-main h1 {
    font-size:0px;
    height:25px;
    }

#pun-main .topic h3 span {
    display:block;
    height:20px;
    border-bottom:1px solid var(--pun-darkness);
    margin:10px 0px 10px 0px;
    }

#pun-main .topic h3 a,
#pun-viewtopic div.post h3 strong,
#pun-viewtopic div.post.topicpost h3 strong.fnt {
    font:500 13px Roboto;
    color:var(--color-link-color2);
    }

#pun-viewtopic div.post h3 strong.fnt img {height:7px;}


#pun-main .linkst .pagelink {
    font-size:10px;
    color:var(--color-text);
    text-transform:lowercase;
    margin-top:0px;
    }

#pun-viewtopic .linkst .postlink a {
    display:block;
    margin-top:-25px;
    font-size:10px;
    color:var(--color-text);
    text-transform:lowercase;
    font-weight:normal;
    padding-bottom:5px;
    }


#pun-main .post-links a {
    text-transform:uppercase;
    font:500 10px var(--font-text1), sans-serif;
    color:var(--color-text);
    }

#pun-main .post-links a:hover {
    color:var(--color-link-color2)
    }


.punbb .post-content .quote-box, .punbb .post-content .code-box {
    padding:15px 20px 5px 20px;
    background:var(--pun-darkness);
    border-radius:20px;
    text-align: justify;
    }

.punbb .post-content .quote-box cite,
.punbb .post-content .code-box strong.legend {
    display:block;
    margin:0px -20px 10px -20px!important;
    padding:0px 0px 10px 20px;
    border-bottom:3px solid var(--pun-color);
    border-radius:0px;
    text-align: justify;
    font: 900 12px var(--font-text1) !important;
    text-transform:uppercase;
    }
.code-box strong.legend a {
    color:var(--color-text);
    }

.spoiler-box {
    padding:15px 20px 15px 20px !important;
    }


hr {
    background:var(--color-link-color2); 
    height:1px;
    opacity:1!important;
    border:none!important;
    }


.punbb .formsubmit input, .punbb .formsubmit span, .punbb select, 
.punbb input, .inputfield.required.longinput input {
    display:inline-block;
    height:25px;
    padding:0 15px;
    background:var(--color-link-color2);
    border:1px solid var(--color-link-color2);
    border-radius:10px;
    font:10px var(--font-text1);
    color:var(--pun-color);
    text-transform:lowercase;
    letter-spacing:0.5px;
    }
.punbb .formsubmit input:hover, .punbb .formsubmit span:hover, .punbb select:hover, .punbb input:hover {
    background:var(--color-text);
    }

#pun-viewtopic .subscribelink a {
    margin-top:0px;
    font-size:10px;
    color:var(--color-text);
    text-transform:lowercase;
    }

#topic-users-in p.container {
    margin-left:230px;
    font-size:11px;
    }

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

#pun-main .linksb .pagelink {
    font-size:10px;
    color:var(--color-text);
    text-transform:lowercase;
    }

#pun-viewtopic .linksb .postlink a {
    display:block;
    float:right;
    font-size:10px;
    color:var(--color-text);
    text-transform:lowercase;
    font-weight:normal;
    }




.punbb #post.container {
    padding-left:0px !important;
    margin-right:40px;
    }

.punbb #post-form fieldset legend {
    display:block;
    margin:0px 0px -20px -10px;
    text-transform:uppercase;
    text-align:left;
    padding:0px 0px 0px 0px;
    }

.punbb #post-form fieldset legend #plng {
    font:10px var(--font-title)!important;
    color:var(--color-link-color2) !important;
    }

.punbb .main.multipage #post-form #form-buttons {
    width:945px;
    }
.punbb #form-buttons {
    background:var(--color-link-color1);
    border-radius:0px;
    margin:0px 0 10px 0;
    }

#pun-main .fs-box {
    margin-top:25px;
    }

#togglePreview {
    float:right;
    margin-right:-40px;
    }

#main-reply, #pun-viewtopic #post-form textarea {
    background:var(--pun-color);
    border:1px solid var(--color-link);
    border-radius:20px;
    box-shadow:0px 0px 50px var(--pun-color) inset;
    font:12px Roboto;
    line-height:18px;
    padding:20px;
    }
#profile .fs-box.hashelp textarea {
    width:655px!important;
    }

.punbb #post-form .formsubmit {
  text-align:center;
    }
.fs-box.hashelp input, #togglePreview input {
    text-transform:uppercase;
    font:500 9px var(--font-text1);
    }
.punbb #post-form .formsubmit input {
    text-transform:uppercase;
    font:900 9px var(--font-text1);
cursor: pointer;
    background:var(--pun-color);
    color:var(--color-text);
    }
.punbb #post-form .formsubmit input:hover {
    background:var(--bg-color);
    color:var(--pun-color);
    }

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

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

.punbb .post .post-author {
    position:relative;
    margin-top:0px;
    margin-bottom:20px;
    margin-left:-25px;
    padding-bottom:0px;
    width:209px;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/201102.jpg) 
               top center no-repeat fixed var(--bg-color);
    border-left:none;
    border-radius:0 0px 0px 0;
    }

.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    padding:0px 0 0px 0;
    border-radius:0 17px 17px 0;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/859541.png)
    bottom right no-repeat;
    }

#pun-viewtopic .pa-author {
    text-align:right;
    background:var(--color-link-color2);
    padding-right:15px;
    height:11px;
    margin:25px 0 0 0;
    line-height:0px;
    }


.pa-author, li.pa-author a:link, li.pa-author a:visited {
    text-decoration:none;
    color:var(--pun-color);
    font: 800 14px var(--font-text1), sans-serif;
    text-transform:uppercase;
    line-height:0px;
    }
li.pa-author a:hover, li.pa-author a:active {
    color:var(--color-link-color1);
    }

.main.multipage.search .pa-author {
    line-height:20px!important;
    }


li.pa-title {
    text-align:right;
    margin:8px 15px 3px 23px;
    height:21px;
    font: 400 9px var(--font-text1);
    text-transform:lowercase;
    color:var(--pun-color);

    }

.pa-fld5 {
    border: 1px solid var(--color-link-color1) !important;
    background: var(--color-link-color1);
    background-size:cover;
    padding: 3px 3px !important;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin:-22px 0 4px 10px !important;
    z-index: 9;
    }
.pa-fld5 img {
    width: 10px;
    height: 10px;
    }
.pa-fld5 a {
    width: 10px;
    height: 10px;
    display: block;
    }

.pa-avatar img {
    max-width:180px;
    margin-bottom:10px;
    border:1px solid var(--pun-color)!important;
    }

li.pa-fld3 {
    margin:-20px 0 10px 0px;
    background:var(--bg-color);
    width:180px;
    margin-left:14px;
    }

li.pa-fld1 {
    height:25px;
    padding-right:15px!important;
    margin:0px 0 0px 0px;
    font:900 11px var(--font-text1);
    line-height:25px;
    text-transform:uppercase;
    text-align:right;
    background:var(--bg-color);
    }
li.pa-fld1 a:link, li.pa-fld1 a:visited {color:var(--color-link-color1);}
li.pa-fld1 a:hover, li.pa-fld1 a:active {color:var(--pun-color);}

li.pa-fld4 {
    width:179px;
    padding:15px!important;
    margin:0px 0 10px 0px;
    background:var(--pun-color);
    border-right:none;
    border-radius:0px 0 0 0px;
    font:9px var(--font-text1);
    line-height:13px;
    letter-spacing: 0px;
    text-transform:lowercase;
    text-align:justify;
    color:var(--color-text);
    }
li.pa-fld4 a:link, li.pa-fld4 a:visited {color:var(--color-link-color2);}
li.pa-fld4 a:hover, li.pa-fld4 a:active {color:var(--color-text);}


li.pa-fld2 {
    display:none;
    }

.pa-posts, .pa-respect {
    display:inline-block;
    width:100px;
    text-align:center;
    margin:0px 0 10px 0!important;
    padding:2px 0 3px 0!important;
    font: 500 8px var(--font-text1);
    text-transform:lowercase;
    border-radius:5px;
    background:var(--color-link-color2);
    }

.pa-respect1, .pa-respect img {width:7px;mix-blend-mode: hard-light;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(--pun-color);
    }

li.pa-ip {
    font:9px var(--font-text1);
    padding:5px!important;
    color:var(--pun-color);
    background:var(--pun-color);
    }

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

li#guest.pa-online {display:none;}
li.pa-online {
    display:block;
    position:absolute;
    margin:-5px 0 0 15px !important;
    padding:0px 0 0px 0!important;
    text-align:center;
    height:10px;
    width:10px;
    font-size:0px;
    text-transform:uppercase;
    background:var(--color-link-color1);
    border-radius:100%;
    }
li.pa-online:hover::after {
    content:"online";
    display:block;
    position:absolute;
    background:#9f9f9f;
    padding:1px 5px;
    color:#000;
    border-radius:5px; 
    text-transform:lowercase;
    font:700 10px var(--font-text1);
    margin:-35px 0 0 -16px;
}

.punbb .post-body {
    margin-left:205px !important;
    font:12px Arial;
    text-transform:none;
    }

.post-box {font:12px Arial;}


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

.main.multipage .container {
    padding:0px;
    margin-left:0px!important;
    font-size:10px;
  
    }

.main.multipage td div.tclcon {
    padding:0px;
    margin:20px 0 0px 0px;
    }

.main.multipage .hasicon .tcl {
    width:450px!important;
    }

.punbb .main.multipage thead, 
.punbb .main.multipage .user-avatar .avatar-image {
    display:none;
    }

.punbb .main.multipage Div.icon {
    margin:-3px 0 0 -30px;
    width:15px;
    height:20px;
    background-size:cover;
    }

.punbb .main.multipage td div.tclcon a:link, .punbb td div.tclcon a:visited {
    color:var(--color-link-color2);
    font: 600 11px var(--font-text1);
    text-transform: lowercase;
    }
.punbb .main.multipage td div.tclcon a:hover, .punbb td div.tclcon a:active {
    color:var(--color-text);
    }

.linkst .postlink.long {
    margin-top:-45px;
    width:950px;
    padding-bottom:5px;
    border-bottom:1px solid var(--pun-darkness);
    text-transform:lowercase;
    font-size:10px;
    }

.punbb .main.multipage tr.isub {
    display: none!important;
    }

#punbbsearch {margin-left:0px!important;}

.punbb .fs-box Div.icon {
    margin:0px 0px 0 0px;
    }
.punbb .fs-box div.tclcon {
    margin-left:70px;
    }


/* --------------- scrollbar ---------------------------------------- */

::-webkit-scrollbar {width:6px; height:6px;}

::-webkit-scrollbar-track:vertical {
    background:var(--pun-color) !important;
    }
::-webkit-scrollbar-thumb:vertical {
    background:var(--color-link-color2) !important;
    }


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

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

.go-up {
    width:73px;
    height:98px;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/102775.png);
    top: 33%;
    margin-left: 1020px !important;
    }

.go-down {
    width:85px;
    height:87px;
    background:url(http://forumupload.ru/uploads/0018/1e/e4/2/550838.png);
    top: 47%;
    margin-left:1020px !important;
    }

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

/* Панель в форме ответа (коды принадлежат judascare & eos)
-------------------------------------------------------------*/
#font-area,
#size-area,
#color-area,
#table-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area,
#smilies-area,
#video-area,
#spoiler-area,
#float {
  background:var(--color-link-color1);
  border: 1px solid var(--color-link-color2) !important;
  color: var(--color-text);
}

#tags .container {
  text-transform: lowercase;
}

#tags .container a {
  font-weight:900;
  color: var(--color-link-color2);
  text-decoration:none;
}

#tags .container a:hover {
  color: var(--color-text);
}

#tags .container strong,
div#video-area-thd,
div#image-area-thd,
div#float strong {
  font-family: var(--font-text1);
  font-weight: normal !important;
  text-transform: lowercase !important;
  letter-spacing: 0.6px;
  color: var(--color-text) !important;
  font-size: 12px;
}

#imageupload-left input[type=button] {
  width: auto !important;
  color: var(--pun-color) !important;
  font-family: var(--font-text1) !important;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--color-link-color2) !important;
}

#addition-area div:hover,
#font-area div:hover,
#size-area div:hover {
  background:  var(--pun-color) !important;
  border-radius: 0;
}

#keyboard-span input {
  background-color: var(--color-link-color1) !important;
  font-size: 13px !important;
  color: var(--color-text) !important;
  border:1px solid var(--color-link-color2)!important;
}

#keyboard-span input:hover {
  background-color: var(--pun-color) !important;
  color: var(--color-text) !important;
}

.uploadQueueItem .cancel a {
  font-weight: normal !important;
  color: var(--color-text) !important;
}

#uploaded-images img {
  border: 1px solid var(--color-text) !important;
}

#image-area-tcon-computer:before {
  color:var(--color-text)!important;}
#imageupload-right {
    padding-top: 20px!important;}

#form-buttons td {
  color: var(--bg-color);
  font-weight: 400;
  font-size: 16px !important;
}

#form-buttons td:hover {
  color: var(--color-text);
  font-weight: normal !important;
  background: var(--pun-darkness) !important;
  -webkit-box-shadow: 0 3px 0 0 var(--bg-color);
          box-shadow: 0 3px 0 0 var(--bg-color);
}

#button-image p {
  color: var(--pun-color) !important;
}

.punbb #post .tabs .active a,
.punbb #post .tabs li a:hover {
  background: var(--color-text) !important;
}



div.post-rating a, div.post-vote a {
    font: 12px var(--font-title);
    text-decoration: none !important;


.punbb #post .tabs li a {
  background: var(--color-text) !important;
}

.hvStickerPackModal {
  border-radius: 0 !important;
  background: var(--color-link-color2) !important;
}

.hvStickerPackModalTab {
  padding: 6px 12px !important;
  border-radius: 0 !important;
  background: rgba(0, 0, 0, 0.1) !important;
  font-size: 9px !important;
  letter-spacing: 1px !important;
  font-family: var(--font-text1) !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
  color: var(--color-text) !important;
}