/*************************************************************	
A - SETUP	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Сделано специально для Детройта 2022.Все комментарии и дополнительные примочки в стилях делали сами беря скрипты и коды из ОТКРЫТЫХ источников. 

Спасибо за внимание к нашим внутренностям~
**************************************************************/	
	
/* A1 Import the colour scheme	
-------------------------------------------------------------*/	
  @import url(style_cs.1675176958.css);	

/* Шрифты*/	

                    
@font-face {
font-family: "Zelek"; /* Гарнитура шрифта */
src: url(https://forumstatic.ru/files/001b/8a/5b/19078.ttf);
src: url(https://forumstatic.ru/files/001b/8a/5b/25590.svg);
src: url(https://forumstatic.ru/files/001b/8a/5b/84368.woff);
}


@font-face {
font-family:"Zelek";
	src: url(https://forumstatic.ru/files/000c/c1/e2/15799.ttf)
}	

@font-face{	
	font-family:"Zelek";
	src:local("Zelek"),url(https://forumstatic.ru/files/000c/c1/e2/15799.ttf)
}	

@font-face {font-family: "Montserrat-Regular"; 	
src: local("Montserrat-Regular"), url(https://forumstatic.ru/files/0015/e5/b7/58133.ttf);
}	

@font-face{  
  font-family:"micra";
  src:local("micra"),url(https://forumstatic.ru/files/0015/e5/b7/77209.ttf)
}


:root {

--font1: "Zelek";

--bg1: #081d20; /* цвет фона */
--bg2: #040404; /* цвет фона в теле*/
--bg3: #e4e4e4; /* цвет фона серый*/
--colbg: #85201f; /* ссылки*/

--gr1: linear-gradient(45deg, #f04bdb 33%, #9a8ae8 66%, #02fbff); /* градиенты */
--gr2: linear-gradient(45deg, #02fbff 33%, #9a8ae8 66%, #f04bdb);
--gr3: linear-gradient(45deg, #040404 3%, #f04bdbd9 33%, #9a8ae8 66%, #040404);

/* шапка */
--img1: url(http://forumstatic.ru/files/001b/8a/5b/39349.png) no-repeat top center;
/* футер */
--img2: url(http://forumstatic.ru/files/001b/8a/5b/73100.png?v=1) no-repeat center bottom;
/* фон */
--img0: url(https://forumstatic.ru/files/001b/8a/5b/92099.jpg) no-repeat fixed top center; 
/* фон тела*/
--img00: url(https://forumstatic.ru/files/001b/8e/f6/23401.jpg) repeat-y center;

/*Профиль верх*/
--imgt: url(https://forumstatic.ru/files/001b/8a/5b/33406.png) no-repeat top center;
/*Профиль низ*/
--imgf: url(https://forumstatic.ru/files/001b/8a/5b/38865.png) no-repeat bottom center;
--imgf2: url(https://forumstatic.ru/files/001b/8e/f6/95576.png?v=1) no-repeat bottom center;
/*Профиль центр*/
--imgc:url(https://forumstatic.ru/files/001b/8a/5b/36003.png) repeat-y center;
--imgcb:url(https://forumstatic.ru/files/001b/8e/f6/93455.jpg) repeat-y top center;

/* рамки */
--br1: 2px solid; 
--br2: 4px solid; 

--col0: #ffffff; /* белые */
--col00: #000000; /* черные */
--col01: #72a300; /* зеленые */
--col02: #c91000; /* красные */
--col03: #e5d405; /* желтые */
--col04: #6800ba; /* фиолетовые */
--col05: #f4c430; /* золотые */

}

/* Маска
-------------------------------------------------------------*/
#mask_dialog .hv-form-block {
    max-height: 430px!important;
}


#mask_dialog .hv-masks-storage {
    max-height: 430px!important;

}



/* Скролл
-------------------------------------------------------------*/
* {
  scrollbar-width: thin;
  scrollbar-color: #03eaf8 var(--bg1);
}

*::-webkit-scrollbar {
  height: 7px;
  width: 7px;
}

*::-webkit-scrollbar-track {
  background:var(--bg2);
  border: solid 3px var(--bg2);
}

*::-webkit-scrollbar-thumb {
  background-color: #03eaf8;
  border: solid 2px #03eaf8;
} 	
	
/* A2 Deal with browser defaults and wonkiness	
-------------------------------------------------------------*/	
	
/* A2.1 */	
html, body {margin: 0; padding: 0; background: #081d20; overflow-x: hidden;}	
	
/* 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;}	
	
/* A2.7 */	
p[class="checkfield"] *,	
div[class="checkfield"] *,	
fieldset[class="radiofield"] * {	
  height: 1.8em;	
  vertical-align: middle	
  }	
	
	
 /* A3 Text setup	
-------------------------------------------------------------*/	
/* Фон */	
body {	
  font-size: 110.01%;	
  background: var(--img1), var(--img2);
 }	
html {	
  background: var(--bg1) var(--img0);	
 background-size: cover;
}


/* Шапка*/	
#pun-title {	
margin: -521px;	/* сдвинуть в лево*/  
border: none;	
margin-bottom: -191px;	   /* форум участники - ниже*/  
margin-top: -470px;	
height: 600px;	


}
	
/* Тело форума*/	
.punbb {background: var(--img00);
    margin-top: 470px;
    width: 922px!important;
    font-size: 12px;
    margin-left: -13px;
    margin-bottom: 166px;
  }	
/* Низ форума*/	

#pun-about p.container {
    margin-top: 10px;
}
#pun-main ul.wrapper {
    margin: 0 0 0 -10px;
    background: transparent;
    border: none;
}
	
/* 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 {	
  font-size: 1em;	
  font-weight: 100;	
    margin-left: 10px;
  }	
	
.punbb th   {	
  font-size: 0.9em;	
  font-weight: 100;	
  }	
.punbb h4, .punbb table {	
  font-size: 1em;	
  font-weight: normal;	
  }	
	
/* A3.5 */	
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }	

/*Стиль текста и в цитате и коде */	
.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: Montserrat-Regular	
  }	
	
/* A3.9 */	
.punbb .post-content em.bbuline {	
  font-style: normal;	
  text-decoration: underline;	
  }	

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

	
/* Цвет ссылок*/	
.punbb a {
    color: #94274e;
    text-decoration: none;
    font-weight: 700;
font-family: 'Montserrat-Regular';
 }
.punbb a:hover {
  color: #405e67;
 font-weight: 700;
}
	
	
/* A4 Float clearing and hidden items	
-------------------------------------------------------------*/	
	
/* A4.1 */	
#pun:after,	
.punbb .container:after,	
.punbb .post-links ul:after,	
.punbb .main div.inline:after,	
.punbb .post-box:after,	
.punbb .linksb:after {	
  clear: both;	
  content: ".";	
  display: block;	
  height: 0;	
  visibility: hidden;	
  overflow:hidden;	
  line-height: 0.0;	
  font-size: 0;	
  }	
	
/* A4.2 */	
.acchide,	
#pun-index #pun-main h1,	
#pun-navlinks h2,	
#pun-pagelinks h2,	
#pun-status h2,	
#pun-ulinks h2,	
.punbb .forum h2,	
.punbb .multipage .topic h2,	
.punbb dl.post-sig dt span,	
.punbb p.crumbs strong,	
.punbb .divider hr,	
.punbb .required label em,	
.punbb .formsubmit label,	
.punbb .submitfield label,	
.punbb .modmenu label,	
#pun-userlist .main h2 {	
  font-size: 0;	
  height: 0;	
  width: 0;	
  line-height: 0.0;	
  position:absolute;	
  left: -9999px;	
  overflow: hidden	
  }	
	
	
/* A5 Basic page layout and borders	
-------------------------------------------------------------*/	
	
/* A5.1 */	
#pun {	
  margin: 0px auto 30px auto;	
    width: 890px;
    padding: 0px 14px 0px 12px;
    border: none;
}
	
/* A5.2 */	
.punbb {	
  float: left;	
  height: auto;	
  }	
	
/* A5.3 страница переадресации*/
#pun-redirect {
   background:#000 url(https://forumstatic.ru/files/0018/62/a0/89599.gif) center top no-repeat!important;
  position: absolute;
  height: 100%;
display:block;
  z-index: 100;
  top: 0 !important;
  left: 0 !important;
width: 100%!important;
  padding: 0!important;
  margin: 0!important;
  }

#pun-redirect #pun-main, .main-title {display: none;}

	
/* A5.4 */	
.punbb .section, .punbb .main {
    width: 882px;
    margin: 0 auto;
}	
	
/* A5.5 */	
.punbb .category, .punbb .post {	
  margin-top: 0.4em;	
  }	
	
/* A5.6 */	
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {	
  margin-top: 0;	
  }	
	
/* 5.7 */	
#pun-post .topic {	
  margin-top: 1em;	
	
  }	
	
/* A5.8 */	
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,	
.punbb .category, .punbb .post {	
 border:none;	
  }	
	
/* A5.9 */	
.punbb .container {	
 border:none;	
  }	
	
/* A5.10 */	
#pun-main h1, #pun-debug h2 {	
 border:none;		
  }	
	

.punbb #move_posts_form .formal>form.container {
    width: 100%!important;
    position: relative;
    border: none!important;
    padding-left: 0!important;
    padding-right: 0!important;
}

	
/*************************************************************	
B - MAIN CONTENT - GENERAL	
**************************************************************/	
	
/* B1 Parsed Content, Signatures and Scroll Boxes	
-------------------------------------------------------------*/	

/* Общий шрифт*/	
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  font-family: Verdana;
  }	
	
/* B1.2 */	
.punbb .post-sig dt {
    display: block;
    border-top: 1px solid #c3bfcc;
    width: 60%;
    margin: 7px 20%;
}	
	
/* B1.3 */	
.punbb .post-content p {	
  margin: 2px;	
padding-bottom: 10px;
	
  line-height: 150%;	
  }	

  .punbb .post-content a {	
font-weight:bold	
  }	
	
/* B1.4 */	
.punbb .post-content img {	
  vertical-align: text-top	
  }	
	
/* B1.5 */	
.punbb .post-content img.postimg {	
  vertical-align: middle;	
  }	
	
/* B1.6 */	
.punbb .post-content .blockcode, .punbb .post-content blockquote {	
  width: 100%;	
  }	
	
/* B1.7 */	
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  height: fit-content!important;
  padding-bottom: 10px;
  }	

/* Цитаты коды */	
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 1em 1.8em 2em 1.8em!important;
    background-clip: padding-box;
    padding: 7px 7px 7px 7px !important;
    box-shadow: 0 0 0 1px #ff3d90, 16px 16px 0 -10px #1e2726, -16px -16px 0 -10px #1e2726;
    background-color: rgb(56 74 70 / 10%);
    border: 1px solid #1e2726;;
  }
	
.code-box .blockcode {
    overflow: auto;}

.punbb .quote-box, .punbb .code-box {
margin: 5px 5px 10px;
}

/* цитата,  разделитель
-------------------------------------------------------------*/
/*разделитель*/
hr {
margin-top: 1.5em!important;
    border: none;
    height: 2px;
    opacity: 1!important;
    background-image: var(--gr3);
}
.post-content hr {
    margin: 0.8em!important;}

/* B1.9 */	
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
    padding: 6px;
    background: var(--gr3);
    font-style: normal;
    color:  var(--bg3);
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
  }	

.punbb .post-content .code-box a { color: var(--bg3);}
.punbb .post-content .code-box a:hover { color: var(--bg2);}
	
/* B2 Information boxes	
-------------------------------------------------------------*/	
	
/* B2.1 */	
.punbb .info-box {	
  padding: 1.1em 1.7em 1em 1.7em;	
 border:none;	
  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: 100;	
  }	
	
	
/* B3 Pagination and posting links	
-------------------------------------------------------------*/	
	
/* B3.1 */	
.punbb .linkst {	
  float: left;	
  position: relative;	
  width: 100%;	
  font-size: 1.1em;	
  height: 0;	
  }	
	
/* B3.2 */	
.multipage {	
  margin-top: 3em;	
  }	
	
/* B3.3 */	
.linkst .pagelink {
  position: absolute;
  top: -49px;
  padding: 0px;
  font-size: 13px;
  left: 1em;
  width: auto;
  }	
	
/* B3.4 */	
.linkst .postlink {	
  position: absolute;	
  top: -4.5em;	
  right: 1em;	
  width: 16em;	
  text-align: right;	
  font-weight: 100;	
  }	
	
/* B3.5 */	
.punbb .linksb {
  text-align: right;
  padding: 7px 12px 0px 11px;
  font-size: 12px;
  }	
	
/* B3.6 */	
.linksb .pagelink {
text-align: left;
    font-size: 13px;
  }	
	
/* B3.7 */	
.linksb .postlink {	
  float: right;	
  width: 16em;	
  font-weight: bold	
  }	
	
/* B3.8 */	
.subscribelink {	
  clear:both;	
  padding-top: 0.3em;	
  padding-bottom: 0.5em;	
  }	
	
	
/*************************************************************	
C - MAIN CONTENT - SPECIFIC	
**************************************************************/	
	
/* C1 Form layout	
-------------------------------------------------------------*/	
	
/* C1.1 */	
.punbb .formal .container {
  padding: 3em 2.3em 1.1em 2.3em;
  }	
	
/* C1.2 */	
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  text-align: center;
  }	
	
/* C1.3 */	
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {	
  margin: 0 0.6em 0 0	
  }	
	
/* C1.4 */	
.punbb fieldset {
 border:none;
 margin: -20px 0 0em -10px;
 width: 100%;
 background: #0000;
 }	
	
/* C1.5 */	
.punbb fieldset legend {	
  padding: 0;	
  margin: 0 0 0 11px;	
  font-size: 1.1em	
  }	
	
/* C1.6 */	
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 30px;
  font-size: 11px;
  }	
	
/* C1.7 */	
.punbb fieldset fieldset {	
  border: none;	
  margin: 0;	
  padding: 0 0 8px 0	
  }	
	
/* C1.8 */	
.punbb .fs-box {	
  padding: 1em 0 0.8em 0;	
  }	
	
/* C1.9 */	
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0;
  word-break: break-word;
  }	
	
