@import url(style_cs.1679477483.css);

@font-face {
    font-family: 'TerminatorGenisys';
    src: local('TerminatorGenisys');
    src: url('/files/0019/7b/cd/97103.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeRegular';
    src: local('FontAwesome');
    src: url('/files/001b/6f/11/18637.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesomeSolid';
    src: local('FontAwesome');
    src: url('/files/001b/6f/11/80497.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans');
    src: url('//forumstatic.ru/files/001a/fb/19/56757.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans');
    src: url('//forumstatic.ru/files/001a/fb/19/69763.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans');
    src: url('//forumstatic.ru/files/001a/fb/19/20203.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans');
    src: url('//forumstatic.ru/files/001a/fb/19/72143.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans');
    src: url('//forumstatic.ru/files/001a/fb/19/68438.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans');
    src: url('//forumstatic.ru/files/001a/fb/19/36157.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Russo One';
    src: local('Russo One');
    src: url('/files/001a/fb/19/12403.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/19750.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/11610.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/78444.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto');
    src: url('/files/001a/fb/19/27479.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Jost';
    src: local('Jost');
    src: url('/files/001a/fb/19/72834.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Jost';
    src: local('Jost');
    src: url('/files/001a/fb/19/33833.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Jost';
    src: local('Jost');
    src: url('/files/001a/fb/19/82594.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Jost';
    src: local('Jost');
    src: url('/files/001a/fb/19/14634.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUI';
    src: local('Segoe UI');
    src: url('//forumstatic.ru/files/001a/c7/f4/33746.ttf') format('truetype');
}


html, body {margin: 0; padding: 0}

html {
    background: url(http://forumstatic.ru/files/001b/6f/11/44992.jpg) top center no-repeat fixed;
    background-color: #252525;
    background-size: cover;
/*scroll-behavior: smooth;-----*/
}

body {
    padding: 0px 0 30px 0;
}

.punbb.punbb-admin {
    padding-top: 0 !important;
    margin: -110px 0 0 0 !important;
}

#pun_wrap {min-width: 1000px;}

#pun {
    position: relative;
    width: 890px;
    margin: 100px auto 0px auto;
    padding: 164px 10px 20px 10px;
    background: var(--punbbTransBG);
    border-radius: 20px;
}

.punbb * {margin: 0}

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

.punbb img {border:none}

.punbb .main table {table-layout: fixed;width: 100%;}

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

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

.punbb {
    font: normal 12px roboto, verdana, arial, helvetica, sans-serif;
    color: var(--primary-TEXT);
    padding: 40px 20px 20px 20px;
}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {font: 12px roboto, verdana, arial, helvetica, sans-serif}

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

.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
  }

.MainNavigate {
    position: fixed;
    top: 0;
    height: 62px;
    background-color: var(--MainNavigateBG);
    margin: 0 0 0 -30px;
    z-index: 999999;
    border: 1px solid var(--LightBorder);
    border-radius: 0 0 20px 20px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    width: 910px;
    backdrop-filter: blur(4px);
}

.MainNavigate.fixed {
    box-shadow: 0px 10px 8px -12px black;
}

.MainNavigateCont {
    position: relative;
}

#pun-navlinks {
    display: flex;
}

#pun-ulinks {
    display: flex;
}

#pun-navlinks ul.container, #pun-ulinks ul.container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

#pun-navlinks li, #pun-ulinks li {
    width: max-content;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

li#navpm, li#notify-link {
    position: relative;
}

.notify-link {
    position: absolute !important;
    width: 16px;
    height: 16px;
    display: flex;
    left: -10px;
    top: 9px;
}

#notify-link .unreads {
    position: initial !important;
    font: normal 11px russo one !important;
    color: #e5e5e5 !important;
    background: #a66610 !important;
    padding: 1px 0 0 0!important;
    overflow: hidden;
}

#pun-navlinks li a {
    width: max-content;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: auto;
    color: var(--primary-TEXT);
    font-size: 12px;
    font-family: 'Jost';
    font-weight: 600;
}

#pun-navlinks li a:hover, #pun-ulinks li a:hover {
    color: var(--primary-LINK);
}

#pun-ulinks li a {
    width: max-content;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: lowercase;
    font-size: 11px;
    font-family: 'Jost';
    font-weight: 600;
    color: var(--primary-TEXT);
}

#pun-ulinks li a:before {
    content: '';
    font-size: 12px;
    margin: 3px 4px 0 0px;
    width: 4px;
    height: 4px;
    background: var(--primary-LINK);
    overflow: hidden;
    transition: ease-in-out 0.3s;
    border-radius: 20px;
}

#pun-ulinks li a:hover:before {}
#pun-navlinks li a:hover:before {}

#pun-navlinks li a:before {
    font-family: FontAwesomeSolid;
    padding-right: 5px;
    font-size: 12px;
    margin: -2px 0 0 0px;
    transition: ease-in-out 0.3s;
    font-weight: normal !important;
    color: var(--primary-LINK);
}

#pun-userlist #pun-navlinks li#navuserlist a, #pun-search #pun-navlinks li#navsearch a, #pun-profile #pun-navlinks li#navprofile a, #pun-messages #pun-navlinks li#navpm a, #pun-register #pun-navlinks li#navregister a, #pun-login #pun-navlinks li#navlogin a {
    background: var(--punbbBG);
    padding: 0 7px;
    border-radius: 0 0 10px 10px;
    border: solid var(--LightBorder);
    border-width: 0 1px 1px 1px;
}

#pun-messages #pun-navlinks li#navpm span.num_msg {
    left: 13px;
}


#pun-navlinks li#navindex a:before {content:'\f015';}

#pun-navlinks li#navuserlist a:before {content:'\f0c0';}

#pun-navlinks li#navsearch a:before {content:'\f1e5';}

#pun-navlinks li#navprofile a:before {content:'\f2bb';}

#pun-navlinks li#navpm a:before {content:'\f4ad';}

#pun-navlinks li#navadmin a:before {content:'\f013';}

#pun-navlinks li#navlogout a:before {content:'\f2f5';}

#pun-navlinks li#navregister a:before {content:'\f234';}

#pun-navlinks li#navlogin a:before {content:'\f52b';}

#pun-navlinks li#navpr_1 a:before {content:'\f0a1';}


#pun-status.fixed {

}

#pun-status {
    line-height: 0;
    width: 50px;
    height: 50px;
    overflow: hidden;
    padding: 0;
    z-index: 1000000;
    border-radius: 100%;
}

span.status_userava {
    display: flex;
    overflow: hidden;
    width: 50px !important;
    justify-content: center;
}

#pun-status .status_userava img {
    width: auto;
    height: 50px;
transition: ease-in-out 0.3s;
}

#pun-status .status_userava img:hover {
    filter: brightness(1.5);
}

#pun-crumbs1, #pun-crumbs2 {
    overflow: hidden;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 2px 0;
    margin: 20px 0px 0px 0px;
    font-family: 'Jost';
    font-weight: 600;
}

#pun-crumbs1 em, #pun-crumbs2 em {font-style: normal !important;}

#pun-announcement {
    display: flex;
    justify-content: center;
}

#pun-announcement .container {padding: 0;}

#pun-announcement .html-box {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    justify-content: space-around;
}

#pun-announcement nws {
    display: flex;
    width: max-content;
    margin: 5px;
    height: 25px;
    border: 1px solid var(--LightBorder);
    padding: 5px 5px 5px 9px;
    background: var(--punbbLightBG);
    transition: ease-in-out 0.3s;
    flex-grow: 1;
    border-radius: 20px;
    box-shadow: inset 10px 10px 15px -10px rgb(255 255 255 / 11%);
}

#pun-announcement nws:hover {
    border: 1px solid var(--AMC-link);
    background: var(--punbbLightBG);
}

#pun-announcement nws date {
    font-size: 11px;
    font-family: russo one;
    border-right: 2px solid var(--AMC-link);
    padding-right: 5px;
    display: flex;
    align-items: center;
    height: 25px;
    line-height: 1;
}

#pun-announcement a {
    width: 100%;
    display: flex;
    margin: auto;
    font-size: 10px;
    justify-content: center;
    color: var(--primary-TEXT);
    font-family: 'Jost';
    padding: 0 9px 0 5px;
    height: 100%;
    align-items: center;
    font-weight: 600;
}

.category {
    padding: 0;
    margin: 20px 0px 0 0px;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    border-radius: 20px;
}

#pun-index .main .category h2, #pun-stats h2 {
    font-weight: normal;
    overflow: hidden;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    position: relative;
}

span.offctgr {
    position: absolute !important;
    right: 17px;
    top: 9px;
    opacity: 0.3;
}

span.offctgr:before, span.offctgr:after {display: none !important}

#pun-index .main .category h2 span, #pun-stats h2 span {
    display: flex;
    width: max-content;
    position: relative;
    text-transform: uppercase;
    font-family: jost;
    font-size: 24px;
    color: var(--LightBorder);
    font-weight: 600;
    letter-spacing: 10px;
    line-height: 0;
    height: 11px;
}

#pun-viewforum .FDscrptn {width: 97%;}

.FDscrptn {font-size: 11px;}

.punbb .main .category table tbody tr.isub td.tcl {width: 50%;}

#pun-index .main .category table tbody tr:last-child {
    margin-bottom: 0px;
}

tbody#awards-content tr {
    width: 840px;
}

.punbb .main .category table tbody tr {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: 100px;
    padding: 10px 0 10px 30px;
    border-top: 1px solid var(--LightBorder);
}

.punbb .main .category table tbody tr.isub {
    border-top: 0 !important;
}

#pun-index .category td.tcl {
    width: 45%;
    padding: 0;
    display: flex;
    align-items: center;
}

.punbb .main .category table tbody tr#forum_f15 {
    margin-bottom: 135px !important;
}
.punbb .main .category table tbody tr#forum_f15 .Add {}

#pun-index tr#forum_f15 td.tcr {}

#pun-index td.tcr {
    width: 40%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 20px;
    margin-left: 90px;
}

.LinkLastpost {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.Add {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    text-align: left;
    position: absolute;
    left: 392px;
    width: 100px;
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
font-family: 'Jost';
}

.themes, .messages {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Add span.left {
    font-size: 7px !important;
}

.Add span.right {
    font-size: 17px;
}

#pun-viewforum .category td.tc2, #pun-viewforum .category td.tc3 {
    display: inline-block;
     text-transform: uppercase;
    letter-spacing: 1px;
margin-right: 10px;
    font-family: russo one;
}

#pun-viewforum td.tc2:before, #pun-viewforum td.tc3:before {
    font-size: 7px !important;
    font-family: russo one;
    margin: 0 5px 0 0;
}

.topposts {
    padding-top: 14px;
}

.topposts td.tcr {
    padding: 10px 10px 10px 0;
}

#pun-viewforum td.tc2:before {
content: 'тем:';
}

#pun-viewforum td.tc3:before {
content: 'сообщений:';
}

.punbb td.tcl h3 {
    text-align: left;
    font-size: 24px;
    width: 100%;
    padding-bottom: 4px;
    font-family: 'Jost';
    font-weight: 600;
    margin-top: 10px;
}

.punbb td.tcl h3 a {color: var(--primary-TEXT) !important;}
.punbb td.tcl h3 a:hover {color: var(--primary-LINK) !important;}

