@import url(style_cs.1675950906.css);

@font-face {
    font-family: 'Noto Serif';
    src: url('https://forumstatic.ru/files/001b/aa/58/73577.eot');
    src: url('https://forumstatic.ru/files/001b/aa/58/73577.eot?#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001b/aa/58/50161.woff') format('woff'),
    url('https://forumstatic.ru/files/001b/aa/58/28841.ttf') format('truetype');
    }

@font-face {
    font-family: 'PT Serif';
    src: url('https://forumstatic.ru/files/001b/aa/58/51696.eot');
    src: url('https://forumstatic.ru/files/001b/aa/58/51696.eot?#iefix') format('embedded-opentype'),
    url('https://forumstatic.ru/files/001b/aa/58/92209.woff') format('woff'),
    url('https://forumstatic.ru/files/001b/aa/58/77747.ttf') format('truetype');
    }

@font-face {
    font-family: 'Camelia Deco';
    src: url('https://forumstatic.ru/files/001b/aa/58/77817.eot');
    src: url('https://forumstatic.ru/files/001b/aa/58/77817.eot?#iefix') format('embedded-opentype'),
    src: url('https://forumstatic.ru/files/001b/aa/58/12234.woff2');
    src: url('https://forumstatic.ru/files/001b/aa/58/12234.woff2') format('woff'),
    url('https://forumstatic.ru/files/001b/aa/58/36617.ttf') format('truetype');
    url('https://forumstatic.ru/files/001b/aa/58/21861.svg#camelia_deco') format('svg');
    }





/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/****** остатки стандартных стилей с фиксами *******/
#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-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 .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-break2, #pun-break4,
#pun-announcement h2,
.punbb #pun-status .status-right,
.category thead, .category .tc2, .category .tc3, .category .tcr, 
.forum thead, .forum .tc2, .forum .tc3,
.tcl .polltext, .tcl .closedatafield, .tcl .stickytext, 
.tcl .forum .byuser, .tcl .redirecttext, .tcl .newtext,
.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, 
.pa-fld4 .fld-name, .pa-fld5 .fld-name,
#pun-userlist h2, #pun-profile h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
  }

html, body {margin: 0; padding: 0}
.punbb * { margin: 0 auto;}
.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%;}
.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
  }
.punbb pre {font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace}
.punbb address, .punbb em {font-style: normal}
.punbb optgroup {font-weight: bold;}

.punbb .post-content {padding: 0; margin: 0; width: 100%;  overflow: hidden;}
.punbb .post-content img {vertical-align: text-bottom}
.punbb .post-content img.postimg {vertical-align: middle;}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: calc(100% - 20px); 
overflow: hidden;
}
.punbb .post-content .scrollbox {width: 100%; overflow: auto;}

.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 10px;}
.punbb .inline .infofield {clear:both}
.punbb .datafield br {display: none}
.punbb .required label, .punbb .datafield span.input {font-weight: bold }
.punbb .datafield span.input a {font-weight: normal;}
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 12em 0 0; height: 100%; }
.punbb textarea, .punbb .longinput input {width: 64%; margin: 0;}

#pun-debug table .tcl {width: 15%; white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}
#pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 40%}
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {text-align: left; width: 20%;}
.punbb .clearer {clear: both; height: 0; font-size: 0;}

.punbb .modmenu .container {padding: 5px 24px; text-align: right;}
.punbb .modmenu strong, .punbb .modmenu a {height: 1.8em;  line-height: 1.8em;}
.punbb .modmenu .container strong {float: left;}
.punbb .modmenu input {margin-left: 10px;}

#pun-status span {white-space: nowrap; margin-right: 5px;}
.punbb #pun-status .status-right {float: inherit;}

/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/****************  общие стили ****************/



body {font: 13px 'Noto Serif'; color: #303738;}
body a {
text-decoration: none;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}

#pun-navlinks {
position: absolute;
width: 100%;
top: -264px; left: 0;
text-align: center;
padding: 0;
}
#pun-navlinks .container {width: 945px; height: 40px; position: relative; margin: 0 auto;}
#pun-navlinks li {
display: inline;
text-transform: uppercase;
margin: 0 6px;
line-height: 44px !important;
font: 15px 'PT Serif';
}

