/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.1557071989.css);
@import url(http://forumfiles.ru/files/0019/67/5f/70603.css);

/* Импорт шрифтов */

@import url(http://fonts.googleapis.com/css?family=Anonymous+Pro:400,400italic,700,700italic&subset=latin,cyrillic);

@import url('https://fonts.googleapis.com/css?family=Alegreya+SC:400,400i,500,500i,700,700i|Alegreya+Sans:100,100i,300,300i|Alegreya:400,400i,500,500i,700,700i');

@font-face {
	font-family: 'FMBolyarOrnatePro';
	src: url('https://dl.dropboxusercontent.com/s/4ovldvkeavrtavs/FMBolyarOrnatePro.eot');
	src: url('https://dl.dropboxusercontent.com/s/4ovldvkeavrtavs/FMBolyarOrnatePro.eot?#iefix') format('embedded-opentype'),
		url('https://dl.dropboxusercontent.com/s/f3u500bl8h7csku/FMBolyarOrnatePro.woff') format('woff'),
		url('https://dl.dropboxusercontent.com/s/qcg2iw6c91ii4x8/FMBolyarOrnatePro.ttf') format('truetype'),
		url('https://dl.dropboxusercontent.com/s/hwqhyjynrau1zkk/FMBolyarOrnatePro.svg#FMBolyarOrnatePro') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* 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.multipage h1 {
  margin-bottom: 45px !important;
}


.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
-------------------------------------------------------------*/

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

/* A3.2 */
.punbb {
  font: normal 15px 'Alegreya', verdana, arial, helvetica, serif;
  }

/* 3.3 */
.punbb select, .punbb optgroup {
  font: 1em 'Alegreya SC', arial, helvetica, serif;
  color: rgba(66, 61, 55, 1);
  background: rgba(136, 136, 136, 0.1);
  border: none;
}

.punbb optgroup {
  font-weight: bold;
  background: rgba(212,212,212);
}

.punbb option {
  background: rgb(212, 212, 212);
}

.punbb input {
  border: none;
}

input[type="text"], input[type="password"] {
  height: 28px;
  width: 100%;

  font-family: 'Alegreya', serif;
  font-size: 14px;
  color: rgba(72, 66, 59, 1) !important;

  background-color: rgba(255, 255, 255, .1);
  background-image: url(http://forumfiles.ru/files/000d/a5/13/65727.png);
  background-repeat: repeat;
  border: 1px solid rgba(240, 238, 234, 1);
  margin-top: 5px;
  padding: 5px 10px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  min-height: 2rem;
}

span.input a.social {
    display: none;
}

.admain {
  padding-left: calc(15em + 50px) !important;
  margin-top: 20px;
}

/* A3.4 */
.punbb h1, .punbb h2 {
  font-size: 1rem;
  font-weight: bold;
}
.punbb h3 {
  font-size: .9rem;
  font-weight: 400;
}

#pun-viewforum .description {
  float: none;
  width: 100%;
}

#pun-viewforum div.mainLinks {
  margin-bottom: 15px;
  margin-top: 10px !important;
}

#pun-viewforum.punbb td, #pun-searchtopics.punbb td {
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  padding-bottom: 10px;
  padding-top: 10px;
}

#pun-viewforum.punbb .tcl, #pun-searchtopics.punbb .tcl {
  position: relative;
  width: 50% !important;
  overflow: hidden;
}
#pun-searchtopics.punbb .tcl {
  padding-left: 88px;
}

#pun-viewforum.punbb .intd, #pun-searchtopics.punbb .icon, #pun-modviewforum.punbb .icon {
  vertical-align: middle;
  position: absolute;
  top: 8px;
  left: 0;
}

#pun-searchtopics.punbb .icon {
  width: 45px;
  height: 45px;
}

#pun-viewforum.punbb td div.tclcon {
  margin-left: 60px;
  overflow: hidden;
}

.tclcon .byuser::before {
  content: '\2605';
}

#pun-viewforum.punbb .tcr, #pun-searchtopics.punbb .tcr {
  text-align: right;
  width: 28% !important;
}

#pun-viewforum.punbb .tcr span, #pun-searchtopics.punbb .tcr span {
  display: block;
  font-size: 0.9rem;
}

#pun-viewforum.punbb .tc2, #pun-viewforum.punbb .tc3, #pun-searchtopics.punbb .tc2, #pun-searchtopics.punbb .tc3 {
  text-align: center;
  width: 13% !important;
}

.punbb .multipage .tcr .user-avatar img.ava {
  height: 28px !important;
  width: 28px !important;
  margin-top: 5px;
  margin-left: 12px;

  -webkit-transition: all ease-out .2s;
     -moz-transition: all ease-out .2s;
      -ms-transition: all ease-out .2s;
       -o-transition: all ease-out .2s;
          transition: all ease-out .2s;
}

.multipage .tcl .user-avatar img.ava {
  height: 28px !important;
  width: 28px !important;

  border: 1px solid rgba(34, 34, 34, 0) !important;
  border-radius: 0% !important;

  margin-top: 2px;
  margin-left: 0;

  box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);

  -webkit-transition: all ease-out .2s;
     -moz-transition: all ease-out .2s;
      -ms-transition: all ease-out .2s;
       -o-transition: all ease-out .2s;
          transition: all ease-out .2s;
}
.multipage .tcl span.usersname {
  line-height: 34px;
}

.punbb .multipage th {
  font-size: 0.9rem;
  font-weight: 400;
  text-align: left;
  
  padding: 5px 0;
  background: rgba(136, 136, 136, 0.1);
}

#pun-viewforum.punbb  #f-subforums td {
  border: none;
}

#pun-viewforum.punbb #f-subforums td a {
  font-family: 'Alegreya SC', serif;
}

.punbb .multipage .tc3 {
  width: 18%;

  text-align: right;
}

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

#pun-respect.punbb .tc2 {
  text-align: center !important;
}

#pun-respect.punbb .tc3 {
  text-align: left !important;
}

#pun-respect.punbb .multipage .tc3 {
  width: 25% !important;
}

#pun-respect.punbb .multipage .tc3:last-child {
  width: 35% !important;
}

#pun-respect.punbb .tcr {
  width: 20% !important;;
  text-align: right;
}



.punbb .multipage .tcl:nth-child(1) {
  width: 45% !important;
  padding-right: 15px;
}
.punbb .multipage .tcl:nth-child(2) {
  width: 50% !important;
}

.punbb .post h3 {
  font-weight: 400;
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-top: 1px dashed rgba(179, 174, 169, 1);

  margin-left: 227px;
  padding: 10px 0 9px;
  box-sizing: border-box;
}

.punbb h4, .punbb table {
  font-weight: normal;
  }

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

/* A3.6 */
.blockcode .punbb pre {
  width: 646px;
}

.punbb pre {
  width: 618px;
}

/* 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;
  }


/* Таблица */

.table {
  position: absolute;
  top: 166px;
  left: 35px;

  width: 980px;

  z-index: 99;
}
img.backgroundImage {
    width: 500px;
    height: 191px;
    object-fit: cover;
}
.floatInner {
    padding-left: 30px;
}