.punbb td.tcl .subforums {
    padding: 0 0 5px 0;
    font-weight: 600;
    margin: 0px 0 10px 0;
    font-size: 11px;
    border-bottom: 1px solid var(--LightBorder);
}

.punbb td.tcl .subforums em {
    font-style: normal !important;
    font-weight: 600;
    font-size: 15px;
    line-height: 0;
}

#pun-index span.byuser {
    font-family: 'Jost';
    font-weight: 600;
}

.LinkLastpost a {
    border-bottom: 1px solid var(--LightBorder);
    padding: 0 0px 5px 0;
    margin: 0px 0 8px 0;
    width: auto;
    overflow: hidden;
    display: block;
}

.punbb td.tcr a:nth-child(2) {
    font-size: 14px;
    height: 14px;
    overflow: hidden;
    margin-top: 5px !IMPORTANT;
    display: flex;
}

.post.topicpost {
    margin: 30px 0;
}

.post-author.no-avatar {
    background-attachment: fixed;
}

.post-author.no-avatar li.pa-posts, .post-author.no-avatar li.pa-fld2, .post-author.no-avatar li.pa-respect {margin: 10px auto 6px auto;}

.post-author {
    width: 200px;
    float: left;
    padding: 10px 0px 10px 0px;
    text-align: center;
    position: relative;
    min-height: 100px;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: cover;
    border-radius: 0 0 20px 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: var(--LightBorder);
    margin: -18px 0 0 0;
}

#tuser:hover:before, span.post-img-Sp.Spb1:hover:before {opacity: 0.5}

#tuser {
    opacity: 1 !important;
    position: absolute;
    top: 1px;
    left: -41px;
    padding: 0 !important;
    z-index: 1;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    border-radius: 5px;
    box-sizing: border-box;
    width: 22px !important;
    height: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

li.pa-author i[class^="icons-"]:before {
    font-family: "FontAwesomeSolid" !important;
    content: '\f1e5' !important;
    color: var(--primary-LINK) !important;
    margin: 0px 0 0 0 !important;
    transition: ease-in-out 0.3s;
    overflow: hidden;
    width: 14px;
    height: 14px;
    padding: 2px 0 0 0;
}

li.pa-author {
    margin: -9px auto 3px auto;
    background: var(--punbbBG);
    border-radius: 0 0 14px 14px;
    padding: 0 10px 2px 10px;
    width: max-content;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: var(--LightBorder);
}

li.pa-author a:hover {color: var(--primary-LINK) !important;}


li.pa-author a, #pun-searchposts li.pa-author {
    color: var(--primary-TEXT) !important;
    font-family: 'Jost';
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-variant: small-caps;
    font-weight: 600;
}

#pun-searchposts li.pa-author strong {font-weight: normal !important;}

li.pa-title {
    font-size: 10px;
}

.post[data-group-id="3"] .post-author li.pa-title {
    color: var(--primary-LINK) !important;
    font-family: russo one;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 4px;
}

 .post[data-user-id="2"] li.pa-avatar.item2 img {filter: var(--ColorFilter);}

li.pa-avatar.item2 {
    width: max-content;
    line-height: 0;
    margin: 7px auto 4px auto;
    text-align: center;
    border-radius: 20px;
    border: 3px solid var(--punbbLightBG);
    box-shadow: 0 0 0 1px var(--LightBorder);
}

li.pa-avatar.item2 img {
    max-width: 180px;
    max-height: 180px;
    border-radius: 20px;
transition: ease-in-out 0.3s;
}

li.pa-avatar.item2 img:hover {    filter: invert(1);
transition: ease-in-out 0.3s;}

li.pa-fld1 {
    font-size: 10px;
    margin: 10px auto 10px auto;
    background: var(--punbbBG);
    padding: 3px 0 4px 0;
    border: 1px solid var(--LightBorder);
    border-radius: 15px;
    width: 186px;
    overflow: hidden;
}

li.pa-fld1 lz01 {
    display: flex;
    text-align: center;
    margin-bottom: 3px;
    margin-top: 3px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

li.pa-fld1 lz01 a {
    display: flex;
    width: 100%;
    padding: 2px 0;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

li.pa-fld1 lz00 {
    display: flex;
    text-align: center;
    text-transform: uppercase;
    font-size: 7px;
    letter-spacing: 2px;
    margin: 0px 0px 2px 0px;
    padding: 1px 0;
    justify-content: center;
    align-items: center;
    height: 11px;
    font-family: russo one;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: var(--LightBorder);
    background: var(--punbbLightBG);
}

li.pa-fld1 lz02 {
    text-align: justify;
    overflow: auto;
    max-height: 39px;
    padding: 5px;
    display: block;
}

li.pa-posts, li.pa-fld2, .post-author li.pa-respect {
    display: inline-block;
    font-size: 10px;
    margin: 0 auto 6px auto;
    text-align: center;
    width: 60px;
}

li.pa-respect a {color: #99a59d !important;}

li.pa-posts span.fld-name, li.pa-fld2 span.fld-name, li.pa-respect span.fld-name a,  li.pa-respect span.fld-name {font-size: 0;}

li.pa-posts span.fld-name:before, li.pa-fld2 span.fld-name:before, li.pa-respect span.fld-name a:before, .isguest .pa-respect .fld-name:before {
    font-family: FontAwesomeSolid;
    font-size: 13px;
    padding: 0 2px 0 0;
    color: var(--primary-LINK) !important;
}

li.pa-respect span.fld-name a:hover:before, .isguest .pa-respect .fld-name:hover:before {
color: var(--primary-text) !important;
}



 li.pa-posts span.fld-name:before {content:'\f0e0'}
li.pa-fld2 span.fld-name:before {content:'\f040'}
li.pa-respect span.fld-name a:before, .isguest .pa-respect .fld-name:before {content:'\f004'}

.pa-respect a[href*="&v=1&cod"]{
    background-image: none !important;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
color: var(--primary-text) !important;
line-height: 0;
}

.pa-respect a[href*="&v=1&cod"]:hover {color: var(--primary-Accent) !important;}

.pa-respect a[href*="&v=1&cod"]:before {
    font-family: FontAwesomeSolid;
 content: "\f164";
    font-size: 9px;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    color: var(--primary-text);
    top: 0px;
    left: 1px;
}

.pa-respect a[href*="&v=1&cod"] img {
  height:0px;
  width:0px;
}

li.pa-fld3 {
    font-size: 7px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 3px 0 7px 0;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #000000;
}


li.pa-ip {
    position: absolute;
    top: -21px;
    right: -10px;
    margin: 0;
    height: 20px;
    width: 20px;
    font-size: 0;
    overflow: hidden;
    z-index: 1;
}

li.pa-ip a:before {
    font-family: "FontAwesomeSolid" !important;
    content: '\f601' !important;
    color: var(--primary-LINK) !important;
    margin: 3px 0 0 1px;
    font-size: 14px !important;
    display: block;
    transition: ease-in-out 0.3s;
}

li.pa-reg {
    font-size: 9px;
    text-transform: uppercase;
    margin: 5px 0;
}

.punbb .post {
    margin: -82px 0px 30px 0px;
    padding: 42px 0 0 0;
}

.post.topicpost .container, .post.altstyle .container, .post .container {position: relative;}

.punbb .post .container {
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    border-radius: 20px;
    padding: 40px 10px 10px 0;
}

#pun-searchposts .post-body {padding-bottom: 0px;}

.post-body {
    margin: 0px 10px 10px 220px;
    text-align: justify;
    line-height: 1.5;
    padding-bottom: 40px;
}

.post-content {
    padding: 0 0 20px 0;
}

.post-rating {
    height: 22px;
    text-align: center;
    width: 50px;
    border: 1px solid var(--LightBorder);
    border-radius: 10px 0 0 10px;
    float: right;
    margin: 0 -21px 0 0;
}

.post-rating p {
    float: none !important;
    padding: 0px !important;
}

div.post-vote p {background: none !important;}

div.post-rating a {
    display: flex;
    position: absolute;
    left: -44px;
    top: 0;
    width: 50px;
    align-items: center;
    justify-content: center;
    font-family: russo one;
    height: 20px;
    padding: 2px 0 0 0;
}

a.positive {
    display: flex;
    position: relative;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    font-family: russo one;
    line-height: 0;
}

a.positive:before {
    font-family: FontAwesomeSolid;
    content: "\f164";
    font-size: 17px;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    color: var(--primary-TEXT);
    top: 10px;
    left: 0px;
    transition: ease-in-out 0.3s;
}

a.positive:hover:before {color: var(--primary-LINK);}

.post-vote {
    height: 23px;
    line-height: 1;
    width: 23px;
    font-weight: bold;
    display: flex !important;
    float: right;
    margin: -2px 13px 0 0px !important;
}

#pun-searchposts .post-links {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid var(--LightBorder);
}

#pun-searchposts .post-links li {
    margin: 0;
    height: 19px;
}

li.pl-email.profile, li.pl-email.pm {
    float: left;
}

.post-links {
    margin: -34px 0 0 0px;
    height: 20px;
    width: 100%;
}

.post-links ul {
    height: 20px;
    width: 100%;
    text-align: right;
}

.post-links li {
    display: inline-block;
    margin: 0 10px;
    height: 20px;
    padding: 0px 5px 0 5px;
}

.pl-delete {float: right;}

.post-links li.pl-email a, .post-links li.pl-website a {color: var(--primary-TEXT);}

.post-links li.pl-email a:hover, .post-links li.pl-website a:hover {color: var(--primary-LINK);}

.post-links li a {
    font-family: russo one;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    display: flex;
    align-items: center;
    height: 20px;
}

.post-links li a:before {
    font-family: FontAwesomeSolid;
    padding-right: 5px;
    font-size: 12px;
    margin: -2px 0 0 0px;
}

.post-links li.pl-email.profile a:before {content: '\f2bb';}

.post-links li.pl-email.pm a:before {content: '\f4ad';}

.post-links li.pl-delete a:before {content: '\f12d';}

.post-links li.pl-edit a:before {content: '\f5ad';}

.post-links li.pl-quote a:before {content: '\f10e';}

.punbb .post.new-ajax > * {
    border-width: 2px !important;
    border-color: var(--primary-LINK);
}

#pun-searchposts .post h3 {
    text-transform: initial !important;
    font-family: 'Roboto';
    font-size: 12px;
    padding: 3px 20px 0 20px;
}

.punbb .post h3 {
    font-family: russo one;
    text-transform: uppercase;
    position: relative;
    padding: 3px 20px;
    border-width: 1px 0 1px 0;
    height: 17px;
    margin: 30px 0px -24px 0;
    z-index: 1;
    border-bottom: 1px solid var(--LightBorder);
}

.punbb .post h3 span {
    display: block;
    font-size: 11px;
font-weight: normal !important;
}

.punbb .post h3 span em {font-style: normal !important;}

#pun-messages .post {}

#pun-messages .post h3 {
    margin: 50px 0 -24px 0;
    padding: 0 0 0 210px;
}

#pun-messages .post .post-author {margin: 23px 0 0 0;}

#pun-messages .post-body {
    margin: 40px 10px 10px 220px;
}

#pun-messages div#profile.formal fieldset {
    padding: 0px 0 !important;
    line-height: 1;
    background: transparent;
    border: none !important;
}