#pun-navlinks a:hover {color: #fff;}
#pun-navlinks span.num_msg {margin-top: 2px;line-height: 14px;}

#pun-navlinks .container:before {
content: '';
width: 80px;
height: 40px;
display: block;
position: absolute;
right: 0;
}
#pun-navlinks .container:after {
content: '';
height: 36px;
width: 910px;
display: block;
position: absolute;
top: 40px; right: 0;
visibility: visible;
}

#pun-ulinks {
position: absolute;
width: 100%;
top: -224px; left: 0;
text-align: center;
padding: 0;
}
#pun-ulinks .container {position: relative; margin: 0 auto; height: 36px;}
#pun-ulinks li {
display: inline;
text-transform: lowercase;
margin: 0 6px;
line-height: 36px;
}

#pun-title {
height: 188px;
width: 100%;
position: absolute;
top: -188px;
left: 0;
padding: 0;
}
#pun-title table, #pun-title tbody, #pun-title tr, #pun-title td {display: block;}
#pun-title td {border: none;}
#pun-title tr:hover {background: transparent;}
#pun-title .title-logo-tdr {padding: 0;}
#pun-title .title-logo-tdl {text-align: center; padding: 0;}
.punbb #pun-title .title-logo {
font-size: 96px;
background: none;
text-align: center;
padding: 0;
line-height: inherit;
margin: 0;
height: auto;
position: relative;
top: 40px;
}

.punbb {
width: 948px;
margin: 264px auto 0;
padding: 10px 10px 152px;
position: relative;
min-height: 500px;
}

#pun-break1, #pun-break3 {position: absolute;}
#pun-break1 hr, #pun-break3 hr {display: none;}

.section {padding: 5px 24px;}

#pun-status.section {padding: 8px 24px;}
#pun-status, #pun-crumbs1 {text-align: center; }

.punbb h1, #post-form h2, #profilenav h2 {
height: 28px;
font-family: 'Camelia Deco';
font-weight: normal;
text-align: right;
font-size: 22px;
line-height: 28px;
margin: 10px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

th, td {padding: 5px; text-align: left;}
thead tr:hover {background: transparent;}

#pun-about {text-align: right;}

/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/******************* главная *******************/
#pun-announcement.section {padding: 10px 24px;}
#pun-index #pun-crumbs1, #pun-index #pun-crumbs2 {display: none;}

.category h2, #pun-stats h2 {
height: 28px;
font-family: 'Camelia Deco';
font-weight: normal;
font-size: 22px;
padding: 0 24px;
line-height: 28px;
margin: 10px 0;
}
.category {padding-bottom: 12px;}
.category .container {padding: 0 14px;}
.category table, .category td {display:block}

.category tr {
display:inline-block;
border: 2px solid transparent;
margin: 0 10px 10px;
width: 430px;
vertical-align: top;
}
.category td {border: none;padding: 10px; position: relative;}

.category h3 {font-family: 'PT Serif'; text-transform: uppercase; font-weight: normal;
font-size: 16px; padding-bottom: 5px;}
.category .catlp {padding: 10px 0 15px;}
.category .catlinks a {
padding: 3px 5px;
font-family: 'Camelia Deco';
margin-right: 10px;
display: inline-block;
margin-bottom: 5px;
font-size: 14px;
letter-spacing: 2px;
}
.category .catlinks a:hover {color: #fff;}
#pun #pun-index .user-avatar {height: auto;}
.category .icon[data-new-topics]:before {right: 0; top: 0;}

#pun-stats {padding: 0}
#pun-stats .container {padding: 0 24px;}
#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: 10px;
  float: left;
  width: 100%;
  line-height: 130%;
}


/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/****************** список тем *****************/
#pun-viewforum .topicinfo .search,
.iredirect .topicinfo {display:none;}
.forum table, .forum tbody {display:block;}