/* Левая и правая части */

.tableleft, .tableRight {
 /* width: 248px;*/
width: 187px;
  float: left;
}
.tableLeft_top, .tableRight_top {
  overflow: hidden;
}

/* Навигация */

.tableLeft_top__navigation, .tableRight_top__navigation, .tableLeft_top__need, .tableRight_top__need {
  float: left;
  margin-top: 20px!important;
}
.tableLeft_top__navigation, .tableRight_top__navigation {
  padding: 0;
  list-style: none;
}
.tableRight_top__navigation {
  margin-left: 30px!important;
}

.tableLeft_top__navigation li, .tableRight_top__navigation li {
  font-size: 14px;
  font-style: italic;
  text-align: center;
  width: 146px;
  background: rgba(17, 14, 15, .5);
  margin-bottom: 4px;
  
  -webkit-transition: all ease-out .3s;
     -moz-transition: all ease-out .3s;
      -ms-transition: all ease-out .3s;
       -o-transition: all ease-out .3s;
          transition: all ease-out .3s;
}

.tableLeft_top__navigation li:hover, .tableRight_top__navigation li:hover {
  background: rgba(185, 34, 34, .8);
}
.tableLeft_top__navigation li a, .tableRight_top__navigation li a {
  color: #bbb09b!important;
}
.tableLeft_top__navigation li:hover a, .tableRight_top__navigation li:hover a {
  color: #eae7dc!important;
}

/* Нужны в игру */
.tableLeft_top__need {
  margin-left: 35px!important;
}
.tableRight_top__need {
  margin-left: 25px!important;
}
.tableLeft_top__need img, .tableRight_top__need img {
  border: 1px solid #1a1715;
  width: 40px;
  height: auto;
  margin-bottom: 3px;
  
  -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
          filter: grayscale(100%);
  
  -webkit-transition: all ease-out .5s;
     -moz-transition: all ease-out .5s;
      -ms-transition: all ease-out .5s;
       -o-transition: all ease-out .5s;
          transition: all ease-out .5s;
}
.tableLeft_top__need a:hover img, .tableRight_top__need a:hover img {
  -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
       -o-filter: grayscale(0);
          filter: grayscale(0); 
}


/* Администрация */

.tableRight_bottom__admins {
  margin-left: 15px!important;
}

.tableLeft_bottom, .tableRight_bottom {
  margin-top: 15px!important;
}
.tableLeft_bottom__admins .tooltip, .tableRight_bottom__admins .tooltip {
  margin-left: 11px!important;
}
.tableLeft_bottom__admins .tooltip:nth-child(1) {
  margin-left: 8px!important;
}
.tableLeft_bottom__admins img, .tableRight_bottom__admins img {
 /* border-radius: 50%;*/
 /* border: 2px solid rgba(0, 0, 0, .35)!important;*/

  -webkit-transition: all ease-out .3s;
     -moz-transition: all ease-out .3s;
      -ms-transition: all ease-out .3s;
       -o-transition: all ease-out .3s;
}
.tableLeft_bottom__admins img:hover, .tableRight_bottom__admins a:hover img { 
  opacity: .6!important;
}
.tableRight_bottom__admins p, .tableLeft_bottom__admins p {
    margin-top: 5px;
    line-height: 14px;
    font-size: 12px;
}

.tooltip {
  display: inline;
  position: relative;
  z-index: 99999;
}


/* Trigger text */

.tooltip-item {
  display: inline-block;
  font-weight: 700;
}


/* Gap filler */

.tooltip-item::after {
  content: '';
  position: absolute;
  width: 360px;
  height: 20px;
  bottom: 100%;
  left: 50%;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::before {
  pointer-events: auto;
}


/* Tooltip */

.tooltip-content {
  position: absolute;
  z-index: 999999;
  width: 165px;
  height: 90px;
  left: 50%;
  margin: 0 0 20px -85px!important;
  bottom: -120px;
  text-align: center;
  background: rgba(19, 15, 14, .9);
  opacity: 0;
  cursor: default;
  border-radius: 2px;
  pointer-events: none;
  color: #f2eee4;
  padding: 15px 15px 18px;
  box-sizing: border-box;
}

.tooltip_effect .tooltip-content {
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
}

.tooltip:hover .tooltip-content {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
  transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);
}


/* Arrow */

.tooltip-content::before {
  content: '';
  top: -20px;
  left: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: rgba(19, 15, 14, .9);
  border-width: 10px;
  margin-left: -10px!important;
}

.tooltip-content::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 3px;
  background: rgba(19, 15, 14, .9);
  border-radius: 2px;
}

.tooltip-text a {
  font-size: 13px;
  color: #ec4444!important;
  font-weight: 700;
}


/* Доска почёта */

.tableCenter figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 386px;
    max-width: 386px;
    max-height: 180px;
    width: 48%;
    height: auto;
    text-align: left;
    cursor: pointer;
    margin: 0 auto 12px;
  }
  
  .tableCenter figure .backgroundImage {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
  }
  
  .tableCenter figure figcaption {
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .tableCenter figure figcaption::before,
  .grid figure figcaption::after {
    pointer-events: none;
  }
  
  .tableCenter figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

figure.hover {
	background-color: #110e0d;
}

figure.hover .backgroundImage {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
  
  
  margin: 0;
	padding: 0;
	border: none;
}

figure.hover:hover .backgroundImage {
	opacity: .1;
	-webkit-transform: scale(1);
	transform: scale(1);
  
  
}
.tableCenter {
    width: 500px;
    height: 191px;
    float: left;
    border: 8px solid rgba(0, 0, 0, .3);
}
.tableCenter h1 {
    font-size: 20px!important;
    font-weight: 400!important;
    font-family: 'FMBolyarOrnatePro';
    text-align: center;
    color: rgba(255, 239, 215, 0.2);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, .6);
}

.hallOfFame {
  color: #b7b3a4;
  font-size: 11px;
  line-height: 12px;
  width: 386px;
  height: 180px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  clear: both;
  padding: 10px 15px;
  box-sizing: border-box;
  cursor: deafult!important;

  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.hallOfFame:hover {
  opacity: 1;
}

.hallOfFame p {
  margin-bottom: 6px;
}

.hallOfFame h3 {
  margin-bottom: 0px;
}
.hallOfFame h4 {
  margin-top: 0px;
  margin-bottom: 6px;
}

.hallOfFame a {
  color: #eae7dc!important;
  font-weight: 400;
}
.hallOfFame a:hover {
  color: #e85f5e!important;
}

.hallOfFame_top {
  overflow: hidden;
}
.hallOfFame_bestPost {
  margin-top: 15px!important;
}
.hallOfFame_bestEp {
  margin-top: 20px!important;
}
.hallOfFame_bestPost, .hallOfFame_bestEp {
  text-align: center;
}
.hallOfFame_bestEp img {
  width: calc(100% - 15px);
  max-width: 354px;
  margin-bottom: 6px;
}
.hallOfFame_top__bestQuote, .hallOfFame_top__mostActive {
  float: left;
  overflow: hidden;
}
.hallOfFame_top__mostActive  {
  margin-left: 12px!important;
    float: right;
    width: 100px;
    margin-top: -250px!important;
}
}
.hallOfFame_top__bestQuote h3, .hallOfFame_top__mostActive h3 {
  margin-top: 0;
}
.hallOfFame_top__bestQuote .floatInner p {
  width: 200px;
  margin-left: 8px;
  margin-top: 0;
}

