@charset "Windows-1251";

/**************************************************************
A - General                                                   *
***************************************************************/
  
/* A0 @import url */
@import url(style_cs.1638800899.css);
  
/* A1 Zeroing out and General
-------------------------------------------------------------*/
 
/* A1.1 */
*, html, body {
  margin: 0; 
  padding: 0;
  }
  
/* A1.2 */
html {overflow-y: scroll;}   
 
/* A1.3 */
body {
  font: normal 100% OpenSans-Regular, tahoma, verdana, arial, helvetica, sans-serif;
  }
 
/* A1.4 */
ul, dl, li, dd, dt {list-style: none;}
 
/* A1.5 */
img {border:none;}
  
/* A1.6 (Clear outline) */
a:active, a:focus, input, textarea, input:active, textarea:active, :focus {outline:none;}
button:active, button:focus {outline: none !important;}
button::-moz-focus-inner {border: 0 !important;}
  
/* A1.7 */
a, a:link, a:visited, a:hover, a:focus, a:active, button, button:hover, button:active, input, input:hover, input:active, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  transition: opacity 0.3s ease, color 0.27s ease, background-color 0.27s ease, margin 0s linear, padding 0s linear;
}

/* A1.7 */
a, a:link, a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, 
#pun-index h3 a:hover, #pun-index .tcr a:hover, #pun-stats a:hover, #pun-about a:hover,
.crumbs a:hover, .isactive a:hover, .isactive a:active {
  text-decoration: none;
}

a:hover, a:focus, a:active {
  text-decoration: none;
}

/* A1.9 */
table {
  table-layout: fixed;
  width: 100%;
  }
  
#table-area.container table {width: 200px !important;} /* Правка для файла экстра */
 
/* A1.11 */
br {line-height: 2em;}

tr[id^=forum] br {display: none;}
  
/* A1.14 */
#pun .punbb select {
  padding: 2px 3px;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: '';
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  }
  
/* A1.15 */
#pun .punbb select::-ms-expand {display: none;}
 
/* A1.13 */
textarea, #pun #pun-admain textarea {
  display: block;
  font: 1em "Courier New", tahoma, arial, helvetica, sans-serif;
  margin: 0 auto;
  padding: 5px;  
  width: 98%;
  border-radius: 10px;  
  } 
  
textarea:focus { outline: none; }
  
input, select, optgroup {
  font: 1em tahoma, arial, helvetica, sans-serif;
}

pre {
  font: 1.1em/140% "Courier New", monaco, "bitstream vera sans mono", courier, monospace;
}
 
/* A1.18 */
.formsubmit input, .formsubmit a, .formsubmit span {
  margin: 0 0.6em 0 0;
}

.formsubmit {padding: 0 0 0 1.7em;}

#pun-profile .formsubmit {text-align: left;}
  
.button, input[type="submit"], .postlink a {
  width: 222px;
  height: 38px;
  line-height: 38px;
  font-family: PT Serif Regular !important;
  font-size: 13px;
  padding: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  outline: none;
  border: none;
  display: inline-block;
  cursor: pointer;
}
  
input[type="text"], input[type="password"], textarea {
  margin: 3px 0;
  padding: 3px;
}


.required label, .datafield span.input {
  font-weight: bold
  }
 

.datafield span.input a {
  font-weight: normal;
  }
  
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
  margin: 0 0.3em;
}
  
/* A1.24 */
iframe {
  max-width: 100%;
  max-height: 40vw;
  }
  

/* A1.26 */
.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 #pun-break3,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,
#post fieldset:not(#post-preview) legend,
#profilenav h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }

h1, h2, h3, th {font-weight: 400;}

h2, th {font-size: 1.5em;}

h1 {font-size: 1.8em;}

h3 {font-size: 18px;}

p {
  margin: 0;
  line-height: 150%;
  padding: 0 0 1em 0;
}

/**************************************************************
B - Grid Template                                             *
***************************************************************/

/* B0 Display Grid
-------------------------------------------------------------*/
.punbb, #pun-stats .container, .intd, .tclcon,
.post>.container, .main, .main .linkst, .main .linksb,
#pun-viewforum .modmenu .container, #pun-searchtopics .modmenu .container, 
#topic-modmenu .container, #topic-users-in .container,
#profilenav ul, .post-box, .post h3 span, #setmods dl,
#pun-admain, #pun-adnav .adcontainer div > ul > li:last-child,
.punbb-admin .linksb, 
tr, td, #pun-t10, .stats-t10 {
  display: grid;
}

/* B1 Общий Grid
-------------------------------------------------------------*/
.punbb {
  grid-template:
      "header header header"
      "navlinks navlinks navlinks"
	  "title title title"
	  "ulinks ulinks ulinks"
	  ". announcement ."
	  "break1 break1 break1"
	  ". status ."
	  ". crumbs1 ."
	  ". admain ."
	  ". banner3 ."
	  ". main ."
	  ". banner2 ."
	  ". t10 ."
	  ". stats ."
	  ". banner1 ."
	  ". crumbs2 ."
	  ". about ."
	  ". footer ."
	  "break2 break2 break2"
	  "break4 break4 break4"
	  "after after after"
	  / 9% 1fr 9%;
}

/* B2 Grid левая колонка (если убрать, без колонок)
-------------------------------------------------------------
#pun-index.punbb {
  grid-template:
      "header header header header"
	  "ulinks ulinks ulinks ulinks"
      "navlinks navlinks navlinks navlinks"
	  "title title title title"
	  ". status main ."
	  ". announcement main ."
	  ". announcement banner2 ."
	  ". announcement stats ."
	  ". announcement banner1 ."
	  ". announcement crumbs2 ."
	  ". announcement about ."
	  ". announcement footer ."
	  ". announcement after ."
	  / 9% 15% 1fr 9%;
} 
#pun-index #pun-status, #pun-announcement {margin-right: 1em;}
#pun-index #pun-status, #pun-announcement, #pun-index #pun-main {padding: 1em;}
#pun-announcement {border-radius: 0 0 0.6vw 0.6vw;}
*/