.forum table {padding: 0 28px;}
.forum tr {
display:block;
height: 46px;
overflow: hidden;
position: relative;
margin: 0 auto 8px;
border: 2px solid transparent;
}

.forum td {display:inline-block; border: none; height: 36px;}
.forum .tcl {width: 420px; line-height: 36px;}
.forum .topicinfo {width: 214px}
.forum .tcr {width: 220px;position: relative;}
.forum .tclcon {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: 'PT Serif';
text-transform: uppercase;
padding-left: 14px;
}
.forum tr.inew a, #messages tr.inew a {color: #eff6f9; font-weight: normal;}

.forum tr.isticky .tcl {background: url(https://forumstatic.ru/files/001b/aa/58/61794.png) no-repeat 14px 0px;}
.forum tr.inew.isticky .tcl {background: url(https://forumstatic.ru/files/001b/aa/58/32144.png) no-repeat 14px 0px;}
.forum tr.iclosed .tcl {background: url(https://forumstatic.ru/files/001b/aa/58/45481.png) no-repeat 14px 0px;}
.forum tr.inew.iclosed .tcl {background: url(https://forumstatic.ru/files/001b/aa/58/99791.png) no-repeat 14px 0px;}

#pun .forum .tcr .user-avatar {
float: inherit;display: block; 
position: absolute;
margin: 0;
left: 5px;
top: 5px;
}
#pun .punbb .user-avatar .avatar-image {
display: block;
border-radius: 0;
filter: grayscale(80%);
opacity: 0.4;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
#pun .punbb .user-avatar .avatar-image:hover {filter: grayscale(0%);opacity: 1;}
#pun .punbb .user-avatar .isonline {
border-radius: 0;
top: 0;
}
.forum .tcr a, .forum .tcr .byuser {display: block;}
.forum .tcr a {padding-left: 44px;}
.forum .tcr .byuser {padding-left: 40px;}

.linkst, .linksb {
padding: 0 24px;
height: 30px;
}
.linkst {line-height: 20px;}
.linksb {line-height: 30px;}

.pagelink {float: left;}
.postlink {float: right; text-align: right;}

/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/******************* топик ********************/
.topic {padding: 5px 24px;}
.punbb .post, #post-preview {margin-bottom: 10px;}
.post h3 {font-size: 12px; padding: 0 0 10px;}
.post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
}
.post h3 strong:before {content:'#';}
.post h3 a {font-weight: normal;}

.punbb .post-author, .punbb #profile-left {
width: 244px;
text-align: center;
margin: 0 0 30px 0;
padding: 0 0 20px;
position: sticky;
top: 10px;
display: inline-block;

}
.pa-author, #profile-name {
width: 244px;
height: 40px;
line-height: 38px;
font-family: 'Camelia Deco';
font-size: 16px;
}
.punbb .pa-title, .punbb #profile-title {padding: 8px 10px; font-size: 11px;}

.pa-avatar img, #pa-avatar img {max-width: 190px; max-height: 190px; box-shadow: 0 0 5px rgba(0,0,0,0.75);}
.punbb .pa-fld2, #profile-left .fld2 {
padding: 8px 10px 8px 50px;
width: 170px;
text-align: left;
font-size: 11px;
margin-top: -4px;
height: 30px;
position: relative;
box-shadow: 0 0 5px rgba(0,0,0,0.75);
}
.pa-fld2 b, #profile-left .fld2 b {
text-transform: uppercase;
font-weight: normal;
display: block;
}
.pa-fld2 img, #profile-left .fld2 img {
position: absolute;
top: -1px;
left: -4px;
max-width: 49px;
max-height: 49px;
}
.punbb .pa-fld1 {padding: 0 20px;}
#profile-left .fld1 {margin: 0 20px 8px;}
.punbb .lzanketa, #profile-left .fld1 {
  font-size: 12px;
  padding: 8px 0px; 
}
.punbb .lzanketa {margin-bottom: 8px;}
.punbb .lzanketa2 {
  padding: 5px;
  margin: 10px auto;
}