/* 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: bold	
  }	
	
/* 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 4em 0 0;	
  height: 100%; /* For IE */	
  }	
	
/* C1.16 */	
.punbb textarea, .punbb .longinput input {	
  width: 64%;	
  margin: 0;	
  }	
	
/* C1.17 */	
.punbb .hashelp {	
  position: relative;	
  }	
	
/* C1.18 */	
.punbb .helplinks {	
  display: block;	
  position: absolute;	
  top: 1em;	
  right: 0;	
  font-weight: normal;	
  width: 36%;	
  }	
	
/* c1.19 */	
.punbb #profile .helplinks {	
  top: 1.5em;	
  }	
	
/* C1.20 */	
.punbb .helplinks span {	
  display: block;	
  padding-bottom: 0.2em;	
  }	
	
.punbb .helplinks span INPUT {	
  margin: 0px 2px 2px 0px;	
}	
	
/* C1.21 */	
#pun-post .formal .info-box li {	
  padding-left: 4px;	
  list-style-type: square;	
  list-style-position: inside;	
  line-height: 1.5;	
  margin: 0;	
  }	
	
	
/* C2 Table layout	
-------------------------------------------------------------*/	
	
/* C2.1 */	
.punbb .main .tcl {	
  overflow: hidden;	
  text-align: left;	
  width: 57%;	
margin-left: 30px;
  }	
	