/* B3 Grid правая колонка (если убрать, без колонок)
-------------------------------------------------------------
#pun-index.punbb {
  grid-template:
      "header header header header"
	  "ulinks ulinks ulinks ulinks"
      "navlinks navlinks navlinks navlinks"
	  "title title title title"	 
      ". banner3 status ."
	  ". banner3 announcement ."
	  ". main announcement ." 
	  ". banner2 announcement ."
	  ". stats announcement ."
	  ". banner1 announcement ."
	  ". crumbs2 announcement ."
	  ". about announcement ."
	  ". footer announcement ."
	  ". after announcement ."
	  / 9% 1fr 15% 9%;
}

#pun-index #pun-status, #pun-announcement {margin-left: 1em;}
#pun-index #pun-status, #pun-announcement, #pun-index #pun-main {padding: 1em;}
#pun-announcement {border-radius: 0 0 0.6vw 0.6vw;}
#pun-index #pun-main {grid-row-start: 5;}
#pun-index .section + #pun-main {grid-row-start: 7;}
*/

/* B4 Grid статистика
-------------------------------------------------------------*/
#pun-stats .container {
  grid:
      ". . . ."
	  "statscon-before item1 item3 ."
	  "statscon-before item2 item4 ."
      ". item5 item5 ."
	  ". item6 item6 ."
	  ". item7 item7 ."
	  ". item8 item8 ."
	  ". . . ."
	  / 4em 1fr 1fr 0.8em;
  grid-template-rows: 1em repeat(6, auto) 1em;	  
}

/* B5 Grid Icon + tcl + tcr
-------------------------------------------------------------*/
.intd {
  grid: minmax(2em, auto) / 50px 1em 1fr;
  grid-template-areas: "icon . tclcon";
}

.intd, .tclcon {align-items: center;}

#pun-viewforum .tclcon {
  grid:
      "stickytext closedatafield atopic pagestext"
	  ". . byuser ."
	  / auto auto 5fr 1fr;
}

#pun-searchtopics .tclcon {
  grid:
      "stickytext closedtext . atopic byuser pagestext"
	  / 10px 10px 4px 6fr 1fr 1fr;
}

tr {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
  justify-content: center;
  align-content: start;
  vertical-align: middle;
}

#pun-index tr {grid-template-columns: 50% 10% 10% 30%;}

#pun-statistic.punbb .tc-registered, #pun-statistic.punbb .tc3, #pun-statistic.punbb .tc-title {width: 100%;} /* Правка для файла экстра */

.main td.tcr {
  grid-template:
      "tcr-em tcr-a tcr-span"
	  / auto auto auto;
  align-items: center;
  justify-content: center;
  padding: 1.3em 1em;
}

#pun-index .main td.tcr {
  grid-template:
      "tcr-em tcr-a"
      "tcr-em tcr-span"/ auto auto;
  justify-content: start;
  align-content: center;
}

td.tcr br {display: none;}

td.tcr em {grid-area: tcr-em;}
td.tcr a {grid-area: tcr-a;}
td.tcr span {grid-area: tcr-span;}

/* B5 Grid Страницы тем и постов
-------------------------------------------------------------*/
.main {
  grid-template:
               "linkst"
			   "mainh1"
			   "forum"
			   "topic"
			   "modmenu"        
			   "topic-users-in" 
			   "linksb"
			   "banner4"
			   "post-form"
			   "similar-topics"
			   / 1fr;		   
}

#pun-viewforum .main, #pun-searchtopics .main {
  grid-template:
               "linkst"
			   "mainh1"
			   "forum"
			   "modmenu"
			   "linksb"
			   / 1fr;		   
}

.main .linkst, .main .linksb {
  grid-template:
               "pagelink noindex"
			   ". subscribelink"
			   / auto auto;
}

.post>.container {
  grid:
      "topicauthor topicbody"
      "topiclinks topiclinks"
	  / 15em 5fr;
  width: 100%;
}

#pun-viewforum .modmenu .container, #pun-searchtopics .modmenu .container, #topic-modmenu .container {
  grid-template:
                 "topic-modmenu-strong topic-modmenu-span"
  			   / 1fr 1fr;		   
}

/* B6 Grid Поделиться и дата
-------------------------------------------------------------*/
.post h3 span {
  grid-template:
			   "permalink sharelink h3strong"
			   / 1fr auto auto;
  align-items: center;			   
}

/* B6 Grid Пост
-------------------------------------------------------------*/
.post-box {
  grid-template-areas: "content content" "vote rating";
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr auto;
  height: calc(100% - 1.4em);
}

#topic-users-in .container {grid-template-columns: minmax(11.4em, auto) minmax(1px, auto) auto 1fr;}

/* B6 Grid Профиля
-------------------------------------------------------------*/
#pun-profile .main {
  grid-template:
			   "mainh1"
               "profile"
			   / 1fr;		   
}

#profilenav ul {grid-template-columns: repeat(11, minmax(1px, max-content));align-items: center;justify-content: center;}

/* B6 Grid Админки
-------------------------------------------------------------*/
#pun-admain {
  grid: 
    "adnav admain1"
	"adnav addsubf"
	"adnav admain2"
	"adnav linksb"
	/ 1fr 5fr;
  grid-template-rows: auto auto auto 1fr;
  margin-bottom: 0;
}

#pun-adnav .adcontainer div > ul > li:last-child {
  grid-template:
			   "last-child-sup" auto
			   "last-child-a" 1fr
			   / 1fr;
}