.hallOfFame_top__mostActive .floatInner p {
  width: 77px;
  margin-left: 8px;
  margin-top: 0;
}

.floatInner {
  overflow: hidden;
  margin-top: 7px!important;
}
.floatInner img, .floatInner p {
  float: left;
}
.floatInner img {
  height: auto;
  
  -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
       -o-filter: grayscale(100%);
          filter: grayscale(100%);
  
  -webkit-transition: all ease-out .5s;
     -moz-transition: all ease-out .5s;
      -ms-transition: all ease-out .5s;
       -o-transition: all ease-out .5s;
          transition: all ease-out .5s;
}
.floatInner img:hover {
  -webkit-filter: grayscale(0);
     -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
       -o-filter: grayscale(0);
          filter: grayscale(0); 
}

.logo {
  position: absolute;

  top: 19px;
  left: 0;
  right: 0;

  text-align: center;

  margin: auto;

  z-index: 99;

}
.logo img {
  -webkit-transition: all ease-out .3s;
     -moz-transition: all ease-out .3s;
      -ms-transition: all ease-out .3s;
       -o-transition: all ease-out .3s;
          transition: all ease-out .3s;
}
.logo img:hover {
  opacity: .7;
}

/* END. Таблица */


/* 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 {
  padding: 0;
  margin: 22px auto 135px;
  width: 962px;
  position: relative;
}

#pun-main {
  margin-top: 20px;
}


/* A5.2 */
.punbb {
  background: url(//s0.uploads.ru/pGIVb.png); 
  border: none;
  height: auto;
  background-repeat: repeat-y;
  position: relative;
  padding-bottom: 75px;
}
#pun-viewtopic.punbb {
  background: url(//s5.uploads.ru/EwlzQ.png);
}

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

#pun-redirect h1 {
  text-align: center;
}

#pun-redirect h1 span::before {
  content: '';
  background: url('http://forumfiles.ru/files/0017/6c/d6/52118.png') 0 0;
  position: absolute;
  height: 19px;
  width: 124px;
  left: 60px;
  top: 35px;
}

#pun-redirect h1 span::after {
  content: '';
  background: url('http://forumfiles.ru/files/0017/6c/d6/52118.png') 100% 0;
  position: absolute;
  height: 19px;
  width: 124px;
  top: 35px;
}

#pun-redirect #pun-main {
  padding-top: 2em !important;
}

/* A5.4 */
.punbb .main, .punbb .section {
  margin-bottom: 0;
  padding: 0 50px;
  box-sizing: border-box;
}

.punbb .main .section {
  padding: 0 !important;
}

#pun-online.punbb .main .section {
  margin-bottom: 30px;
}

#pun-online.punbb td {
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  padding: 5px 0;
}

#pun-online.punbb td a {
  font-family: 'Alegreya SC', serif;
}

.punbb .section:last-child {
  margin-bottom: 0
}

.punbb .category {
  position: relative;
  padding-top: 6px;
}

/* 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;
  }

#html-footer {
  position: absolute;
  background-image: url(//s6.uploads.ru/5ltTF.png);
  text-align: center;
  width: 962px;
  height: 217px;
  margin-top: -32px;
  margin-left: 1px;
  box-sizing: border-box;
}

#pun-viewtopic.punbb #html-footer {
    background-image: url(http://s9.uploads.ru/6GZxl.png);
    width: 962px;
    height: 213px;
}

/* A5.10 */
#pun-viewtopic.punbb #pun-main h1 {
  margin-bottom: 40px;
}

#pun-viewforum.punbb #pun-main h1 {
  padding-bottom: 45px !important;
}

#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 8px;
  margin-bottom: 5px;
  }

#pun-main h2 {
  margin-bottom: 0;
  text-align: center;
  overflow: hidden;
 }

#pun-main h2 span, #pun-stats h2 span {
  position: relative;
}

#pun-main h2 span > span::after, #pun-stats h2 span > span::before {
  display: none;
}

#pun-main h2 span::after, #pun-stats h2 span::after
{
  position: absolute;
  content: '';
  top: 3px;
  font-size: 16px;
  width: 124px;
  height: 19px;
  background: url('http://forumfiles.ru/files/0017/6c/d6/52118.png');
  background-position: 100% 0;
}

#pun-main h2 span::before, #pun-stats h2 span::before
{
  position: absolute;
  content: '';
  top: 3px;
  font-size: 16px;
  width: 124px;
  height: 19px;
  left: -122px;
  background: url('http://forumfiles.ru/files/0017/6c/d6/52118.png');
  background-position: 0 0;
}

#pun-stats h2 {
  margin-bottom: 0;
  text-align: center;
 }

#pun-stats h2 {
  padding-top: 6px !important;
}



/* A5.11 */
.punbb .modmenu {
  margin-top: 5px;
}

#pun-searchtopics.punbb .modmenu {
  margin-top: 0;
  float: right;
}

.punbb .modmenu a, .linksb .postlink a, #pun-crumbs2 .container a {
  font-family: 'Alegreya SC', serif;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.punbb .post-content p {
  padding: 5px 0 !important;
  overflow: hidden;
}

.punbb .post-content td p {
  padding: 0 !important;
}

/* B1.2 */

.post-sig {
  margin-top: 20px;
  /* padding-bottom: 35px !important; */
}
.punbb .post-sig dt {
  display: block;
  
  width: 100%;
  height: 12px;
  background-image: url(http://forumfiles.ru/files/0017/6c/d6/35163.png);
  background-position: center;
  opacity: .8;
  margin: 0;
}

.punbb .post-sig dd {
  margin-top: 5px;
}

.punbb .post-sig dd table {
  margin: 0 !important;
}

#post-sig #form-buttons #button-mask {
  display: none;
}

#post-sig #font-area {
  overflow-y: auto;
  height: 200px;
  width: 170px;
  margin-top: -15px;
}

#font-area {
  z-index: 10;
}

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

.punbb .post-content p.lastedit {
  font-size: .95em;
  font-style: italic;
  display: none;
  }

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

.punbb .post-content#p760-content img {
  width: 218px;
}

/* B1.5 */
.punbb .post-content img.postimg {
  max-width: calc(100% - 2px) !important;
  vertical-align: middle;
  margin: 0 0 5px !important;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box !important;
  border: none !important;
  margin-top: 0 !important;
  background: rgba(136, 136, 136, 0.1);
  color: rgba(107, 89, 71, 1);
}

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  max-height: 265px;
  padding-bottom: 25px;
  height: 100% !important;
}