/* C2.2 */	
.punbb .main .tc3, .punbb .main .tcmod {
  width: 7%;
  font-size: 12px;
  color: #000000;
  }	

  th.tcl, th.tc2, th.tc3, th.tc4, th.tcr {
  font-size: 10px!important;
  }	

  .punbb .main .tc2{
  width: 5%;
  text-align: center;
  color: #000000;
  /* font-size: 13px; */
  }
	
/* C2.3 */	
.punbb .main .tcr {
  overflow: hidden;
  width: 40%;
  }	
	
/* C2.4 */	
#pun-userlist .main .tcl,	
#pun-searchtopics .main .tcl,	
#pun-modviewforum .main .tcl {	
  width: 40%	
  }	
	
/* 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 {
    font-size: 1em;
    font-weight: 100;
    letter-spacing: 1px;
    background: rgb(56 74 70 / 10%);
    padding: 10px;
margin-left: 0px!important;
  }	

  #pun-index .tcl h3 a {
    color: #405e67!important;
    font-weight: 600;
    font-size: 15px;
    font-family: auto;}	

    #pun-index .tcl h3 a:hover {
color: #141632;
letter-spacing: 3px;
transition: 0.9s;
  }
	
/* C2.9 */	
.punbb td span.youposted {	
  font-weight: 100;	
  margin-left: -1em;	
  position: absolute;	
  }	
	