.punbb-admin .linksb {
  grid: 
    "pagelink noindex"
	/ 1fr 1fr;

}

/* B6 Grid grid-area Основной
-------------------------------------------------------------*/
#html-header {grid-area: header;}
#pun-ulinks {grid-area: ulinks;}
#pun-navlinks {grid-area: navlinks;}
#pun-title {grid-area: title;}
#pun-status {grid-area: status;}
#pun-announcement {grid-area: announcement;}
#pun-break1 {grid-area: break1;}
#pun-break2 {grid-area: break2;}
#pun-break4 {grid-area: break4;}
#pun-crumbs1 {grid-area: crumbs1;}

#pun-admain {grid-area: admain;}
#pun-break2 + .section {grid-area: banner3;}

#pun-break2 + .section iframe img {display: block !important;
  max-width: 100% !important;}

#pun-break2 + .section iframe {
    display: block;
	margin: 0 auto !important;
}
#pun-main {grid-area: main;}

#pun-main + script + .section:not(#pun-stats) {max-width: 100px;}
#pun-stats {grid-area: stats;}
#pun-stats + .section, #pun-main + script + .section:not(#pun-stats) {grid-area: banner1;}
#pun-crumbs2 {grid-area: crumbs2;}
#pun-about {grid-area: about;}
#html-footer {grid-area: footer;}
.punbb:after {grid-area: after;}
#pun-t10 {grid-area: t10;}

/* B7 Grid grid-area Статистика
-------------------------------------------------------------*/
#pun-index .item1 {grid-area: item1;}
#pun-index .item2 {grid-area: item2;}
#pun-index .item3 {grid-area: item3;}
#pun-index .item4 {grid-area: item4;}
#pun-index li[class*=item]:nth-child(5) {grid-area: item5;}
#pun-index li[class*=item]:nth-child(6) {grid-area: item6;}
#pun-index li[class*=item]:nth-child(7) {grid-area: item7;}
#pun-index li[class*=item]:nth-child(8) {grid-area: item8;}
.statscon .container:before {grid-area: statscon-before;}

/* B6 Grid grid-area Icon + tcl
-------------------------------------------------------------*/
.icon {grid-area: icon;width: 50px;height: 50px;margin-top: 6px;}
.tclcon {grid-area: tclcon;grid-auto-rows: 1.8em;}
.stickytext {grid-area: stickytext;}
.closedatafield {grid-area: closedatafield;}
.closedtext {grid-area: closedtext;}
.acchide + a, .acchide + span + a, .acchide + span + span + a {grid-area: atopic;}
.byuser {grid-area: byuser;}
.pagestext {grid-area: pagestext;text-align: right;}


/* B5 Grid grid-area Страницы тем и постов
-------------------------------------------------------------*/
.post-author {grid-area: topicauthor;margin-top: -1.8em;}
.post-body {grid-area: topicbody;margin-top: 7px;padding: 0 0 1px 0;}
.post-links {grid-area: topiclinks;}
.main h1 {grid-area: mainh1;}
.linkst {grid-area: linkst;}
.forum {grid-area: forum;}
.topic {grid-area: topic;}
#pun-viewforum .modmenu, #topic-modmenu {grid-area: modmenu;}
#topic-users-in {grid-area: topic-users-in;}
#pun-viewforum .modmenu strong, #topic-modmenu strong {grid-area: topic-modmenu-strong;}
#pun-viewforum .modmenu span, #pun-searchtopics .modmenu span, #topic-modmenu span {grid-area: topic-modmenu-span;}
.linksb {grid-area: linksb;}
.linksb + .section {grid-area: banner4;margin: 20px 0;}
.pagelink {grid-area: pagelink;}
.main noindex, .postlink {grid-area: noindex;width: auto !important;}
.subscribelink {grid-area: subscribelink;}
.post h3 strong {grid-area: h3strong;}
.punbb .topic a.sharelink {grid-area: sharelink;float: none;}
.permalink {grid-area: permalink;}
#post-form {grid-area: post-form;}
#similar-topics {grid-area: similar-topics;}
.post-content {grid-area: content;}
.post-rating {grid-area: rating;}
.post-vote {grid-area: vote;float: right;}

/* B6 Grid grid-area Профиля
-------------------------------------------------------------*/
#profile {grid-area: profile;}

/* B7 Grid Justify-self
-------------------------------------------------------------*/
#pun-viewforum .modmenu span, #pun-searchtopics .modmenu span, #topic-modmenu span,
.main noindex, .postlink,
.subscribelink, .post h3 strong, .sharelink {
  justify-self: end;
}

#setmods dl {
  grid-template:
			   "dt dd"
			   / 30% 1fr;				   
}

#setmods dt {grid-area: dt;}
#setmods dd {grid-area: dd;}

#setmods {margin-bottom: 0.8em;}

#setmods dl {
  margin-bottom: 0.2em;
  height: 100%;
}

#setmods dt {
  font-weight: bold;
}

#setmods dt, #setmods dd {padding: 1em;}

#pun-profile .formal {border-bottom: solid 1px #eee;}

/* B6 Grid grid-area Админки
-------------------------------------------------------------*/
#pun-adnav {grid-area: adnav;}
#pun-admain1 {grid-area: admain1;}
#pun-admain1.addsubf {grid-area: addsubf;}
#pun-admain2 {grid-area: admain2;}
#pun-adnav .adcontainer div > ul > li:last-child a {grid-area: last-child-a;}
#pun-adnav .adcontainer div > ul > li:last-child sup {grid-area: last-child-sup;}

/**************************************************************
Border                                         *
***************************************************************/



/* Border для Админки
-------------------------------------------------------------*/
#pun-adnav .adcontainer {border: none;}

