/* Clearing style
-------------------------------------------------------------*/

html, html * { box-sizing: border-box; }
html { margin: 0; padding: 0; }
body { background-color: #152a31; color: #c5c8c9; margin: 60px 0 0!important; padding: 0; }
.punbb { margin: 0 auto; width: 100%; height: auto; }
.punbb * { margin: 0; }

#pun { padding: 30px 60px 0; }

.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {  padding: 0;  list-style: none;  }
.punbb img {  border:none  }
.punbb .main table {  table-layout: fixed;  width: 100%;  }

.punbb-admin { padding: 60px 15px 0; background: #e5e8e9; color: #000; }

.checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em; }
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em;  vertical-align: middle; }


/*  Fonts
-------------------------------------------------------------*/

body { font-size: 16px; line-height: 1.35em; font-family: 'Open Sans', sans-serif; }
.punbb, .punbb-admin { font-size: 0.8125rem; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 0.8125rem; }

.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em;  font-weight: normal; }
.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; }

.punbb pre { font: 1.1em/140%; white-space: pre-wrap; }

.punbb address, .punbb em { font-style: normal; }
.punbb .post-content em { font-style: italic; }

.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb optgroup { font-weight: bold; }

#pun-admin legend span { background: #e5e8e9 !important; }


 /*  Links
-------------------------------------------------------------*/
.punbb a { text-decoration: underline; }

.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, 
.punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #7d614b; transition: 0.1s; }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #7d614b; }

.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, 
.punbb-admin #punbb-admain a:active { color: #df2209; }

.side-left a, .side-right a, #pun-stats a { color: #cad7e1 !important; }
.side-left a:hover, .side-right a:hover, #pun-stats a:hover { color: #fff !important; }


/* Float clearing and hidden items
-------------------------------------------------------------*/

#pun:after, .punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }

.acchide, #pun-index #pun-main h1, #pun-index .container thead, #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, #pun-live-rusff, .sharelink, #pun-main div.catleft, #pun-main div.catright, .punbb .datafield br, #similartopics, #pun-break1, #pun-break1, tr#forum_f5, tr#forum_f10, tr#forum_f13, .pl-share, .lastedit { display: none !important; }


/* Боковые колонки
-------------------------------------------------------------*/