/* C2.10 */	
.punbb td .modlist {	
  display: none	
  }	
	
/* C2.11 */	
.punbb .main td {	
  border: none;	
    padding: 0.8em 1em;		
  }	
	
/* C2.12 */	
.punbb .main th {
  padding: 3px 1em 5px 1em;
  color: #333033;
  font-size: 12px;
  text-align: left!important;
  }	
	
/* C2.13 */	
.punbb .main .tcl {	
  border: none;		
  }	
	
* html .tclcon {height: 1px}	
	
/* C2.14 */	
.punbb td div.tclcon {	
  margin-left: 120px;	
}	
	
/* Иконки*/	
.punbb div.icon {
  float: left;
  display: block;
  padding: 30px;
  background: url(https://forumstatic.ru/files/001b/8a/5b/88241.png) no-repeat;

  margin: 1px 8px 0px 54px;
}	
/* Новое сообщение*/
tr.inew div.icon{
	background: url(https://forumstatic.ru/files/001b/8a/5b/45983.gif) no-repeat;
}
/* Выделеное сообщение*/
tr.isticky div.icon{
	background: url(https://forumstatic.ru/files/001b/8a/5b/65180.png) no-repeat;
}
/* Закрытое сообщение*/
tr.iclosed div.icon{
	background: url(https://forumstatic.ru/files/001b/8a/5b/87776.png) no-repeat;
}
	
 /* C3 Topics	
-------------------------------------------------------------*/	
	
/* C3.1 */	
.punbb .post .container {
    border: none;
    font-size: 12px;
    font-family: verdana;

    margin-top: -1px;
    padding-bottom: 1px;
}

.punbb .post .container td {
    border: none!important;
}
	
/* C3.2 */	
.punbb .post h3 {	
  border: none;	
margin-top: 10px;	
  }	
	
/* C3.3 */	
.punbb .post h3 span {	
  border: none;	
  padding: 0.5em 1em;	
  display: block;	
  margin-left: 21em;	
       font-weight: 900;
    border-bottom: 2px solid #afaeae;
   
  }	

	
/* C3.4 */	
.punbb .post h3 strong {	
  float: right;	
  width: 5em;	
  text-align: right;	
  font-weight: normal;	
  }	
	
/* C3.5 */	
.punbb .post .post-author{
float: left;
width: 231px;
}	
	
/* C3.6 */	
.punbb .post .post-author p{
	line-height:140%;
	padding:0 1em 1em
}

/* C3.11 */	
.punbb .post-body {	
  margin-left: 20em;	
border:none;
  padding: 0 0 1px 0;	
  }	
	
/* C3.12 */	
.punbb .post-box {	
  padding: 1em;	
  }	
	
/*C3.13 */	
.punbb fieldset .post-box {	
  margin-bottom: 0.8em	
  }	

.punbb fieldset .post-links ul {
    width: 556px;
    margin: 10px 0 7px -223px;
}
	
/* C3.14 */	
.punbb .post-links {	
  margin-left: 19em;	
border:none;	
  }	
	
/*C3.15 Стиль полоски Профиль Лс E-mail под постом */	

.punbb .post-links ul {
padding: 6px 15px 0 0;
    margin-left: -230px;
    background: var(--bg2);
    color: var(--bg3);
    text-align: right;
    height: 22px;
    width: 870px;
  }	
	

  .punbb .post-links li a {	
  color: var(--bg3);	
  font-size: 12px;
  }

 .punbb .post-links li a:hover {
  color: var(--colbg);
}	

/* C3.16 */	
.punbb .post-links li {	
  display: inline;	
  padding-left: 1em;	
  }	

	
/* C3.17 */	
.pl-email, .pl-website {	
  float: left;	
  }	
	
/* C3.18 */	
.punbb .clearer {	
  clear: both;	
  height: 0;	
  font-size: 0;	
  }	
	
	
/* C4 Moderator menu	
-------------------------------------------------------------*/	
	
/* C4.1 */	
.punbb .modmenu .container {	
  padding: 0.5em 1em;	
  text-align: right;	
  }	
	
/* C4.2 */	
.punbb .modmenu strong, .punbb .modmenu a {	
  height: 1.8em;	
  line-height: 1.8em;	
  }	
	
/* C4.3 */	
.punbb .modmenu .container strong {	
  float: left;	
  }	
	
/* C4.4 */	
.punbb .modmenu input {	
  margin-left: 1em;	
  }	
	
	
/* C5 Message boxes	
-------------------------------------------------------------*/	
	
/* C5.1 */	
.punbb .info .container {	
  padding: 0.8em 1em	
  }	
	
/* C5.2 */	
.punbb .info .container .backlink {	
  padding-top: 0.8em;	
  }	
	
	
/* C6 Profile	
-------------------------------------------------------------*/	
	
/* C6.1 */	
#profile .container {	
  padding-left: 18.6em;	
  }	
	
/* C6.2 */	
#profilenav {	
  float: left;	
  width: 14em;	
  margin-left: -16.3em;	
  display: inline;	
  }	
	
/* C6.3 */	
#profilenav li {	
  padding-bottom: 0.8em;	
  font-weight: 100;	
  }	
	
/* C6.4 */	
#viewprofile ul, #profilenav ul {	
border:none;
  padding: 1.5em 18px 0.8em 18px;	
  margin: 0 0 1em 0;	
  }	
	
