<br> <b>fandom</b> ✧ роль eng ✧ <a href="ссылка на профиль">ник</a>

/*************************************************************
 - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
@import url(style_cs.css);
@import url(https://forumstatic.ru/files/0016/f1/95/90664.css);
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v74/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOej.woff2) format("woff2");
}

/* норд */
@font-face {font-family: 'alcotton';
src: local("alcotton"), url(https://forumstatic.ru/files/001b/bf/8f/18703.ttf);} @font-face {font-family: 'raleway';
src: local("raleway"), url(https://forumstatic.ru/files/001b/94/a1/91229.ttf);} @font-face {font-family: 'Rubik Medium';
src: local("Rubik Medium"), url(https://forumstatic.ru/files/001a/f5/e3/38693.ttf);} @font-face {font-family: 'Rubik Regular';
src: local("Rubik Regular"), url(https://forumstatic.ru/files/001a/f5/e3/50092.ttf);} @font-face {font-family: 'Cuprum';
src: local("Cuprum"), url(https://forumstatic.ru/files/001b/bf/8f/40705.ttf);} @font-face {font-family: 'journalism';
src: local("journalism"), url(https://forumstatic.ru/files/001b/bf/8f/35314.ttf);} @font-face {font-family: 'Yeseva One';
src: local("Yeseva One"), url(https://forumstatic.ru/files/001a/f5/e3/56589.ttf);} @font-face {font-family: 'The Huntsman';
src: local("The Huntsman"), url(https://forumstatic.ru/files/001a/f5/e3/94753.ttf);} @font-face { font-family: Curator;
src: local("Curator4-Italic"), url(https://forumstatic.ru/files/001a/28/10/81244.ttf);} @font-face {font-family: 'Arsenica';
src: local("Arsenica"), url(https://forumstatic.ru/files/001a/f5/e3/46023.ttf);} @font-face { font-family: Curator;
src: local("Curator4-Italic"), url(https://forumstatic.ru/files/001a/28/10/81244.ttf);} @font-face {font-family: 'Salome';
src: local("Salome"), url(https://forumstatic.ru/files/001a/f5/e3/11239.otf);} @font-face { font-family: Ethereal Thin;
src: local("Ethereal Thin"), url(https://forumstatic.ru/files/001b/bf/8f/57392.otf);} @font-face {font-family: 'Adoha';
src: local("Adoha"), url(https://forumstatic.ru/files/001b/bf/8f/63631.otf);} @font-face {font-family: 'Acute regular';
src: local("Acute regular"), url(https://forumstatic.ru/files/001b/bf/8f/94209.otf);} @font-face {font-family: 'Hachi Maru Pop'; src: local("Hachi Maru Pop"), url(https://forumstatic.ru/files/001b/bf/8f/47460.ttf);} @font-face {font-family: AbrilFatface; src: local("AbrilFatface"), url(https://forumstatic.ru/files/0018/6b/8f/54200.woff);} @font-face {font-family: 'afterkilly line'; src: local("afterkilly line"), url(https://forumstatic.ru/files/001b/bf/8f/13545.ttf);} @font-face {font-family: 'Noto Serif Display'; src: local("Noto Serif Display"), url(https://forumstatic.ru/files/001b/bf/8f/82672.ttf);} @font-face {font-family: 'Perfograma'; src: local("Perfograma"), url(https://forumstatic.ru/files/001b/bf/8f/93860.otf);} @font-face { font-family: Jost; src: local("Jost"), url(https://forumstatic.ru/files/001b/bf/8f/36612.ttf); } @font-face { font-family: Blanka Regula; src: local("Blanka Regula"), url(https://forumstatic.ru/files/001b/bf/8f/77676.otf); } @font-face { font-family:Pride Signature ; src: local("Pride Signature"), url(https://forumstatic.ru/files/001b/bf/8f/78157.otf); }

/* спасибо за набор и шрифты blanche ❤*/
@font-face { font-family: Gunny Rewritten;
src: local("GNYRWN971"), url(https://forumstatic.ru/files/001a/28/10/52816.ttf) format('truetype');} @font-face { font-family: Fright Night; src: local("frightnight"), url(https://forumstatic.ru/files/001a/28/10/57561.ttf) format('truetype');}
@font-face { font-family: Cyrillic Goth; src: local("18642"), url(https://forumstatic.ru/files/001a/28/10/18642.ttf) format('truetype');} @font-face { font-family: Agoka Family; src: local("AgokaFamilyRegular"), url(https://forumstatic.ru/files/001a/28/10/85666.ttf) format('truetype');} @font-face { font-family: Tamira;
src: local("Tamira-PersonalUse"), url(https://forumstatic.ru/files/001a/28/10/29062.ttf) format('truetype');} @font-face { font-family: Erotique Alternate; src: local("Erotique-Alternate-Regular-trial"), url(https://forumstatic.ru/files/001a/28/10/59686.ttf) format('truetype');} @font-face { font-family: Doppelganger;
src: local("Doppelganger_RUS"), url(https://forumstatic.ru/files/001b/7c/28/15478.ttf) format('truetype');} @font-face { font-family: Elegant Dragon; src: local("ELEGANT_DRAGON"), url(https://forumstatic.ru/files/001a/28/10/72734.ttf) format('truetype');} @font-face { font-family: Cheque; src: local("Cheque-Black"), url(https://forumstatic.ru/files/001a/28/10/75371.ttf) format('truetype');} @import url(https://forumstatic.ru/files/001a/28/10/75564.css);
@font-face { font-family:bonky free personal use ; 
src: local("bonky free personal use"), url(https://forumstatic.ru/files/001b/be/45/83389.otf); }

* {
  text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

:root {
  --black: #000000;
  --body: #e1e0e4;
  --sub_body: #d9d7e2;
  --link: #7e92a6;
  --nav_link: #607189;
  --sub_text: #160e2f;
  --toggle: #e6e8eb;
  --forum_i: #91a6bd;
  --sub_line: #e0e3e8;
  --b_body: solid 1px #e0e3e8;
  --select: rgb(126 146 166 / 50%);
  --bg1: url(https://forumstatic.ru/files/001b/b9/7f/64788.png?v=1) fixed no-repeat top center;
  --heder: url(https://i.postimg.cc/JhKSZHTQ/51004.png) no-repeat top 50px center;
  --footer: url(https://i.postimg.cc/qB8bf3rM/61448.png) no-repeat bottom 50px center;
  --profile: url(https://i.postimg.cc/kGFfWkst/26168.png) no-repeat top center;
}

:root .night_wasabi {
  --bg1: url(https://forumstatic.ru/files/001b/b9/7f/64788.png?v=1) fixed no-repeat top center;
  --heder: url(https://forumstatic.ru/files/001b/8c/26/24931.jpg) no-repeat top 50px center;
  --footer: url(https://forumstatic.ru/files/001b/8c/26/33683.jpg) no-repeat bottom 50px center;
}

/* скролл для Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #8b9fb7 #ffffff;
}

/* скролл для Chrome/Edge/Safari */
*::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}

*::-webkit-scrollbar-track {
  background: var(--body);
  outline: var(--b_body);
}

*::-webkit-scrollbar-thumb {
  background-color: black;
  border: none;
}

/* скрыть rss-atom, убрать Закрыто и Важно, h2 объяву, поделиться */
.punbb .modmenu .container span, .stickytext, .closedatafield, #pun-announcement h2, .topic a.sharelink, #pun-navlinks .container li#navawards, #pun-status .status-right, li.pa-gifts, #pun-viewtopic li.pa-gifts, #pun .modlist, #pun-viewtopic fieldset legend span {
  display: none !important;
}

/* цвета выделения текста */
::-moz-selection {
  background: var(--select);
  color: var(--black);
}

::selection {
  background: var(--select);
  color: var(--black);
}

::-moz-selection {
  background: var(--select);
  color: var(--black);
}

::-webkit-selection {
  background: var(--select);
  color: #000;
}

.lastedit {
  display: none;
}

abbr {
  border-bottom: dotted 1px;
}

.pa-respect img {
  -webkit-filter: hue-rotate(127deg);
  filter: hue-rotate(127deg);
}

.post-content hr {
  border: none;
  background: var(--sub_body);
  width: 100%;
  height: 1px;
  opacity: 1 !important;
}

.post-content td {
  border:none transparent !important;
}

#pun-main div.tclcon > a {
  text-transform: lowercase;
}

#pun-main div.tclcon > strong a {
  text-transform: lowercase;
}

/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
/* A2.1 */
html, body {
  margin: 0;
  padding: 0;
}

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

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

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

/* A2.5 */
.punbb .main table {
  table-layout: fixed;
  width: 100%;
}

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

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type=checkbox], input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
  }
}
input[type=checkbox] {
  box-shadow: 0 0 0 1px var(--sub_line) inset;
  padding: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

input[type=radio] {
  box-shadow: 0 0 0 1px var(--sub_line) inset;
  border-radius: 100%;
  padding: 6px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

input[type=checkbox]:checked, input[type=radio]:checked {
  background: var(--nav_link);
  box-shadow: 0 0 0 4px var(--sub_line) inset;
}

/* A2.7 */
p[class=checkfield] *,
div[class=checkfield] *,
fieldset[class=radiofield] * {
  height: auto;
  vertical-align: middle;
}

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

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

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

#pun-index .category .container {
  background: var(--sub_body);
  border: var(--b_body);
  border-radius: 20px;
}

input[type=submit], input[type=button] {
  padding: 3px 10px;
  font-size: 10px !important;
  text-transform: lowercase;
  letter-spacing: 1px;
  cursor: pointer;
  border: var(--b_body);
  background: var(--sub_body);
  border-radius: 10px;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}

input[type=submit]:hover, input[type=button]:hover {
  box-shadow: 0 0.5em 0em -0.4em var(--nav_link);
  -webkit-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

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

/* A3 Text setup
-------------------------------------------------------------*/
/* A3.1 */
body {
  font-size: 100.01%;
}

/* A3.2 */
.punbb {
  font: normal 68.75% rubik, arial, helvetica, sans-serif;
}

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif;
}

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

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

/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}

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

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

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

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

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

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

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

/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
body {
  background: var(--bg1);
  background-size: cover;
}

#pun {
  width: 1050px;
  margin: auto;
  margin-top: 55px;
  margin-bottom: 30px;
  box-sizing: border-box;
  background: var(--heder), var(--body) var(--footer);
  position: relative;
  border-radius: 20px;
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  margin: 380px 0 135px;
  box-sizing: border-box;
  background: var(--body);
  padding: 0 55px;
}

#pun-pages {
    padding: 0;
}

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

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

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

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: solid 1px;
  width: 250px;
  margin: 5px auto 15px;
  opacity: 10%;
}

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

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

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

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

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.5em 0.7em 0.7em 0.7em;
  padding: 1em 1.5em;
  border: var(--b_body);
  background: var(--sub_body);
  border-radius: 20px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  text-transform: lowercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
  font: 400 10px Rubik;
  background: var(--body);
  border: var(--b_body);
  border-radius: 10px;
  padding: 3px 10px;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  color: var(--link);
}

.quote-box p:last-of-type, blockquote p:last-of-type, .post-content p:last-of-type {
  padding-bottom: 0;
}

.post-content .spoiler-box > div {
  background: url(https://forumstatic.ru/files/001b/8c/26/76328.svg) no-repeat left center !important;
  background-size: 12px !important;
}

.post-content .spoiler-box > div.visible {
  background-image: url(https://forumstatic.ru/files/001b/8c/26/35809.svg) !important;
  background-size: 12px !important;
}

/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border: var(--icon);
  margin: 0 0 1.1em 0;
}

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

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

/* B3 Pagination and posting links
-------------------------------------------------------------*/
/* B3.1 */
.linkst, .linksb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0;
  line-height: 2;
  box-sizing: border-box;
}

.linksb {
  display: block;
  width: 100%;
  padding: 0 1em;
  clear: both;
  line-height: 2;
  box-sizing: border-box;
}

/* B3.2 */
.multipage {
  margin-bottom: 3em;
}

/* B3.3 */
.linkst .pagelink {
  font-size: 12px;
}

/* B3.4 */
.linkst .postlink {
  float: right;
  font-weight: normal;
  font-size: 12px;
}

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 10px 0;
  font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
}

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
}

/* B3.8 */
.subscribelink {
  clear: both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
}

.postlink.long {
  width: auto !important;
}

.linksb .postlink, .linkst .postlink, .subscribelink, .linksb .pagelink, .linkst .pagelink {
  font-size: 10px;
  text-transform: lowercase;
  letter-spacing: 1px;
}

.pagelink a {
  font-weight: 600;
  background: var(--body);
  padding: 2px 3px;
  border-radius: 4px;
  outline: var(--sub_line);
  outline-offset: 2px;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.pagelink a:hover {
  background: var(--sub_body);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.pagelink strong {
  background: var(--sub_body);
  outline: var(--b_body);
  padding: 2px 3px;
  border-radius: 4px;
  margin-left: 2px;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
/* C1 Form layout
-------------------------------------------------------------*/
/* C1.1 */
.punbb .formal .container {
  padding: 15px 0;
}

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

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0;
}

/* C1.4 */
.punbb fieldset {
  border: none;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0;
}

#pun-profile fieldset legend {
  display: block;
  padding: 0;
  margin: 0 0 0 5px;
  font-size: 1.1em;
}

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -7px;
  font-size: 9px;
  text-transform: lowercase;
}

.punbb fieldset legend span:before {
  content: "\f178";
  font-family: FontAwesome;
  padding-right: 5px;
}

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

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0;
  text-transform: lowercase;
}

.punbb .fs-box p label strong {
  font-weight: normal;
}

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

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

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

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: 500;
}

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

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

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  background: var(--sub_body);
}

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

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

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

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

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

/* C2 Table layout
-------------------------------------------------------------*/
#pun-index tbody.hasicon tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 15px 0;
}

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 55%;
}

.intd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#pun-index .intd {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#pun-index .tclcon {
  width: 460px;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  overflow-wrap: anywhere;
  font-size: 10px;
  text-transform: lowercase;
}

#pun-modviewforum .main .tcr, #pun-modviewforum .main .tcl {
  font-size: 10px;
  text-transform: lowercase;
}

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
}

#pun-respect .main .tcr {
  text-align: center;
}

a.lastpost-link, .lastpost {
  text-transform: lowercase;
  font-size: 10px;
}

#pun-index .user-avatar {
  margin-top: -5px !important;
  margin-right: 25px !important;
}

.punbb .user-avatar {
  height: 36px !important;
  width: 36px !important;
  padding: 2px !important;
}

.punbb .user-avatar .avatar-image {
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  border-radius: 10px !important;
  opacity: 0.5 !important;
}

.punbb .user-avatar .avatar-image:hover {
  opacity: 1 !important;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.punbb .user-avatar .isonline {
  background: var(--link) !important;
  animation: blinkColor 2s linear infinite !important;
  -moz-animation: blinkColor 2s linear infinite !important;
  -webkit-animation: blinkColor 2s linear infinite !important;
  right: 1px !important;
  top: 1px !important;
}

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
  padding: 0;
}

#pun-index .tcl h3 a {
  text-transform: uppercase;
  font: 100 16px Rubik;
  letter-spacing: 1px;
}

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

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

/* C2.11 */
.punbb .main td {
  padding: 0.8em 1em;
  border: none !important;
}

/* C2.12 */
.punbb .main th {
  padding: 0.4em 1em 0.4em 1em;
}

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

/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
  margin: 10px 0;
}

/* C3.3 */
.punbb .post h3 {
  background: url(https://forumstatic.ru/files/001b/8c/26/28316.png) no-repeat center 8px;
  height: 19px;
}

/* C3.4 */
.punbb .post h3 strong, #pun-messages .post h3 span {
  float: right;
  font-weight: normal;
  background: var(--body);
  border: var(--b_body);
  padding: 3px 20px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 9px;
}

#pun-messages .main .tcl {
  text-transform: lowercase;
  font-size: 9px;
}

.punbb .post h3 a.permalink, .punbb .post h3 span a {
  text-transform: lowercase;
  background: var(--body);
  border: var(--b_body);
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 9px;
}

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 230px;
  margin: 10px 0;
  position: relative;
  background: var(--profile), var(--sub_body);
  border-radius: 20px;
  border: var(--b_body);
  box-sizing: border-box;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  width: 230px;
  line-height: 140%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--sub_text);
}

#pun-post .post .post-author p {
  padding: 10px !important;
}

/* C3.7 */
.pa-author {
  width: 180px;
  font: 100 12px Rubik;
  text-transform: uppercase;
  text-align: center;
  padding: 5px 0 !important;
}

.pa-avatar {
  width: 100%;
  text-align: center;
}

.pa-avatar img {
  max-width: 180px;
  max-height: 180px;
  border: var(--b_body);
  padding: 3px;
  border-radius: 10px;
}

/* C3.9 */
li.pa-title {
  width: 180px;
  font-size: 9px;
  text-align: center;
  padding-bottom: 3px;
  text-transform: lowercase;
}

li.pa-online {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

li.pa-online strong {
  font-weight: normal;
  padding: 2px 5px;
  font-size: 9px;
  text-transform: lowercase;
  letter-spacing: 0.5px;
}

.pa-posts, .pa-fld2, .pa-fld4, .pa-reg, .pa-respect {
    display: inline-block;
    width: 45px;
    margin-top: 5px;
    font: normal 8px/12px rubik;
   text-align: center;
}

.post .post-author .pa-posts span, .post .post-author .pa-respect .fld-name a,
.isguest .post-author .pa-respect .fld-name, .post-author li.pa-reg span, .post-author .pa-fld2 .fld-name, .post-author .pa-fld4 .fld-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 0;
  width: 16px;
  height: 16px;
  margin: 0 auto;
  text-align: center;
}

.post-author .pa-posts span:before, .post-author .pa-respect .fld-name a:before, .isguest .post-author .pa-respect .fld-name:before, .post-author li.pa-reg span:before, .post-author .pa-fld2 .fld-name:before, .post-author .pa-fld4 .fld-name:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: 0;
  pointer-events: none;
  font-family: Material Icons;
  font-size: 16px;
  color: var(--link);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.post-author .pa-respect .fld-name a:hover:before {
  opacity: 0.5;
  outline: none;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.post-author li.pa-posts span:before {
  content: "\e0bf";
}

.post-author li.pa-respect .fld-name a:before {
  content: "\e87d";
}

.isguest .post-author li.pa-respect .fld-name:before {
  content: "\e87d";
}

.post-author li.pa-reg span:before {
  content: "\e145";
}

.post-author .pa-fld2 .fld-name:before {
  content: "\e2eb";
}

.post-author .pa-fld4 .fld-name:before {
  content: "\e666";
}

/* lz */
.pa-fld1 {
  width: 180px;
  font-size: 9px;
  background: var(--body);
  border-radius: 0 0 14px 14px;
  border: var(--b_body);
  border-top: none;
  margin: 5px 0;
  text-align: center;
  line-height: 1.2;
  padding-bottom: 5px !important;
  box-sizing: border-box;
  color: var(--sub_text);
}

.pa-fld1 img {
  margin: -3px 0 0 -1px;
}

.pa-fld1 a img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pa-fld1 a {
  color: var(--nav_link) !important;
}

.pa-fld1 a:hover {
  color: var(--sub_text) !important;
}

.thor {
  padding-top: 3px !important;
  letter-spacing: 1px;
}

/* иконка сверху профиля */
.pa-fld5 {
  background: var(--body);
  border-radius: 100%;
  padding: 3px !important;
  position: absolute;
  top: -15px;
  left: 101px;
  border: var(--b_body);
}

.pa-fld5 img {
    width: 24px;
    height: auto;
}

/* C3.11 */
.punbb .post-body {
  margin-left: 230px;
  padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
  padding: 0.95em 2em 0.95em 3em;
}

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
}

/* C3.15 */
.punbb .post-links ul {
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  background: transparent;
  text-align: right;
}

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding: 0 5px;
  text-transform: lowercase;
  letter-spacing: 0.5px;
}

.punbb .post-links li:first-child {
  padding-left: 0;
}

.punbb .post-links li:last-child {
  padding-right: 0;
}

.punbb .post-links li a {
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 10px;
  letter-spacing: 1px;
}

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

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

.pa-reg {
  display: none;
}

/* C4 Moderator menu
-------------------------------------------------------------*/
/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  font-size: 10px;
  text-transform: lowercase;
}

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

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

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

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

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

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

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

/* C6.3 */
#profilenav li {
  padding: 5px;
  margin: 5px 0;
  text-align: left;
}