/* B1.8 */
.punbb .post-content .code-box {
  font-family: 'Anonymous Pro', monospace;
  font-size: 12px;

  background: rgba(136, 136, 136, 0.1);
  padding: 0;
}

.punbb .post-content .code-box .blockcode {
  min-height: 100px;
  max-height: 300px;
  background: none;
  overflow: auto!important;
  box-sizing: border-box;
  padding: 10px 0 0 20px;
  margin-bottom: 0!important;
}


.punbb .post-content .quote-box {
  margin-bottom: 8px;
  }


/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  line-height: 31px;
  display: block;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}
.punbb .spoiler-box > div {
    line-height: 31px;
}

.post-content .spoiler-box > blockquote {
  max-width: 679px !important;
}

#post-preview .post-content .spoiler-box > blockquote {
    max-width: 100% !important;
}

.punbb .spoiler-box > div {
  position: relative;

  background: rgba(255, 255, 255, .2) !important;
}


.punbb .spoiler-box > div::after {
  position: absolute;
  content: '\2605';

  left: 15px;
  top: 4px;
  line-height: 32px;
  font-size: 14px;
}

.punbb .spoiler-box > div::before {
  position: absolute;
  display: table;
  content: '\21D3';

  right: 20px;
  top: 0px;
  bottom: 0;

  vertical-align: middle;
  font-size: 13px !important;

  margin: auto;
}

.post-content .spoiler-box > div {
  -webkit-transition: all ease-out .2s;
     -moz-transition: all ease-out .2s;
      -ms-transition: all ease-out .2s;
       -o-transition: all ease-out .2s;
          transition: all ease-out .2s;
}

.post-content .spoiler-box > div:hover {
  color: rgba(202, 7, 0, 1)!important;
}

.post-content .spoiler-box > div.visible {
  position: relative;
}

.post-content .spoiler-box > div.visible::after, #spoiler_title.visible::after, .tt.visible::after {
  position: absolute;
  content: '\2606';

  line-height: 25px;
  font-size: 14px;
  top: 7px;
}

.post-content .spoiler-box > div.visible::before, #spoiler_title.visible::before, .tt.visible::before {
  position: absolute;
  display: table;
  content: '\21D1';


  top: 0px;
  bottom: 0;

  vertical-align: middle;
  font-size: 13px !important;

  margin: auto;
}

#spoiler_title.visible::before, .tt.visible::before {
  right: 12px !important;
}

.post-content .spoiler-box > blockquote {
  border-top: 1px dashed rgba(179, 174, 169, 1) !important;
  background: rgba(255, 255, 255, .3);
  box-shadow: 0 7px 0 0px rgba(255, 255, 255, .3);

  padding-top: 12px !important;
}

.punbb .spoiler-box > div {
  padding: 4px 37px !important;
  background-position: 8px center !important;
  height: auto !important;
}

.quote-box.spoiler-box {
  border: none !important;
  background: rgba(136, 136, 136, .2) !important;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  background: rgba(136, 136, 136, .1);
  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 */
.punbb .linkst {
  position: relative;
  height: 0;
  margin-top: 0;
  }

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -45px;
  width: 24em;
}

#pun-userlist.punbb .linkst .pagelink {
  top: 0;
}


.linkst .postlink {
  position: absolute;

  top: -45px;
  right: 0;
  width: 16em;

  font-family: 'Alegreya', serif;
  text-align: right;
  font-weight: 400;
  letter-spacing: .5px;
}

#notify-settings {
  line-height: 13px;
}

.linkst .postlink a {
  font-family: 'Alegreya SC', serif;
}

#notify-settings input {
  margin-right: 5px;
}

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

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

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

/* 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: 1em 0 1.1em 0;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0;
  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 {
  position: relative;
  border: none;
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  padding: 0;
  margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
  position: relative;
  padding: 0;
  font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
  margin: 0;
  font-family: 'Alegreya SC', serif;
  font-size: 1rem;
  background: rgba(136, 136, 136, .1);
}

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

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */

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

.punbb .inline .selectfield {
  float: right;

  line-height: 28px;

  margin-left: 1em;
}

.punbb select#fld4 {
  width: 100%;
}

/* C1.11 */
.punbb .inline .infofield {
  clear:both;
  text-align: justify;
  padding-top: 5px;
}

/* 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 */
  }


.punbb textarea, .punbb .longinput input {
  width: 100%;

  background-color: rgba(255, 255, 255, .1);
  background-image: url(http://forumfiles.ru/files/000d/a5/13/65727.png);
  background-repeat: repeat;
  color: rgba(72, 66, 59, 1);
  font-family: 'Alegreya', serif;
  font-size: 15px;

  border: 1px solid rgba(240, 238, 234, 1);

  margin-top: 5px;
  padding: 10px;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
  box-sizing: border-box;
}

/* 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;
  }

/* C1.22 */
.category .container {
  margin-top: 5px;
  }


/* T. Таблица на главной странице
-------------------------------------------------------------*/

/* Категория */

tr {
  position: relative;
}
#pun-userlist .main td{
  padding: 3px 0;
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
}

/* C2.4 */
#pun-userlist .main .tcl {
  width: 25% !important;
}

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

#pun-userlist .main .tc3 {
  text-align: center;
}

#pun-userlist .main .tc3:nth-child(3) {
  width: 13% !important;
}

#pun-userlist .main .tc3:nth-child(4) {
  width: 14% !important;
}

#pun-userlist .main .tc3:nth-child(5) {
  width: 20% !important;
}

#pun-userlist .main .tc3:last-child {
  text-align: right;
}

#userlist .fs-box.inline #fld1 {
    margin-top: -2px;
}


/* Модерирование форума */

#pun-modviewforum.punbb .main .tcmod {
  width: 4%;
  text-align: right;
}

#pun-modviewforum.punbb .main .tcl {
  position: relative;
  padding-left: 88px;
}

#pun-modviewforum.punbb .main .tc2 {
  width: 10%;
  text-align: center;
}

#pun-modviewforum.punbb .main .tc3 {
  width: 15%;
  text-align: center;
}

#pun-modviewforum.punbb .main .tcr {
  width: 20%;
  text-align: right;
}

#pun-modviewforum.punbb .main .tcr span {
  display: block;
  font-size: .9rem;
}


/* 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: 1.1em;
  font-weight: bold;
  margin-bottom: 3px;
  }

/* 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.14 */
.punbb td div.tclcon {
  margin-right: 12px;
  overflow: hidden;
  }

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 65px;
  height: 65px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 8px;

  background-size: contain !important;
}

#pun-viewforum.punbb div.icon {
  width: 45px;
  height: 45px;
}


/* Перераспределение блоков форумов */ 

.punbb .main .category tr{
  display: table;
}

/* заголовок таблицы */

.punbb .main .category thead {
  display: none;
}

/* end. заголовок таблицы */


/* описание */

#pun-index.punbb .main .category .tcl .intd {
  padding-top: 40px;
  position: relative !important;
}