.punbb-admin #pun-admain h2 {border-width: 3px;}

#pun-adnav div > ul > li {
 border-style: none solid none solid;
}

#pun-adnav .isactive {
  border-style: solid none solid none;
}

#pun-adnav div > ul > li:first-child {
  border-style: solid solid none solid;
  }

#pun-adnav div > ul > li:last-child {
  border-style: none solid solid solid;
}

#pun-admain .adcontainer {border-radius: 4px;}

#pun-adnav div > ul > li:first-child, #pun-adnav div > ul > li:first-child a {
  border-radius: 4px 4px 0 0;
  }

#pun-adnav div > ul > li:last-child, #pun-adnav div > ul > li:last-child a {
  border-radius: 0 0 4px 4px;
}

.punbb-admin .adformal {border-style: none;}

/**************************************************************
С - Basic page layout                                         *
***************************************************************/



/* С1.2 */ 
#pun-title {margin-bottom: 1px;}
  
/* С1.3 */ 
#pun-title, #pun-title table {
  position: relative;
  height: 168px;
  }
  
#pun-title table {z-index: 2;}
  
#pun-title td {display: none;}
  
/* B2.3 */
#pun-navlinks ul, #pun-ulinks ul {
  display: flex;
  }

/* B2.18 */
#pun-ulinks ul {justify-content: center;}

#pun-ulinks li {padding: 0.6vw 0.4vw;}

#pun-ulinks li a {
  font-size: 18px;
  padding: 0.6vw 0.7vw;
}

#pun-navlinks a, #pun-ulinks a {
  text-decoration: none;
}
  
/* B2.2 */
#pun-navlinks ul, #pun-title table {
  width: 80%;
  margin: 0 auto;
  }

/* B2.2 */
#pun-navlinks ul {justify-content: flex-end;}

#pun-navlinks .container {
  padding: 0;
  height: 42px;
}

#pun-navlinks li {margin: auto 2px;}

#pun-navlinks li#navsearch {margin-right: auto;}

#pun-navlinks li a {
  padding: 8px 28px;
  border-radius: 5px;
}

#pun-navlinks a, #pun-navlinks span {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
}

#pun-status, .crumbs {
  display: flex;
  align-items: center;
}

#pun-status {height: 200px;}

#pun-status .container {
  width: 100%;
  margin-top: -50px;
  padding: 3em 1em;
}

#pun-crumbs1 { margin-top: -110px;}

.crumbs {
  height: 38px;
  padding: 0;
  margin-left: 50px;
  font-size: 1em;
}

.crumbs *:nth-child(2) {display: none;}

.crumbs *:nth-child(3) {
  font-size: 0;
  height: 38px;
  width: 150px;
  display: inline-block;
  margin-top: -10px;
  margin-left: 50px;
  cursor: pointer;
}

.crumbs em {padding: 0 5px;}


#pun-main {
  padding-bottom: 1em;
}


.closedatafield, .stickytext, .closedtext {
  font-size: 0px;
}

#pun-index #pun-break3, #pun-stats, .punbb:not(#pun-index) #pun-main, 
.redirect-page #pun-main, #pun-admain, #pun-announcement, #pun-status, .category,
#pun-break2 + .section, #pun-stats + .section, #pun-main + script + .section:not(#pun-stats), #pun-t10 {
  margin-bottom: 34px;
  padding: 32px 48px;
  min-height: 50px;
}

#pun-viewtopic.punbb #pun-main {padding: 32px 28px;}

.main th, .inscription {
  padding: 20px 0;
  font-size: 14px;
}

.main th.tcl, .main th.tcr {text-align: left;}
  
.main th.tcl {padding-left: calc(54px + 2em);}

.main th.tcr {padding-left: 1em;}

.main td {padding: 0.8em 1em;}

#pun-viewforum .main td.tcl {padding: 0.8em 0 0.8em 1em;}

.main .tc2, .main .tc3, .main .tcmod {
  text-align: center;
  align-items: center;
}

.tclcon, .modlist {
  font-size: 13px;
  font-family: 'PT Serif Regular';
}

.main .tc2, .main .tc3, .main .tcmod, .main .tcr {width: auto;}

#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
  width: 20%;
}

.main h1, .main h2, #pun-stats h2, #pun-t10 h2 {
  font-size: 18px;
  text-align: center;
  padding-bottom: 16px;
}

#pun-viewtopic .main h1, #pun-viewtopic .main h2, #pun-userlist .main h1 {margin-bottom: 10px;}

#pun-statistic .main h1 {margin-bottom: 3px;}

#pun-stats li {line-height: 150%;}

#pun-stats li , #pun-stats li a {font-size: 14px;}

#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}

#onlinelist {line-height: 130%;}

#onlinelist div {padding: 0.7em 0 0 0;}
  
body #pun:after {
  content: "";
  height: 0px;
}

#pun-about .container {
  padding: 0 50px 0 0;
  margin: 10px 0 -20px;
  text-align: right;
}

.byuser {word-wrap: break-word;padding-right: 5px;}

#pun-index h3 a, #pun-index .tcr a, #pun-stats a, #pun-about a, .punbb-admin #pun-admain .postlink a {
  transition: background-position .5s ease, background-color .3s ease, color .3s ease;
  padding-bottom: .3em;
}

#pun-index .tcr a {padding-bottom: 0;}

#pun-index h3 a:hover, #pun-index .tcr a:hover, #pun-stats a:hover, #pun-about a:hover, #pun-admain .postlink a:hover {
  background-position: 100% 1.1em;
}

#pun-index .tcr a, #pun-stats a, #pun-about a, #pun-admain .postlink a {background-size: 300% 1px;}

#pun-index h3 a {background-size: 300% 2px;}

/**************************************************************
 Подфорумы                                         *
***************************************************************/