/* C6.5 */	
#viewprofile h2, #profilenav h2 {	
  background: transparent;	
text-align: left!important;
  border: none;	
  padding: 0 0 0 0;	
  margin: 0 14px -0.6em 14px;	
  }	
	
/* C6.6 */	
#viewprofile h2 span, #profilenav h2 span {	
  padding: 0 5px;	
  position: relative;	
  }	
	
/* C6.7 */	
#viewprofile li, #setmods dl {	
  padding: 0 0 0 16em;	
  margin-bottom: 0.2em;	
  }	
	
/* C6.8 */	
#viewprofile li span {	
  float: left;	
  width: 14em;	
  margin-left: -16em;	
  padding: 0.5em 1em;	
  font-weight: 100;	
  }	
	
/*C6.9 */	
#setmods dt {	
  float: left;	
  width: 14em;	
  margin-left: -16em;	
  padding: 0.8em 1em;	
  font-weight: 100;	
  display: inline;	
  }	
	
/* C6.10 */	
#viewprofile li strong, #viewprofile li div, #setmods dd {	
  display: block;	
  padding: 0.5em 1em;	
  font-weight: normal;	
  }	

  #viewprofile li .name a {
    color: #405e67;
}

#viewprofile li .name {
	background: #c3bfcc !important;
	padding: 0px 0px 0px 22px;
}
	
/* 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:none;	
  }	
	
/* C7.3 */	
#pun-userlist .usertable table {	
border:none;	
  }	
	
	
/*************************************************************	
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT	
**************************************************************/	
	
/* D1 Logo and description	
-------------------------------------------------------------*/		
	
/* D1.2 */	
#pun-title h1 {	
  display : block;	
  height : 228px;	
  margin: -1px 0px 0px -1px;	
}	
	
/* D1.3 */	
#pun-title .container {	
border:none;
  padding: 0.2em 1em 0.8em 1em;	
  }	
	
/* D1.4 */	
#pun-title h1 span {	
  display: none;	
	
}	
	
#pun-title TABLE {	
  border: none;	
  height: 228px;	
  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: 143px;	
  padding-right: 397px;	
	
}	
	
/* 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	
-------------------------------------------------------------*/	
	
/* Навигация Форум участники и тд */	

#pun-navlinks {	
  border: none;		
}	
	

#pun-navlinks .container {
position: relative;
    background: #00000096;
    height: 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.5px;

   
}

#pun-navlinks li {display: inline;}
#pun-navlinks a {padding: 5px 8px; background-color: #transparent; transition: 0.6s linear; border-radius: 15px;}
	
		
/* D.3 */	
#pun-navlinks li {	
  display: inline;	
  margin: 0.1%;	
}	
	
/* D3.4 */	
#pun-navlinks li a {
  font-size: 15px;
  text-decoration: none;
  font-family:"Zelek";
 background:var(--gr1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #f04bdb;
  }


#pun-navlinks a:hover {
 background: var(--gr2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02fbff;
}	
	
/* Пользовательские ссылки
-------------------------------------------------------------*/	
	
/* активные темы, ответы, темы без ответов, мои сообщения и тд.*/

#pun-ulinks .container {
background: var(--bg3);
    position: relative;
    font-size: 12px;
    text-transform: lowercase;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  color: #002842;
  padding: 0 3px;
}

#pun-ulinks li a:hover {
  color: var(--colbg);
}

div#pun-ulinks {
    border-left: 2px solid #fe3d8e;
    padding-left: 16px;
    margin-left: 2px;

}
div#pun-navlinks {    width: 898px;
    border-left: 2px solid #fe3d8e;
    margin-left: 2px;}

	
/* D5 Welcome box and Top Breadcrumbs	
-------------------------------------------------------------*/	
	
/* D5.1 */	
#pun-status, #pun-status .container {	
  border-bottom: none;	
  margin-bottom: 0;	
  }	
	