#pun-index.punbb .main .category .tcl {
  position: relative !important;
  display: table-cell;
  table-layout: auto;

  font-size: 14px;
  line-height: 15px;

  width: 600px;
  text-align: left;

  padding-top: 0;
  padding-right: 0;
  padding-bottom: 23px;

  /*overflow: hidden;*/
}

/* end. описание */


/* заголовок */

#pun-index.punbb .main .category h3 {
  position: absolute;
  left: 0;
  top: 0;

  font-family: 'FMBolyarOrnatePro', serif;
  line-height: 29px;

  height: 30px;
  width: 100%;

  border-top: 1px dashed rgba(179, 174, 169, 1);
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-right: none !important;
  
  box-sizing: border-box;
}

/* end. заголовок */


/* последнее сообщение */

#pun-index.punbb .main .tcr {
  position: absolute;
  display: table-cell;
  table-layout: auto;

  font-size: 14px;
  text-align: right;
  line-height: 1rem;

  width: 260px;
  height: 100%;

  margin-top: 0;
  padding-top: 40px;

  overflow: hidden;
  box-sizing: border-box;
}


#pun-index.punbb .main .tcr span {
  font-size: 0.9rem;
}

/* end. последнее сообщение */


/* количество сообщений-тем */

#pun-index.punbb .main .tc2, #pun-index.punbb .main .tc3 {
  position: absolute;
  display: inline-block;

  top: auto;
  right: -260px;
  height: 30px;

  text-align: right;
  line-height: 25px;
  font-weight: 700;
  font-size: 13px !important;

  border-top: 1px dashed rgba(179, 174, 169, 1);
  border-bottom: 1px dashed rgba(179, 174, 169, 1);

  margin-top: 0;
  box-sizing: border-box;
}

/* end. количество сообщений-тем */


/* количество тем */

#pun-index.punbb .main .tc2 {
  right: -109px;
  width: 110px;
  padding-right: 10px;
}

#pun-index.punbb .main .tc2::after {
  position: absolute;
  content: 'Тем:';

  top: 1px;
  left: 12px;

  font-weight: 400;
}

/* end. количество тем */


/* количество сообщений */

#pun-index.punbb .main .tc3 {
  width: 152px;
}

#pun-index.punbb .main .tc3::after {
  position: absolute;
  content: 'Сообщений:';

  top: 1px;
  left: 12px;

  font-weight: 400;
}

/* end. количество сообщений */


/* END. Перераспределение блоков форумов */ 


/* Пост */

/* C3.1 */
.punbb .post .container {
  border: none;
  }


/* C3.3 */
.punbb .post h3 span {
  display: block;

  font-family: 'Alegreya SC', serif;
  line-height: 13px;
  text-align: left;

  border-radius: 0 !important;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

.punbb .post h3 strong:before {
  content: "#";
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  position: relative;

  width: 182px;
  height: auto;
  background: url(http://forumfiles.ru/files/000d/a5/13/95260.png);

  padding-top: 20px;
  padding-bottom: 25px;
  margin-top: -35px;

  box-sizing: border-box;
  overflow: hidden;
}

.punbb .post .post-author::before {
  position: absolute;
  content: '';
  top: 0px;

  background: url(http://forumfiles.ru/files/000d/a5/13/29703.png);
  height: 25px;
  width: 100%;
}

.punbb .post .post-author::after {
  position: absolute;
  content: '';
  bottom: -3px;
  height: 25px;
  width: 100%;
  background: url(http://forumfiles.ru/files/000d/a5/13/50880.png);
  background-position: bottom;
}

/* C3.6 */
.punbb .post .post-author ul {
  padding: 0;

}

.punbb .post .post-author ul li {
  margin: 0 15px;
  box-sizing: border-box;
}

li.pa-fld1 {
  text-align: left;
  margin-top: 5px !important;
}

li.pa-respect a:first-child {
  position: relative;
  visibility: hidden;
}

li.pa-respect a img {
  opacity: 0;
  position: relative;
}

li.pa-respect a:nth-child(2){
  position: relative;
}

li.pa-respect a:nth-child(2)::after {
  position: absolute;
  content: '\2605';
  top: 2px;
  right: -65px;

  visibility: visible;
}

li.pa-respect, li.pa-fld4, li.pa-fld2, li.pa-fld1, li.pa-fld3
{
  line-height: 1.2em;
}

li.pa-fld3
{
  background: url('http://forumfiles.ru/files/0017/6c/d6/76219.png') no-repeat top center;
  padding-top: 9px !important;
  font-style: italic;
}

li.pa-fld3, li.pa-fld4
{
  text-align: left;
}

li.pa-respect a:first-child::after {
  position: absolute;
  content: 'Звёзды:';
  z-index: 999;

  top: 0;
  left: 0;
  width: 60px;

  color: rgba(185, 32, 32, 1);

  -webkit-transition: all ease-out .2s;
     -moz-transition: all ease-out .2s;
      -ms-transition: all ease-out .2s;
       -o-transition: all ease-out .2s;
          transition: all ease-out .2s;

  visibility: visible;
}

li.pa-respect a:first-child:hover::after {
  color: rgba(0, 0, 0, 1);
}

li.pa-respect span {
  top: -2px;
  position: absolute;

  visibility: visible;
}


li.pa-replies {
  text-align: center;
  line-height: 36px;
  letter-spacing: 3px !important;
  text-transform: uppercase;
}

li.pa-replies a {
  letter-spacing: 3px !important;
}

/* C3.7 */
.pa-author {
  font-family: 'Alegreya SC', serif;
  text-align: center;
  line-height: 14px;
  padding: 5px 0 !important;
}


/* C3.9 */
li.pa-title {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  color: #000;
  background: rgba(136, 136, 136, .2) !important;
  padding: 2px 0;
}

li.pa-avatar {
  text-align: center;
  margin-top: 5px !important;
}

li.pa-respect {
  position: relative;
  height: 16px;
  line-height: 16px;

  margin: 5px 15px !important;
  visibility: hidden;
  
}

#pun.isguest li.pa-respect::after {
  position: absolute;
  content: 'Количество звёзд:';
  z-index: 1;

  top: 3px;
  left: 46px;

  letter-spacing: 1.4px !important;
}

li.pa-online {
  line-height: 0.8em;
  border-left-style: none;
  border-left-width: 0;
  margin-top: 0.7em;
  }

.pa-online::after {
  content: '— Online —';
  display: block;
  text-align: center;
  padding: 15px 0 0 0;
  font-family: 'Alegreya SC', serif;
  text-transform: uppercase;
  color: rgba(185, 32, 32, 1);
}

.pa-online strong {
  display: none;
}

.pa-last-visit::before {
  content: '— Offline —';
  display: block;
  text-align: center;
  padding: 3px 0 0 0;
  font-family: 'Alegreya SC', serif;
  text-transform: uppercase;
}

.pa-last-visit {
  height: 0;
  margin-bottom: 20px !important;
}

.pa-gifts, .pa-awards {
  display: none;
}

.punbb .post {
  position: relative;

  text-align: justify;

  margin-left: -20px;
  margin-top: 15px;
}

#pun-viewtopic.punbb .topic {
  padding-bottom: 20px;
}

#pun-viewtopic.punbb .post-content {
  padding-bottom: 30px;
}

#pun-searchposts.punbb .post .container, #pun-post.punbb .post .container {
  padding-bottom: 30px;
}