#profilenav li a {
  color: var(--black) !important;
}

#profilenav li a:hover {
  color: var(--link) !important;
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
  padding: 18px;
  margin: 0 0 1em 0;
  font-size: 10px;
  text-transform: lowercase;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  font: var(--alice_12);
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 5px;
  position: relative;
  text-transform: lowercase;
  font-size: 10px;
  background: var(--sub_body);
  border: var(--b_body);
  border-radius: 10px;
}

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

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  color: var(--nav_link);
}

#viewprofile tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-transform: lowercase;
  gap: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  background: var(--sub_body);
  border: var(--b_body);
  border-radius: 20px;
}

#profile-left {
  width: 28% !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 10px !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#profile-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#profile-right li span a {
  color: var(--nav_link) !important;
}

#profile-right li span a:hover {
  color: var(--black) !important;
}

#viewprofile #profile-name strong {
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
}

#viewprofile li#pa-avatar img {
  padding: 4px;
  border: var(--b_body);
  border-radius: 10px;
  background: var(--body);
}

#viewprofile #pa-edit a {
  padding: 4px 9px;
  background: var(--body);
  border: var(--b_body);
  border-radius: 10px;
}

#viewprofile #pa-edit a:hover {
  background: var(--sub_body);
  color: var(--link) !important;
}

#profile-signature ul {
  border: none !important;
}

.punbb #profile-signature .sigimage {
  max-width: 100% !important;
}

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

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: 400 !important;
}

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

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

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

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
  display: none;
}

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

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

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

#pun-title table {
  border: none;
  height: 40px;
  width: 100%;
}

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

#pun-title td.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 2px;
}

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

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

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

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

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

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

/* D3 Forum navigation
-------------------------------------------------------------*/
/* D3.1 */
#pun-navlinks {
  position: absolute;
  top: -20px;
  left: 70px;
  width: auto;
}

#pun-navlinks .container {
  height: 25px;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

#pun-navlinks li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0;
  background: var(--body);
  border-radius: 5px 5px 0 0;
}

#pun-navlinks a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 8px 0 8px;
  font: 400 10px Rubik;
  text-transform: uppercase;
  gap: 5px;
}

#pun-navlinks a:before {
  content: "";
  width: 14px;
  height: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0;
  top: 0;
  pointer-events: none;
  font-family: "Material Icons";
  font-size: 14px;
}

#pun-navlinks li#navindex a:before {
  content: "\ea44";
}

#pun-navlinks li#navuserlist a:before {
  content: "\e7fd";
}