.punbb, .punbb-admin { max-width: 1170px; }
.content { width: 100%; background: #e5e8e9; color: #000; max-width: 1170px; border-collapse: collapse; }
.content td { padding: 0; }

.side-left { padding: 0 0 60px; height: 100%; overflow: hidden; }
.side-left > div { float: left; }
.side-left > div p { opacity: 0.8; padding: 5px 0; }
.side-left .col1, .side-left .col3 { width: 35%; }
.side-left .col2 { width: calc(30% - 60px); margin: 0 30px 0; }

.side-left .side-menu li { margin: 2px 0; border-bottom: 1px dashed rgba(255,255,255,0.3); }
.side-left .side-menu a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 5px 0;
  transition: 0.4s !important;
  overflow: hidden;
}
.side-left .side-menu a span { text-shadow: 0 -30px 0 #fff !important; position: relative; top: 0; transition: 0.4s; }
.side-left .side-menu a:hover { color: #7d614b !important; }
.side-left .side-menu a:hover  span  { top: 30px; }

.news-item { padding: 5px 0; font-size: 0.75rem; line-height: 1.35em; }
.news-title { color: #7d614b; }
.news-text p { display: inline; }

.play-text { padding: 0; font-size: 0.75rem; line-height: 1.35em; }
.play-comment { padding: 10px 0 5px; }
.play-comment span { color: #7d614b; }

.adm-item img { display: block; float: left; width: 36px; height: 36px; border-radius: 50%; }
.adm-item { overflow: hidden; width: 50%; float: left; }
.adm-title { padding: 0 5px; }

.play-outer { height: 154px; overflow-y: scroll; }
.play-outer .spoiler-box { display: none; }
.news-outer { height: 154px; overflow-y: scroll; }
.fr-message-block { width: calc(50% - 2px); margin: 0 2px 2px 0; float: left; }


/* Basic page layout and borders
-------------------------------------------------------------*/

#pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; }
.punbb .category .container { /* padding: 0 15px; */ }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 10px 30px; }
#pun-main h2 { background: #3d5860; color: #fff; font-style: italic; text-align: right; padding-top: 10px; padding-bottom: 10px; }


/* Main content
-------------------------------------------------------------*/

.punbb .post-content { padding: 0; margin: -4px; width: calc(100% + 8px); }
.punbb .post-content > * { padding: 0 4px; }

.punbb .post-sig dt { display: block; border-top: 0; width: 250px; margin: 5px 0; }

.punbb .post-content p { margin: 0; padding: 0 4px 15px; line-height: 1.6em; }
/*.punbb .post-content p:first-letter { padding-left: 20px; }*/
.punbb .post-content img { vertical-align: text-bottom; }
.punbb .post-content img.postimg { vertical-align: middle; }

.punbb .post-content table { border: 0; border-spacing: 4px !important; border-collapse: separate !important; }
.punbb .post-content td { vertical-align: top; border: 0 !important; }
.punbb .post-content td:not(:last-child):not(:first-child) { padding: 15px !important; border-width: 0 1px 0 0 !important; }
.punbb .post-content td:first-child { padding: 15px 15px 15px 0 !important; }
.punbb .post-content td:last-child { padding: 15px 0 15px 15px !important; }

span[style="display: block; text-align: left"] img { float: left; padding: 0 30px 30px 0; }
span[style="display: block; text-align: right"] img { float: right; padding: 0 0 30px 30x; }

.post-content hr { clear: both; }

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

.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

.punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 15px 0; }
.punbb .post-content .quote-box { padding: 20px 30px; background: rgba(233, 236, 236, 0.9); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }
.punbb .post-content .code-box .scrollbox { padding: 15px; background: rgba(233, 236, 236, 0.9); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1) inset; max-height: 100px; }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

#pun-status.container { padding: 15px 30px; }
#pun-crumbs1 { padding: 10px 0 15px; margin: 0 30px; background: url('http://co.forum4.ru/files/0017/e3/ff/11430.gif') 50% 0 repeat-x; }
#pun-crumbs1 .container { padding: 0; margin: 0; }
#pun-crumbs1 a { font-weight: bold; }
#pun-status { padding: 15px 30px 10px; margin: 0; }

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

.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 0; margin: 0 0 1.1em 0; }
.punbb .info-box * { padding: 0 0 0.7em 0; }
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }

.linkst .pagelink { position: absolute; top: -40px; left: 30px; width: 24em; color: rgba(255,255,255,0.4); }
.linkst .postlink { position: absolute; top: -48px; right: 30px; width: 16em; text-align: right; font-weight: bold; width: 50% !important; }
.linkst .postlink a { padding: 5px 0; border: 1px solid rgba(255,255,255,0.4); text-decoration: none; color: #fff; transition: 0.4s; overflow: hidden;
display: inline-block; width: 120px; height: 36px; text-align: center; position: relative; margin-left: 15px; }
.linkst .postlink a:hover { text-indent: 100%; }
.linkst .postlink a:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background: #fff; color: #000; transition: 0.3s; text-indent: 0 !important; padding: 5px 0; }
.linkst .postlink a:hover:before { left: 0; }
#pun-viewtopic .linkst .postlink a:before { content: "Ответить"; }
#pun-viewforum .linkst .postlink span:nth-child(1) a:before { content: "Новая тема"; }
#pun-viewforum .linkst .postlink span:nth-child(2) a:before { content: "Новый опрос"; }


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

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

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

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


/* Form layout
-------------------------------------------------------------*/