#pun-searchposts.punbb .post, #pun-post.punbb .post {
  position: relative;
  margin-left: 0;
  margin-top: 0;
}

#pun-searchposts.punbb .post h3, #pun-post.punbb .post h3 {
  position: absolute;
  width: 100%;
  right: 0;
  top: 28px;
}


#pun-searchposts.punbb .post .post-author, #pun-post.punbb .post .post-author {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  overflow: inherit;
  width: 100%;
}

#pun-post.punbb .pa-author {
  text-align: left;
}

#pun-searchposts.punbb .post .post-author::after, #pun-searchposts.punbb .post .post-author::before, #pun-post.punbb .post .post-author::after, #pun-post.punbb .post .post-author::before {
  display: none;
}

#pun-searchposts.punbb .post .post-author ul, #pun-post.punbb .post .post-author ul {
  position: relative;
}

#pun-searchposts.punbb .post .post-author ul li, #pun-post.punbb .post .post-author ul li {    
  position: absolute;
  top: 0;
  padding: 5px 0;
  margin: 0;
}

#pun-searchposts.punbb .post .post-author ul li.pa-replies {
  width: 100%;
  right: 0;
  text-align: right;
  line-height: 15px;
  letter-spacing: 1px !important;
  text-transform: capitalize;
}

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

#pun-post.punbb .post .post-body {
  padding: 68px 0 0;
}

#pun-searchposts.punbb .post-links ul {
  height: 32px;
  text-align: right;
  background: rgba(136, 136, 136, .1);
}

#pun-searchposts.punbb .post-links ul::before {
  display: none;
}

#pun-searchposts.punbb .post-links li {
  padding: 0;
  float: none;
  padding-right: 15px;
}


#pun-searchposts.punbb .post-links li a {
  position: relative;
}

#pun-searchposts.punbb .post-links li a::after {
  position: absolute;
  content: '»';
  margin-left: .2em;
  font-size: 1.2em;
  font-family: serif, use-lang-def;
}

/* C3.11 */
.punbb .post-body {
  padding: 5px 0 0 227px;

  box-sizing: border-box;
}


/*C3.13 */

.post-rating {
  /* position: absolute; */
  /* bottom: 0; */
  /* right: 0; */
}

.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-top: 25px;
}

/* C3.15 */
.punbb .post-links ul {
  position: relative;
  height: 45px;
  line-height: 32px;

  text-align: right;
}

.punbb .post-links ul::before {
  position: absolute;
  content: '';

  top: 0;
  left: 227px;

  width: calc(100% - 227px);
  height: 32px;

  background: rgba(136, 136, 136, .1);

  pointer-events: none;
}


/* C3.16 */
.punbb .post-links li {
  display: inline;
  height: 32px;

  padding-right: 12px;

  float: left;
}

#pun-searchposts.punbb .post-links li {
  padding-left: 32px;
  width: 226px;
  box-sizing: border-box;
  text-align: left;
}

.punbb .post-links li.pl-email:nth-child(3) {
  display: none;
}

.punbb .post-links li.pl-reply, .punbb .post-links li.pl-BBquote, .punbb .post-links li.pl-quote, .punbb .post-links li.pl-edit, .punbb .post-links li.pl-delete {
  float: right;
}

.punbb .post-links li.pl-reply {
  padding-left: 13.8em;
}

.punbb .post-links li.pl-delete {
  padding-right: 0;
}

.punbb .post-links li.pl-email:first-child{
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-top: 1px dashed rgba(179, 174, 169, 1);

  padding-left: 15px;
}
.punbb .post-links li.pl-email:nth-child(2){
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-top: 1px dashed rgba(179, 174, 169, 1);

  margin-left: 2px;
  padding-right: 69px;
}

.punbb .post-links li.pl-email:first-child a, .punbb .post-links li.pl-email:nth-child(2) a {
  color: rgba(193, 180, 158, 1);
}

.punbb .post-links li.pl-email:first-child a:hover, .punbb .post-links li.pl-email:nth-child(2) a:hover {
  color: rgba(255, 255, 255, 1) !important;
}

.punbb .post-links li a {
  font-family: 'Alegreya SC', serif;
}


.punbb .post-links li.pl-reports, li.pl-share {
  display: none !important;
}

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

/* End. Пост */


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 0;
  text-align: right;
}

.punbb .modmenu .container span {
  font-weight: 400 !important;
}

/* 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 0;
  }

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


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 0;
  }

/* C6.2 */
#profilenav {
  display: block;
  }

/* C6.3 */
#profilenav li {
  display: inline-block;
}

#profilenav li a {
  font-family: "Alegreya SC", serif;
  padding: 6px 0;
  text-decoration: none
}

/* C6.4 */
#viewprofile ul, #profilenav ul {
  margin: 0 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
 display: none;
}

#profilenav h2 {
  margin: 0;
}

/* C6.6 */
#viewprofile h2 span {
  padding: 0 5px;
  position: relative;
}

#profilenav h2 span {
  padding: 0;
  position: relative;
}

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

#profile-signature {
  position: relative;
  padding: 5px 0 1em !important;
  margin-top: 20px;
}

#profile-signature::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 12px;
  background-image: url(http://forumfiles.ru/files/0017/6c/d6/35163.png);
  background-position: center;
  opacity: .8;
}

#profile-signature ul {
  border-width: 0 !important;
  padding: 1em 0 1em !important;
}

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 13.5em;
  margin-left: -20em;
  text-align: right;
  text-transform: uppercase;
  font-size: 12px;
  }

/*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;
  font-weight: normal;
  }

/* 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 0 2.3em 0;
  border-top: none;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#html-header {
  position: absolute;
  top: -8px;
  background: url(//s2.uploads.ru/pJlhB.png);

  width: 962px;
  height: 478px;

  margin-left: 0;
}

#pun-title  {
  height: 478px;
}

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

/* D1.3 */
#pun-title .container {
  border-style: none solid none solid;
  padding: 0.2em 1em 0.8em 1em;
  }

/* D1.4 */
#pun-title h1 span {
  display: none;
  }

#pun-title table {
  border: none;
  height: 69px;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  }

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  padding-right: 4px;
  }

/* 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
  }

/* N. Навигация форума
-------------------------------------------------------------*/

/* Блок навигации «Форум, Участники, etc.» */

#pun-navlinks {
  position: absolute;
  top: 131px;
  left: 0;
  right: 0;
    
  text-align: center;
  }

#pun-navlinks .container {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 950px;
  }

#pun-navlinks + div {
  margin-top: 0;
  }

#pun-navlinks .container {
  box-sizing: border-box;
  left: 0;
}

/* END. Блок навигации «Форум, Участники, etc.» */


/* Стили для ссылок navlinks */