.parent, #pun-index tr.isub {background: none;}

.isub, .tclcon {position: relative;}

.parent .tcl:after{
  content: "Подфорумы:";
  position: relative;
  display: block;
  padding-left: calc(55px + 1em);
  font-size: 13px;
  font-family: PT Serif Regular;
  font-weight: normal;
  color: #836f59;
}

.parent + .isub {margin-top: -10px;}

#pun-index tr.isub {
  grid-template-columns: calc(90px + 2em) auto;
  justify-content: start;
}

#pun-index .isub td.tcl {padding: 5px 0 5px !important;}

.isub .tcl h3 {font-size: 14px;}

.isub .tcl a {color: #61492c;}

.isub .intd {
  grid: minmax(1px, auto) / 1fr;
  grid-template-areas: "tclcon";
}

.isub .tc2, .isub .tc3, .isub .icon, .isub .user-avatar, .isub .lastpost, .isub .modlist {display: none;}

.isub .tcl:hover ~ .tc2, .isub .tcl:hover ~ .tc3 {
  display: block;
  position: absolute;
  width: 100px;
  padding: 5px 8px 4px;
  background-color: #fdefdb;
  color: var(--theme-color);
  max-width: 200px;
  text-align: center;
  font-size: 12px;
}

.isub .tc2, .isub .tc3 {
    border-style: solid;
    border-color: #d4b943;
}

.isub .tc2 {
  margin-top: -25px;
  margin-left: calc(90px + 2em);
  border-radius: 5px 0 0 5px;
  border-width: 1px 0px 1px 1px;
}

.isub .tc3 {
  margin-top: -25px;
  margin-left: calc(113px + 90px + 2em);
  border-radius: 0 5px 5px 0;
  border-width: 1px 1px 1px 0px;
}

.isub .tc2:before {
  content: "Тем:";
  padding: 2px;
}

.isub .tc2:after {
    content: '';
    border: 10px solid transparent;
    border-top-color: #fdefdb;
    position: absolute;
    margin: 15px 0 0 -70px;
}

.isub .tc3:before {
  content: "Сообщений:";
  padding: 2px;
}

#pun-index .main .isub .tcr {
  grid-row: 1;
  grid-template: none;
  padding: 0;
  justify-content: end;
  background: url(http://forumstatic.ru/files/0011/57/e2/86490.png) calc(100% - 4px) center no-repeat;
  }

#pun-index .isub .tcr a {
  margin-right: 4px;
  width: 16px;
  height: 11px;
  font-size: 0;
  background: url(http://forumstatic.ru/files/0011/57/e2/86490.png) no-repeat;
  background-size: cover;
}

#pun-index .isub.inew .tcr a {background: url(http://forumstatic.ru/files/0011/57/e2/35592.gif) no-repeat;}

#pun-index .isub .tcr a:after {
  content: "К последнему сообщению";
  padding: 2px;
  display: none;
  position: relative;
  top: -30px;
  right: 100px;
  width: 200px;
  text-align: center;
  background: #fdefdb;
  border: 1px solid #d4b943;
  border-radius: 5px;
  font-size: 12px;
  color: var(--theme-color);
}

#pun-index .isub .tcr a:hover:after{
    display: block;
}

.isub + tr:not(.isub):not(.parent) {
  background: url(http://forumstatic.ru/files/0011/57/e2/94193.png) center top repeat-x;
  margin-top: 20px;
  }

/* E7 Объявление
-------------------------------------------------------------*/  
/* E7.1 */
#pun-announcement {
  position: relative;
  margin: 34px 0;
  } 

/* E7.2 */ 
#pun-announcement h2 {
  display: none;
  }



/* E7.7 */ 
#pun-announcement .container {
  padding: 0 1em 0 1em;
  }


  
.punbb #pun-break1 {
  height: 16px;
  width: 100%;
  margin: -8px 0 8px;
}

#pun-break2 {
  height: 25px;
  width: 100%;
}

#pun-break4 {
  height: 42px;
  width: 100%;
}

#pun-break1 hr, #pun-break2 hr, #pun-break4 hr {display: none;}

/* Аватар
-------------------------------------------------------------*/
.status_userava>img {
    margin-left: 50px;
}

#pun .punbb .user-avatar .avatar-image, .status_userava>img {
  width: 34px;
  height: 34px;
}

#pun .punbb .user-avatar .avatar-image, .status_userava>img, .pa-avatar img, .author-avatar img {
  vertical-align: middle;
  border-radius: 0 4px 0 6px;
  box-shadow: 0px 3px 5px black;
  -webkit-box-shadow: 0px 2px 4px black;
  -khtml-box-shadow: 0px 2px 4px;
  -moz-box-shadow: 0px 2px 4px;
  background-clip: padding-box;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  float: left;
  opacity: 0.85;
  border-width: 13px;
  background-color: rgba(255, 255, 255, 0.4);
  border: medium double #75411C!important;
}

#pun .punbb .user-avatar .isonline {
  bottom: -2px;
  left: 3px;
  top: auto;
}

#pun .punbb .tcr em.user-avatar {
  width: auto;
  margin: 0 20px 0 0;
}

.pa-avatar img {
  width: calc(100% - 4px);
  display: block;
  margin-bottom: 8px;
}

/**************************************************************
 Последние 10 сообщений                                        *
***************************************************************/

.stats-t10 {
  grid-template-columns: 40% 10% auto;
  grid-template-rows: auto;
  justify-items: center;
  align-items: center;
}

.author-t10, .last-post-t10 {
  justify-self: left;
  padding-left: calc(54px + 2em);
}

.body-t10 {padding-top: 1em;}