#pun-messages div#profile.formal fieldset legend {
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
}

a.permalink {
    display: flex;
    padding: 4px 5px 0px 5px;
    font-weight: normal !important;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: auto;
}

.punbb .post h3 span strong {
    float: right;
    display: flex;
    padding: 2px 5px;
    width: max-content;
    font-weight: normal !important;
}

.quote-box {
    background: var(--punbbLightBG);
    padding: 10px;
    margin: 0 0 5px 0;
    border: 1px solid var(--LightBorder);
    border-radius: 10px;
}

.quote-box cite {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Russo One';
    font-style: normal;
    background: var(--LightBorder);
    margin: -10px -10px 10px -10px !important;
    border-radius: 7px 7px 0 0;
    height: 23px;
}

span.qcn {
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 11px;
    opacity: 0.8;
}

a.qc-post-link:before {
    font-family: "FontAwesomeSolid" !important;
    content: '\f0d8' !important;
    color: var(--primary-LINK) !important;
    margin: 17px 0 0 -3px;
    font-size: 17px !important;
    display: block;
    transform: rotate(90deg);
}

a.qc-post-link img {width: 0;height: 0;}

.quote-box.spoiler-box {
    border-radius: 20px;
    margin-top: 10px;
}

.post-content .spoiler-box > div {
    margin: 0 0 0 0;
    padding: 6px 10px 4px 25px !important;
    font-family: 'Jost';
    font-size: 14px;
    background-image: none !important;
    transition: ease-in-out 0.3s;
    border-radius: 20px;
    background: var(--punbbBG) !important;
}

.post-content .spoiler-box > div:hover {    color: var(--primary-LINK);}

.post-content .spoiler-box > div:before {
    content: '\f142 ';
    font-family: FontAwesomeSolid;
    position: absolute;
    margin: -3px 0 0 -13px;
    font-size: 16px;
    color: var(--primary-LINK);
    transition: ease-in-out 0.3s;
}

.post-content .spoiler-box > div.visible:before {color: var(--lightGreyAccent);}

.quote-box.hide-box cite {
    font-weight: 600;
}

.quote-box.hide-box span.qcn {display:none;}

.code-box {
    overflow: hidden;
    border: 1px solid var(--LightBorder);
    display: flex;
    align-items: center;
    border-radius: 10px;
    background: var(--punbbLightBG);
    flex-direction: column;
    padding-top: 5px;
}

.code-box strong.legend {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.code-box strong.legend a {
    padding: 1px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    border-radius: 10px;
    width: 98%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--punbbBG);
}

.blockcode {
    width: 100%;
    display: flex;
}

.scrollbox {
    display: flex;
    height: 20px !important;
    width: 100%;
    overflow-y: auto;
    padding: 10px;
}

.scrollbox pre {
    display: flex;
    width: 100%;
    white-space: pre-line;
}

#pun-messages .pagelink {
    width: 50%;
}

#pun-messages .postlink {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

#pun-viewtopic .linksb {
    height: auto;
    display: flex;
    justify-content: space-between;
margin: 30px 0;
}

#pun-viewtopic .pagelink {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Jost';
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
}

.pagelink a {
    font-weight: 600;
    background: var(--LightBorder);
    padding: 2px 6px;
    border-radius: 10px;
}

.pagelink a:hover {
    background: var(--primary-LINK);
}

.pagelink strong {
    background: var(--punbbBG);
    padding: 2px 6px;
    border-radius: 10px;
    width: max-content;
}

a.next, a.prev {
    font-size: 18px;
    display: inline-flex;
    background: transparent;
    border: none;
    height: 18px;
    padding: 0;
    align-items: flex-end;
}

.pagelink a, .pagelink strong {
    margin: 0 0 0 4px;
}

#pun-viewtopic #s-block {
    display: flex;
    justify-content: flex-end;
    width: 30%;
}

#pun-viewtopic .subscribelink {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: russo one;
    text-transform: uppercase;
    font-size: 11px;
}

.linkst, .linksb {
    display: flex;
    justify-content: space-between;
    height: 15px;
    margin: 10px 0px 20px 0px;
    background: var(--punbbLightBG);
    padding: 10px 10px;
    border-radius: 10px;
    border: 1px solid var(--LightBorder);
}

.pagelink {
    width: 350px;
}

.postlink.long {
    width: 170px !important;
    text-align: right;
    font-family: russo one;
}

.postlink span a {font-family: russo one;}

#pun-viewforum .forum th, #pun-searchtopics .forum th {
    padding-bottom: 5px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 9px;
}

#pun-viewforum .forum tr, #pun-searchtopics .forum tr, #pun-messages tbody.hasicon tr, #pun-modviewforum .forum tr {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    height: 100%;
    border: 1px solid var(--LightBorder);
    padding: 13px 0 6px 14px;
    position: relative;
    background: var(--punbbLightBG);
    border-radius: 20px;
    margin: 0 0 10px 0;
    align-items: center;
}

#pun-viewforum .forum thead tr, #pun-searchtopics .forum thead tr {
    background: transparent;
    border: none;
    margin-top: 20px;
}

#pun-viewforum .forum tr td, #pun-searchtopics .forum tr td {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
padding: 0 0 5px 0;
}


#pun-modviewforum .forum tr .tcl {width: 50%;}
#pun-modviewforum .forum tr .tcr {width: 30%;}

#pun-modviewforum .forum tr .tc2, #pun-modviewforum .forum tr .tc3, #pun-modviewforum .forum tr .tcmod {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#pun-modviewforum td.tcr a:nth-child(2) {padding-bottom: 7px;}


#pun-searchtopics .forum tr td.tcl, #pun-searchtopics th.tcl {
    width: 50%;
    order: 1;
}

#pun-searchtopics .forum tr td.tcr, #pun-searchtopics th.tcr {
    width: 30%;
    order: 2;
}

#pun-searchtopics .forum tr td.tc2, #pun-searchtopics th.tc2 {
    width: 14%;
    order: 3;
}

#pun-searchtopics .forum tr td.tc3, #pun-searchtopics th.tc3 {
    width: 6%;
    justify-content: space-evenly !important;
    order: 4;
}

#pun-viewforum .forum tr td.tcl, #pun-viewforum th.tcl {
    width: 50%;
    order: 1;
}

#pun-viewforum .forum tr td.tc2, #pun-viewforum th.tc2 {
    width: 10%;
    justify-content: space-evenly !important;
    order: 3;
}

#pun-viewforum .forum tr td.tc3, #pun-viewforum th.tc3 {
    width: 10%;
    justify-content: space-evenly !important;
    order: 4;
}

#pun-viewforum .forum tr td.tcr, #pun-viewforum th.tcr {
    width: 30%;
    order: 2;
}

#pun-viewforum .forum tr td.tcr, #pun-searchtopics .forum tr td.tcr {
    display: block;
    overflow: hidden;
}

#pun-viewforum .forum tr td.tcr span.byuser, #pun-searchtopics .forum tr td.tcr span.byuser {
    display: block;
    margin: 6px 0;
    font-family: jost;
    font-weight: 600;
}

#pun-viewforum td.tcl span.byuser, #pun-searchtopics td.tcl span.byuser {
    font-size: 10px;
    width: 100%;
    filter: opacity(0.8);
    font-family: jost;
    font-weight: 600;
}

span.newtext {
    display: flex;
    width: calc(100% - 30px);
    text-transform: uppercase;
    font-family: russo one;
    margin: 4px 0 3px 0px;
}

span.newtext a {color: var(--primary-TEXT) !IMPORTANT;}

span.newtext a:hover {color: var(--primary-LINK) !important;}

#pun-viewforum .forum tr span.pagestext, #pun-searchtopics .forum tr span.pagestext, #pun-messages tbody.hasicon tr span.pagestext {
    display: flex;
    border-radius: 2px;
    padding: 2px 3px;
    width: calc(100% - 30px);
}

#pun-viewforum .forum tr span.pagestext a, #pun-searchtopics .forum tr span.pagestext a, #pun-messages tbody.hasicon tr span.pagestext a {
    display: flex;
    padding: 1px 5px;
    font-weight: 600;
    border: 1px solid var(--LightBorder);
    background: var(--punbbLightBG);
    color: var(--primary-TEXT);
    border-radius: 6px;
}

#pun-viewforum .forum tr span.pagestext a:hover, #pun-searchtopics .forum tr span.pagestext a:hover, #pun-messages tbody.hasicon tr span.pagestext a:hover {
    color: var(--primary-LINK);
}

#pun-viewforum td.tcl .intd, #pun-searchtopics td.tcl .intd {
    width: 100%;
}

#pun-viewforum td.tcl span.byuser:before, #pun-searchtopics td.tcl span.byuser:before {
    content: '—';
    padding: 0 0px 0 5px;
}

div#topic-modmenu {
    margin: -37px 0px -10px -24px !important;
    width: 20px;
    overflow: hidden;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: 1px solid var(--LightBorder);
    border-radius: 100px;
}

.modmenu {
    margin-top: 10px;
}

#topic-users-in {
    font-family: 'Jost';
    position: relative;
    margin: 10px 0px 10px 0px;
    background: var(--punbbLightBG);
    border: solid var(--LightBorder);
    padding: 3px 10px;
    border-width: 1px;
    min-height: 17px;
    display: flex;
    align-items: center;
    font-size: 11px;
    border-radius: 20px;
}

#topic-users-in p.container {
    line-height: 1.5;
}

input#sTheme {
    border-radius: 0 !important;
    border: 1px solid var(--LightBorder) !important;
    font-family: russo one !important;
    font-weight: normal !important;
}

i#isk {
    border-radius: 0 !important;
    border: solid var(--LightBorder);
    border-width: 1px 1px 1px 0;
}

#isk::before {
     font-family: "FontAwesomeSolid" !important;
    content: '\f1e5' !important;
    color: var(--primary-LINK) !important;
}

.FLinks {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0px 0px 0px !IMPORTANT;
    flex-direction: row;
}

.FLinks a {
    display: inline-flex;
    font-size: 9px;
    font-weight: 600;
    position: relative;
    margin: 2px 8px 0 0;
    text-align: left !important;
    /* flex-grow: 1; */
    justify-content: flex-start;
    white-space: nowrap;
    height: 15px;
    text-transform: uppercase;
    color: var(--primary-TEXT) !important;
    flex-direction: row;
    align-items: center;
    font-family: 'Jost';
}

.FLinks a:before {
    content: '#';
    opacity: 0.8;
    font-family: 'Russo One';
    font-weight: normal;
    padding-right: 2px;
    font-size: 11px;
}

.FLinksBanners img, .FBannerTops img {
    width: 88px;
    height: 31px;
    border-radius: 6px;
}

.FBannerTops {
    display: flex;
    filter: grayscale(0.5) brightness(1.2) opacity(0.9) contrast(0.8) blur(0.5px);
    transition: ease-in-out 0.3s;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 0;
    height: 70px;
    padding: 0 5px;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.FBannerTops:hover {
    filter: none;
}

.FDscrptnBanners {
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-family: russo one;
    letter-spacing: 1px;
    margin: 0 0 0 -31px;
}

.FDscrptnBanners a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 5px 40px;
    border: 1px solid var(--LightBorder);
    border-radius: 0 20px 20px 0;
}