#pun-navlinks li#navblogs {
  margin-top: -20px;
}

#pun-navlinks li#navawards{
  display: none;
}

#pun-navlinks li {
  margin-right: 15px;
  display: inline-block;
}
#pun-navlinks li:last-child {
  margin-right: 0;
}

#pun-navlinks li a {
  display: block;
  float: left;
  vertical-align: text-bottom;
  text-align: center;
  outline: 0 none;
  padding: 0;
  font-size: 14px;
  text-transform: uppercase;
  }

/* END. Стили для ссылок navlinks */


/* Блок навигации «Активные темы, всё прочитано, etc.» */

/* D4.1 */
#pun-ulinks  {
  position: absolute;
  top: 417px;
  left: 0;
  right: 0;
  
  text-align: center;
}

/* D4.2 */
#pun-ulinks .container {
  }

/* END. Блок навигации «Активные темы, всё прочитано, etc.» */


/* Стили для ссылок ulinks */

#pun-ulinks li {
  padding-left: 4px;
  }
#pun-ulinks li.item9 {
  display: none;
}

#pun-ulinks li, #pun-ulinks li a {
  display: inline-block;
  white-space: nowrap;

  font-family: 'Alegreya', serif;
  font-style: italic;
  font-size: 14px;
  color: rgba(193, 180, 158, 1)!important;

  text-transform: lowercase;
}


/* END. Стили для ссылок ulinks */


/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
  border: none;
  margin-bottom: 5px;
}

#pun-viewtopic.punbb #pun-status, #pun-status .container, #pun-viewtopic.punbb #pun-crumbs1 {
  padding-left: 16.5em;
}

#pun-viewtopic.punbb #pun-main h1, #pun-viewtopic.punbb .linkst .pagelink, #pun-viewtopic.punbb .modmenu, #pun-viewtopic.punbb .linksb, #pun-viewtopic.punbb .formal {
  padding-left: 209px !important;
}

#pun-viewtopic.punbb .formal#post {
  padding-left: 0px !important;
}

#pun-viewtopic.punbb #topic-users-in.modmenu .container {
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-top: 1px dashed rgba(179, 174, 169, 1);
}


/* D5.2 */
#pun-status .container {
  padding: 0;
  }

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

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

/* D5.5 */
#pun-crumbs1 p.container {
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-top: 1px dashed rgba(179, 174, 169, 1);

  padding: 5px 0;
  margin-top: 5px;
}

#pun-crumbs1 p.container a {
  font-family: 'Alegreya SC', serif;
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border: none;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* Объявления. Новости */

#pun-announcement {
  background-image: url(//s7.uploads.ru/eylOT.png);
  background-color: rgba(33, 28, 24, 1);
  
  height: 201px;
  width: 962px;
  
  margin-top: -8px;
  overflow: hidden;
}

#pun-viewtopic.punbb #pun-announcement {
  background-image: url(http://sa.uploads.ru/vCOJ5.png);
}

#pun-announcement img {
  -webkit-transition: all ease-out .2s;
     -moz-transition: all ease-out .2s;
      -ms-transition: all ease-out .2s;
       -o-transition: all ease-out .2s;
          transition: all ease-out .2s;
}

#pun-announcement img:hover {
  opacity: .8;
}

#pun-announcement.lastblogs {
  width: 60%;
}

#pun-announcement .container {
  color: rgba(162, 151, 129, 1);
  line-height: 14px;

  padding: 15px 0;
}

#pun-announcement .container p {
  padding-bottom: 5px;
}

#pun-announcement .container a {
  letter-spacing: 2px !important;
}

#pun-announcement.lastblogs .container {
  font-size: 13px !important;
  padding-left: 0 !important;
}

#pun-announcement.lastblogs th {
  color: rgba(121, 121, 121, 1) !important;
  font-weight: 400 !important;
  text-transform: lowercase;
  
  border-top: 1px solid rgba(53, 53, 53, 1);
  border-bottom: 1px solid rgba(53, 53, 53, 1) !important;
  border-right: 1px solid rgba(53, 53, 53, 1) !important;

  padding: 0 !important;

  padding-left: 10px !important;
  padding-bottom: 1px !important;
}

#pun-announcement.lastblogs th.tcl {
  color: rgba(121, 121, 121, 1) !important;
  padding-left: 0 !important;
}

#pun-announcement.lastblogs th.tc2 {
  color: rgba(121, 121, 121, 1) !important;
}

#pun-announcement.lastblogs th.tc4 {
  position: relative;

  color: transparent;
  font-size: 0 !important;

  border-right: none !important;

  padding-left: 0 !important;
}

#pun-announcement.lastblogs th.tc4::after {
  position: absolute;
  content: 'ком-иев';
 
  top: 0;
  right: 0;

  color: rgba(121, 121, 121, 1) !important;
  font-size: 13px !important;
}

#pun-announcement.lastblogs td {
  padding: 0 !important;

  color: rgba(121, 121, 121, 1) !important;
  letter-spacing: 1px !important;


  border-top: none !important;
  border-bottom: 1px solid rgba(53, 53, 53, 1) !important;
  border-right: 1px solid rgba(53, 53, 53, 1) !important;

  padding-left: 10px !important;
}

#pun-announcement.lastblogs td a {
  letter-spacing: 1px !important !important;
}

#pun-announcement.lastblogs .tcl {
  width: 19% !important;

  color: rgba(177, 177, 177, 1) !important;

  padding-left: 0 !important;
}

#pun-announcement.lastblogs .tc2 {
  width: 27% !important;

  color: rgba(177, 177, 177, 1) !important;
}
#pun-announcement.lastblogs .tcr {
  width: 38% !important;
}

#pun-announcement.lastblogs .tc4 {
  width: 0% !important;
  text-align: right;

  border-right: none!important;

  padding-left: 0 !important;
}

#pun-announcement h2 {
  display: none;
}

#pun-announcement a {
  color: rgba(220, 220, 220, 1);
}

#pun-announcement a:hover {
  color: rgba(255, 255, 255, 1);
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats {
  padding-top: 0;
}

#pun-stats .container {
  padding: 0 0 35px;
  position: relative;
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  float: left;
  width: 50%;
  line-height: 130%;
}

li#onlinelist #statistic-other {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

li#onlinelist #statistic-other span {
  display: inline;
  font-size: 13px;
}

/* D7.5 */
li#onlinelist div {
  border: none;
  
  font-style: italic;
}

#pun-stats li:nth-child(5) div {
  padding-right: 10px;
  padding-left: 0;
  text-align: left;
}

li#onlinelist div {
  text-align: right;
  padding-left: 10px;
}

li#onlinelist div a:first-child {
  display: block;

  font-style: normal;
  font-family: 'Alegreya SC', serif;
}

li#onlinelist span{
  display: block;

  font-style: normal;
}

li#onlinelist div span a {
  display: inline !important;
}

/* 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 {
  letter-spacing: .5px;

  margin-top: 0;
}

/* D8.4 */
#pun-about .container {
  display: none;
  position: relative;
  text-align: right;
  line-height: 150%;

  border-top-style: none;
  padding: 0.8em 0;
}