/* D5.2 */	
#pun-status .container, #pun-status .container > span.item1 {
    padding: 0 0 14px 6px !important;
  }	

	
/* D5.3 */	
#pun-status span {	
  white-space: nowrap;	
  margin-right: 0.5em;	
  }	
	
/* D5.4 */	
#pun-crumbs1 {	
  font-weight: 100;	
  overflow: hidden;	
  margin-top: 0;	
  }	
	
/* D5.5 */	
#pun-crumbs1 p.container {    border: none;
    padding: 7px 0em 30px 1em;
    margin: 0px 0px 23px 0;
    color: #2c2246;
    font-size: 1.1em;
}	

#pun-crumbs1 p.container a {font-weight: bold;}
	
/* D5.6 */	
#pun-break1 {	
  margin: 0 1em;	
border:none;	
  height: 0;	
  margin: -2px 1em;	
  position: relative;	
  z-index: 1;	
  }	
	
/* D6 Announcement	
-------------------------------------------------------------*/	
	
/* D6.1 */	
#pun-announcement h2 {	
  padding: 0;	
  margin: 0 1em -3.5em 1em;	
border:none;
  position: relative;	
  font-weight: 100;	
  }	
	
/* D6.2 */	
#pun-announcement h2 span {	
  display: block;	
  padding: 1em 0 0.8em 0;	
border:none;	
  }	
	
/* D6.3 */	
#pun-announcement .container {
  padding: 4.3em 0 1em;
  text-align: center;
  }	
	
/* Статистика
-------------------------------------------------------------*/	
	
/* D7.1 */	
#pun-stats .container {	
  padding: 0.8em 1em	
  }	
	
	
	
/* D7.4 */	
li#onlinelist {	
  margin-top: 1em;	
border:none;	
  float: left;	
  width: 100%;	
  line-height: 130%;	
  }	
	
/* D7.5 */	
li#onlinelist div {	
border:none;	
  padding: 0.7em 0 0 0;
text-align: justify;
  }	
	
/* D8 
-------------------------------------------------------------*/	
	
/* 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:none;	
  text-align: right;	
  line-height: 150%;	
  padding: 0.8em 1em;	
  }	
	
/* D8.5 */	
#pun-about p span {	
  display:block;	
  padding-left: 50%;	
  }	
	
/* D8.6 */	
#pun-crumbs2 {	
  font-weight: 100;	
  overflow: hidden;	
  margin-bottom: 0;	
border:none;	
  }	
	
/* D8.7 */	
#pun-crumbs2 .container {border:none;padding: 0.8em 1em;margin: 27px 0 3px 0px;color: #2c2246;

font-size: 1.1em;}	
	

	
/* D8.8 */	
#pun-break4 {	
  margin: -2px 1em;	
border:none;	
  position: relative;	
  height: 0;	
  z-index: 1;	
  }	
	
/* D8.9 */	
div.punbb-admin #pun-about .container {	
border:none;	
  }	
	
	
/* D9 Help file	
-------------------------------------------------------------*/	
	
/* D9.1 */	
#pun-help .formal .info-box h3.legend {	
border:none;	
  padding-bottom: 0;	
  margin-bottom: 0.8em;	
  }	
	
/* D9.2 */	
#pun-help .formal .info-box h3.legend span {	
  padding-bottom: 0.6em;	
  display: block;	
border:none;	
  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;	
  }	



#pun-title h1 span,#pun-index #pun-main h1,.punbb .datafield br,.lastedit,.stickytext,.closedatafield,div#pun-live-rusff,#pun-announcement h2 span,.topic a.sharelink,#pun-navlinks #navawards, #pun-status .container .item4{
	display:none
}
.punbb img,.punbb .section,.punbb .forum,.punbb .formal,.punbb .modmenu,.punbb .info,.punbb .category,.punbb .post,.punbb .post h3,#pun-userlist .usertable table,#pun-admain .adcontainer,#pun-admain .adformal{
	border:none
}


/*атегории и статистика */


#pun-index .category h2, #pun-stats.section h2 {
background: var(--bg2);
    height: 33px;
    margin: 0 -8px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
margin-bottom: 25px;
}

#pun-index .category h2 span, #pun-stats.section h2 span, #pun-main h1, div#post-form h2, #pun-reputation h1
 {
    font-family: "Zelek";
    color: #e4e4e4;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    letter-spacing: 2px;
    background: var(--gr3);
    margin: 0 20px;
    height: 20px;
    width: 100%;
    line-height: 22px;
}
#pun-main h1,div#post-form h2 {margin: 0!important;
    border-top: 10px solid #040404;}

.pun-modal.move_posts_form .modal-inner {
    width: 824px!important;
}
/* Стиль рейтинг форумов */
span.item1 {
    text-align: center;
    padding: 0px;
    color: var(--colbg);
}

span.item1 a {
    color: var(--colbg);
    font-size: 10px;
}

/* Стиль форма ответа */

#main-reply {
    width: 100%;
    background: rgb(56 74 70 / 10%);
    border: rgb(56 24 25 / 10%);
}
/* Фон в выпадающей вкладке */
#tags .container {
    overflow: scroll;
    height: 200px;
background: url(http://forumupload.ru/uploads/001b/8e/f6/3/167188.png) ;

}

div#image-area, div#color-area {height: auto!important;}