#pun-navlinks li#navawards a:before {
  content: "\ea3f";
}

#pun-navlinks li#navsearch a:before {
  content: "\e8b6";
}

#pun-navlinks li#navprofile a:before {
  content: "\e3e3";
}

#pun-navlinks li#navpm a:before {
  content: "\e158";
}

#pun-navlinks li#navadmin a:before {
  content: "\e8b8";
}

#pun-navlinks li#navlogout a:before {
  content: "\e5cd";
}

#pun-navlinks li#navregister a:before {
  content: "\e226";
}

#pun-navlinks li#navlogin a:before {
  content: "\e5ca";
}

#pun-navlinks li#navpr_1 a:before {
  content: "\e7f4";
}

/* D4 User links
-------------------------------------------------------------*/
/* D4.2 */
#pun-ulinks {
  position: absolute;
  top: 20px;
  left: 70px;
}

#pun-ulinks .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: 0.5px;
  color: var(--ulinks) !important;
}

#pun-ulinks li a:hover {
  color: var(--black) !important;
}

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

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
/* D5.1 */
#pun-status {
  border-bottom: none;
  margin-bottom: 0;
  position: absolute;
  top: -40px;
  left: 72px;
}

/* D5.2 */
#pun-status .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.6;
  text-align: right;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: lowercase;
  color: var(--sub_body);
  gap: 3px;
  font-weight: normal !important;
}

#pun-status .container a {
  color: var(--sub_body) !important;
}

#pun-status .container a:hover {
  color: var(--link) !important;
}

#pun-status .container strong {
  font-weight: normal !important;
}

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  margin: 20px 0 10px 0;
  text-align: center;
  font: 100 10px Rubik;
  text-transform: uppercase;
}

/* D5.6 */
#pun-break1 {
  display: none;
}

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

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

/* D6.3 */
#pun-announcement .container {
  padding: 2.3em 0 0;
}

/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  width: auto;
  margin-top: 20px;
}

/* D7.2 */
.ststitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-transform: lowercase;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: var(--text5);
  font-size: 10px;
}

.ststitems li {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  text-align: center;
  padding: 5px 0;
}

.ststitems li:first-child {
  border-left: none;
}

#pun-stats h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 220px;
  height: 35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--sub_body);
  border-radius: 10px 0 0 10px;
  border-top: var(--b_body);
  border-left: var(--b_body);
  border-bottom: var(--b_body);
}

#pun-stats h2 span {
  color: var(--link);
  font: 100 14px Rubik;
  text-transform: uppercase;
  text-align: center;
}

.stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  height: 35px;
  gap: 15px;
  font: var(--alice_12);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  background: var(--sub_body);
  border-radius: 0 10px 10px 0;
  border-top: var(--b_body);
  border-right: var(--b_body);
  border-bottom: var(--b_body);
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
  line-height: 150%;
  box-sizing: border-box;
  text-align: center;
  font-size: 10px;
  text-transform: lowercase;
  color: var(--sub_text);
}

#pun-stats .statscon {
  width: 100%;
}

#pun-stats .statscon .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#pun-stats .statscon .container a {
  font-weight: normal;
  color: var(--black) !important;
}

#pun-stats .statscon .container a:hover {
  color: var(--link) !important;
}

/* D7.4 */
li#onlinelist {
  width: 100%;
  box-sizing: border-box;
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: 0.5px;
}

/* D7.5 */
li#onlinelist.item5.onlinelist, li#onlinelist.item5.users_24h {
  padding-top: 10px;
}

li#onlinelist.item5.users_24h {
  padding-bottom: 10px;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
}

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

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

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: center;
  line-height: 150%;
  padding: 0.8em 0;
  font-size: 9px;
}

/* D8.5 */
#pun-about p span {
  display: block;
  text-transform: lowercase;
}

/* D8.6 */
#pun-crumbs2 {
  font-weight: normal;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
}

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  text-align: center;
  margin: 10px 0 0;
  font: 100 10px Rubik;
  text-transform: uppercase;
}

/* D8.8 */
#pun-break4 {
  display: none;
}

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

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

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

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

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

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

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

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

/* Иконки в форме ответа */
#form-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: var(--b_body);
  margin-bottom: 10px;
  border-radius: 10px;
}

.punbb #main-reply {
  box-sizing: border-box;
  outline: none;
  padding: 5px;
  background: var(--sub_body);
  border: var(--sub_line);
  border-radius: 10px;
}

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

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

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

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

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

#form-buttons td#button-font:before {
  content: "\f031";
}

#form-buttons td#button-transL:before {
  content: "\f021";
}

#form-buttons td#button-size:before {
  content: "\f034";
}

#form-buttons td#button-bold:before {
  content: "\f032";
}

#form-buttons td#button-italic:before {
  content: "\f033";
}

#form-buttons td#button-underline:before {
  content: "\f0cd";
}

#form-buttons td#button-strike:before {
  content: "\f0cc";
}

#form-buttons td#button-indent:before {
  content: "\f03c";
}

#form-buttons td#button-left:before {
  content: "\f036";
}

#form-buttons td#button-center:before {
  content: "\f037";
}

#form-buttons td#button-justify:before {
  content: "\f039";
}

#form-buttons td#button-right:before {
  content: "\f038";
}

#form-buttons td#button-link:before {
  content: "\f0c1";
}

#form-buttons td#button-spoiler:before {
  content: "\f07c";
}

#form-buttons td#button-image:before {
  content: "\f1c5";
}

#form-buttons td#button-video:before {
  content: "\f1c8";
}

#form-buttons td#button-hide:before {
  content: "\f0ea";
}

#form-buttons td#button-quote:before {
  content: "\f10d";
}

#form-buttons td#button-code:before {
  content: "\f1c9";
}

#form-buttons td#button-color:before {
  content: "\f123";
}

#form-buttons td#button-table:before {
  content: "\f00a";
}

#form-buttons td#button-smile:before {
  content: "\f113";
}

#form-buttons td#button-keyboard:before {
  content: "\f11c";
}

#form-buttons td#button-addition:before {
  content: "\f0ab";
}

#form-buttons td#button-mask:before {
  content: "\f630";
}

#pun-messages td#button-mask {
  display: none;
}

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

/* всплывающие окна */
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #pun-multimove .pun-modal .modal-inner {
  background: var(--body);
  border-radius: 20px;
  font-size: 10px;
  text-transform: lowercase;
}

#pun-report .inner h1, #pun-reputation .inner h1, #pun-admin-award-form .inner h1, #pun-multimove .pun-modal .modal-inner h1 {
  padding: 0;
}

#tags .container {
  top: 31px !important;
  background: var(--body);
  border: var(--b_body);
  padding: 10px !important;
  border-radius: 10px;
}

#pun-edit #tags .container {
  top: 53px !important;
}

#font-area {
  overflow-x: auto;
  height: 100%;
}

/* rusff это интересно */
div#pun-live-rusff {
  height: 18px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding-bottom: 10px !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3px !important;
}

.cool1 {
  background: var(--forum_i) !important;
  box-shadow: none !important;
  font: 400 10px Rubik !important;
  height: 18px !important;
  text-transform: lowercase;
  border: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0 !important;
}

.cool2 {
  background: var(--nav_link) !important;
  border: none !important;
  height: 18px !important;
  border-radius: 5px;
}

.cool3 {
  background: var(--nav_link) !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 5px;
  font-size: 10px !important;
}

.cooltext {
  font-size: 0 !important;
}
/*БЫСТРЫЕ ПЛЮСЫ ТОПА*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
     text-align: center;
    outline: 1px solid transparent;
    font-weight: 700;
    background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
    background-size: 28px auto;
    position: relative;
    padding-left: 0px;
    z-index: 100;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 10px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    letter-spacing: -1px;
    color: #ffffff;

}
div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
    font-size: 0 !important;
    position: absolute;
    cursor: pointer;
    z-index: 200;
    width: 20px;
    height: 20px;
    background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
    display: block;
    background-size: 100%;
    margin-left: 55px;
    margin-top: 4.5px;

}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}


@font-face {font-family: Romul; /* Имя шрифта */
src: url(https://forumstatic.ru/files/0019/d0/45/85305.ttf);}
@font-face {font-family: Decameron; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001b/ea/09/33178.ttf);}
@font-face {font-family: Kobzar; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001b/ea/09/66172.otf);}
@font-face {font-family: Second Lesson; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001b/ea/09/85035.otf);}
@font-face {font-family: Ghastly Panic; /* Имя шрифта */
src: url(https://forumstatic.ru/files/001b/ea/09/90349.otf);}

.punbb .main .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb th, #setmods dl, .punbb .section .container, .punbb .post-body, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend, #pun-viewtopic .post-rating .container, .punbb .post .container, .punbb .post-links, .punbb .modmenu .container, #pun-navlinks .container, #pun-ulinks .container, #viewprofile li strong, #viewprofile li div {
  background: transparent;
}

#pun-index h2, #pun-searchposts h1, #pun-multidelete h1, #pun-multimegre h1, #pun-multimove h1, #pun-viewtopic h1, #pun-debug h2, #pun-redirect h1, #pun-userlist h1, #pun-mod h2, #pun-search h1, #pun-profile h1, #pun-searchtopics h1, #pun-message h1, #pun-viewforum h1, #pun-viewtopic .main h2, #pun-edit h1, #pun-modviewforum h1, #pun-register h1, #pun-login h1, #pun-online h1, #pun-viewforum h1, #pun-respect h1, #pun-poll h1, #pun-post h1, #pun-delete h1, #pun-movetopic h1, #pun-vip h1, #pun-deletetopic h1, #pun-upavatar h1, #pun-changepass h1, #pun-positive h1, #pun-deleteuser h1, #pun-upavatar h1, #pun-pages h1, #pun-rules h1 {
  padding: 0;
}

#pun-searchposts h1 span, #pun-multidelete h1 span, #pun-multimegre h1 span, #pun-multimove h1 span, #pun-viewtopic h1 span, #pun-index h2 span, #pun-stats h2 span, #pun-debug h2 span, #pun-redirect h1 span, #pun-userlist h1 span, #pun-mod h2 span, #pun-search h1 span, #pun-profile h1 span, #pun-searchtopics h1 span, #pun-message h1 span, #pun-viewtopic h1 span, #pun-viewforum h1 span, #pun-viewtopic .main h2 span, #post-form h2 span, #pun-edit h1 span, #pun-modviewforum h1 span, #pun-register h1 span, #pun-login h1 span, #pun-online h1 span, #pun-respect h1 span, #pun-poll h1 span, #pun-post h1 span, #pun-post h2 span, #pun-delete h1 span, #pun-searchposts h1 span, #pun-movetopic h1 span, #pun-vip h1 span, #pun-deletetopic h1 span, #pun-upavatar h1 span, #pun-changepass h1 span, #pun-multimove .main h1 span, #pun-positive h1 span, #pun-deleteuser h1 span, #pun-upavatar h1 span, #pun-pages h1 span, #pun-rules h1 span {
  font-size: 0px;
}

#post-form h2 {
  background: transparent !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

#post-form h2 span {
  padding: 0 30px;
  background: var(--black);
}

.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: var(--link);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--black);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

#pun-ulinks a {
  color: var(--link);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: var(--dactiv);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

div.icon, tr.inew div.icon, tr.isticky div.icon, tr.iclosed div.icon {
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

div.icon {
  background: transparent;
  border: var(--b_body);
}

tr.inew div.icon {
  background: var(--nav_link);
  border: none;
}

tr.isticky div.icon {
  background: var(--nav_link);
  border: none;
}

tr.iclosed div.icon {
  background: var(--toggle);
  border: none;
}

#pun-index div.icon {
  width: 5px;
  height: auto;
  border-radius: 5px;
  border: var(--b_body);
  background: var(--body);
}