/* D8.5 */
#pun-about p span {
  position: absolute;
  display: block;

  right: 0;
  bottom: 5px;

  padding-left: 50%;

  z-index: 99;
}

/* D8.6 */
#pun-crumbs2 {
  font-weight: 400;

  margin-bottom: 26px;

  overflow: hidden;
  }

/* D8.7 */
#pun-crumbs2 .container, #pun-crumbs2 .container a {
  border-bottom: none;
  padding: 0;
}

#pun-crumbs2 .container {
  border-bottom: 1px dashed rgba(179, 174, 169, 1);
  border-top: 1px dashed rgba(179, 174, 169, 1);

  padding: 5px 0;
  z-index: 9;
}

#pun-viewtopic.punbb #pun-crumbs2 .container {
  position: relative;
  bottom: 0;
  margin-left: 209px;
}

/* 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-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;
  }


/* D10 Links in right column
-------------------------------------------------------------*/

/* D10.1 */
.punbb .main .tcr a {
  font-family: 'Alegreya SC', serif;
}

#pun-searchtopics .main .tcr a,
.en #pun-viewforum .main .tcr a {
  /*margin-right: 11px;*/
  }

.punbb .main .tcr a:after {
  content: "»";
  /*position: absolute;*/
  margin-left: .2em;
  /*margin-top: .2em;*/
  font-size: 1.2em;
  font-family: serif, use-lang-def;
  font-weight: 700;
  }


/* D11 Post form
-------------------------------------------------------------*/

/* D11.1 */
#post {
  margin: 0;
  padding: 0 0 25px;

  -js-display: flex;
      display: flex;

  flex-direction: row;
  flex-wrap: wrap;

  align-content: space-between;
  align-items: flex-start;
  justify-content: space-between;
}

/* D11.2 */
#post fieldset {
  border: none;
  padding: 0 !important;
}
#post fieldset label {
  letter-spacing: 1px;
  font-size: 13px;
}


/* Предпросмотр сообщений */

#post-preview {
  order: 2;
  width: 100%;
}

#post-preview .fs-box {
  text-align: justify;
  padding: 8px 0 0 !important;
}

#pun-post.punbb #post-preview .fs-box {
  width: 655px;
  margin: 0 auto;
}

#togglePreview {
  margin-top: -39px !important;
}

/* END. Предпросмотр сообщений */


/* D11.3 */
#post legend span {
  display: none;
}

#post legend, small#plng {
  margin: 0 !important;
  border: none !important;
}

small#plng {
  background: rgba(136, 136, 136, 0.1);
}

#post legend {
  padding-top: 10px;
}

/* D11.4 */
#post .formsubmit {
  padding: 0;
  margin: 0 !important;
}

#post .formsubmit p {
  padding-left: 0;
}

/* D11.5 */
#post .fs-box.hashelp, #post .fs-box .areafield {
  padding-bottom: 0;
  }

#form-buttons {
  margin-bottom: 10px;
}

#form-buttons td {
  opacity: .7;
}

#form-buttons td:hover {
  opacity: 1;
}

/* D11.6 */
#post #main-reply {
  width: 100%;
}

#poll-special td {
  padding: 0;
}

/* D12 Other sections and content
-------------------------------------------------------------*/

/* D12.1 */
.punbb > .section[style], .punbb > .main > .section[style] {
  overflow: hidden;
  }

/* D12.2 */
#pun-admain textarea {
  font-family: Courier new, monospace !important; 
  font-size: 13px !important;


  }

/*************************************************************
E - STYLE CORRECTION FOR SMALLER SCREENS
**************************************************************/

/* E1 Main content correction
-------------------------------------------------------------*/

/* E1.1 */
@media screen and (max-width: 540px) {

  html, html body, 
  #pun_wrap #pun, #pun .punbb {
    height: auto !important;
    max-height: 100%;
  }

  #pun-index #pun-main, #pun-announcement {
    margin-top: 142px;
  }

  .punbb:not(#pun-index) #pun-crumbs1 {
    margin-top: 132px;
  }

  .punbb #pun-announcement ~ .main,
  .punbb #pun-announcement ~ #pun-crumbs1 {
    margin-top: 0 !important;
    }

  .punbb .html-box {
    padding: 0 !important;
    }

  #pun-title {
    height: 132px;
    text-align: center;
    font-size: 26px;
   

  #pun-navlinks {
    height: 24px;
    }

  #pun .punbb #pun-navlinks .container {
  }

  #pun-navlinks li, #pun-navlinks li a {
    float: none;
    clear: both;
    display: inline-block;
    }

  #pun-ulinks li, .punbb #pun-ulinks li a, .punbb #pun-ulinks li a:hover {
    border-bottom: none 0 transparent !important;
    border-radius: 0px !important;
    display: block;
    float: none;

  }

  .punbb table div.icon {
    opacity: .3;
    display: block !important;
    height: 25px;
    width: 0px !important;
    border-left: solid 3px #336699;
    margin-top: 0;
    margin-left: 0 !important;
    margin-right: 10px !important;
  }

  .punbb table tr.isticky div.icon, .punbb table tr.inewisticky div.icon {
    border-left: solid 3px #EC2D2D !important;
  }

  .punbb table tr[class$="inew"] div.icon {
    opacity: 1.0 !important;
  }

  #pun .punbb .main tbody tr:not(:last-child) td {
    border-bottom: solid 1px rgb(232, 237, 245) !important;
  }

  #button-font, 
  #button-strike, 
  #button-left, 
  #button-right, 
  #button-center, 
  #button-table, 
  #button-keyboard {
    display: none;
  }

  form .button, input[type="submit"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    }

  .post-content table td {
    border-collapse: collapse;
  }
}

/* E1.2 */
@media screen and (min-width: 761px) and (max-width: 900px) {

  #pun-viewforum.punbb .forum .tc2, #pun-viewforum.punbb .forum .tc3,
  .punbb .category .tc2, .punbb .category .tc3 {
    padding-left: 20% !important;
  }

  #pun-navlinks li a {
    padding: 0 10px;
  }

  #pun-ulinks li a {
    padding: 0 4px;
  }

}

/* E1.3 */
@media screen and (min-width: 541px) and (max-width: 760px) {

  #pun-viewforum.punbb .forum .tc2, #pun-viewforum.punbb .forum .tc3,
  .punbb .category .tc2, .punbb .category .tc3 {
    padding-left: 0 !important;
    min-width: 104px;
  }

  #pun-navlinks li a {
    padding: 0 8px;
    }

  #pun-ulinks li.item3 {
    display: none;
  }

  #pun-ulinks li a {
    padding: 0 3px;
  }

}

/* E1.4 */
@media screen and (min-width: 541px) and (max-width: 1220px) {

  #pun-title {
    padding: 0 0 0 1.1em;
  }

  #pun-navlinks .container {
    left: 0;
  }

  #pun-ulinks .container {
    padding: 0 .8em;
  }

}