.body-t10 .author-t10 {color: #61492c;  }

/*************************************************************
 - Страница постов
**************************************************************/

.punbb .post h3 span {
  padding: 0.4em 1em;
  font-size: 0.82em;
  margin-left: 18em;
  margin-right: 0.9em;
}

.post-author, .post-body {word-wrap: break-word;}

#post .areafield {padding: 0;}

.punbb .post h3 a, .punbb .post h3 strong {
  font-size: 12px;
}

.permalink:before {
  content: "Дата сообщения:";
  margin-right: 5px;
}

/* Дата, номер поста, Поделиться
-------------------------------------------------------------*/

a.sharelink {margin-right: 0.5em;}

.post h3 strong:before {
  content: "";
  position: relative;
  width: 18px;
  height: 17px;
  padding-right: 24px;
}

/* Минипрофиль
-------------------------------------------------------------*/
.post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
}

.post-author li:not(.pa-author) {margin-bottom: 8px;}

.post-author ul {
  padding: 7px 10px 11px;
}

.pa-author, .pa-title {
  text-align: center;
}

.pa-author {
  font-size: 16px;
  padding-top: 5px;
  border-radius: 6px 6px 0 0;
}
  
.pa-author img {width: 1.2em;margin-right: 2em !important;}

.pa-author img, .pa-author a {margin-left: -1.7em;}

.pa-title {
  padding: 0 0 5px;
  border-radius: 0 0 6px 6px;
  font-size: 12px;
}

/* Онлайн-Оффлайн, Плюс-Минус
-------------------------------------------------------------*/

.pa-respect a img, .pa-online strong {
  display: none;
}     
  
.pa-respect {
  display: grid;
  grid-template:
        "fld-name res-s2 res-v1 res-s3 res-v0" / auto auto auto auto auto 1fr;
  align-items: center;
}

.pa-respect .fld-name {grid-area: fld-name;}
.pa-respect span:nth-child(2) {grid-area: res-s2;margin-left: 4px;}
.pa-respect span:nth-child(3) {grid-area: res-s3;}
.pa-respect a[href*="v=1"] {grid-area: res-v1;}
.pa-respect a[href*="v=0"] {grid-area: res-v0;}
   
/* 4 */  
.pa-respect a[href*="v=1"]:before, .pa-respect a[href*="v=0"]:before {
  content: "";
  display: block;
  height: 16px;
  width: 22px;
  }
  
/* 4 */  
.pa-respect a[href*="v=1"]:before {
  right: 0;
  background: url(//forumstatic.ru/files/0011/57/e2/49284.png) no-repeat center center;
  }
  
/* 5 */
.pa-respect a[href*="v=0"]:before {
  left: 0;
  top: 2px;
  background: url(//forumstatic.ru/files/0011/57/e2/95242.png) no-repeat center center;
  }

/* F1.32 */
.pa-last-visit {font-size:0;} 
 
/* 2 */
.pa-online:before, .pa-last-visit:before {
  content: "";
  display: block;
  height: 22px;
  width: 100%;
  }
 
/* 1 */
.pa-online:before {background: url(//forumstatic.ru/files/0011/57/e2/87061.png) no-repeat center left;}

/* 2 */
.pa-last-visit:before {background: url(//forumstatic.ru/files/0011/57/e2/63734.png) no-repeat center left;}

/* --
-------------------------------------------------------------*/

.post-links {
  padding: 10px 13px;
  margin: 16px 0 14px;
}

.post-links ul {
  display: flex;
  justify-content: flex-end;
  padding: 0 1em 0 0;
  height: 36px;
  line-height: 36px;
  margin: 10px 0;
  border-radius: 6px;
}

.post-links:before, .post-links:after, #post-form>h2:before, #post-form>h2:after, .quote-box:before, .code-box:before, .quote-box:after, .code-box:after {
  content: "";
  height: 3px;
  width: 97.5%;
  display: block;
}

.post-links:before, #post-form>h2:before {margin: -10px auto 0;}

.post-links:after, #post-form>h2:after {margin: 0 auto -10px;}

.quote-box:before, .code-box:before {margin: -14px auto 0;}

.quote-box.spoiler-box:before {margin: -16px auto 0;}

.quote-box:after, .code-box:after {margin: 0 auto -14px;}

.quote-box.spoiler-box:after {margin: 0 auto -16px;}

.post-links li {padding-left: 1em;}

.pl-email, .pl-website {margin-left: 0;}

.pl-email + li:not(.pm):not(.email):not(.pl-website), .pl-website + li {margin-left: auto;}

.post-links li a {font-size: 12px;}

.pl-email a, .pl-website a {
  padding: 4px;
  margin: -4px;
}

.pl-quote a, .pl-delete a, .pl-edit a {
  padding: 4px 4px 4px 24px;
  margin: -4px;
}

.post-box {padding: 0.4em 1.8em 1em 2.6em;}

.modmenu {padding: 0 1em;}

.modmenu, #pun-viewtopic .linksb {
  min-height: 4em;
  height: 100%;
}

.modmenu .container {
  height: 100%;
  align-items: center;
  padding: 0;
}

#topic-users-in .container a {
  margin-left: 5px;
}

.linkst, .linksb {margin: 1em 1em 0;}



/* Спойлер, Код, Цитата
-------------------------------------------------------------*/

.punbb .post-content .spoiler-box > blockquote {
  display: none;
  padding: 0 0 0 1.6em;
}

.punbb .post-content .spoiler-box > blockquote.visible {
  display: block;
  overflow: auto;
}

.punbb .post-content .spoiler-box > div {
  height: 38px;
  line-height: 38px;
  margin: 8px 0;
  cursor: pointer;
  padding-left: 36px;
  border-radius: 5px;
}

.post-content .spoiler-box > div.visible {
  margin: 8px 0 0;
  border-radius: 5px 5px 0 0;
}

.blockcode, blockquote {
  overflow: hidden;
  margin-bottom: 8px;
  padding: 0.4em 0.4em 0.4em 0.6em;
  border-radius: 0 0 5px 5px;
}

.author-avatar {float: left; margin: 0 1em 1em 0; }

.author-avatar img {max-width: 4em;}

.scrollbox {
  overflow: auto;
  padding-left: 3em;
  height: auto !important;
  max-height: 35em;
}

.quote-box, .code-box {
  margin: 0.4em 0 1.4em 0;
  padding: 14px;
}

.quote-box .quote-box {margin-left: 4.8em;}

.quote-box cite, .code-box strong.legend {
  display: block;
  padding: 0.4em 0.4em 0 0.6em;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  margin-top: 8px;
  border-radius: 5px 5px 0 0;
}

.spoiler-box {
  padding: 1em;
}

.clearer {clear: both;}

/* Подпись
-------------------------------------------------------------*/
.post-sig {padding-top: 24px;}

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

#pun-profile h1 {margin-bottom: auto;}

#profilenav {
    width: auto;
    text-align: center;
}

#viewprofile ul, #profilenav ul {
  padding: 1em 0 0.8em 0;
  margin: 0 -10px 1em -10px;
}

#profilenav li {
    font-weight: bold;
}