.FDscrptnBanners a:hover {
background: var(--AMC-link);
    color: var(--primary-TEXT) !important;
}


.FLinksBanners {
    display: flex;
    width: 100%;
    height: 103px;
    overflow: auto;
    direction: rtl;
    padding: 0 0 10px 0;
    position: absolute;
    flex-wrap: wrap;
    left: 0;
    margin: 30px 0 0 0;
}

.FLinksBanners wrap {
    display: flex;
    width: 100%;
    height: max-content;
    justify-content: space-between;
    flex-wrap: wrap;
    direction: initial !important;
    padding: 0 5px;
}

.FLinksBanners a {
    width: 88px;
    height: 31px;
    line-height: 0;
    overflow: hidden;
    display: block;
    margin: 0 2px 7px 0;
}

.FLinksBanners img {
    filter: opacity(0.7);
    transition: ease-in-out 0.3s;
}

.FLinksBanners img:hover {
    filter: opacity(1);
}

#pun-stats {
    margin: 30px 0px 0 0px;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    border-radius: 20px;
}

.statscon {
    display: flex;
    flex-direction: row-reverse;
    min-height: 120px;
    padding: 10px;
}

.statscon ul.container {
    width: 80%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    flex-direction: column;
}

.statcont {
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 11px;
}

.statcont  li.item4 strong {
    display: block;
}

li#onlinelist.item5.onlinelist {
    margin-right: 3px;
    width: 100%;
    padding: 0px 10px 10px 10px;
    text-align: center;
    font-size: 11px;
box-sizing: border-box;
}

li#onlinelist.item5.users_24h {
    width: 100%;
    padding: 0px 10px 10px 10px;
    font-size: 11px;
    text-align: center;
    margin-top: 13px;
}

span.e1 a {
    font-family: russo one;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--primary-TEXT) !IMPORTANT;
}

span.e1 a:hover {
    color: var(--primary-LINK) !IMPORTANT;
}

span.e4 {
    display: block;
    max-height: 44px;
    overflow-y: auto;
    text-align: justify;
    padding-right: 10px;
    padding-top: 6px;
    margin-top: 6px;
    border-top: 1px solid var(--LightBorder);
    font-size: 12px;
    overflow-x: hidden;
}

.jGrowl {z-index: 99999999999 !important;top: 60px !important;}

div#pun-about {
    text-align: right;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    bottom: -16px;
    width: 100%;
    right: 30px;
    font-family: 'Jost';
    color: #b7b7b7;
}

div#pun-about a {color: #b7b7b7;}

em.user-avatar.no-avatar span.avatar-image {
background: url(http://forumstatic.ru/files/001b/6f/11/44992.jpg) top center no-repeat fixed !important;
    background-size: cover !important;
}


.user-avatar .avatar-image {
    border-radius: 10px !important;
    height: 50px !important;
    width: 50px !important;
    opacity: 1 !important;
    transition: ease-in-out 0.3s;
}

.user-avatar .avatar-image:hover {
    opacity: 0.5 !important;
}

#pun-viewforum .user-avatar, #pun-searchtopics .user-avatar, #pun-messages .user-avatar {
    margin: 5px 10px 0 4px !important;
    width: 40px !important;
    height: 40px !important;
}

#pun-viewforum .user-avatar .avatar-image, #pun-searchtopics .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {
    width: 40px !important;
    height: 40px !important;
}

#pun-viewforum .user-avatar .isonline, #pun-searchtopics .user-avatar .isonline, #pun-messages .user-avatar, #pun-messages .user-avatar .isonline  {
    width: 46px !important;
    height: 46px !important;
}

.user-avatar {
    width: 50px !important;
    height: 50px !important;
    margin: 0 12px 0 0px !important;
    z-index: 0;
    padding: 0;
    position: relative;
}

.user-avatar .isonline {
    width: 56px !important;
    height: 56px !important;
    border-radius: 12px !important;
    top: -3px !important;
    left: -3px !important;
    z-index: -1 !important;
    animation: blinkColor 3s linear infinite !important;
    -moz-animation: blinkColor 3s linear infinite !important;
    -webkit-animation: blinkColor 3s linear infinite !important;
    background: var(--primary-LINK) !important;
}


#tooltip {
    position:absolute;
    margin: -30px 10px 10px 10px;
    display:none;
    text-align: center;
    padding: 6px;
    font-size: 12px;
    font-weight: normal;
    color: var(--primary-TEXT) !important;
    background: var(--punbbLightBG)!important;
    border-radius: 4px !important;
    font-family: Roboto!important;
    z-index: 999999999999999;
    border: 1px solid var(--LightBorder) !important;
}

body .tipsy.gam .tipsy-inner, .tipsy-inner {
    font: normal 12px Roboto !important;
    background-color: var(--punbbLightBG) !important;
    color: var(--primary-TEXT) !important;
    border-radius: 4px !important;
    border: 1px solid var(--LightBorder) !important;
    opacity: 1 !important;
}

.tipsy-s .tipsy-arrow, .tipsy-arrow {border-color: rgba(0, 0, 0, 0) transparent transparent transparent !important;}

.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 150%;
}

.punbb .post-content .blockcode, .punbb .post-content blockquote {
    width: 100%;
    overflow: hidden;
}

.usertable {
    margin-top: 20px !important;
}

.usertable table tr {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    border: 1px solid var(--LightBorder);
    margin-bottom: 10px;
    background: var(--punbbLightBG);
    border-radius: 20px;
}

.usertable table tr td {
    padding: 10px;
    text-align: center;
}

.usertable thead {
padding-bottom: 5px;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 9px;
}

.usertable .tcl.username {
width: 30%;
    order: 1;
}

.usertable .tcl.username span.usersname {
    font-weight: 600;
}

.usertable .tc2.user_title {
    order: 2;
    position: absolute;
    font-size: 11px;
    top: 30px;
    left: 80px;
    max-width: 170px;
    padding: 0;
}

.usertable .tc3 {flex-direction: column;}

.usertable .tc3.last_visit {
    order: 3;
    width: 15%;
display: flex;
    align-items: center;
    border-left: 1px solid var(--LightBorder);
    justify-content: center;
}

.usertable .tc3.posts, .usertable .tc3.num_posts {
    order: 4;
    width: 15%;
display: flex;
    align-items: center;
    border-left: 1px solid var(--LightBorder);
    justify-content: center;
}

.usertable .tc3.registered {
    order: 5;
    width: 15%;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--LightBorder);
    justify-content: center;
    overflow: hidden;
}

.usertable .tc3.relation {
    order: 6;
    width: 15%;
display: flex;
    align-items: center;
    border-left: 1px solid var(--LightBorder);
    justify-content: center;
}

.usertable td.tc3.last_visit:before {content: 'Был:';}
.usertable td.tc3.num_posts:before {content: 'Сообщений:';}
.usertable td.tc3.registered:before {content: 'Регистрация:';}
.usertable td.tc3.relation:before {content: 'Репутация:';}

.usertable td.tc3.last_visit:before, .usertable td.tc3.num_posts:before, .usertable td.tc3.registered:before, .usertable td.tc3.relation:before {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
}


.punbb .fs-box {

}

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

.punbb .inline .infofield {
    clear: both;
    padding-top: 10px !important;
    font-size: 11px;
    margin: 10px 0;
}

.punbb .formal fieldset {
    min-width: 0;
    border-style: none !important;
    padding: 0 !important;
}

span.num_msg, span.bubble {
    right: inherit !important;
    left: 6px;
    height: 14px !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    min-width: 17px !important;
    top: 23px !important;
    padding:0 1px 0 0 !important;
    border-radius: 10px !IMPORTANT;
    font-size: 11px !important;
    font-family: russo one !important;
    background: var(--primary-LINK) !important;
    color: #fff !important;
    font-weight: normal !important;
}

span.bubble {
    top: 11px !important;
    left: -11px !IMPORTANT;
    padding: 0px 0 0 0 !important;
    height: 13px !important;
}

.punbb .hashelp {
    position: relative;
    margin: 10px 0 20px 0;
    padding: 0;
}

span#BookmCntToggle {
    z-index: 100000 !important;
}

html, body, #pun, .punbb, .code-box .scrollbox, textarea, #font-area, div, li#onlinelist, li.pa-fld1 lz02 {
	scrollbar-width: thin !important;
	scrollbar-color: #989898 transparent;
}

lz02::-webkit-scrollbar{width: 2px !important;}
lz02::-webkit-scrollbar-track {background-color: transparent;} 

.FLinksBanners::-webkit-scrollbar{width: 4px !important;}

::-webkit-scrollbar-thumb {
    background-image: url('http://forumstatic.ru/files/001b/6f/11/59258.png');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-color: var(--primary-LINK);
}

.FLinksBanners::-webkit-scrollbar-track {background-color: transparent;} 

::-webkit-scrollbar-button { 
background-repeat:no-repeat; 
width:6px; 
height:0px 
} 

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

::-webkit-resizer{ 
background-repeat:no-repeat; 
width:7px; 
height:0px 
} 

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

.punbb ::-webkit-scrollbar:horizontal {height: 5px;}

.punbb ::-webkit-scrollbar{width: 6px; }


span#BookmCntToggle {
    left: 0 !important;
    z-index: 1000000 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    width: 42px !important;
    height: 42px !important;
    top: 250px  !important;
    opacity: 1 !important;
    background: rgb(8 8 8 / 69%) !important;
    border-radius: 0 20px 20px 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#BookmCntToggle.default-style:before {
    content: '\e0bb' !important;
    font-family: FontAwesomeSolid;
    background: transparent !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 22px;
    display: flex !important;
    margin-left: -1px !important;
    margin-top: -6px !important;
}

#BookmCntToggle.default-style:after {
display: none !important;
}

#BookmCntToggle.default-style {color: var(--primary-LINK) !important;}

#MyBookmarks {
    background-color: var(--punbbLightBG);
    color: var(--primary-TEXT);
    z-index: 1000000 !important;
}

#MyBookmarks h2 {
    text-align: center;
    font-size: 12px;
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
}

#MyBookmarks li.BookmarkL>span.last_click {
    background: var(--LightBorder) !important;
    box-shadow: none !important;
}

#MyBookmarks span.scrl {
    width: 117px !important;
    cursor: pointer;
    padding: 0 !important;
    color: var(--primary-LINK) !important;
    text-shadow: none !important;
    font-size: 20px !important;
    line-height: 0 !important;
    box-shadow: none !important;
    font-weight: 600;
    border: 1px solid var(--LightBorder);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    margin: -22px auto 0px 1px !important;
    font-family: russo one;
}

#MyBookmarks inner {margin-top: 40px !important;}

#MyBookmarks li.BookmarkL {border-bottom-color: var(--LightBorder) !important;}

.editBookmark {
    box-shadow: none !important;
}

.post-box .editBookmark h1 {display: flex !important}

.editBookmark .container {
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
}