#smilies-area, #video-area, #spoiler-area {
    width: 450px;
    height: 200px!important;
}

ul.wrapper, ul.wrapper li.pa-awards {
    border: none!important;
}

del{
	text-decoration:none!important;
	filter:blur(1px)
}
del:hover{
	filter:blur(0px)
}

#pun-navlinks a:not(.NextShow)+span.odd{ 
display:none!important; 
}
#pun-navlinks #New-exit img{position:absolute;margin: -7px 15px;width:17px;height:auto;opacity:.8;}
#pun-navlinks #New-exit:hover{
 opacity: .4;
}

.punbb #pun-navlinks a#New-exit {
  position:absolute;
  z-index:100000!important;
  margin-top: 11px!important;
  margin-left: 0px!important;
  float:none!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks #form-login input{border: 2px inset;text-rendering: auto;color: #000000!important;margin-top:4px!important;border-radius:5px;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block!important;text-align: center;font: normal normal 400 11px/normal Arial!important;} 
.punbb #form-login #fld1,#form-login #fld2{background-color: rgb(208 197 191);} 
.punbb #pun-navlinks #form-login input[type="submit"]{ 
border: 2px outset #A29489!important; 
color:#9DADBC!important;  
cursor:pointer; 
font-weight:700!important; 
} 

.punbb #pun-navlinks #form-login {display:block;font: normal normal 400 11px/normal Tahoma;text-transform: none;position:absolute!important;left:0px;top: 15px;z-index:100000!important;padding:7px 12px;background: #c3bfcc;border-color: #6a81a4;border-style: solid;border-width: 1px 1px 1px 1px;border-radius:0 0 6px 6px;text-align: center;} 
#pun-navlinks #navlogin #form-login { 
 margin-left: 122px;
} 
#pun-navlinks #navlogout #form-login { 
 margin-left: 90px;
} 
.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: 15px!important;
} 

#pun-navlinks #form-login input[value="Âîéòè"]+p{ 
margin-bottom: 11px; 
margin-top: 11px; 
} 
.punbb #pun-navlinks #form-login a.Rega, 
.punbb #pun-navlinks #form-login a.Forgot{ 
position:relative; 
text-transform: none!important; 
z-index:20; 
cursor:pointer; 
font: normal normal 400 10px/normal Tahoma!important; 
letter-spacing:0.5!important; 
}
.punbb #pun-navlinks #form-login a.Rega:before, 
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}



.notification-left+.notification-right {
    margin: 6px 0px 0px 11px; }

notification-left+.notification-right {
    margin: 6px 0px 0px 11px;
    padding: 3px 0 1px 0px; }

.notification-left .notification-image {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: cover;
    margin: 8px 13px 0px 12px;
    background-position: center;
}

.unread-notifications #notifications-wrap, .unread-notifications #notifications-advanced {
    overflow-y: auto;
    clear: both;
    background-color: rgb(228 224 223);
    max-height: 46vh;
}

form#my-form {
    margin: 0 0 0px 8px;
}

div#pun-respect.punbb .tcl {width: 22%!important;}

#pun-respect .tcl {padding: 0px 0px 20px 10px;}

div#pun-positive .tcl {
    padding: 3px 0px 20px 10px;
    width: 22%!important;
}

#pun-admain .adcontainer th {
background-color: transparent!important;
border: none!important;
}
/* стиль перемещения сообщений из тем в архив например*/
.punbb #move_posts_form .formal>form.container {
    background: #ffffff!important;
}

#pun-online td.tcl, div#pun-viewforum td.tcl {
    padding: 10px 0 8px 10px;
}

fieldset#PMove_2 td.tcl {
    padding: 0 0 0px 0px;
    width: 100%;
}

.container.moved_success {
    background: #ffffff!important;
}

#SubmitMPst {
    margin: 0 0 20px 0px;
}

.punbb .user-avatar .isonline {width:8px;height:8px;border-radius: 10!important;display:block;position:absolute;top: 0px!important;right: 5px!important;animation:blinkColor .9s linear infinite;-moz-animation:blinkColor .9s linear infinite;-webkit-animation:blinkColor .9s linear infinite;background: #8ac176!important;z-index:100;}

/* фон репутации */
#pun-reputation div{
	background-color: #d1d5de;
}

#pun-reputation h1 {
    background: transparent;
    margin: 0 auto;
    width: auto;
}

th.tc3.registered, th.tc3.last_visit {
    width: 12%!important;
}




.move_posts_form fieldset {
    margin: 0 auto;
    width: 94%;
}

.adminmain {
  width: 677px;
  }

  .adminmain a {
    color: #405e67 !Important;
  }

#pun-adnav ul a {
  padding: 0.4em 0px 0 24px!important;
  color: #2b3f45!important;
  }

.adformal h2, #pun-adnav h2 {
  font-size: 12px!important;
  font-weight: normal!important;
  background: none!important;
    text-align: center!important;
    color: #2b3f45!important;
border: none!important;
  }

#pun-admain fieldset {
  border-style: solid!important;
  border-width: 1px!important;
  padding: 0 18px 0 18px!important;
  margin: 0 0 1em 0!important;
  border-color: #ccc!important;
  }

#pun-adnav li {
  padding: 0.3em 1em;
  list-style: none!important;
  }

.pun-modal .container {
    background: #ffffff;
}