#profilenav li {padding: 4px;margin: 0 4px;}

#profilenav li.isactive a {padding: 4px;}

.formal .container {
    padding: 0 2.3em 1.1em 2.3em;
}

fieldset {
  padding: 0 18px 0 18px;
  margin: 0;
  border: none;
}

fieldset legend {
  margin: 0 0 0 11px;
}

legend span, #viewprofile h2 span {
  font-variant: normal;
}

fieldset legend span {
  padding: 0 5px;
}

.fs-box {
  position: relative;
  padding: 1em 0 0.8em 0;
  }
 
#pun-profile .fs-box p, #pun-profile .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

.submitend {
  margin-top: 20px;
}

#pun-profile .pagelink {clear: both;}

/*************************************************************
 - Админка
**************************************************************/

.punbb #pun-adnav {
  float: none;
  width: initial;
  margin-left: initial;
  display: initial;
  margin-right: 1em;
}

#pun-admain .adcontainer {margin-top: 3px;padding: 0;}

.punbb #pun-adnav ul {padding: 0;}

#pun-adnav .adcontainer li a {
  display: block;
  padding: 0.3em 1em;
}

.punbb #pun-adnav .adsubnav {padding-top: 0;}

.punbb #pun-adnav li, #pun-adnav .isactive ul.adsubnav a {padding: 0;}

#pun-adnav a:hover {
  margin: -1px;
}

#pun-adnav .isactive ul.adsubnav li {padding-left: 10px;}

#pun-adnav .isactive ul.adsubnav a {
  display: inline-block;
  width: 89%;
}

#pun-admain #pun-adnav sup.new {
  padding: 0 4px;
  margin: 0 -2px 0 8px;
}

.punbb-admin #pun-admain .postlink {
  text-align: right;
  font-weight: bold;
  width: 100% !important;
}

.punbb-admin .adcontainer, .punbb-admin #pun-admain fieldset {border: none;}

/* Стилизация редактора в админке
-------------------------------------------------------------*/
.ace_editor {font: 16px/normal 'Courier New' !important;}

/*************************************************************
 - Панель вв-кодов
**************************************************************/

#post-form>h2 {padding: 10px 13px;}

#post-form>h2 span {
  display: block;
  margin: 10px 0;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  text-align: right;
  padding-right: 1em;
  font-size: 13px;
  font-family: OpenSans-Regular;
}

.punbb-admin #form-buttons table, .punbb .formal textarea {width:99%}
#pun .punbb-admin #form-buttons td {padding:0; line-height:0; border:0; cursor:pointer;}
.punbb-admin #form-buttons td img {height:26px; width:100%}
.punbb-admin #form-buttons tr {text-align: center;}

/* вв-код иконки
-------------------------------------------------------------*/
#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px;}
#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px;}
#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px;}
#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px;}
#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px;}
#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px;}
#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px;}
#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px;}
#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px;}
#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px;}
#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px;}
#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px;}
#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px;}
#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px;}
#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px;}
#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px;}
#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px;}
#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px;}
#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px;}
#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px;}
#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px;}
#button-font2 {background:url('//forumstatic.ru/files/0011/57/e2/97429.png') no-repeat center center;}
#My_replic_meny {background: url(http://forumstatic.ru/files/0011/57/e2/75129.gif) no-repeat center center;}
#floatbut {background: url(http://forumstatic.ru/files/0011/57/e2/51387.gif) no-repeat center center;}
#button-iframe {background: url(http://forumstatic.ru/files/0011/57/e2/39560.gif) no-repeat center center;}