input[type="submit" i], input#cncl, input#reputationButtonSend, input#reputationButtonCancel, input#SubmitMPst, #mask_dialog input.button, input[type="button" i], input.button {
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    border: none !important;
    margin: 0px 4px;
    transition: ease-in-out 0.3s;
    outline: none !important;
    background: var(--punbbLightBG);
    display: inline-flex;
    font-size: 11px;
    padding: 2px 10px;
    text-align: center;
    align-items: center;
    justify-content: space-around;
    color: var(--primary-TEXT);
    box-shadow: 0px 0 1px 1px var(--LightBorder);
    font-family: jost !important;
    border-radius: 20px;
    font-weight: 600;
}

input[type="submit" i]:hover, input#cncl:hover, input#reputationButtonSend:hover, input#reputationButtonCancel:hover, input#SubmitMPst:hover, #mask_dialog input.button:hover, input[type="button" i]:hover, input.button:hover {
    filter: invert(1);
    opacity: 0.7;
}

#main-reply {
    width: calc(100% - 22px) !important;
    border-radius: 20px;
}

textarea {
    padding: 10px;
    outline: none;
    font-family: 'Roboto' !important;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    color: var(--primary-TEXT);
}

p.inputfield.required {
    margin: 4px 0;
}

input, select {
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    padding: 4px 0px 4px 8px;
    outline: none;
    font-family: 'Roboto' !important;
    color: var(--primary-TEXT);
    border-radius: 20px;
}

div#profile {
    min-height: 364px;
}

#profilenav {
    width: calc(100% - 20px);
    padding: 10px;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    margin: 0 0 10px 0;
    display: flex;
    border-radius: 20px;
    height: max-content;
    justify-content: center;
}

#profilenav ul {
    display: flex;
    padding: 0;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#profilenav ul li {
    margin: 10px;
flex-grow: 1;
}

#profilenav ul a {
    background: var(--punbbLightBG);
    display: flex;
    margin: auto;
    font-size: 11px;
    padding: 4px 10px;
    text-align: center;
    align-items: center;
    justify-content: space-around;
    color: var(--primary-TEXT);
    border-radius: 30px;
    box-shadow: 0px 0 1px 1px var(--LightBorder);
}

#profilenav ul a:hover, li.isactive a {
filter: invert(1);
}



#profile-right {
    display: flex;
    width: 100% !important;
    flex-wrap: wrap;
    justify-content: space-between;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder) !important;
    border-radius: 20px;
    padding: 10px !important;
}

#profile-right li {
    display: flex;
    margin: 3px;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding: 0;
    border: 1px solid var(--LightBorder);
    border-radius: 5px;
    overflow: hidden;
    align-items: center;
    background: var(--punbbLightBG);
}

#profile-right li span {
    text-transform: uppercase;
    font-size: 9px;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 4px 0px;
    justify-content: center;
    border-bottom: 1px solid var(--LightBorder);
}

#profile-right li strong {
    margin: 4px 5px;
    padding: 0 !important;
}

#profile-right li#pa-register-date {order:1;}
#profile-right li#pa-time-visit {order:2;}
#profile-right li#pa-last-visit {order:3;}
#profile-right li#pa-last-post {order:4;}

#profile-right li#pa-register-date, #profile-right li#pa-time-visit, #profile-right li#pa-last-visit, #profile-right li#pa-last-post {
    width: 23%;
    font-size: 11px;
}

#profile-right li#pa-respect {order:5; width: 31% !important;}
#profile-right li#pa-positive {order:6; width: 31% !important;}
#profile-right li#pa-fld2 {order:7; width: 31% !important;}
#profile-right li#pa-posts {order:8;}

#profile-right li#pa-fld1 {order: 9;width: 100% !important;}

#profile-right li#pa-fld3 {order:10;}
#profile-right li#pa-email {order:11; width: 48%;}

#profile-right li#pa-awards {order:12; width: 48%;}

#profile-right li#pa-posts strong, #profile-right li#pa-email strong {font-weight: normal !important;}

#profile-right li#pa-fld1 strong {
    display: flex;
    flex-direction: column;
    font-weight: normal !important;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0px 6px 0;
}

#profile-right li#pa-fld1 strong char {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

#profile-right li#pa-fld1 strong lz01 {
    background: var(--punbbLightBG);
    padding: 4px 0;
    width: 100%;
    text-align: center;
    margin: 2px 0 0px 0;
    font-weight: 600;
    font-family: jost;
}

#profile-right li#pa-fld1 strong  lz00 {
    text-transform: uppercase;
    font-family: russo one;
    letter-spacing: 2px;
    font-size: 9px;
    width: 100%;
    background: var(--LightBorder);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    margin: 0 0 6px 0;
}

#profile-right li#pa-fld1 strong lz02 {
    padding: 0 10px;
    text-align: justify;
}

td#profile-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid var(--LightBorder) !important;
    background: var(--punbbLightBG);
    border-radius: 20px;
    margin-right: 10px;
}

td#profile-left li {
    display: flex;
    margin: 3px;
    justify-content: center;
    flex-direction: column;
    width: 95%;
    padding: 2px 0;
    overflow: hidden;
    align-items: center;
    font-family: 'Jost';
    font-size: 10px;
}

li#profile-title strong {
    text-align: center;
}

td#profile-left li#pa-avatar {line-height: 0;font-size: 0;}

div#viewprofile tr {
    display: flex;
    flex-direction: row;
}


/* Стили кастомных блоков ----*/
.Welcome {
    text-align: center;
    width: 100%;
    font-family: Russo One;
    color: transparent;
    background: linear-gradient(to right, var(--primary-LINK) 10%, #b9bfbb 50%, var(--primary-LINK) 90%);
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
    text-transform: uppercase;
}

.WelcomeText {
    width: 300px;
    display: flex;
    margin: auto;
}

.WelcomeText p {

}

.GuestBookTitle {
    filter: var(--ColorFilter);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -20px;
}

.GuestBookTitle img.postimg {
    border-radius: 20px;
}

.GuestBookPlot {
    background: var(--punbbLightBG);
    padding: 20px 20px 5px 20px;
    margin: 0px 5% 10px 5%;
    border-radius: 5px;
    border-width: 0 3px 0 3px;
    border-style: solid;
    border-color: var(--LightBorder);
    font-family: Segoe UI;
    font-size: 11px;
}

.GuestBookBooking, .GuestBookBooking2 {
    background: var(--punbbLightBG);
    padding: 10px 20px;
    border: 1px solid var(--LightBorder);
    min-height: 167px;
    max-height: 167px;
    overflow: auto;
}

.GuestBookBooking {border-radius: 20px 0 0 20px;}
.GuestBookBooking2 {border-radius: 0 20px 20px 0;}

.guest3 {
    height: 26px;
    text-align: center;
}

.guest3 p {
    display: flex;
    justify-content: space-around;
    width: 100%;
    align-items: center;
}

.guest3 a {
    padding: 0px 5px;
    border: 1px solid var(--LightBorder);
    margin: 0 3px 0px 3px;
    text-transform: uppercase;
    font-size: 10px;
    background: var(--punbbLightBG);
    font-family: 'Russo One';
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    color: var(--primary-TEXT) !important;
    border-radius: 20px;
}

.guest3 a:hover {filter: invert(1);}

.TLDate {
    font-family: russo one;
    font-size: 14px;
    text-align: right;
}

.TLTag {
    display: inline-block;
    padding: 3px 5px;
    width: max-content;
    background: var(--primary-TEXT);
    margin: 0 2px 4px 2px;
    border-radius: 2px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 10px;
    color: var(--punbbLightBG);
    font-weight: 600;
}

.TLTag p {
    line-height: 1 !important;
    padding: 0 !important;
}

.TLArrow {
    float: left;
    margin: 0px 5px 0px 0px;
    font-weight: bold;
    font-size: 20px;
    height: 13px;
}

.TLArrow p {
    line-height: 0.6 !important;
}

.generalHead {
    font-family: 'Russo One';
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 1px dashed var(--dark-Accent);
    padding-bottom: 7px;
    margin-bottom: 5px !important;
}

.generalHead p span:before {
    content: '';
    height: 70px;
    margin-top: -60px;
    display: block;
}

.generalHead p {padding: 0 0 8px 0!important;}

.setHead {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0px 0 10px 0!important;
    font-family: 'Open Sans';
}

.setHead p, .generalHead p, .pwHead p {
    padding: 0!important;
}

.setHead p span:before {
    content: '';
    height: 70px;
    margin-top: -60px;
    display: block;
}

.pwHead {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 0 !important;
    font-family: 'Open Sans';
}

.Welcome {
    font-size: 25px;
    letter-spacing: 8px;
    font-style: italic;
}

.Welcome p, .GuestBookTitle p {
    padding: 0 !important;
}

.plotline {
    padding: 10px 20px 20px 20px;
    margin: 0 3%;
    border: 1px solid var(--LightBorder);
    background: var(--punbbLightBG);
    border-radius: 20px;
}

.plotline .generalHead {
    border-bottom: 1px solid var(--LightBorder);
    width: max-content;
    margin: 0 auto 10px auto !important;
    padding: 0 40px 1px 50px;
}

.plottext {
    max-height: 400px;
    overflow: auto;
    padding: 0 20px 0 0;
}

.scrollbox::-webkit-scrollbar-thumb, .plottext::-webkit-scrollbar-thumb, .pwr::-webkit-scrollbar-thumb, .GuestBookBooking::-webkit-scrollbar-thumb {
    box-shadow: none;
    background: var(--LightBorder);
    border-radius: 10px;
}

.scrollbox::-webkit-scrollbar-track, .plottext::-webkit-scrollbar-track, .pwr::-webkit-scrollbar-track, .GuestBookBooking::-webkit-scrollbar-track {
    background: transparent;
}

.pwrS {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pwr {
    width: 46%;
    height: 100px;
    overflow: auto;
    margin: 5px 2px !important;
    padding: 7px 12px 7px 12px;
    text-align: left;
    border: 1px solid var(--LightBorder);
    border-radius: 5px;
}

.pwrChar {
    border-top: 1px solid var(--LightBorder);
    margin: 4px 0 0 0 !important;
    padding-top: 4px;
}

.pwr p, .pwrChar p {
    padding: 0 !important;
}


.CharactersSheet {
    display: flex;
    flex-direction: column;
    margin: 0 1px 1px 1px;
    width: 100%;
}

.CharactersSheet h02 {
    display: flex;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    font-family: 'Russo One';
    letter-spacing: 2px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: url(http://forumstatic.ru/files/001b/6f/11/44992.jpg) top center no-repeat fixed;
    background-color: #252525;
    background-size: cover;
color: #e1e1e1 !important;
}

.CharactersSheet h02 a {
    margin: -58px 0px 0 0;
    padding: 58px 0 0 0;
    display: block;
color: #e1e1e1 !important;
}

.CharactersSheet char {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 10px;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 40px;
    padding: 5px 10px 5px 10px;
    border: 2px solid var(--LightBorder);
    transition: ease-in-out 0.3s;
    border-radius: 10px;
}

.CharactersSheet char:hover {
    background: var(--punbbLightBG);
}

.CharactersSheet lz01 {
    width: 30%;
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    height: inherit !important;
    justify-content: flex-start;
    text-align: initial !important;
    padding: 0px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant: small-caps;
}

.CharactersSheet lz00 {
    width: 20%;
    letter-spacing: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-transform: uppercase;
    font-family: 'Russo One';
    font-size: 10px;
}

.CharactersSheet lz02 {
    width: 50%;
    font-size: 12px;
    padding: 5px 6px 5px 10px;
    margin: -4px 0 -4px 0;
    max-height: 40px;
    overflow: auto;
    border-left: 1px solid var(--LightBorder);
    border-radius: 0 20px 20px 0;
}

.FaceClaim {
    max-height: 500px;
    overflow: auto;
}

/* Штуки в шапке  ----*/

.bestie {
    justify-content: space-evenly;
    align-content: stretch;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(8 8 8 / 69%);
    border-radius: 0px 0px 20px 0px;
    display: flex;
    flex-direction: column;
    transition: ease-in-out 0.1s;
    width: 30px;
    height: 232px;
    align-items: center;
    padding-right: 7px;
    padding-left: 5px;
}

.bpost, .act1, .act2, .act3, .act4 {
    width: 30px;
    height: 30px;
    overflow: hidden;
    transition: ease-in-out 0.3s;
    border: 1px solid #252525;
    border-radius: 6px;
}


.bpost a, .act1 a, .act2 a, .act3 a, .act4 a {
    display: flex;
    width: 30px;
    height: 30px;
    overflow: hidden;
    filter: grayscale(0.4) opacity(0.7) brightness(1.1) blur(0px);
    background: var(--primary-LINK);
    text-align: center;
    justify-content: center;
    border-radius: 6px;
}

.bpost a:hover, .act1 a:hover, .act2 a:hover, .act3 a:hover, .act4 a:hover {
    filter: grayscale(0.4) opacity(1) brightness(1.1) blur(1px);
}

.bpost a img, .act1 a img, .act2 a img, .act3 a img, .act4 a img {
    width: 40px;
    height: 30px;
    mix-blend-mode: hard-light;
transition: ease-in-out 0.3s;
}


.gamemusic {
    position: absolute;
    left: 10px;
    bottom: 10px;
    height: 18px;
    width: calc(100% - 20px);
    font-size: 11px;
    overflow: hidden;
    background: var(--punbbLightBG);
    display: block;
    padding: 4px 0 0 0;
    border: 1px solid var(--LightBorder);
    border-radius: 0 0 14px 14px;
}

.gamemusic mq:hover {
animation-play-state: paused;
      }

.gamemusic mq {
    display: flex;
    -moz-animation: marquee 35s linear infinite;
    -webkit-animation: marquee 35s linear infinite;
    animation: marquee 35s linear infinite;
    white-space: nowrap;
}
      @-moz-keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
      }
      @-webkit-keyframes marquee {
      0% { transform: translateX(100%); }
      100% { transform: translateX(-100%); }
      }
      @keyframes marquee {
      0% { 
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%) }
      100% { 
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
      }

ttl {
    color: var(--primary-TEXT);
    padding-right: 2px;
    margin-left: 10px !important;
    font-weight: 600;
}


.Mtitle {
    display: flex;
    max-width: 850px;
    height: 150px;
    text-transform: uppercase;
    font-size: 120px;
    overflow: hidden;
    /* position: absolute; */
    /* top: -25px; */
    /* left: 25px; */
    background: url(http://forumstatic.ru/files/001b/6f/11/93175.png) top left no-repeat;
    background-color: var(--LogoBorder);
    filter: var(--ColorFilter);
    border: 5px solid var(--LogoBorder);
    border-radius: 25px;
    margin: -230px 0 0 -5px;
}

inf, inf1, .amc, txt {left: 412px;}

txt {
    font-family: 'TerminatorGenisys';
    font-size: 66px;
    position: absolute;
    top: 31px;
    line-height: 0.5;
    height: 40px;
    width: 340px;
    text-align: center;
    color: var(--primary-LINK);
    filter: blur(0.7px) brightness(1.7) grayscale(0.2);
    mix-blend-mode: difference;
}

inf1 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    position: absolute;
    top: 85px;
    color: #c3c3c3;
    width: 340px;
    overflow: hidden;
    height: 32px;
    font-family: 'Jost';
    text-align: center;
    white-space: pre-line;
    line-height: 1.7;
    text-shadow: 1px 1px 7px #000;
    letter-spacing: 1px;
}

.amc {
    position: absolute;
    top: 6px;
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 10px;
    font-family: russo one;
    padding: 0;
    color: #a5a5a5;
    text-shadow: 1px 1px 7px #000;
    width: 340px;
    gap: 10px;
letter-spacing: 1px;
}

.amc a {
    color: #c3c3c3 !important;
    opacity: 0.8;
}
.amc a:hover {filter: opacity(0.5)  !important;}

navv {
    display: flex;
    height: 17px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 100%;
    margin: 10px 0 10px 0 !important;
}

navv a {
    font-family: 'Jost';
    color: var(--primary-TEXT) !important;
    margin: 2px 2px !important;
    display: flex;
    font-size: 9px !important;
    font-weight: 600;
    text-transform: uppercase;
}

navv a:hover, .FLinks a:hover {
    color: var(--primary-LINK) !important;
}

navv a:before {
    content: '#';
    opacity: 0.8;
    font-family: 'Russo One';
    font-weight: normal;
    padding-right: 2px;
    font-size: 11px;
}

/* Иконки формы ответа ----*/
#form-buttons table {width: 100% !important;}
#form-buttons tr {
    text-align: center;
    display: flex;
    justify-content: space-between;
}

#form-buttons td {
    position: relative;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
background: none !important;
}