.punbb .pa-posts, .punbb .pa-respect {
display: inline-block;
padding: 0 10px;
text-transform: lowercase;
font-size: 12px;
}
.punbb .pa-posts .fld-name, .punbb .pa-respect .fld-name {display: block;}

.post-body {
display: inline-block;
width: 626px;
vertical-align: top;
padding-left: 20px;
text-align: justify;
}
.punbb .post-links {padding: 10px 0;}
.punbb .post-links ul {text-align: right;}
.punbb .post-links li {display: inline; padding-left: 10px;}
.punbb .post-links li.pl-email, .punbb .post-links li.pl-website {
float: left;
padding-left: 0;
padding-right: 10px;
}
.subscribelink {float: right; padding-right: 20px;}


/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/**************** Контент постов ****************/
.lastedit {
font-style: italic;
font-size: 11px;
text-align: right;
color: #a4a2a2;
}

.post-content p {padding: 0 0 8px;}
.punbb .post-sig {margin-top: 10px;}
.post-sig dt {margin-bottom: 5px;}

.punbb .quote-box, .punbb .code-box {margin: 10px;}
.punbb .quote-box blockquote,
.punbb .post-content .spoiler-box > blockquote {padding: 8px 10px 2px;}
.punbb .quote-box cite,
.punbb .post-content .spoiler-box > div,
.punbb .post-content .spoiler-box > div.visible {
display: block;
padding: 8px 10px;
border-width: 2px 2px 3px 2px;
border-style: solid;
font-family: 'Camelia Deco';
font-size: 16px;
color: #f8fcfe;
font-style: normal;
letter-spacing: 1px;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.punbb .post-content .spoiler-box > div:hover {opacity: 0.65;}

.punbb .code-box {padding: 10px 0px 0px 10px;}
.punbb .code-box strong {
font-weight: normal;
font-family: 'Camelia Deco';
font-size: 16px;
letter-spacing: 1px;
}

.post-content em {text-decoration: underline;}

.punbb .post-content hr {
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 8px;
  border: none;
  display: block;
  height: 3px;
}

/* форма ответа и другие формы */
textarea, select, input {
border: medium none;
padding: 5px;
}

.punbb #post-form .container {padding: 0 18px;}
.punbb #main-reply {width: calc(100% - 10px);}

.punbb fieldset {border: none;}
.punbb fieldset legend,
.punbb #profile-right li span {
font-family: 'PT Serif';
display: block;
padding: 3px;
margin: 10px 0 0;
  }


.punbb #post-form fieldset legend {
text-transform: lowercase;
font-weight: normal;
text-align: center; 
margin: -5px auto 0; 
background: transparent; 
padding: 0;
}
.punbb fieldset fieldset {border-style: none; margin: 0; padding: 0 0 8px 0}
.punbb .fs-box {padding: 5px 0 8px 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 8px 0;}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {margin: 0 8px 0 0;}
.punbb .formsubmit input, input.button {
display: inline-block;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 0 0 transparent!important;
padding: 8px 6px;
color: #303738;
}

.fs-box label {font-size: 11px; font-style: italic;}

.punbb #post-form .fs-box {padding: 5px 0 0 0;}
.punbb #post-form .fs-box p {padding: 0 0 5px;}

.formsubmit {text-align: center; padding: 5px 0;}

#form-buttons tr:hover {background: transparent;}
#pun #tags .container {
padding: 5px 10px !important;
top: 10px;
}
#tags .container a:hover {color: #fff;}
#size-area div, #font-area div, #addition-area div {padding: 3px;margin: 2px 0;}
#tags {position: relative;}

/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/********** редактирование профиля + ЛС **********/
#profilenav {
font-family: 'Arista Pro Alternate Light';
font-size: 16px;
text-transform: uppercase;
}
#profilenav ul {padding: 0 24px;}

#profilenav li {display: inline;}
#profilenav li a {
padding: 3px 5px;
font-family: 'Camelia Deco';
margin-right: 10px;
display: inline-block;
margin-bottom: 5px;
font-size: 14px;
letter-spacing: 2px;
}