/* вв-код фон
-------------------------------------------------------------*/
.fs-box .container, .buttons-alter div[class$="-alter"]>div, .dropdown .dropdown-inside, .sp-container, #tr-list, #float {
  background: url(http://forumstatic.ru/files/0011/57/e2/66145.png) left top no-repeat, /* Верхний левый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/72875.png) left bottom no-repeat, /* Нижний левый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/25503.png) right top no-repeat, /* Верхний правый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/14959.png) right bottom no-repeat, /* Нижний правый угол */ 
              url(http://forumstatic.ru/files/0011/57/e2/77463.png) left top repeat-y, /* Полоса слева */ 
              url(http://forumstatic.ru/files/0011/57/e2/71780.png) right top repeat-y, /* Полоса справа */ 
              url(http://forumstatic.ru/files/0011/57/e2/12731.png) left top repeat-x, /* Полоса сверху */ 
              url(http://forumstatic.ru/files/0011/57/e2/91967.png) left bottom repeat-x, /* Полоса снизу */ 
              url(http://forumstatic.ru/files/0011/57/e2/87619.png) left top repeat;
  box-shadow: 0px 7px 10px 0px rgb(50 50 50 / 75%);
}

/* вв-код общие настройки
-------------------------------------------------------------*/
#keyboard-span {padding-bottom: 30px;display: inline-block;}
#size-area span, #size-area img {text-align: center;line-height: 26px;}
#font-area img, #font-alter2 img, #size-area img {margin-top: -26px;}
#font-area span, #font-alter2 span, #font-area img, #font-alter2 img {line-height: 26px;height: 26px !important;}
#size-area span, #font-area span {padding: 0 !important;}

/* вв-код настройки для Админки
-------------------------------------------------------------*/
.punbb-admin .formal fieldset {min-width:0;}
.punbb-admin .formal span.input {padding-right:0 !important}
.punbb-admin #formkey, #formetc {display:none}
.punbb-admin #color-area, #table-area, #keyboard-area {width:auto}
.punbb-admin #keyboard-area {text-align:center; padding-bottom:4px}
.punbb-admin #imageup-area {width:170px}
.punbb-admin #imageattach-area {width:770px; height:200px; padding:0px !important}
.punbb-admin #smilies-area, #video-area, #spoiler-area {width:450px}
.punbb-admin #image-area {width:550px}
.punbb-admin #color-area * {border:0}
.punbb-admin #color-area table {width:320px; height:20px; padding:0; margin:0}
.punbb-admin #table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
.punbb-admin #table-area div {margin-top:1em; text-align:center}
.punbb-admin #table-layout {margin-right:0.5em}
.punbb-admin #table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
.punbb-admin #table-area td.selected {background-color:#c8c8ff}
.punbb-admin #color-area td, #table-area td {margin:0; padding:0; line-height:0}
.punbb-admin #color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
.punbb-admin #tags .container {position:absolute; right:6px; top:43px; padding: 2em; z-index:2;}
.punbb-admin #font-area, #size-area {right: unset !important;}
.punbb-admin #font-area div, #size-area div, #color-area div, #table-area div, #addition-area div, #smilies-area div a, #smilies-area img {cursor:pointer !important}
.punbb-admin #font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; top:0; left:0}
.punbb-admin #font-area span, #font-area img {height:15px}
.punbb-admin #size-area span, #size-area img {height:24px}
.punbb-admin #font-area span, #size-area span {padding:1px 0}
.punbb-admin #addition-area div {height:24px; vertical-align:middle}
.punbb-admin #font-area img {width:100%; margin-top:-15px}
.punbb-admin #size-area img {width:100%; margin-top:-24px}
.punbb-admin #keyboard-span {text-align:center; padding-bottom:10px; width:auto}
.punbb-admin #keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
.punbb-admin #imageup-area input {font-size:0.8em}
.punbb-admin #imageup-area p {padding:0; margin:0}
.punbb-admin #imageup-title {margin-bottom:10px !important}
.punbb-admin #imageup-submit {margin-top:10px !important}
.punbb-admin #main-reply {width:100%}
.punbb-admin #pun-admain fieldset .adfs-box {overflow: inherit;}

/* вв-код замена extra.css
-------------------------------------------------------------*/
input[name="n"], input[name="u"], input[name="c"] {max-width: 210px;}

#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height: 2em;}
#image-source-list a, #image-area-actions a, #spoiler-sels a {cursor: pointer;}
#image_upload_input {position: absolute;z-index: -1;left: -9999px;}
.uploadQueueItem {
  padding: .8em 1em;
  border: solid 1px #ddd;
  border-radius: 5px;
  margin-bottom: .5em;
  background: rgba(238,238,238,0.22);
}
#image-area-actions {text-align: right;}
.punbb #image-source-list a, 
.punbb #image-area-actions a {
  margin-right: 0;
  } 
#image-area-tcon-computer tr {grid-template-columns: 32% 68%;}
#form-buttons.buttons-alter .image-alter td {line-height: 20px;}
.buttons-alter td #uploaded-images img {
  height: auto;
  width: 40px;
}
#image-area-actions {text-align: right;}
#imageupload-left input[type=button] {width: 12em;}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top: 10px;}

/*************************************************************
 - Правка для рекламных баннеров
**************************************************************/

#pun-main + script + .section:not(#pun-stats),
#pun-break2 + .section,
#pun-stats + .section,
.linksb + .section {
  display: flex;
  align-items: center;
  justify-content: center;	
}

/*************************************************************
E - Tablet
**************************************************************/

@media all and (max-width: 1400px) and (min-width: 1200px) {
body {
    font: normal 1.6vw tahoma, verdana, arial, helvetica, sans-serif;
font-stretch: condensed;
}

#pun-stats .statscon:before {
    content: "";
    float: left;
    clear: both;
    width: 2.4vw;
    height: 2.4vw;
    margin: 2vw 0.5vw -6vw 1.6vw;
    background: url(http://forumuploads.ru/img/Community_Blue/stats.png) 0 0 no-repeat;
    opacity: 0.3;
    background-size: contain;
}

#pun-stats .statscon {background: none;}

}

@media all and (max-width: 1200px) and (min-width: 700px) {

html body {
    font: normal 1.8vw tahoma, verdana, arial, helvetica, sans-serif;
}

#pun .punbb>div {width: 100%;box-shadow: none;}

#pun .punbb>div:not(#pun-title):not(#pun-navlinks):not(#pun-ulinks):not(#pun-admain) {
    box-shadow: none;
}

.punbb>div:not(#pun-title):not(#pun-navlinks):not(#pun-ulinks):not(#pun-admain) {
    padding: 0;
}