#form-buttons td img {z-index: 1;}
#form-buttons td:hover:before {color: var(--primary-LINK);}

#form-buttons td:before {
    font-family: FontAwesomeSolid;
    padding-right: 5px;
    font-size: 14px;
    transition: ease-in-out 0.3s;
    position: absolute;
    z-index: 0;
    left: 36%;
color: var(--primary-TEXT);
}

#button-font:before {content: "\f031";}
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032";}
#button-italic:before {content: "\f033";}
#button-underline:before {content: "\f0cd";}
#button-strike:before {content: "\f0cc";}
#button-indent:before {content: "\f03c";}
#button-left:before {content: "\f036";}
#button-center:before {content: "\f037";}
#button-right:before {content: "\f038";}
#button-link:before {content: "\f0c1";}
#button-spoiler:before {content: "\f070";}
#button-image:before {content: "\f03e";}
#button-video:before {content: "\f008";}
#button-hide:before {content: "\f023";}
#button-quote:before {content: "\f10e";}
#button-code:before {content: "\f121";}
#button-color:before {content: "\f53f";}
#button-table:before {content: "\f84c";}
#button-sticker:before {content: "\f5c8";}
#button-keyboard:before {content: "\f11c";font-size: 16px !important;}
#button-addition:before {content: "\f0fe";}
#button-mask:before {content: "\f630";}
#button-styles:before {content: "\f02c";}

#pun-edit #tags .container, #pun-edit #Styles {top: 44px !important;}

#tags .container, #Styles {
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    padding: 10px;
    top: 30px !important;
    max-height: 250px;
    overflow: auto;
}

#keyboard-span input {
    padding: 5px !important;
    box-shadow: none !important;
    font-family: roboto !important;
    font-weight: 600 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border: 1px solid var(--LightBorder) !important;
    background: var(--punbbLightBG) !important;
    margin: 4px !important;
}

#font-area div, #size-area div, #addition-area div, div#meny-styles p {
    position: relative !important;
    overflow: hidden;
    height: 30px !important;
    border: 1px solid var(--LightBorder) !important;
    padding: 0 4px;
    margin: 0 0 3px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out 0.3s;
    color: var(--primary-TEXT) !important;
    background: var(--punbbLightBG);
}

#font-area div:hover, #size-area div:hover, #addition-area div:hover, div#meny-styles p:hover{
    filter: invert(1);
}

#font-area span, #size-area span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 24px !important;
}

#font-area img, #size-area img {
    height: 45px !important;
    position: absolute !important;
    top: 15px !important;
    left: 1px !important;
}

#table-area tr td {
    border: 1px solid var(--LightBorder) !important;
    background: var(--punbbLightBG) !important;
}

#table-area td.selected {background: var(--primary-LINK) !important;}

span.post-img-Sp.Spb1 {
    margin: 0;
    font-size: 0;
    overflow: hidden;
    position: absolute;
    top: 30px;
    z-index: 1;
    left: -27px;
    padding: 0 !important;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    border-radius: 5px;
    box-sizing: border-box;
    width: 22px !important;
    height: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.post-img-Sp.Spb1:before {
    font-family: "FontAwesomeSolid" !important;
    content: '\f091' !important;
    color: var(--primary-LINK) !important;
    margin: 1px 0 0 0;
    font-size: 12px !important;
    display: block;
    transition: ease-in-out 0.3s;
}

.indOnline, .indOffline {
    width: 9px;
    height: 9px;
    position: absolute;
    top: -15px;
    left: 10px;
    cursor: help;
    border-radius: 100%;
    background: var(--primary-LINK);
    z-index: 1;
}

.indOffline {
    background: var(--LightBorder);
}
.indOnline {
animation: blinkColor 3s linear infinite !important;
    -moz-animation: blinkColor 3s linear infinite !important;
    -webkit-animation: blinkColor 3s linear infinite !important;
}

.post .bookmark {
    opacity: 1 !important;
    right: -50px !important;
color: var(--primary-LINK) !important;
}

.post .bookmark:before {
    left: 30px !important;
    transform: rotate(180deg);
}

#pun-messages {}

#pun-messages #profilenav {

}

#pun-messages .fs-box table {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#pun-messages .fs-box table thead {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#pun-messages .fs-box table thead tr {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 9px;
    width: 100%;
}

#pun-messages .fs-box table tbody {
    display: flex;
    flex-direction: column;
}

#pun-messages tbody.hasicon tr {
    margin-bottom: 10px;
}

#pun-messages tbody.hasicon tr td {
    display: flex;
    align-items: center;
}

#pun-messages td.tcl.pmtcl1, #pun-messages .pmtcl1, #pun-messages td.tc2.pmtc22, #pun-messages .pmtc22 {
    width: 40% !important;
}

#pun-messages .pmtc33, #pun-messages .pmtc24 {
    width: 10% !important;
    display: flex;
    justify-content: center;
}

div#profile.formal fieldset legend span,  div#setmods dl dt {
    padding: 0 10px;
    text-transform: uppercase;
    font-family: russo one;
}

div#profile.formal p.selectfield, div#profile.formal .fs-box p {
    margin: 6px 0;
}

table#filetable tr, table#filetable thead {
    display: flex !important;
    width: 100%;
    align-items: center;
    border-bottom: 1px solid var(--LightBorder);
    margin: 0 0 0px 0;
    padding: 10px 0;
}

table#filetable tr td, table#filetable thead th {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px;
}

.adfs-box .submitend {
    text-align: right;
    margin: 20px 0 0px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

div#setmods dl {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 10px 0;
}

/* скрипт навигации выпадающим окном */

.NAVIG {
    width: 100px;
    height: 26px;
    top: 15px;
    position: fixed;
    z-index: 1000000;
    border: 1px solid transparent;
    line-height: 0.6;
    display: flex;
    align-items: center;
    margin: 0 0 0 780px;
}

.NAVIG.fixed {
  
}

/* настройка кнопки, может быть текстом */
.spirit-navigation {
    cursor: pointer;
    z-index: 999999;
    position: relative;
    font-size: 13px;
    font-family: 'Russo One';
    letter-spacing: 1px;
    transition: ease-in-out 0.3s;
    width: 100px;
}