#messages {padding: 0 2px;}
#pun-messages .fs-box, #pun-messages #post {padding: 10px 18px 0;}
#pun-messages #messages .fs-box {padding: 0}

#pun-messages fieldset {padding: 0;}
#pun-messages #volSlider .before {margin: -1px 0 0;}
.punbb #messages .tc2 .user-avatar {display: inline-block; float: inherit;}
.punbb #messages .tc2 a {display: inline-block; vertical-align: top;}

#profile #setmods {padding: 0 0 10px;}
#profile #setmods dl {padding: 0 0 8px;}
#profile #setmods dt {
font-family: 'PT Serif';
font-size: 16px;
text-transform: uppercase;
}
#profile .fs-box #setmods label {
font-style: normal;
}
#profile .formsubmit {
text-align: left;
font-size: 0;
margin-left: 20px;
}

/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/* Фиксы: статистика, поиск, юзерлист, страница профиля, инфобоксы */
#pun-statistic .section {padding: 5px 2px;}
#pun-statistic #pun-title.section,
#pun-statistic #pun-navlinks.section,
#pun-statistic #pun-ulinks.section {padding: 0;}
#pun-statistic #pun-announcement.section,
#pun-statistic #pun-status.section {padding: 10px 24px;}
#pun-statistic.punbb h1 {margin: 10px 0 0;}
#pun-statistic #pun-crumbs2, #pun-statistic #pun-about {text-align: center;}

#pun-post .post {padding-bottom: 10px;}

#pun-searchtopics .topicinfo .tpclist {display: none;}
#pun-searchtopics .forum .topicinfo {width: 270px;}

#userlist {padding: 0 24px; margin-bottom: 10px;}
.punbb .formal #userlist fieldset {padding: 0;}
.punbb #userlist .fs-box .infofield {padding: 0;}
.usertable {padding: 0 2px;}
#pun-userlist .main .tcl {width: 220px;}
#pun-userlist .relation, #pun-userlist .posts {width: 100px;}
#pun-userlist .main .tc3 {text-align: center;}

#viewprofile {padding: 10px 24px 5px;}
#viewprofile table, #viewprofile tbody, #viewprofile tr {display: block;}
#viewprofile td {display: inline-block;}
#viewprofile tr:hover {background: transparent;}
.punbb #profile-left strong {font-weight: normal !important;}
#viewprofile #pa-fld2, #viewprofile #pa-fld1 {display: none;}
.punbb #profile-right {width: 630px; padding-left: 20px;}
.punbb #profile-right li {margin-bottom: 10px;}
.punbb #profile-right li span {display: inline-block !important; padding: 1px 6px 2px !important; margin: 0 !important;}
.punbb #profile-right li strong {font-weight: normal; padding: 0;}

.punbb .info .container {padding: 8px 10px}
.punbb .info .container .backlink {padding-top: 8px;}
#pun-message .info {text-align: center;}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {background: #eae3db;}

/********** Дизайн "Tir Niwlog" © ForumD.ru **********/
/********* Техподдержка: https://forumd.ru/ *********/
/**************** переадресация ****************/
#pun-redirect {
width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
position: absolute;
}

#pun-redirect #pun-main {
width: 590px;
height: 206px;
position: relative;
margin-top: 60px;
}
#pun-redirect #pun-main:before {
content:'';
display: block;
position: absolute;
}

#pun-redirect h1 {
height: auto;
background: no-repeat;
color: #101414;
text-align: center;
margin: 0;
padding: 16px 24px;
}

#pun-redirect .info .container {
padding: 0 24px;
text-align: center;
color: #4a5152;
font-family: 'PT Serif';
text-transform: uppercase;
}

#pun-ulinks .item2 +.item7,
#pun-ulinks .item3{
   display:none;
}

#pun #tuser {
position: absolute;
right: 2px;
top: -8px;
}

#pun #s-block {
display: block;
float: right;
}

#notify-settings {padding: 0 20px;}

.lastedit {display: none;}