.reaction-picker {
    position: relative;
    margin: -391px 0px 0px 578px!important;
}

.reaction-counter {
    border-radius: 50%/100%;
    font-size: 12px;
    padding: 0px 7px!important;
    margin: -356px 0 0 -46px!important;
    background-color: #e9e7e3!important;
}

.reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: #eaeef2;
}
.reaction-picker-button {
    border-radius: 50%;
    width: 20px!important;
}
.reaction-chip {
    cursor: pointer;
    height: 20px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d0d7de;
    background-color: #e9e7e3!important;
}



/* Топы*/

.top {
    position: absolute;
    top: 252px;
z-index: 9999;
    margin-left: 393px;
}

/* Дата*/
.data {
    position: absolute;
    z-index: 9999;
    top: 126px;
    margin-left: 352px;
    color: #e4e4e4;
    font-size: 18px;
    font-family: var(--font1);
}

/* Инфа*/
.infa {
    position: absolute;
    top: 254px;
    text-align: center;
    margin-left: -1px;
    width: 341px;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 900;
    background: #0000008c;
}
.infa a{color: #fe3d8e!important;}
.infa a:hover{    background: var(--gr1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #f04bdb;}

/* Актив*/
.activ {
    position: absolute;
    z-index: 9999;
    top: 285px;
    margin-left: 220px;
    width: 437px;
    padding: 5px;
}
.activ img:hover{
	filter:grayscale(70%);
	transition: 0.5s;
}
.activ a img { padding: 2px;
    border: 1px solid var(--bg2);}

/* Новости в шапке*/	
.novosti {
    position: absolute;
    z-index: 9999;
    top: 113px;
    font-family: Montserrat-Regular;
    width: 322px;
    height: 126px;
    text-align: justify;
    padding: 0px 8px 8px;
    overflow-y: auto;
    color: #18202d;
}


/* Убрали заголовки: форум, тем, сообщений*/	
#pun-index thead {display: none;}

#pun-index td.tc2 {
    padding-right: 2px;
    text-align: right;
}


#pun-index td.tc3 {
    padding: 0;
}

#pun-index td.tc2:after {
    content: ' /';
}


/**счетчик тем и сообщений**/
.Tems_And_messages {
    display: flex;
    gap: 5px;
    align-items: center;

}


.main table .Add {
display: flex;
    padding: 5px 7px;
    position: relative;
    margin-left: 315px;
}

/* Профиль	
-------------------------------------------------------------*/	

/*Фон*/
.punbb .post .post-author  {    
margin-top: -20px;
padding-left: 13px;
background: var(--imgt), var(--imgf2), var(--imgc), var(--imgcb);
}

.punbb .post .post-author > ul {
text-align: center;
    width: 207px;
    margin: 0px;
    padding-left: 5px;
color: var(--bg3);
}

/*Ник*/
li.pa-author {margin-bottom: 30px;

width: 220px;
    margin-left: -6px;}
	
.pa-author a{
color: var(--bg2);
    font-size: 14px;
    font-weight: 100;
    font-family: var(--font1);
}

.pa-author a:hover {background: var(--gr3);
  -webkit-background-clip: text;
   font-weight: 100;
  -webkit-text-fill-color: transparent;
  color: #02fbff;}

li.pa-fld1 a:hover {background: var(--gr2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02fbff;}

li.pa-posts {
   margin-right: 15px;
}

li.pa-respect a {color:  var(--bg3);
font-weight: normal;
}
li.pa-respect a:hover { background: var(--gr2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #02fbff;}

.pa-posts, .pa-respect{
line-height: 15px;
    margin-bottom: 10px;
    padding-bottom: 6px!important;
    text-align: center;
    width: 74px;
    color: var(--bg3);
    display: inline-block;
    font-size: 11px;
    text-transform: lowercase;
    border-bottom: 1px solid #bec1bac4;
}


/* Профиль активен/статус */	
li.pa-title {
    border-bottom: 1px solid #bec1bac4;
    font-size: 12px;
    padding-bottom: 10px;
    text-align: center;
    font-family: Montserrat-Regular;
    color: var(--bg3);
    width: 190px;
    font-style: italic;
    margin-left: 10px;
margin-bottom: 10px;
  }	

/* Поля анкета */	
li.pa-fld1 {
padding: 5px 0;
    width: 200px;
    margin-bottom: 10px;
    background: #000000ab;
    margin-left: 3px;}
li.pa-fld2 b {  color: #929799!important;}

li.pa-fld1 a{
font-size: 12px;
    color: #cbc8d3;
}

/* Поле информации*/	
	
li.pa-fld2 { 
    font-size: 12px;
    color: #e4e4e4;
    text-align: left;
    padding: 0px 24px 20px!important;
    width: 197px;
    margin-left: -16px;

}


div.information a:hover,li.pa-fld2 a:hover{
	color:#b1a3c8;
}
	
li.pa-online {
    background: var(--imgf);
    font-size: 12px;
    font-family: 'Zelek';
    color: #405e67;
    margin-left: -7px;
    height: 18px;
    padding-top: 24px;
    width: 221px;
}

/* аватар профиля*/
li.pa-avatar { 
    padding-bottom: 7px;
}


#pun-admain table {width: 98%!important;}


#pun-searchposts .pa-replies {padding-bottom: 13px;}