.spirit-navigation:hover {color: var(--primary-LINK);}

.spirit-navigation:before {
    content: "\f141";
    display: block;
    font-size: 16px;
    font-family: 'FontAwesomeSolid';
    position: absolute;
    margin: -1px 0 0 -20px;
    width: 12px;
    height: 10px;
    text-align: center;
    transition: ease-in-out 0.3s;
    color: var(--primary-LINK);
}


/* вид кнопки после клика по ней */
.spirit-navigation.spirit-navigation_hover{

}

/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
    position: absolute;
    z-index: 999999;
    right: 0;
    top: 55px;
    border-bottom: 1px solid var(--dark-Accent);
    width: max-content;
    height: max-content;
    overflow: hidden;
    background: var(--punbbLightBG);
    padding: 10px;
    border: 1px solid var(--LightBorder);
    border-radius: 20px;
    box-shadow: 0px 10px 8px -12px black;
}

/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
    white-space: nowrap;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: flex;
    height: 20px;
    align-items: center;
    margin: 4px 0;
    padding: 0 10px;
    line-height: 0;
    width: 100%;
    justify-content: flex-end;
    font-family: 'Jost';
    font-weight: 600;
    color: var(--primary-TEXT);
}

/* ссылка при наведении */
#pun .sslka a:hover {
filter: invert(1);
}

#pun .sslka a:after {
    content: '#';
    opacity: 0.6;
    font-family: 'Russo One';
    font-weight: normal;
    padding-left: 2px;
    font-size: 13px;
}

h1 {
    font-size: 14px;
    font-family: russo one;
    font-weight: normal;
}

/* Theme */

.darkmode .BigBG div {
    background: url(http://forumstatic.ru/files/001b/6f/11/78553.gif) no-repeat fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
}

.darkmode .user-avatar .avatar-image {
    filter: var(--AvasDark);
}


.ChangeStyle {
    position: fixed;
    top: 0;
    right: 0;
    gap: 20px;
    background: rgb(8 8 8 / 69%);
    border-radius: 0px 0px 0px 20px;
    display: flex;
    flex-direction: column;
    padding: 14px 6px 14px 6px;
    transition: ease-in-out 0.1s;
}

.ChangeStyle.fixed {
}

/* Toggle */

.theme-switch-wrapper {
    z-index: 2;
    flex-direction: column;
    top: 22px;
    width: 30px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-switch {
    display: inline-block;
    height: 24px;
    width: 30px;
    position: relative;
}

.theme-switch input {
    display: none;
}

.slider {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .25s;
}

.slider:hover {}
input.checked+.slider {}
input.checked+.slider:hover {}


.slider:before {
    position: absolute;
    color: var(--primary-LINK);
    font-family: FontAwesomeSolid;
    font-size: 18px;
    content: '\f185';
    display: block;
    margin: 0 0 0 7px;
}

input.checked+.slider:before {
    content: '\f186';
}

.slider.round {}
.slider.round:before {}

/* Смена темы форума */

#stylelist {

    z-index: 999999;
    top: 70px;
    width: 30px;
    overflow: hidden;
    height: 160px;
    border-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

#stylelist.fixed {

}

#stylelist li {
    width: 30px;
    height: 24px;
    text-align: center;
    overflow: hidden;
    position: relative;
    font-size: 0;
    transition: ease-in-out 0.3s;
    display: inline-block;
}

#stylelist li a {

}

#stylelist li:nth-child(1) a {color: #935935;}
#stylelist li:nth-child(2) a {color: #336e87;}
#stylelist li:nth-child(3) a {color: #56476c;}
#stylelist li:nth-child(4) a {color: #467a48;}
#stylelist li:nth-child(5) a {color: #913232;}

#stylelist li a:hover {color: var(--primary-TEXT);}
#stylelist li.active a {color: var(--primary-TEXT);}


#stylelist li a:before {
    font-family: FontAwesomeSolid;
    font-size: 18px;
    display: block;
    margin: 3px 0 0 0;
}

#stylelist li:nth-child(1) a:before {
content: '\f1e2';
}

#stylelist li:nth-child(2) a:before {
content: '\f576';
}

#stylelist li:nth-child(3) a:before {
content: '\f753';
}

#stylelist li:nth-child(4) a:before {
content: '\f75a';
}

#stylelist li:nth-child(5) a:before {
content: '\e074';
}

.hvStickerPackModalTab {
    border-radius: 2px !important;
    background: var(--second-Light) !important;
    border: 1px solid var(--Border-Light) !important;
color: var(--primary-TEXT) !important;
transition: ease-in-out 0.3s;
}

.hvStickerPackModalTab.active, .hvStickerPackModalTab:hover {
    background: var(--primary-Accent) !important;
    color: var(--punBG) !important;
}

#mask_dialog .hv-bg {z-index: 9999999 !important;}

.hv-form-block {
    padding: 0 10px 0 0;
}

.hvStickerPackModal, #mask_dialog .inner {
    background: var(--punbbLightBG) !important;
    padding: 10px !important;
    border: 1px solid var(--LightBorder) !important;
    border-radius: 20px !important;
}

.hvStickerPackModalContent {
    border: 1px solid var(--primary-LINK) !important;
}

#mask_dialog .hv-add-template {
    border: solid 1px var(--dark-Accent) !important;
    margin: 10px 0px 0px 10px !important;
}

#mask_dialog .hv-preview-block {
    margin: 0 10px 0 0px;
    width: 160px !important;
    max-width: 160px !important;
    font-size: 10px;
    flex: inherit;
    border: 1px solid var(--LightBorder);
    border-radius: 20px;
    padding: 5px 0 0 0;
}

.hv-preview-author {
    font-weight: bold;
    border-bottom: 1px solid var(--LightBorder);
    padding-bottom: 5px !important;
}

#mask_dialog .hv-preview-block img {
    max-width: 135px !important;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, .modal-inner.section {
    box-shadow: none !important;
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    color: var(--primary-TEXT);
    padding: 10px;
    border-radius: 20px;
}

.pun-modal.move_posts_form h2 {text-align: center;}
fieldset#PMove_1, #pun-movetopic div#pun-main {line-height: 3;}
.punbb #move_posts_form .formsubmit {
    padding: 0 !important;
    margin: 10px 0 0 20px;
}

#move_posts_form tr {
    display: flex !important;
    justify-content: space-between;
    margin: 0 0 0px 0;
    border-bottom: 1px solid var(--LightBorder);
    align-items: center;
    padding: 10px;
    max-width: calc(100% - 20px) !important;
    transition: ease-in-out 0.3s;
}

#move_posts_form tbody tr:hover {background: var(--LightBorder);}

#move_posts_form .forum_name {
    margin: 10px 0 10px 0;
    text-align: center;
    font-size: 16px;
}

#pun-respect h1, #pun-positive h1 {
    text-align: center;
    margin-bottom: 30px;
}

#pun-respect .section .container tr, #pun-positive .section .container tr{display: flex;}

#pun-respect .section .container thead tr {}

#pun-respect .section .container tbody tr {}

#pun-respect .section .container th, #pun-respect .section .container td, #pun-positive .section .container th, #pun-positive .section .container td {
    border: 1px solid var(--LightBorder);
    display: flex;
    align-items: center;
    padding: 4px 10px;
}

#pun-respect .section .container thead th, #pun-positive .section .container thead th {
    display: flex;
    justify-content: center;
    text-transform: lowercase;
}

#pun-respect .section .container tbody td {}

#pun-respect .section .container .tcl, #pun-positive .section .container .tcl {width: 17% !important;justify-content: center;}

#pun-respect .section .container .tc2, #pun-positive .section .container .tc2 {width: 3% !important;justify-content: center;}

#pun-respect .section .container .tc3:nth-child(4), #pun-positive .section .container .tc3:nth-child(4) {width: 40% !important;}


#pun-respect .section .container tbody .tc3:nth-child(4), #pun-positive .section .container tbody .tc3:nth-child(4) {
    max-height: 50px;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 15px 10px;
}

#pun-respect .section .container .tcr, #pun-positive .section .container .tcr  {width: 40% !important;}

span.removeReputation {position: absolute;right: 0;top: 0;}

div#pun-register .info-box {
    padding: 20px;
    text-align: justify;
    font-size: 10px;
    background: var(--punbbLightBG);
    margin: 0 0 10px 0;
    border: 1px solid var(--LightBorder);
}

div#profile.formal fieldset, div#pun-register fieldset, div#pun-search fieldset, div#pun-userlist fieldset, div#pun-login fieldset {
    background: var(--punbbLightBG);
    padding: 0 20px 20px 20px !important;
    line-height: 2;
    margin: 0 0 10px 0 !important;
    border: 1px solid var(--LightBorder) !important;
    border-radius: 20px;
}

div#pun-register fieldset legend,  div#pun-search fieldset legend, div#pun-userlist fieldset legend, div#pun-login fieldset legend {
    font-family: russo one;
    font-size: 13px;
}

small#plng {
    border: 1px solid var(--LightBorder);
    padding: 5px 10px;
    background: var(--punbbLightBG);
    margin: 0;
border-radius: 20px;
}

.go-up:hover:before, .go-down:hover:before {
opacity: 0.5;
transition: ease-in-out 0.3s;
}

.go-up:active {
    top: 391px;
}

.go-down:active {
margin-top: 95px;
}

.go-up, .go-down {
    display: none;
    position: fixed;
    z-index: 9999;
    cursor: pointer;
    top: 390px;
    width: 36px;
    height: 40px;
    margin-left: 890px;
    text-align: center;
    line-height: 1.5;
}

.go-up:before, .go-down:before {
    font-family: 'FontAwesomeSolid';
    font-size: 30px;
    color: var(--primary-LINK);
    display: block;
    width: 30px;
    height: 44px;
    transition: ease-in-out 0.3s;
}



 .go-up:before {content: "\f35b";}
.go-down:before {content: "\f358";}


.go-up img, .go-down img {display: none;}
.go-down {bottom: 25px;margin-top: 94px;}


.section.online-list {margin: 10px;}
.section.online-list tcl {width: 40% !important; padding: 10px 0 !important;}
.section.online-list .tc3 {width: 20% !important;  padding: 10px 0 !important;}

div#pun-post h1 {text-align: center;}


/************************* 
Стиль для Быстрой смены аккаунтов 
Deff 
*************************/ 
#pun-navlinks .container {
    position:relative;
    z-index:1000000
}

/*Cкрытие формы входа без клика*/ 
#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks a.NextShow+span.odd {
    position: absolute!important;
    right: 50px;
    top: 6px;
}

#pun-navlinks a#New-exit {
  background: transparent!important; 
  position:absolute;
  display:inline-block!important; 
}

#pun-navlinks #New-exit img{ 
margin-top:3px;
margin-left: 0px;
width:20px; 
height:auto;
opacity:0;
}

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

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

.punbb #pun-navlinks a#New-exit:before {
    content: '\f2f5';
    font-family: FontAwesomeSolid;
    font-size: 20px;
    padding: 0 2px 0 0;
    color: var(--primary-LINK) !important;
    position: absolute;
}