#pun-index DIV.inew {
  background: var(--forum_i);
}

#pun-main div.catleft, #pun-main div.catright {
  display: none;
}

/*SWITCH*/
#stylelist {
  position: absolute;
  top: 31px;
  right: 115px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--body);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: var(--b_body);
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background: url(https://forumstatic.ru/files/001b/8c/26/37876.svg) no-repeat 3px/19px, var(--sub_body);
  outline: var(--b_body);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background: var(--toggle);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider {
  border-radius: 30px;
}

.slider:before {
  border-radius: 50%;
}

/* оформление форумов */
.opisan {
  font-size: 9px;
  letter-spacing: 2px;
  color: var(--forum_i);
  padding: 5px 0;
}

.opisan:before {
  content: "\f178";
  font-family: FontAwesome;
  padding-right: 5px;
}

.opis {
  font-size: 9px;
  color: var(--sub_text);
  text-align: justify;
}

.podff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 5px !important;
}

.podff a {
  background: var(--body);
  border: var(--b_body);
  padding: 0 8px;
  font-size: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.podff a:hover {
  background: var(--forum_i);
  color: var(--body) !important;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.podff .links {
    display: flex;
    gap: 5px;
}

/* таблица */
.go {
  width: 110px;
  height: 55px;
  background: white;
  position: absolute;
  top: 330px;
  left: 468px;
  text-align: center;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
}

.go img {
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.go img:hover {
  opacity: 0.5;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.all_tabl {
  width: 800px;
  height: 190px;
  position: absolute;
  top: 110px;
  left: 123px;
  display: none;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}

.tabl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 750px;
  height: 190px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto !important;
  gap: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l_tabl, .r_tabl {
  width: 325px;
  height: 157px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.activiti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
}

.activ_face {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

g {
  width: 165px;
  padding: 0 15px;
  height: 35px;
  background: var(--body);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  box-sizing: border-box;
  font-size: 9px;
  text-transform: uppercase;
  gap: 2px;
}

g1 img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: solid 4px var(--body) !important;
}

g1 a:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

g1 a {
  position: relative;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

g1 a:before {
  content: "";
  width: 40px;
  height: 40px;
  background: var(--link);
  display: block;
  position: absolute;
  border-radius: 100%;
  top: -34px;
  left: 4px;
  mix-blend-mode: color;
}

.ams {
  width: 100%;
  color: var(--link);
  font-size: 10px;
  background: var(--body);
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
}

.bestpost {
  width: 100%;
  height: 90px;
  background: var(--body);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.bestpost p {
  width: 280px;
  padding-right: 5px;
  height: 40px;
  overflow-y: auto;
  font-size: 9px;
  text-align: justify;
}

.bestpost a {
  font-size: 10px;
  width: 285px;
  background: var(--link);
  color: var(--body) !important;
  text-align: center;
  border-radius: 10px;
}

.bestpost a:hover {
  opacity: 0.5;
}

/**новостные плашки**/
.tablo3 {
  display: grid;
  overflow-x: auto;
  width: 880px;
  height: 40px;
  gap: 5px;
  grid-auto-flow: column;
  margin: 0 auto !important;
}

.plashka {
  width: 140px;
  height: 27px;
  display: grid;
  font-size: 10px;
  background: var(--sub_body);
  border: var(--b_body);
  border-radius: 10px;
  grid-template: 1fr 1fr/0.3fr 1fr;
}

.pl_img {
  height: 27px;
  display: grid;
  grid-area: 2/1/2;
  grid-row: 1/-1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}

.pl_img img {
  width: 16px;
  height: 16px;
}

.glav {
  height: 15px;
  display: grid;
  grid-area: 1/2/3;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
}

.glav a {
  color: var(--nav_link) !important;
}

.glav a:hover {
  color: var(--sub_text) !important;
}

.opi {
  height: 15px;
  grid-area: 2/2/3;
  font-size: 9px;
  color: var(--sub_text);
}

/* баннеры */
.banners {
  position: absolute;
  bottom: 73px;
  right: 105px;
  width: 377px;
  height: 34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  overflow-y: auto;
}

.banners img {
  width: 88px;
  height: 31px;
  opacity: 0.7;
  border-radius: 10px;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.banners img:hover {
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

/* плеер */
.player__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 320px;
  height: 40px;
  background: var(--body);
  border-radius: 10px;
}

.album__img {
  border-radius: 10px;
  width: 40px;
  height: 40px;
  border: solid 1px var(--link) !important;
  padding: 3px;
  background: var(--body);
}

.custom-controls_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 250px;
  gap: 3px;
}

.controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}

.controls:before, .controls:after {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--sub_line);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pleer_button {
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.play__button {
  background: url(https://forumstatic.ru/files/001b/8c/26/12516.svg);
  background-size: cover;
}

.next__button {
  background: url(https://forumstatic.ru/files/001b/8c/26/86250.svg);
  background-size: cover;
}

.prev__button {
  background: url(https://forumstatic.ru/files/001b/8c/26/78287.svg);
  background-size: cover;
}

.stop__button {
  background: url(https://forumstatic.ru/files/001b/8c/26/15043.svg);
  background-size: cover;
}

.stop__button {
  display: none;
}

.player-slide-animation {
  -webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: rotate-in-2-cw 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
.song__info {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.player-marquee {
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: lowercase;
}

.song__info_animation {
  display: inline-block;
  padding-left: 100%;
  -webkit-animation: playerMarquee 15s linear infinite;
  animation: playerMarquee 15s linear infinite;
}

@-webkit-keyframes playerMarquee {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}

@keyframes playerMarquee {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}

/*кнопки вверх-вниз*/
.go-up, .go-down {
  display: none;
  position: fixed;
  margin-left: 1050px !important;
  z-index: 99;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  text-decoration: underline;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.go-down img, .go-up img {
  width: 60px;
  height: 60px;
}

.go-down img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.go-up {
  top: 425px;
}

.go-down {
  top: 465px;
}

.go-down:hover, .go-up:hover {
  opacity: 0.5;
  -webkit-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

/**картинка быстрого перехода на цитату**/
.qc-post-link img {
  width: 9px;
  margin-bottom: 2px;
  margin-left: 2px;
}

/*увеличение шрифта*/
.FNTslider {
  position: relative;
  z-index: 10;
  background: var(--body);
  width: 140px;
  height: 8px;
  margin: 4px 40px !important;
  float: right;
  border: var(--b_body);
  border-radius: 5px;
  box-sizing: border-box;
}

#pun-messages .FNTslider {
  margin: 0px 40px !important;
}

.FNTslider .before {
  height: 8px;
  position: absolute;
  background: var(--forum_i);
  border-radius: 5px;
  margin-top: -1px;
  box-sizing: border-box;
}

.FNTslider .thumb {
  width: 10px;
  height: 10px;
  position: relative;
  top: -3px;
  cursor: pointer;
  background: var(--sub_body);
  border: var(--b_body);
  border-radius: 5px;
  margin-left: -10px;
}

/**закладки**/
#BookmCntToggle.default-style {
  color: var(--link) !important;
  background: var(--body) !important;
}

#MyBookmarks h2 {
  background: var(--sub_body);
  text-transform: uppercase;
  padding: 5px !important;
  font-size: 10px !important;
}

#MyBookmarks h2 span {
  width: 100% !important;
  text-align: center;
  -webkit-writing-mode: initial;
  -ms-writing-mode: initial;
  writing-mode: initial;
  padding-top: 5px;
  font-size: 10px !important;
}

.editBookmark span {
  width: auto !important;
}

#MyBookmarks #bm2 {
  color: var(--link);
}

#MyBookmarks .container, .editBookmark {
  background: var(--body) !important;
}

#MyBookmarks span.scrl {
  color: var(--black) !important;
  text-shadow: none !important;
}

#MyBookmarks span.scrl span:before {
  content: "▼" !important;
}



/* ДОПЫ ШАБЛОНЫ
 -------------------------------------------------------------*/

/*общий шаблон */
.stry {background: var(--body);
width: 645px;outline-offset: 2px;  outline: var(--b_body);margin: auto!important;border-radius: 15px 15px;  margin-bottom: 11px!important;margin-top: 6px!important;padding-bottom: 10px;}
.hdrr {   font-family: 'Rubik';margin-bottom: 6px!important;  font-size: 22px;text-align:center; line-height: 32px!important; letter-spacing: 2px; color:var(--select); }
.strytxt {     font-size: 10px; line-height: 150%!important; margin-right: 30px!important; padding: 14px 20px;text-align: justify; margin-left: 20px!important;  margin-bottom: 10px!important; border-radius: 5px; 
    background: var(--sub_body); width: 568px!important;margin-top: -9px!important; }
/* шаблон, под спойлер 
-------------------------------------------------------------*/
.sstryttxt {width: 565px!important;margin-left: -21px!important;}
.sstryttxt img{    width: 140px;height: 204px; filter: grayscale(1);  transition: all 0.5s;}
.sstryttxt img:hover{z-index: 2;  transform: scale(1.1); filter: brightness(105%);transition: all 0.5s;}

/*цитата в шаблон*/
.ttxxx, .ttxx{ border-radius: 5px; 
    background: var(--body); padding: 5px 20px 5px 20px; display: block;}
.ttxxx {text-align: center; display: block;letter-spacing: 20px; font-size: 8px;}


.nazvanie boy, .nazvanie girl{ color: #e1e1e1; text-transform: lowercase; width: 100px!important;height: 22px!important;
font-size: 18px!important;text-align: center; }
.nazvanie boy{margin-left: 50px!important;}
.nazvanie girl{ margin-top: -22px!important;margin-left: 360px!important;}
.ABCDEFG,.HIJKLMN, .OPQRST,  .UVWXYZ{   display: flex;  justify-content: space-evenly;   flex-wrap: wrap;} 
.HIJKLMN, .OPQRST,  .UVWXYZ{ margin-top: -18px!important;}

.girl, .boy{  padding: 8px;width: 210px!important; overflow: auto; height: 100px!important;display: flex; flex-wrap: nowrap; margin-top: 15px!important;flex-direction: column;
align-items: center; background: var(--body);
 } .girl{  margin-bottom: 15px!important;margin-left: 40px!important;} .boy  v, .girl v{display: block; clear: both;}




/* code is zhigul. slide tramp */
/*сертификаты  */
.amount {    border: 1px solid #d1d1d1; font-family: Rubik Regular; font-size: 11px; color: #90a69a; width: 17px;height: 17px;border-radius: 50px; background-color: #ffffff; display: flex;justify-content: center; align-items: center;margin-left: -2px !important;margin-top: -4px !important;}.cert { display: flex;  justify-content: space-evenly; align-items: center;  width: fit-content; margin-top: 5px !important;}.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18{width: 148px;  height: 84px;  filter: grayscale(1); transition: all 0.5s;  margin-right: 50px !important;}
.s1e, .s2e, .s3e, .s4e, .s5e, .s6e, .s7e, .s8e, .s9e, .s10e, .s11e, .s12e, .s13e, .s14e, .s15e, .s16e,  .s17e, .s18e{ width: 148px;  height: 84px;  filter: none; transition: all 0.5s;margin-right: 50px !important;}
.s1e:hover, .s2e:hover, .s3e:hover, .s4e:hover, .s5e:hover, .s6e:hover, .s7e:hover, .s8e:hover, .s9e:hover, .s10e:hover, .s11e:hover, .s12e:hover, .s13e:hover, .s14e:hover, .s15e:hover, .s16e:hover, .s17e:hover, .s18e:hover {  filter: brightness(105%); transition: all 0.5s;}.s1:hover, .s2:hover, .s3:hover, .s4:hover, .s5:hover, .s6:hover, .s7:hover, .s8:hover, .s9:hover, .s10:hover, .s11:hover, .s12:hover, .s13:hover, .s14:hover, .s15:hover, .s16:hover,.s17:hover, .s18:hover { filter: none;}.s1, .s1e{  background: url(https://i.imgur.com/n1hz6Y2.png);}.s2, .s2e{  background: url(https://i.imgur.com/SMdyc8Z.png);}.s3, .s3e{ background: url(https://i.imgur.com/0ZaOxsw.png);}.s4, .s4e{ background: url(https://i.imgur.com/eraUbKQ.png);}.s5, .s5e{ background: url(https://i.imgur.com/gE4CTLV.png);}.s6, .s6e{ background: url(https://i.imgur.com/l2fI1jc.png);}.s7, .s7e{ background: url(https://i.imgur.com/EkGZAkh.png);}.s8, .s8e{ background: url(https://i.imgur.com/p0s3ZCo.png);}.s9, .s9e{background: url(https://i.imgur.com/VkKttua.png);}.s10, .s10e{ background: url(https://i.imgur.com/K04QHva.png);}.s11, .s11e{ background: url(https://i.imgur.com/iLAncW4.png);}.s12, .s12e{  background: url(https://i.imgur.com/vPyfvjn.png);}.s13, .s13e{ background: url(https://i.imgur.com/3X3e1Bg.png);}.s14,.s14e{background: url(https://i.imgur.com/Em425KF.png);}.s15, .s15e{ background: url(https://i.imgur.com/aQ0H8Rl.png);}.s16, .s16e{background: url(https://i.imgur.com/Cc86O3P.png);}.s17, .s17e{ background: url(https://upforme.ru/uploads/001b/c1/db/7/t585010.png);}.s18, .s18e{background: url(https://upforme.ru/uploads/001b/c1/db/7/t393284.png);}

/* стики*/
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .x13, .x14, .x15, .x16, .x17, .x18, .x19, .x20, .x21,.x22, .x23, .x24, .x25, .x26, .x27, .x28, .x29, .x30, .x31,.x32, .x33, .x34, .x35, .x36{opacity: 0.3;  width: 74px;  height: 74px;  filter: grayscale(1); transition: all 0.5s;  margin-right: 50px !important;}.x1e, .x2e, .x3e, .x4e, .x5e, .x6e, .x7e, .x8e, .x9e, .x10e, .x11e, .x12e, .x13e, .x14e, .x15e, .x16e, .x17e, .x18e, .x19e, .x20e,.x21e,.x22e, .x23e, .x24e, .x25e, .x26e, .x27e, .x28e, .x29e, .x30e,.x31e,.x32e, .x33e, .x34e, .x35e, .x36e{opacity: 1.1;  width: 74px;  height: 74px;  filter: none; transition: all 0.5s;margin-right: 50px !important;} .x1e:hover, .x2e:hover, .x3e:hover, .x4e:hover, .x5e:hover, .x6e:hover, .x7e:hover, .x8e:hover, .x9e:hover, .x10e:hover, .x11e:hover, .x12e:hover, .x13e:hover, .x14e:hover, .x15e:hover, .x16e:hover, .x17e:hover, .x18e:hover, .x19e:hover, .x20e:hover, .x21e:hover, .x22e:hover, .x23e:hover, .x24e:hover, .x25e:hover, .x26e:hover, .x27e:hover, .x28e:hover, .x29e:hover, .x30e:hover, .x31e:hover, .x32e:hover, .x33e:hover, .x34e:hover, .x35e:hover, .x36e:hover {  filter: brightness(105%); transition: all 0.5s;}
.x1, .x1e{  background: url(https://i.imgur.com/gMuSZxZ.png);}.x2, .x2e{ background: url(https://i.imgur.com/cArMR0S.png);}
.x3, .x3e{background: url(https://i.imgur.com/5YFpwGj.png);}.x4, .x4e{background: url(https://i.imgur.com/6h5Lmrf.png);}
.x5, .x5e{ background: url(https://i.imgur.com/4sl1c1r.png);}.x6, .x6e{ background: url(https://i.imgur.com/5wSvM6n.png);}
.x7, .x7e{ background: url(https://i.imgur.com/2VkcZ4I.png);}.x8, .x8e{ background: url(https://i.imgur.com/6dwqexE.png);}
.x9, .x9e{ background: url(https://i.imgur.com/8NwSAAm.png);}.x10, .x10e{ background: url(https://i.imgur.com/a3OpKAI.png);}
.x11, .x11e{background: url(https://i.imgur.com/78CRlxd.png);}.x12, .x12e{ background: url(https://i.imgur.com/BIA3Gu6.png);}
.x13, .x13e{ background: url(https://i.imgur.com/etC5tN0.png);}.x14, .x14e{ background: url(https://i.imgur.com/Vkyblcc.png);}
.x15, .x15e{ background: url(https://i.imgur.com/n08UKXE.png);}.x16, .x16e{ background: url(https://i.imgur.com/VwSkByF.png);}
.x17, .x17e{ background: url(https://i.imgur.com/ru52Bnj.png);}.x18, .x18e{ background: url(https://i.imgur.com/GRXLOFG.png);}
.x19, .x19e{ background: url(https://i.imgur.com/BuOtRqs.png);}.x20, .x20e{ background: url(https://i.imgur.com/Q8hPZqR.png);}
.x21, .x21e{ background: url(https://i.imgur.com/wr9wgrW.png);}.x22, .x22e{ background: url(https://i.imgur.com/TwH1DIA.png);}
.x23, .x23e{background: url(https://i.imgur.com/8UHAzFk.png);}.x24, .x24e{ background: url(https://i.imgur.com/KnDRe77.png);}
.x25, .x25e{background: url(https://i.imgur.com/cVADcE9.png);}.x26, .x26e{background: url(https://i.imgur.com/tGy28KV.png);}
.x27, .x27e{  background: url(https://i.imgur.com/xdKHhwF.png);}.x28, .x28e{  background: url(https://i.imgur.com/7TsLAAF.png);}
.x29, .x29e{ background: url(https://i.imgur.com/HmyFH91.png);}.x30, .x30e{  background: url(https://i.imgur.com/HiVoXgX.png);} .x31, .x31e{  background: url(https://i.imgur.com/DtbbiSD.png);}.x32, .x32e{background: url(https://i.imgur.com/g4MVqCJ.png);} .x33, .x33e{ background: url(https://i.imgur.com/zaiNusT.png);}.x34, .x34e{  background: url(https://i.imgur.com/juYSLeL.png);}
.x35, .x35e{ background: url(https://i.imgur.com/FnJ5K2v.png);}.x36, .x36e{ background: url(https://i.imgur.com/4eZjDdr.png);}

/* code is zhigul. slide tramp */
#cards {background: url(https://i.imgur.com/Y4cH7OJ.png); width: 995px!important;
height: 570px!important; border-radius: 7px!important; margin: 20px auto 0!important;} #cards .tabs { display: flex;  width: 100%!important; height: 100%!important;  box-sizing: border-box;  position: relative;  margin: -10px auto 0!important; flex-direction: row;justify-content: flex-end; }.tab, .key {display: inline-block;}.tab input[type="radio"] { display: none; }.key { font-family: Rubik Regular; font-size: 11px;color: #7c7c7c;text-align: center; box-sizing: border-box;width: 105px!important;height: 16px!important; background: #e3e3e3; border: 1px solid #f0f0f0; border-radius: 20px 20px 0px 0px; cursor: pointer; margin: -12px 30px 0px 0px!important;z-index: 2; line-height: 15px!important; }.tab-content { position: absolute; padding: 0; left: 0; width: 100%!important; display: none;height: calc(100% - 14px);}.tab :checked + .key { background: #fff; position: relative;} .tab :checked ~ .tab-content {display: block;} .lic {  border-radius: 7px;  margin: auto!important; display: flex; flex-direction: row; flex-wrap: wrap;  justify-content: center;    width: 100%!important;  height: 100%!important;} .lic  icon  { background: #7c7c7c; box-sizing: border-box;position: absolute; width: 20px!important;height: 20px!important;  border-radius: 295px!important; margin-left: -660px!important;margin-top: 28px!important; z-index: 2;} .lic  icon  img{position: absolute;width: 15px!important; height: 15px!important; margin-left: 2.5px!important;margin-top: 2px!important;}.lic  icon2 {box-sizing: border-box;  position: absolute;width: 20px!important; height: 20px!important; background: #7c7c7c;  border-radius: 295px!important; margin-left: -582px!important; margin-top: 28px!important; z-index: 2;} .lic  icon2 img{ position: absolute; width: 15px!important;  height: 15px!important; margin-left: 2.5px!important;margin-top: 3.5px!important;  }.lic  icon3 {box-sizing: border-box;  position: absolute; width: 21px!important; height: 20px!important;  background: #7c7c7c; border-radius: 295px!important; margin-left: -507px!important; margin-top: 28px!important;  z-index: 2;} .lic  icon3 img{position: absolute; width: 16px!important; height: 16px!important; margin-left: 2.5px!important; margin-top: 2px!important;} .lic  icon4 {box-sizing: border-box; position: absolute; width: 20px!important;height: 20px!important; background: #7c7c7c; border-radius: 295px; margin-left: -434px!important; margin-top: 28px!important; z-index: 2;} .lic  icon4 img{position: absolute; width: 16px!important; height: 16px!important; margin-left: 2.5px!important; margin-top: 2px!important;} .lichn1 {   background: #e8e8e8; border-radius: 20px; position: absolute; width: 300px!important;  height: 355px!important; margin-top: 10px!important;  margin-bottom: 17px!important; margin-left: -620px!important;} .lichn1  active{ box-sizing: border-box; position: absolute;  width: 280px!important; background: #f8f8f8; border-radius: 20px; margin-top: 104px!important; margin-left: 10px!important; padding: 6px!important;  font: 9px 'Rubik Regular'; color: #7c7c7c; text-transform: lowercase; text-align: center;} .lichn1  namelast{position: absolute; width: 280px!important;  height: 80px!important; background: #f4f4f4; border-radius: 20px; margin-left: 10px; margin-top: 15px!important;}.lichn1  name{text-overflow: clip; position: absolute; font-weight: 600; font-family: Rubik Regular; font-size: 11px; line-height: 21px!important;  color: #7c7c7c; width: 180px!important; margin-left: 85px!important; margin-top: 26px!important; letter-spacing: 0.5px!important;text-transform: uppercase; text-align: center;}.lichn1  av{border: 7px solid #ffffff; position: absolute;
width: 70px!important;height: 70px!important; border-radius: 100px!important;margin-left: 8px!important; margin-top: 13px!important;} .lichn1  av img{width: 70px!important; height: 70px!important; border-radius: 100px!important;filter: grayscale(100%);object-fit: cover;} .lichn1  force{box-sizing: border-box; position: absolute; width: 28px; height: 28px!important; background: #ffffff; border: 1px solid #ececec; border-radius: 300px!important;margin-top: 70px!important;margin-left: 65px!important;}.lichn1 force img { position: absolute;  width: 21px!important;  height: 21px!important; margin-top: 3px!important; margin-left: 2px!important; } .lichn1  song{background: #ffffff;  border-radius: 20px;position: absolute; width: 140px!important;
height: 22px!important;margin-left: 100px!important; margin-top: 64px!important; font-family: 'Rubik Regular'; font-size: 9px!important;line-height: 8px!important; text-align: justify; color: #7c7c7c; padding-left: 30px; padding-right: 10px;text-transform: lowercase;}.lichn1  song:before {position: relative; margin-top: 0px !important; margin-left: -30px !important; content: url(https://upforme.ru/uploads/001b/94/a1/2/740843.png); display: block; margin-bottom: -19px !important;} .lichn1 iic {  background: #f8f8f8;border-radius: 20px;  position: absolute; width: 199px!important; height: 50px; overflow-y: auto; margin-top: 12px;}.lichn1  ic{ background: #f8f8f8; border-radius: 20px; position: absolute; width: 200px!important; height: 75px; margin-left: 314px!important; margin-top: 280px;} .lichn1 ic img{ border-radius: 6px; background: #f0f0f0;padding: 3px!important; margin-left: 8px!important; width: 15px!important; height: 15px!important;  margin-top: 3px; filter: brightness(105%);  transition: all 0.5s; } .lichn1 ic img:hover{ filter: grayscale(1); transition: all 0.5s; }.lichn1  iic2{background: #f8f8f8; border-radius: 20px; margin-left: 314px!important; position: absolute;  width: 200px!important;  height: 270px!important;} .lichn1  ic2{ margin-top: 13px!important; position: absolute; width: 199px!important; height: 245px!important;  overflow-y: auto;} .lichn1 ic2 img{  margin-left: 8px!important; width: 180px!important;  height: 8px!important; filter: brightness(105%); transition: all 0.5s; } .lichn1 ic2 img:hover{     filter: grayscale(1);    transition: all 0.5s; } .lichn1 jaw{ padding: 10px!important; background: #f4f4f4; border-radius: 20px; position: absolute; width: 260px!important; height: 165px!important;margin-top: 148px!important; margin-left: 10px!important;} .lichn1  present{  padding: 5px!important;  position: absolute; width: 260px!important; height: 160px!important;margin-top: -2px!important; overflow: auto;margin-left: -5px!important;} .lichn1 present img{box-shadow: 1px 1px 3px 1px #edeced; padding: 12px!important; width: 50px!important; height: 50px!important; background: #f8f8f8; border-radius: 25px;margin-left: 6px; margin-bottom: 5px; filter: brightness(105%); transition: all 0.5s; }.lichn1  present img:hover{   filter: grayscale(1);   transition: all 0.5s; }.lichn2 {background: #f8f8f8;border-radius: 20px; position: absolute; width: 400px!important; height: 355px!important;  margin-left: 530px!important; margin-top: 10px!important; margin-bottom: 20px!important;} .lichn2  hn {border-radius: 20px; position: absolute; width: 387px!important; height: 325px!important; margin-left: 10px!important; margin-top: 14px!important; margin-bottom: 20px!important; overflow-y: auto;} .lichn2  hn img{padding:4px!important; width: 180px!important; height: 22px!important;filter: brightness(105%); transition: all 0.5s;} .lichn2  hn img:hover { filter: grayscale(1);transition: all 0.5s;}.certificates {  background: #f8f8f8; border-radius: 20px; position: absolute; width: 930px!important; overflow-x: hidden; overflow-y: auto; height: 130px!important;  margin-left: 0px!important;  margin-top: 380px!important;  margin-bottom: 20px!important; padding-top: 10px;}.certificates img{width: 150px!important; height: 85px!important; padding: 7px!important; } .certificatesscol {white-space: nowrap; overflow-y: auto; padding: 11px 10px!important; box-sizing: border-box;} .lii { border-radius: 7px;margin: auto!important; display: flex;  flex-direction: row;flex-wrap: nowrap; justify-content: space-between; width: 100%!important; height: 100%!important;  box-sizing: border-box; padding: 10px 20px 15px!important;} .lii .secondcol {overflow-y: auto;  overflow-x: hidden; padding: 0 10px!important;  box-sizing: border-box;} .lii .secondblock { display: -webkit-flex; flex-direction: column; flex-wrap: nowrap; width: 935px!important;  height: 240px!important; white-space: nowrap;overflow: hidden;  margin-bottom: 5px!important; background: #e3e3e3;border-radius: 20px; margin-top: 5px;} .lii .second { overflow-x: auto;  overflow-y: hidden;} .lii .seecond {display: -webkit-flex;  flex-direction: column;  flex-wrap: nowrap; width: 340px!important;   height: 250px!important; white-space: nowrap; margin-bottom: 5px!important; background: #e3e3e3;  border-radius: 20px; margin-top: 20px;margin-left: 20px;} .lii .episodes { display: -webkit-flex; flex-direction: column;flex-wrap: nowrap; width: 315px!important; height: 240px!important; white-space: nowrap; margin-top: 4px;overflow-y: auto;padding-right: 15px;}.seecond img{    box-shadow: 1px 1px 3px 1px #efefef96;padding: 1px!important;background: #e3e3e3;border-radius: 5px;margin-left: 20px;
margin-top: 5px; margin-bottom: 4px; filter: brightness(105%); transition: all 0.5s;}.lii .secoond{display: -webkit-flex; flex-direction: column; flex-wrap: nowrap; width: 505px!important;  height: 270px!important; white-space: nowrap; overflow: hidden; margin-bottom: 5px!important; background: #e3e3e3; border-radius: 20px; margin-left: 410px; margin-top: -265px;}.lii .stickers {display: flex; width: 455px!important;height: 260px!important; margin-left: 28px; overflow-y: auto; margin-top: 5px; flex-wrap: wrap; flex-direction: column;justify-content: space-around;}
.lii .pley{display: flex; width: 873px!important; height: 240px!important; margin-left: 50px!important; overflow-y: auto;
 margin-top: 4px!important;flex-direction: row; justify-content: flex-start; flex-wrap: wrap;align-items: flex-start; align-content: space-between;}
/*плеер*/

.image.first {width: 157px!important;height: 230px!important;display:block;z-index:100;transition-duration:0.96s;
-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}
.image.second {margin-top: -230px!important;width: 157px!important;height: 230px!important;opacity:1.00;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:1.00;}.image.second:hover {opacity:0.00;}
div.ImgField {display:inline-block;background-position:center;background-repeat:no-repeat;margin:0;padding: 3px!important;}
/* eric's code is zhigul. slide tramp  */
/* код снс  */
.grraphics img {filter: grayscale(100%); object-fit: cover; border: 2px solid #f9f9f9; width: 40px;height: 40px;border-radius: 50%; margin-top: 9px!important; margin-left: 55px!important; } .sns {margin: auto!important; position: relative; width: 355px;height: 477px; background: url(https://i.imgur.com/2YihHjm.png);} .sns life{float: left; margin-right: -5px!important; position: relative; margin-bottom: 6px;} .sns life img {       border: 3px double #ffffff;float: left;  filter: grayscale(90%);clear: both;border-radius: 100px; width: 95px;  height: 95px;  object-fit: cover;}
.sns nickname{ position: absolute; width: 185px;height: 13px; margin-top: -35px!important; margin-left: 110px!important; font: 10px 'Century Gothic'; color: #9c9c9c;  letter-spacing: 1px; text-transform: uppercase; font-weight: 600;}
.sns  status{ position: absolute; width: 185px;margin-left: 110px!important; font-family: Rubik Regular; font-size: 8px; color: #cfcfcf;
display: block; letter-spacing: 1px; text-transform: lowercase;margin-top: -25px;}
.sns  time {    clear: both; margin: 2px; float: right; margin-right: 0px!important;font: 9px 'Century Gothic';color: #a6a5a3; display: inline-block;} .sns so { position: absolute; width: 14px; margin-top: -40px!important;margin-left: 32px!important;font-family: Rubik Regular; font-size: 9px; color: #ff0000; display: block; letter-spacing: 1px; text-transform: lowercase; text-align: center; background: #f9f9f9; border-radius: 50px; height: 14px; border: 1px solid #f0ecee; z-index: 2;}
.sns reaction { clear: both;margin-top: -12px;float: right;margin-right: -4px!important;display: inline-block; z-index: 2;}
.sns reaction img{     background: #ffffff;width: 11px; height: 11px; border: 1px solid #f0ecee; padding: 1px;border-radius: 50px;}
.block {  display: flex; position: absolute; width: 305px; height: 372px;margin-top: 0px!important;margin-left: 10px!important; overflow: auto;padding-right: 10px; padding-left: 20px;flex-direction: column; align-items: flex-end; flex-wrap: nowrap; align-content: flex-end;} .block msg,.block mssg{ margin-bottom: 2px; margin-right: -8px!important; position: relative; padding: 8px; clear: both; text-align: justify; margin-top: 2px; font: 10px 'Rubik Regular'; color: #7b7b7b; float: left; border-radius: 15px 15px 0px 15px; border: 1px solid #dfeae5; background: #f9f9f9; }  .block msg i, .block mssg i {color: #817d7d00;text-shadow: 0 0 10px rgb(51 34 85); -webkit-transition: text-shadow 2.0 ease-out;-moz-transition: text-shadow 2.0 ease-out;-ms-transition: text-shadow 2.0 ease-out;-o-transition: text-shadow 2.0 ease-out;transition: text-shadow 2.0 ease-out;}.block msg i:hover, .block mssg i:hover{text-shadow: 0 0 0 rgba(0, 0, 0, 1);-webkit-transition: text-shadow 0.5s;-moz-transition: text-shadow 0.5s;-ms-transition: text-shadow 0.5s;-o-transition: text-shadow 0.5s;transition: text-shadow 0.5s;cursor: default;} .block mssg img{ border-radius: 20px;width: 230px; object-fit: cover;}.block msg quote, .block mssg quote{ border-left-style: solid; border-left-width: 2px;  padding: 2px; display: block;  text-align: left; color: #959595;    font: 8px 'Rubik Regular';}.block missed { margin-bottom: 2px;margin-right: 43px!important; border-radius: 30px; border: 1px solid #ece5e8; background: #f9f9f9;margin-top: 0px; font-family: Rubik Regular; font-size: 9px;display: block; clear: both; color: #ff0000;  width: 185px; height: 18px; padding: 2px 4px 9px 35px;  letter-spacing: 1px; white-space: nowrap;}.block missed:before {position: relative; margin-top: -2px !important;  margin-left: -35px !important;  content:url(https://upforme.ru/uploads/001a/f5/e3/2/360001.png);  display: block;  margin-bottom: -28px!important;}

/* пост инста новое */
.insta{margin: auto!important; position: relative;width: 360px; height: 477px; background: url(https://i.imgur.com/4wvuyog.png);} .av img {  filter: grayscale(100%);object-fit: cover;border: 2px solid #f9f9f9;  width: 35px; height: 35px;  border-radius: 50%; margin-top: 15px!important; margin-left: 20px!important;}.insta photo { position: absolute; background-size: cover; top: 67px;  left: 9px;}.insta photo img{position: absolute; height: 336px;width: 336px; object-fit: cover;}.insta photo img:hover {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%);  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } .image { display: block; width: 100%; height: auto;} .insta nic { margin-top: -30px !important;  margin-left: 65px !important;position: absolute; width: 180px;  height: 20px; text-align: left; overflow: hidden;  white-space: nowrap;  font: 10px 'Century Gothic'; color: #bababa; letter-spacing: 1px;text-transform: uppercase;font-weight: 600;}.insta hashtag{ margin-top: 360px !important;  margin-left: 100px !important; position: absolute; width: 230px;height: 45px; font-family: 'Rubik Regular'; font-size: 10px; color: var(--profiletext); overflow: auto; text-align: justify;padding: 0px 3px;}
.insta has {margin-top: 360px !important; margin-left: 20px !important;position: absolute; width: 80px; height: 45px; font-family: 'Rubik Regular';font-size: 9px; color: var(--linkss); overflow: hidden; white-space: nowrap; text-align: center;}

.inst {
    margin-left: 155px!important;
    position: relative;
    width: 417px;
    height: 508px;
    background: url(https://upforme.ru/uploads/001b/94/a1/2/413313.png);
}
.inst photo {
    position: absolute;
    border-radius: 100%;
    background-size: cover;
    top: 35px !important;
    left: 162px !important;
    border: 7px solid #f8f6f9;
    box-shadow: 0px 1px 0px 1px #eeeaeb;
    background: white;
    height: 70px;
    width: 70px;
}
.inst photo img {
    position: absolute;
    height: 70px !important;
    width: 70px !important;
    border-radius: 100%;
 filter: grayscale(100%);
    object-fit: cover;


}
.inst photo img:hover {
     filter: grayscale(0);  
z-index: 2;



}

.fon  {
    position: absolute;
    height: 85px !important;
    width: 402px !important;
    object-fit: cover;
    margin-left: 8px !important;
    margin-top: 6px !important;
    border-radius: 20px 20px 0px 0px;
}
.inst nic {
    margin-top: 140px !important;
    margin-left: 113px !important;
    position: absolute;
    width: 180px !important;
    height: 20px !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font: 9px 'Century Gothic';
    color: #bababa;
    letter-spacing: 1px;
    text-transform: lowercase;

}

.inst niic {
    margin-top: 125px !important;
    margin-left: 115px !important;
    position: absolute;
    width: 180px !important;
    height: 20px !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font: 11px 'Century Gothic';
    color: #404040;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.bas  img{   width: 134px;
    height: 134px;
object-fit: cover;
   filter: grayscale(1);
    transition: 1s;}
.bas  img:hover {
    filter: grayscale(0);
z-index: 2;
  transform: scale(1.2);     box-shadow: 0 0 2px 1px rgb(135 135 135 / 67%);
  }
.bas {
    position: absolute;
    width: 403px;
    height: 250px;
    margin-top: 192px !important;
    margin-left: 0px !important;
    display: inline-flex;
    text-align: justify;
    /* background: aqua; */
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;


}

.inst followers {
      margin-top: 171px !important;
    margin-left: 158px !important;
    position: absolute;
    width: 76px;
    height: 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    font: 8px 'Century Gothic';
    color: #a2a2a2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.inst posts  {
    margin-top: 171px !important;
    margin-left: 45px !important;
    position: absolute;
    width: 76px;
    height: 10px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    font: 8px 'Century Gothic';
    color: #a2a2a2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.inst following {
    margin-top: 171px !important;
    margin-left: 273px !important;
    position: absolute;
    width: 76px;
    height: 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    font: 8px 'Century Gothic';
    color: #a2a2a2;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}





/*история  */
.stt{ margin-left: 230px!important; position: relative; width: 300px;height: 590px;}.stt story{position: absolute;  background-size: cover; top: 6px; left: 6px; }.stt story img {  border: 3px double #dfeae5;  position: absolute; height: 570px;width: 287px;border-radius: 36px 36px 20px 20px;  object-fit: cover;} .ava nick{margin-top: -24px !important; margin-left: 35px !important; position: absolute; font-family: 'Rubik Regular'; font-size: 10px; color: #ffffff; text-shadow: 0px 1px 1px rgb(0 0 0 / 78%);      overflow: hidden;z-index: 2; letter-spacing: 1px;} .ava nick:before { margin-top: 17px !important; margin-left: 10px !important; content: url(https://forumstatic.ru/files/001a/f5/e3/74586.png);  display: block; margin-bottom: 1px;} .stt :hover img { filter: grayscale(100%);}
.ava { z-index: 2; position: absolute; border-radius: 100%; background-size: cover; top: 20px; left: 20px;}.ava img { z-index: 2; object-fit: cover; position: absolute; height: 25px; width: 25px;   filter: grayscale(100%); border-radius: 100%; border: 2px solid #f8f6f9;} .stt tex { margin-left: 20px !important;   text-align: center;  padding: 6px 6px 6px 6px;   border-radius: 10px;   z-index: 2;   font-family: 'Rubik Regular';  font-size: 10px;   color: #888888;  display: block;  position: relative;   top: 530px;   background: #ecebec;   width: 251px;}

/* магазин  */
.magazin{margin-left: -35px!important; width: 550px; height: 440px;}
.pla,.pla1,.pla2{position: absolute;width: 210px!important;height: 20px!important; color: var(--body)!important;font-size: 14px; text-align: center; line-height: 19px!important;letter-spacing: 1px!important; margin-top: 225px!important; background: var(--forum_i); border-radius: 5px;}.pla{margin-left: 15px!important;}.pla1{margin-left: 210px!important;}.pla2{ margin-left: 412px!important;}.grer {color: var(--body)!important;background: var(--forum_i); border-radius: 5px;position: absolute; width: 240px!important; margin-left: 35px!important; font-size: 14px; text-align: center;line-height: 19px!important; letter-spacing: 1px!important;}.nde {    padding: 5px!important; position: absolute;overflow-x: hidden; height: 165px!important;margin-left: 30px!important;margin-top: 30px!important; width: 240px!important;}
.nde1,.nde2,.nde3{position: absolute; overflow-x: hidden;height: 193px!important;margin-top: 250px!important; width: 188px!important;}.nde1 {margin-left: 21px!important;}.nde2 {margin-left: 223px!important;}.nde3 {margin-left: 430px!important;}.plash{position:absolute;}
ul.shop {width: 280px!important;height: 20px!important; margin-left: 325px!important;position: absolute; display: flex;
align-items: center; justify-content: space-between; font-size: 10px!important;}
.shop li { height: 20px!important; width: 160px!important; margin-left: -14px!important;display: flex; background:#dbe1e8;  border-radius: 12px!important; flex-wrap: nowrap; align-items: center; justify-content: center;border-radius: 5px!important;}.ma ul li.active {color: var(--body)!important;     background: var(--forum_i);}
ul.shop a { font-size: 14px!important; letter-spacing: 1px;color: var(--body)!important;}.kik img, .ki img{padding: 2px!important; width: 45px!important;  height: 45px!important; background: var(--body); border-radius: 5px;}.ki img{  width: 45px!important;  height: 45px!important;}.kik img{ width: 16px!important;  height: 16px!important; }.ki, .kik {padding: 5px!important;position: absolute;overflow-x: hidden; height: 165px!important; margin-left: 313px!important; margin-top: 30px!important; width: 280px!important;text-align: center;}

.greerr {
color: #ffffff;
   background: var(--forum_i);
    border-radius: 30px 30px 0px 0px;
    position: absolute;
    width: 270px!important;
    margin-left: 185px!important;
    font-size: 14px;
    text-align: center;
    line-height: 19px!important;
    letter-spacing: 1px!important;
    margin-top: 455px!important;


}.greerr a{
  color: #ffffff!important;

}
/*банк блоки */
.odn {  width: 260px!important; height: 170px!important; padding-right: 10px!important; overflow-x: hidden; overflow-y: scroll; margin-left: 10px!important;}
.hea {display: flex; flex-wrap: wrap; flex-direction: row;justify-content: space-between; }
.head1, .head2{width: 260px!important; color: var(--body); font-size: 14px!important; letter-spacing: 1px; height: 17px!important; margin-left: 10px!important;text-align: center; background: var(--forum_i); border-radius: 5px;}
.head1{ margin-top: 15px!important;}
.head2 { margin-left: 291px!important;margin-bottom: 15px!important; margin-top: -17px!important;}
/*банк цвета*/
.vp, .vpp {background: var(--body); padding-left: 10px!important;padding-right: 10px!important; border-radius: 2px;text-align: left; line-height: 20px; margin-bottom: 5px!important;position: relative;}
.vpp{background: var(--link);}
.pt { width: 178px!important;}
.vv {width: auto!important; font-size: 10px!important; text-transform: uppercase; letter-spacing: 1px!important;      text-align: right; margin: 0px 0px 0px 190px !important; position: absolute; top: 50%; transform: translate(0, -50%);}

/* дейлик */
.delik{  width: 673px;height: 410px;}
.day, .nagrad,.bonus {border-radius: 5px; color: var(--body);font-size: 14px; text-align: center; line-height: 19px!important; letter-spacing: 1px!important; background: var(--forum_i);}
.day {position: absolute; width: 55px!important; height: 20px!important; margin-left: 0px!important;}
.nagrad {position: absolute; width: 150px!important;height: 20px!important; margin-left: 45px!important;}
.bonus { position: absolute; width: 400px!important;height: 20px!important;margin-left: 170px!important;}
.opiis {  position: absolute;width: 568px;height: 380px;margin-top: 20px !important; margin-left: -4px !important; overflow: auto; padding: 3px;}
.oppis {  display: flex;  text-align: justify;align-content: flex-start;flex-direction: row;}
.del,.del1 {padding-left: 10px!important;  padding-right: 10px!important; border-radius: 5px!important; text-align: center; font-family: 'Rubik'; font-size: 15px; line-height: 28px!important; color: var(--sctx);position: relative; width: 30px!important; height: 27px;}
.vp, .del, .nag, .bon{ background: var(--body)!important;}
.vpp, .del1, .nag1,.bon1{ background: #dbe1e8;}
.nag, .nag1{height: 27px;padding-left: 10px!important;padding-right: 10px!important; border-radius: 5px; text-align: center; font-family: 'Rubik'; font-size: 10px; line-height: 27px!important;color: var(--sctx);margin-bottom: 5px!important;position: relative;width: 130px!important;margin-left: 2px!important;}
.bon, .bon1{height: 27px; padding-left: 10px!important; padding-right: 10px!important; border-radius: 5px!important; text-align: center;font-family: 'Rubik'; font-size: 10px; line-height: 12px!important; color: var(--sctx); margin-bottom: 5px!important; position: relative;width: 400px!important; margin-left: 2px!important;}



/*чтобы маска не разъебывала профиль*/
.pa-avatar img {border-radius: 5px; max-width: 180px;max-height: 180px;} 
option.{color: #470e20; border: 1px solid #c3909d!important;     background: var(--knop);    text-transform: lowercase;  font: normal 10px/10px arial, sans-serif; }
#mask_dialog .inner{cursor: default;margin: 0; width: 766px;  max-width: 99%;  height: 432px; overflow-x: auto; z-index: 100;  box-shadow: 0 0 40px #222; background: url(https://upforme.ru/uploads/001b/be/45/2/533838.png); padding: 8px; border-radius: 20px;}

.pagelink a {


   font-weight: 600;
    background: #e8e8e8;
    padding: 2px 3px;
    border-radius: 4px;
    outline: 1px solid rgb(232 232 232);
    outline-offset: 2px;
}


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

.pagelink strong {
background: #f8f8f8;
    padding: 2px 3px;
    border-radius: 4px;
  margin-left: 2px

}



/*принятие*/

.acceptance{
    margin: auto!important;
    width: 470px!important;
    height: 318px!important;
    background: url(https://forumstatic.ru/files/001b/be/45/80498.png)!important;
}
.hey{
        font-weight: 900!important;
    font-family: 'Arthead'!important;
    color: #cad4df!important;
    font-size: 17px!important;
    letter-spacing: 1px!important;
    padding-top: 23px !important;
    margin-left: 150px !important;


}

.acceptance av {position: absolute;
    width: 115px!important;
    height: 103px!important;
    margin-top: 21px !important;
    margin-left: 28px !important;
    display: block;

}
.acceptance av img {
border: 5px solid #ffffff;
    object-fit: cover;
    width: 76px;
    height: 76px;
    border-radius: 30%;
    filter: grayscale(100%);

}
.acceptance prtex {
    position: absolute;
    width: 320px;
    height: 40px;
    font: 8px 'Rubik Regular';
    margin-top: -2px !important;
    margin-left: 125px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #8f8f8f;
}

.innfa { margin-top: 43px!important;
    display: inline-block;
    margin-left: 124px!important;
    width: 340px;
}
.innfa a{border-radius: 6px;
    letter-spacing: 1px;
    display: inline-block;
    background: #ffffff !important;
    font-size: 8px;
    line-height: 10px!important;
    width: 60px;
    text-align: center;

   }
.innfa a:hover {background: #cad4df !important;
    color: #ffffff !important;}

.acceptance player {
    position: absolute;
    margin-top: 73px !important;
    margin-left: -400px !important;
    padding: 2px;
    width: 120px;
    height: 140px;
}
.acceptance player  img{
    position: absolute;
    width: 101px;
    height: 144px;

}
.acceptance plash {
position: absolute;
    width: 180px;
    height: 26px;
    margin-top: 190px !important;
    margin-left: -272px !important;
    padding: 2px;

}

.acceptance welcome img:hover, .acceptance icoons img:hover, .acceptance player img:hover, .acceptance plash img:hover, .acceptance certif img:hover {position: absolute;filter: brightness(105%);
    transition: all 0.5s;}
.acceptance welcome img,.acceptance player img, .acceptance plash img, .acceptance certif img {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%); }   

.acceptance icoons img  {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%);    width: 35px;
    height: 35px;}   

.acceptance certif {
    position: absolute;
    width: 150px;
    height: 84px;
    margin-top: 80px !important;
    margin-left: -275px !important;
    padding: 2px;
}
.acceptance welcome {
    position: absolute;
    width: 76px;
    height: 76px;
    margin-top: 95px !important;
    margin-left: -102px !important;
    padding: 2px;
}
.acceptance icoons {
    position: absolute;
    width: 46px;
    height: 46px;
    margin-top: 181px !important;
    margin-left: -62px !important;
    padding: 2px;

}
.acceptance mani { 
    position: absolute;
    width: 50px;
    height: 20px;
    margin-top: 75px !important;
    margin-left: -90px !important;
    padding: 2px;
text-align: center;
}


/*гостевая */


.gost{
margin: auto!important;
    width: 658px;
    height: 390px;
    background: url(https://forumstatic.ru/files/001b/be/45/21838.png);
}

.gost gostex {
position: absolute;
    width: 380px;
    height: 55px;
    font: 9px 'jost';
    margin-top: 68px !important;
    margin-left: 150px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #727272;
    text-align: center;



}
.seoul {
    font-weight: 800;
    font-family: 'Yeseva One';
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
    color: #404040;
    font-size: 10px!important;
    letter-spacing: 1px;
    padding-top: 52px !important;
    margin-left: 220px!important;


}

.girls number, .booy number {text-align: center;    align-items: center;
text-align: center;
    align-items: center;
    letter-spacing: 2px;
    background: #e8e8e8;
    font-weight: 600;
    border-radius: 6px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 8px;
    width: 70px!important;

}



.booy {color: #1b1b1b;
    font-family: 'jost';
    font-size: 10px;
    padding: 5px;
    width: 192px!important;
    overflow: auto;
    height: 123px!important;
    margin-top: 105px!important;
    display: flex;
    margin-left: 80px!important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;


}

.girls {
  color: #1b1b1b;
    font-family: 'jost';
    font-size: 10px;
    padding: 5px;
    width: 192px!important;
    overflow: auto;
    height: 123px!important;
    margin-top: -134px!important;
    display: flex;
    margin-left: 373px!important;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;

}



/*новости*/

.new { margin: auto!important;

    width: 550px;
    height: 380px;
    background: url(https://forumstatic.ru/files/001b/be/45/53663.png);
}
  .neew { position: absolute;
    width: 230px;
    height: 208px;
    font: 10px 'jost';
    margin-top: 80px !important;
    margin-left: 285px !important;
    overflow: auto;
    padding: 0px 10px 3px;
    display: block;
    color: #7d7c7c;
    text-align: justify;
    text-transform: lowercase;

}

.zag{  position: absolute;
    margin-left: 140px !important;
    margin-top: 28px !important;
    object-fit: cover;
    width: 405px;
    height: 150px;

}
.zag name{ font-weight: 800;
    font-family: 'Arthead';
    text-transform: uppercase;
   
    color: #f0f4f8;
    font-size: 35px!important;

}

.zag greetings{
  
position: absolute;
    width: 163px;
    font: 10px 'jost';
    margin-top: 20px !important;
    margin-left: -32px !important;
    overflow: auto;
    padding: 2px;
    display: block;
    color: #ffffff;

    text-transform: lowercase;
    line-height: 11px;

}
   .zag myz { position: absolute;
    width: 135px;
    height: 19px;
    font: 9px 'Rubik Regular';
    margin-top: 69px !important;
    margin-left: -9px !important;
    overflow: auto;
    padding: 0px 5px 0px 0px;
    display: block;
    color: #7c7c7c;
    text-transform: lowercase;
line-height: 12px!important;
}
   .zag av { position: absolute;
    width: 115px;
    height: 303px;
    margin-top: 55px!important;
    margin-left: -115px !important;
    display: block;

}
.zag av img {
     border: 5px solid #ffffff;
    object-fit: cover;
    width: 70px;
    height: 70px;
    border-radius: 30%;
    filter: grayscale(100%);
}

.activ {
    position: absolute;
    width: 250px;
    height: 270px;
    margin-top: 116px !important;
    margin-left: 24px !important;
    display: block;

}
.activ  post{
position: absolute;
    font: 9px 'Rubik';
    width: 238px;
    height: 70px;
    margin-top: 160px !important;
    margin-left: 10px !important;
    overflow: auto;
    padding: 0px 3px;
    display: block;
    color: #8f8f8f;
    text-align: justify;
    text-transform: lowercase;

}

.activ  namepost{
   position: absolute;
    margin-top: 230px !important;
    margin-left: 172px !important;
    display: block;
    width: 80px;
    text-align: center;
    color: white;
font-family: 'Noto Serif Display';
}
.activ namepost a{
color: #ffffff!important;
}
.activ activ2 { position: absolute;
    width: 270px;
    height: 50px;
    margin-top: 106px !important;
    margin-left: -4px !important;
    padding: 0px 3px;

}.activ activ {
position: absolute;
    width: 70px;
    height: 50px;
    margin-top: 50px !important;
    margin-left: 205px !important;
    padding: 0px 3px;
    display: block;

}
.activ img {padding-left: 5px;
}

.activ img:hover {
filter: brightness(105%);
    transition: all 0.5s;}.activ  img {  -webkit-filter: background: rgb(105 85 128 / 57%);    filter: grayscale(100%); }   

.activ linnk {width: 240px;
    overflow: auto;
    height: 65px;
    margin-top: 185px !important;
    margin-left: 271px !important;
    display: inline-flex;
    position: absolute;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 0px;
    align-items: center;

}
.activ linnk op{
width: 200px;
    background: #cad4df;
    border-radius: 3px;
    margin: 2px 2px 2px 2px;
    box-sizing: border-box;
    align-items: center;
    align-content: flex-start;
    text-align: center;
   padding: 1px;
    color: white;

}

.activ linnk a{
color: #ffffff!important;
}

.activ para, .activ epiz {
  position: absolute;
    width: 200px;
    height: 18px;
    margin-top: 54px !important;
    margin-left: 7px !important;
    display: block;
    font-family: 'Arthead';
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 900;
    text-align: center;

}

.activ para {margin-top: 83px !important;}


/* УВЕДЫ И  ЛИЧНОГО СООБЩЕНИЯ  
-------------------------------------------------------------*/

span.num_msg {position: absolute!important;
    margin-top: -20px!important;
    margin-left: 6px!important;
    font-size: 11px!important;
    font-weight: 700!important;
    background: #ffffff!important;
    padding: 1px 8px!important;
    border-radius: 55px!important;
    height: 15px!important;
    color: #607189!important;
    cursor: pointer!important;}
span.num_msg:before {content: " "!important; display: inline-block!important; position: absolute!important; width: 5px!important; height: 5px!important; transform: rotate(45deg)!important; top: 14px!important; background:#ffffff!important; margin-left: -0.2px!important;}
.bubble {background: #ffffff!important;border:0 none;border-radius: 30px!important; color: white;display: inline-block;font: bolder 8px/1.6 raleway;margin: 0;min-width: 14px;padding: 0 1px;position: absolute;right: -8px;text-align: center;top: -10px;} 
.bubble:after {border-color: #ffffff transparent!important; border-style: solid!important;border-width: 3px 3px 0!important; content: ""; display: block; left: 5px!important; position: absolute; width: 0;}







#gostevaya {     width: 610px;
    margin-left: 3%;
    border: 1px # solid;
    padding: 20px;
    border-radius: 5px; } 

#gostevaya .line_look {     background: #555559;
    color: #;
    padding: 7px 0px 9px 22px;
    border-radius: 5px;
    font: 600 16px Verdana;
    text-transform: uppercase;
    margin-bottom: 15px!important;     outline: 1px #555559 solid;} 

#gostevaya .guest_clue {     border: 1px # solid;
    padding: 10px;
    border-radius: 5px;
    font: 600 12px Verdana;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 14px; } 

#gostevaya .info { padding: 0px 20px 0px 20px;
    font: 300 11px verdana;
    text-align: justify; -webkit-text-size-adjust:100%;-moz-text-size-adjust:100% } 

#gostevaya .info_name {     background: #555559;
    padding: 5px 10px;
    border-radius: 5px;
    font: 600 12px Verdana;
    text-align: center;
    text-transform: uppercase;
    margin: 14px 0px 14px 0px!important;     outline: 1px #555559 solid;} 

#gosti-tema { width: 610px;
    margin-left: -2%;
    border: 1px # solid;
    padding: 20px;
    border-radius: 5px; } 

#gosti-tema .gr {     border: 1px #555559 solid;
    padding: 10px;
    border-radius: 5px;
    font: 600 12px Verdana;
    text-align: center;
    text-transform: uppercase;  -webkit-text-size-adjust:100%;-moz-text-size-adjust:100%} 

#gosti-tema .info {      padding: 0px 30px 0px 30px;
    font: 300 10px verdana;
    text-align: justify;
    text-transform: lowercase;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    line-height: 20px;}

#gosti-tema .gab {   background: #d9d7e1;
    padding: 5px 10px;
    border-radius: 5px;
    font: 600 9px Verdana;
    text-align: center;
    text-transform: uppercase;
    width: 280px;
    margin: 14px 0px 14px 0px!important;} 

#gosti-tema .list {         display: inline-block;
    width: 276px;
    border: 1px #555559 solid;
    padding: 10px;
    border-radius: 5px;
    height: 190px;
    overflow: auto;
    text-transform: lowercase;
    font:  9px Verdana;
    line-height: 20px;}

#gosti-tema .etcl {          padding: 2px 3px;
    border: 1px #555559 solid;
    border-radius: 3px;
    font: 600 9px Verdana;
    text-align: center;
    text-transform: uppercase;
    margin: 10px 0px 10px 0px!important; }

#gosti-tema .bg {     text-align: center; }