.button { border: 0; padding: 7px 16px; text-transform: uppercase; color: #fff; background: #3d5860; cursor: pointer; transition: 0.1s; font-weight: bold; font-size: 0.6875rem; }
.button:hover { color: rgba(255, 255, 255,1); background: #82a1ad; }

input[type="text"], input[type="password"], textarea, select { border: 0; box-shadow: inset 0 2px 10px rgba(0,0,0,0.2); padding: 4px 7px; font-size: 0.8125rem; font-family: "Open Sans", sans-serif; background: rgba(255, 255, 255, 0.4); }

#post .textarea { height: 200px; }

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

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

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

.punbb fieldset { border: 1px solid #ced7da; padding: 0 18px 0 18px; margin: 0 0 1em 0; }
.punbb fieldset legend { padding: 0; margin: 0 0 0 10px; font-size: 0.75rem; font-style: italic; background: #e5e7e8; }
.punbb fieldset legend span { padding: 0 5px 0; margin: 0 0 0 -10px; background: #e5e7e8; }

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

.fs-box .container { width: auto !important; background: #fff; top: 75px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

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

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

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

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


/* 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 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

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

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

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

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

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

/* C2 Table layout
-------------------------------------------------------------*/
.category .container { background-repeat: no-repeat; background-size: cover; background-position: 50% 100%; }
#pun-category1 .container, #pun-category3 .container { background-image: url('http://co.forum4.ru/files/0017/e3/ff/59217.jpg'); }
#pun-category2 .container, #pun-category4 .container { background-image: url('http://co.forum4.ru/files/0017/e3/ff/59503.jpg'); }

.main .tcl { text-align: left; width: 50%; }
.main .tc2 { text-align: center; width: 10%; }
.main .tc3 { text-align: center; width: 10%; }
.main .tcmod { text-align: center; width: 10%; }
.main .tcr { overflow: hidden; text-align: right; width: 30%; }


/* Внутренние технические страницы
-------------------------------------------------------------*/
.multipage .forum .container {  }

.multipage th { background: rgba(255,255,255,0.4); padding-top: 5px; padding-bottom: 5px; }
.multipage tr:not(:last-child) td { /* border-bottom: 1px dashed #000; */ }
.multipage tr:not(:last-child):not(:first-child) td { padding-top: 10px; padding-bottom: 10px; }
.multipage tr:last-child td { padding-top: 10px; padding-bottom: 15px; }
.multipage tr:first-child td { padding-top: 15px; padding-bottom: 10px; }
.multipage .tcl { padding-left: 30px; }
.multipage .tcr { padding-right: 30px; }
.multipage th.tc2, .multipage th.tc3, .multipage th.tcr { border-left: 1px solid #e5e8e9; }
.multipage .user-avatar { display: none; }


/* Форум с темами
-------------------------------------------------------------*/
#pun-viewforum .tcl a { font-weight: bold; }
#pun-viewforum .byuser:before { content: " -"; }
#pun-viewforum .stickytext { display: block; width: 21px; float: left; font-size: 0; position: relative; }
#pun-viewforum .stickytext:before { content: "!"; display: block; width: 8px height: 8px; border-radius: 50%; height: 14px; width: 14px; background: #fff; border-radius: 50%; position: absolute; top: 4px; left: 0; font-size: 0.625rem; text-align: center; color: #000; line-height: 16px; font-weight: bold; }


/* Таблица на главной
-------------------------------------------------------------*/
#pun-index .hasicon > tr { position: relative; display: block; width: calc(50% - 60px); float: left; margin: 0 30px 0; min-height: 120px; }
#pun-index .hasicon > tr:last-child { border-bottom: 0; }
#pun-index .hasicon > tr > td { display: block; }

#pun-index #forum_f11 { width: calc(100% - 60px) !important; }

#forum_f121 { border-bottom: 1px dashed rgba(0,0,0,0.2); }
#pun-index .hasicon #forum_f112 { width: calc(30% - 15px); }
#pun-index .hasicon #forum_f111 { width: calc(70% - 15px); }

/* Заголовок форума и описание */
#pun-index .main .tcl { text-align: left; width: 100%; padding: 5px 0 !important; font-size: 0.8125rem; z-index: 100; position: relative; }

.category .tclcon {  }
#pun-index .tclcon h3 { border-bottom: 1px solid #a1a3a4; padding: 0 0 4px; position: relative; margin: 0 0 10px; font-family: 'Philosopher', sans-serif; }
#pun-index .tclcon h3:after { content:""; display: block; position: absolute; width: 24px; height: 3px; top: calc(100% - 1px); background: #1090bb; transition: 0.4s; }
#pun-index .inew .tclcon h3:after { background: #df2209; }

#pun-index .tclcon h3 a { text-decoration: none; color:#7d614b !important; font-size: 1rem; font-weight: normal; display: inline-block; }

#pun-index .tclcon h3 a:first-letter { color: #1090bb !important; font-weight: 600; }
#pun-index .inew .tclcon h3 a:first-letter { color: #df2209 !important; }
#pun-index .hasicon h3:hover:after { width: 64px; }

/* Средние столбцы */
#pun-index .main .tc2 { position: absolute; z-index: 1; opacity: 0.1; font-size: 5.375rem; bottom: 3.75rem; right: 35%; color: #7d614b; font-weight: 600; text-align: right; width: auto; padding: 0; margin: 0; }
#pun-index .main .tc3 { position: absolute; z-index: 2; width: auto; opacity: 0.15; font-size: 3rem; bottom: 4.475rem; left: calc(65% + 10px); color: #7d614b; padding: 0; margin: 0; }
#pun-index .main .tc3:before { content:"/"; padding: 0 5px 0; }

/* Последний пост и аватара */
#pun-index .main .tcr { text-align: right; width: 50%; float: right; padding: 15px 0 15px !important; line-height: 1rem; font-size: 0.625rem; z-index: 150; position: relative; }
#pun-index .main .tcr a { line-height: 1rem; font-size: 0.8125rem; font-weight: bold; text-transform: uppercase; }
#pun-index .main .tcr em.user-avatar { display: block; float: right; height: 48px; position: relative; top: -10px; margin: 0 0 0 10px; }
#pun .punbb .user-avatar img.ava { border: 0 !important; width: 48px !important; height: 48px !important; margin: 0 !important; opacity: 1 !important; }
#pun-index .main .tcr em .on_ { position: absolute; top: 10%; right: 0; width: 10px; height: 10px; margin: 0 !important; }

/* Стили описания форумов */
.tclcon .fr-block { width: calc(50% - 2px); position: absolute; font-size: 0.6875rem; line-height: 1rem; padding: 15px 0; }
.tclcon .fr-links { width: 100%; overflow: hidden; position: absolute; width: 50%; line-height: 1.1em; padding: 10px 0; }
.tclcon .fr-links a:before, .tclcon .fr-links a:after { content: " - "; }
.tclcon .fr-horlinks { overflow: hidden; }
.tclcon .fr-horlinks a { width: calc(50% - 2px); margin: 2px 2px 0 0; text-align: center; background: rgba(255,255,255, 0.6); letter-spacing: 0; }
.tclcon .fr-links a { margin: 2px 0 0; }
.tclcon .fr-horlinks a, .tclcon .fr-links a { display: block; padding: 1px 5px; text-decoration: none; color: #000 !important; font-size: 0.625rem; transition: 0.2s; float: left; }
.tclcon .fr-horlinks a:hover { background: rgb(130, 161, 173, 0.6) !important; letter-spacing: 0.1em; }


 /* Forum post
-------------------------------------------------------------*/

#pun-viewtopic h1, .multipage h1 { padding: 30px 30px 60px !important; background: #3d5860 url('http://co.forum4.ru/files/0017/93/ce/19363.jpg') 50% 50% no-repeat; color: #fff; font-size: 16px; text-transform: uppercase; }

#fdf { color: rgba(255, 255, 255, 0.9); font-size: 21px; text-transform: uppercase; text-align: center; padding: 30px 60px 30px !important; background: #3d5860; }

.punbb .post { position: relative; padding: 30px 0 0; background-image: url('http://co.forum4.ru/files/0017/93/24/52151.jpg'); background-repeat: no-repeat; background-position: 50% 100%; }
.punbb .post .container { position: relative; border-bottom: 8px solid #3d5860; }


.punbb .post h3 { position: absolute; right: 0px; width: 100%; z-index: 50; width: auto; line-height: 30px; }
.punbb .post h3 span { padding:0 60px 0 0; display: block; width: 300px; }
.punbb .post h3 span a { text-decoration: none; }

.punbb .post h3 strong { float: right; width: 60px; text-align: right; font-weight: normal; }

.punbb .post .post-author { float: left; width: 170px; padding: 0 30px 90px 0; }
.punbb .post .post-author ul, .punbb .post .post-author p { padding: 0; }

.post .pa-avatar { position: relative; left: -30px; width: 170px; height: 170px; box-shadow: 0 6px 16px rgba(0,0,0, 0.2); }

.post .pa-avatar img { display: block; }
.post-author li:not(.pa-author):not(.pa-avatar):not(.pa-title):not(.pa-fld1):not(.pa-online) { display: none; }

.pa-author { position: absolute; top: 0; left: 170px; font-size: 1.2rem; font-family: 'Philosopher', sans-serif; border-bottom: 1px solid #ced7da; padding: 0 220px 2px 0 !important; width: calc(100% - 200px); height: 30px; text-overflow: ellipsis; }
.pa-author a { text-decoration: none; display: block; overflow: hidden; }
.pa-author a:hover { color: #7d614b; }

.pa-author:after { content:""; display: block; position: absolute; width: 24px; height: 3px; top: calc(100% - 1px); background: #1090bb; transition: 0.4s; }
.post-author.online .pa-author:after { background: #df2209; }
.pa-author:hover:after { width: 64px; }

.pa-author a:first-letter { color: #1090bb !important; font-weight: 600; }
.post-author.online .pa-author a:first-letter { color: #df2209 !important; }

li.pa-title { text-align: right; display: table-cell; padding: 0 0 15px; font-weight: 400; height: 65px;  z-index: 99; position: relative; line-height: 1.2em; font-style: italic; overflow: hidden; vertical-align: bottom; width: 180px; height: 68px; opacity: 0.8; color: #7d614b; }

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

.pa-fld1 { display: block; width: 170px; height: 170px; position: absolute; top: 68px; left: -30px; text-indent: -100%; overflow: hidden; }
.av-profile { text-indent: 0; padding: 15px; width: 170px; height: 170px; transform: matrix(1,0,0,1,0,0); color: #fff; background: rgba(61,88,92,0.98); position: absolute; top: 0; left: 0; }
.av-link { display: block; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.4); text-decoration: none !important; text-align: center; color: #fff !important; }

.punbb .post-body { margin-left: 170px; }
.punbb .post-box { padding: 65px 30px 0 0; overflow: hidden; }

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

.punbb .post-links { padding: 0 30px 1em 200px; }
.punbb .post-links ul { padding: 0; height: 2em; line-height: 2em; background: transparent; text-align: right; }
.punbb .post-links li { display: inline; padding-left: 1.2em; }

.pl-email, .pl-website { position: absolute; left: 0px; width: 140px; text-align: right; margin: 0; padding: 0 0 0 30px; }

.post-links a { color: #7d614b !important; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: 0.4s 0.1s !important; }
.post-links a:hover { opacity: 0.6; }

.pl-email a { display: block; }
.pl-email a:after { content: ""; display: block; background: #7d614b; width: 0; height: 1px; position: absolute; transition: 0.4s 0.1s; right: 0; top: 50%; }

.pl-email a:hover { padding: 0 16px 0 0; }
.pl-email a:hover:after { width: 10px; }

.pl-email:nth-of-type(1) { bottom: 5em; }
.pl-email:nth-of-type(2) { bottom: 3em; }
.pl-email:nth-of-type(3) { bottom: 1em; }

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


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

.punbb .modmenu { background: rgba(255,255,255,0.4); }
.punbb .modmenu .container { padding: 5px 30px 6px; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu a { text-decoration: none; border-bottom: 1px dotted; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

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


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

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

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

/* C6.3 */
#profilenav li {
  padding-bottom: 0.8em;
  font-weight: bold;
  }

/* C6.4 */
#viewprofile ul, #profilenav ul {
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  border: 1px solid #ced7da;
  }

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

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  background: #e5e7e8;
  color: #414141;
  }

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

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

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

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: 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 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

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

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

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

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

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

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}


/* Top Navigation
-------------------------------------------------------------*/

#pun-title { display : none; }
#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; padding: 0; width: 100%; }
#pun-pagelinks .container { padding: 0; }
#pun-pagelinks li { display: inline; }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2rem; line-height: 2rem; padding: 0; font-size: 1.2rem; margin-left: -9999px; display: block; float:left; width: 100%; }
#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em; }


#pun-navlinks .container, #pun-ulinks .container { max-width: 1170px; margin: 0 auto; padding: 0; }
#pun-navlinks { margin: 0; position: absolute; top: 44px; left: 0; text-transform: uppercase; font-size: 0.875rem; width: 100%; }
#pun-navlinks ul { width: 100%; }
#pun-navlinks li { display: inline; padding-right: 15px; }
#pun-navlinks li a { position: relative; color: #fff; text-decoration: none; opacity: 1; }
#pun-navlinks a:hover span { opacity: 0.7; }

#navpiar, #navreader, #navextra1 { display: block; float: right; }
#navpiar a { color: #bda387 !important; }
#navpiar a:hover { color: #fff !important; }
#navreader, #navextra1 { padding-right: 0 !important; }

#pun-navlinks li a:after { display: block; position: absolute; top: 30px; height: 3px; width: 0; background: #df2209 !important; left: 50%; transform: translateX(-50%); transition: 0.2s; }
#pun-navlinks li a:hover:after { width: 100%; }

#pun-navlinks li a:before { font-size: 1.313rem; font-family: "FontAwesome"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

#navindex a:before { content: "\f1d1"; }
#navuserlist a:before { content: "\f0c0"; }
#navawards a:before { content: "\f091"; }
#navsearch a:before { content: "\f002"; }
#navprofile a:before { content: "\f183"; }
#navpm a:before { content: "\f086"; }
#navadmin a:before { content: "\f013"; }
#navregister a:before { content: "\f046"; }
#navlogin a:before { content: "\f013"; }
#navlogout a:before { content: "\f00d"; }
#navpiar a:before { content: "\f1d0"; }
#navreader a:before { content: "\f06e"; }

#pun-navlinks li > a > span { display: none; }

@media screen and (min-width: 870px) {
  #pun-navlinks li a:after { content: ""; }
  #pun-navlinks li > a > span { display: inline; }
  #pun-navlinks li a:before { display: none; }
}


/* User links
-------------------------------------------------------------*/

#pun-ulinks  { margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; background: #112228; padding: 3px 0px 5px; }
#pun-ulinks .container { border-top: none; height: 0; transition: height 0.4s; overflow: hidden; cursor: pointer; }
#pun-ulinks li, #pun-ulinks li a {}
#pun-ulinks li a { padding: 0 10px 0 0; color: #fff; text-decoration: none; font-size: 0.75rem; font-weight: 300; opacity: 0.8; }
#pun-ulinks li a:hover { opacity: 0.6; }

#pun-ulinks h2 { display: block!important; color: #fff; }
#pun-ulinks h2 span { display: none; }

#pun-ulinks h2:before { content: "Меню"; display: block !important; }
.menu-closed .container { height: auto !important; }

@media screen and (min-width: 870px) {
  #pun-ulinks .container { height: auto !important; }
  #pun-ulinks h2 { display: none !important; }
  #pun-ulinks li, #pun-ulinks li a { display: inline; }
}


/* D6 Announcement
-------------------------------------------------------------*/

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

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

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

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

#pun-stats .container {
  background: #3d5860 url('http://co.forum4.ru/files/0017/93/ce/19363.jpg') 50% 50% no-repeat;
  color: #fff;
  padding: 15px 30px;
  }

#pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; }
#pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; }
li#onlinelist { margin-top: 1em; float: left; width: 100%; line-height: 130%; }
li#onlinelist div { padding: 0.7em 0 0 0; }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

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

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

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

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


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

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