.punbb #pun-navlinks #form-login input {
    border: 1px solid var(--LightBorder);
    text-rendering: auto;
    color: var(--primary-TEXT);
    margin-top: 4px!important;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    display: inline-block!important;
    text-align: center;
    background: var(--punbbBG);
}

.punbb #form-login #fld1,#form-login #fld2{ 
background-color: rgba(249,244,252,.87);
} 

.punbb #pun-navlinks #form-login input[type="submit"] {
    margin: 13px 0 2px!important;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 4px;
    min-width: 110px;
    border-radius: 0px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
    letter-spacing: 1px;
    cursor: pointer;
}

.punbb #pun-navlinks #form-login input[type="submit"]:hover {
background: var(--Border-Light);
}

/*Стиль формы входа*/ 
.punbb #pun-navlinks #form-login {
    background: var(--punbbLightBG);
    border: 1px solid var(--LightBorder);
    border-radius: 0px 0px 6px 6px;
    color: var(--primary-TEXT);
    display: block;
    font: 11px "Roboto";
    left: 0px;
    padding: 7px 12px;
    position: absolute !important;
    text-align: center;
    word-spacing: normal;
    text-transform: none;
    top: 25px;
    width: 135px;
    z-index: 1000000000000 !important;
}

#pun-navlinks #navlogin #form-login {
  margin-left: -74px;/*Подвижки формы влево от вход*/ 
} 
#pun-navlinks #navlogout #form-login { 
  margin-left: -3px;/*Подвижки формы влево от выход*/
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -3px!important;/*Подвижки формы влево от выход для АМС*/
} 
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */ 
#pun-navlinks #form-login input[value="Войти"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 400 10px/normal Tahoma!important; 
letter-spacing:0.5!important; 
display:inline;
background: none!important;
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/ 
#form-login input.none{ 
outline:red dashed 2px!important; 
} 
/*Форма слево(с Никами) */ 
#List-UserNames {
    position: absolute;
    margin-top: -8px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: var(--punbbLightBG);
    border-color: var(--LightBorder);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0 0 0px 6px;
    text-align: center;
    color: var(--primary-TEXT);
    text-shadow: none !important;
}
/*Стиль контейнера под список Ников*/ 
.punbb #List-UserNames ul{
padding:0;
overflow:hidden; 
overflow-y:auto; 
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас — 4*/ 
} 
.punbb #List-UserNames li {
    position: relative;
    text-align: left;
    box-shadow: 0 0 0 1px var(--LightBorder);
    padding-left: 5px!important;
    margin: 1px auto!important;
    transition: .33s;
    display: flex;
    width: 100%;
    height: auto;
    padding: 4px 0px 4px 0;
    align-items: center;
}
.punbb #List-UserNames li:hover{ 
opacity:.84; 
/*background:#83693E!important;*/
} 
/*Стиль Ников*/ 
.punbb #List-UserNames li>b{ 
cursor: pointer;
} 
.punbb #List-UserNames li>b:hover{ 
color: var(--primary-Accent);
} 
/*Скролл контейнера с никами*/ 
#List-UserNames ul::-webkit-scrollbar { 

} 
#List-UserNames ul::-webkit-scrollbar-track { 

} 
#List-UserNames ul::-webkit-scrollbar-thumb {

} 

/*Кнопки Удалить (правее ников)*/ 
#List-UserNames ul li>span {
    display: inline-block;
    padding: 0 3px;
    position: absolute;
    opacity: .88;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 10px;
    font-weight: bold;
}
/*Текст при отсутствии запомненных Ников!*/ 
#List-UserNames ul:empty:before{ 
display:inline-block; 
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!"; 
} 
/*Кнопка выход-2*/ 
#navlogin #exit-2 { 
display:none; 
} 
#pun:not(.isguest) #navlogout .Rega, 
#pun:not(.isguest) #navlogout .Forgot { 
display:none!important; 
} 
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/ 
#List-UserNames ul+span{ 
display:inline-block; 
padding:6px 0 8px 0; 
text-align:left; 
font: normal normal 400 10.56px/normal Verdana;
} 
/*Сам инпут*/ 
.punbb #List-UserNames input {
    text-shadow: none!important;
    padding: 2px !important;
    vertical-align: middle;
}

/*Стрелочки к инпуту*/ 
#List-UserNames ul+span b {
    padding: 0 3px;
    color: var(--primary-Accent);
    font-weight: bold;
    font-size: 17px;
    font-family: 'Roboto';
}
/*Кликалка слево, чуть выше инпута*/ 
#List-UserNames .a1-copy{ 
display:inline-block!important; 
cursor:pointer; 
float:left; 
} 
/*Кликалка справо*/ 
#List-UserNames .a1-paste{ 
cursor:pointer; 
display:inline-block!important; 
float:right; 
} 
/*Подсказки на кликалках*/ 
.tipsy.a11 { 
font: normal normal 400 11px/normal Tahoma!important; 
margin-top:-22px!important; 
margin-left: 148px!important; 
max-width:170px; 
} 
/************************* 
//Конец Стиля для Быстрой смены аккаунтов 
*************************/

.pun-modal {
    z-index: 1000000!important;
}

/* стиль таблицы подсчета постов */

.Form-Table {
    margin: 10px 0 20px 0;
}

.table_GamePosts {
    background: var(--primary-Light) !important;
    border: 1px solid var(--primary-Accent);
}

.table_GamePosts td {
    border: 1px solid var(--Border-Light) !important;
    padding: 10px !important;
}

#pun-viewtopic .table_GamePosts tbody th {
    padding: 10px !important;
    color: var(--html-bg) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Russo One';
    background: var(--primary-Accent) !important;
}

.table_GamePosts tr:nth-child(odd) {
    background: transparent !important;
}
/* Инста*/

.insta {
    height: 430px;
    width: 580px;
    position: relative;
    background: url(https://forumstatic.ru/files/001a/c7/f4/98381.jpg) top left no-repeat;
background-color: #fafafa;
    font-family: SegoeUI !important;
    box-shadow: inset 0 0 0 1px #e0e0e0;
}

.insta .av {
border-radius: 100%;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 74px;
    left: 31px;
}


.insta .Username {
position: absolute;
    font-size: 20px;
    top: 67px;
    left: 165px;
    text-transform: lowercase;
}

.insta .UsernameVerified {
position: absolute;
    font-size: 20px;
    top: 67px;
    left: 165px;
    text-transform: lowercase;
}

.insta .UsernameVerified:after {
    content: '';
    background: url(https://forumstatic.ru/files/001a/c7/f4/40699.png) top left no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 0 0 0 4px;
}

.insta .Stats {
    position: absolute;
    top: 99px;
    left: 166px;
}

.insta .Stats span {margin-right: 16px;}

.insta .NS {
    position: absolute;
    top: 126px;
    left: 166px;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.3px;
}

.insta .DSC {
position: absolute;
    font-size: 12px;
    top: 147px;
    left: 166px;
    white-space: pre-line;
    width: 404px;
    height: 48px;
    overflow: hidden;
    line-height: 1.3;
}

.insta .photo1 {position: absolute;top: 240px;left: 10px;width: 180px;height: 180px;}
.insta .photo2 {position: absolute;top: 240px;left: 200px;width: 180px;height: 180px;}
.insta .photo3 {position: absolute;top: 240px;left: 390px;width: 180px;height: 180px;}


/* ИнстаПост*/

.instaPost span {
font-size: 13px;
color: #00376b;
}

.instaPost {
    height: auto;
    width: 580px;
    position: relative;
    background: url(http://forumstatic.ru/files/0019/7b/cd/15953.jpg) top left no-repeat, url(http://forumstatic.ru/files/0019/7b/cd/86806.jpg) bottom left no-repeat;
    background-color: #ffffff;
    font-family: SegoeUI !important;
    box-shadow: inset 0 0 0 1px #e0e0e0;
    padding: 124px 0 50px 0;
}

.instaPost .av {
border-radius: 100%;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 73px;
    left: 20px;
}

.instaPost .Username {
position: absolute;
    font-size: 18px;
    top: 72px;
    left: 81px;
    text-transform: lowercase;
    font-weight: bold;
}

.instaPost .Stats {
position: absolute;
    top: 94px;
    left: 80px;
    font-size: 16px;
}

.instaPost .photo1 {
    width: 578px;
    margin: 0 0 0 1px;
}

.instaPost .DSC {
font-size: 13px;
    white-space: pre-line;
    line-height: 1.3;
    margin: 10px 10px 4px 10px;
}

html.punbb {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#respect td .prof {color: var(--primary-TEXT) !important;}
.punbb .post-content img.postimg {vertical-align: middle;}

.topic h2 {
    text-align: center;
    margin: 0 0 10px 0;
    font-family: 'Russo One';
    font-weight: normal !important;
    font-size: 15px;
}

div#notifications-wrap tr {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid var(--LightBorder);
    padding: 10px 0;
    flex-direction: row;
}

div#forum-foundation {
    line-height: 1.5;
}

::selection {
    background: var(--primary-LINK);
    color: #fff;
}

.reaction-chip, .reactions-root .emoji-mart, .reactions-root .emoji-mart-category-label span, .reactions-root .emoji-mart-search input {
    border: 1px solid var(--LightBorder) !important;
    background-color: var(--punbbBG) !important;

}

.reactions-root * {color: var(--primary-TEXT) !important;}

/* Регулятор вида и размера шрифта (с) satsana, forumd.ru */
#chfont {
    position: fixed;
    top: 310px;
    left: 0;
    text-align: center;
    z-index: 999999;
    width: 42px !important;
    height: 42px !important;
    background: rgb(8 8 8 / 69%) !important;
    border-radius: 0 20px 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#chfont:hover {
    opacity: 1; /*убирает прозрачность при наведении*/
    -moz-opacity: 1;
}



#chfontbut {
    cursor: pointer;
    position: relative;
    height: 100%;
    width: 100px;
    display: flex;
    align-items: center;
}

#chfontbut:before {
    content: '\f031' !important;
    font-family: FontAwesomeSolid;
    font-size: 22px;
    color: var(--primary-LINK);
    margin-left: 10px;
}

#chfontbut::after {
    display: none;
    position: absolute;
    content: 'x';
    top: 5px;
    right: 1px;
    color: var(--primary-LINK);
    line-height: 7px;
    font-size: 12px;
    font-family: 'Russo One';
}

#chfont.active #chfontbut::after {
    display: block;
}

#chfont select {
    display: none;
    margin-bottom: 2px;
    cursor: pointer;
    position: absolute;
    margin: 0px 0 0 190px;
    background: rgb(8 8 8 / 69%) !important;
    color: #adadad;
}

#chfontsize {
    width: 60px !important;
    float: right;
    display: none;
    position: absolute;
    margin: 110px 0 0 120px;
}

#chfont.active select,
#chfont.active #chfontsize {
    display: block;
}

.fsizeplus, .fsizeminus {
    background-color: #080808;
    border: solid 1px #2c2c2c;
    color: #959595;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Russo One';
}

.fsizeplus {
    border-radius: 10px 10px 0 0;
}

.fsizeminus {
    border-radius: 0 0 10px 10px;
}

.fsizeplus::after {
    content: '+';
}
.fsizeminus::after {
    content: '-';
}
.fsize {
    background-color: #959595;
    color: #000;
    font-family: 'Russo One';
    font-size: 15px;
}