/* цвет текста и ссылок */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  { 
    color: #665d70;
}

.subscribelink a, div.modmenu a, .punbb .linksb a, .linksb .pagelink, .modmenu .container, .linksb .pagelink, .linkst .postlink, .linkst .pagelink, .linksb .postlink {
    color: #6e5f84!important;
}

/* шрифт на страницах: активные темы и тд */

#pun-main div.forum table thead tr, #pun-main div.topic h3 span, #pun-searchposts div.topic div.post-author ul, #pun-main div.post-author p span, #post p.checkfield, #userlist fieldset legend span, #punbbsearch legend span, #messages fieldset legend span, .forum .tcr a, .forum .tclcon a, .linksb .pagelink, .linkst .postlink, .linkst .pagelink, .linksb .postlink  {
    font-family: 'Jost';
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 9px;
    font-weight: bold!important;
}

#userlist, #pun-userlist .usertable table, #punbbsearch, #viewprofile, #messages, #profile .container, .punbb .quote-box cite, .punbb .code-box strong.legend, #topic-users-in, #post fieldset legend span {
    font-family: 'Jost';
    letter-spacing: 0.5px;
}

.inputfield label, .selectfield label, #messages fieldset legend span {
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 10px;
}

#messages > div > div.pagelink {
    margin-left: 10px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: bold;
}

#messages fieldset .hasicon tr td {
    padding: 0.9em 2em; 
}

/* ссылки */

.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #877b94;
  text-decoration: none;
}

.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, #pun a:hover {
  color: #443b4e!important;
  text-decoration: none;
}

#pun-navlinks a {
  color: #360101;
  text-decoration: none;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #faf2ff!important;
  text-decoration: none;
}

#pun-ulinks li a {
    color: #9286a3;
    text-shadow: 1px 1px 0px #f1e8ff7a;
}

#pun-ulinks li a:hover {
    color: #f1e7ff!important;
    text-shadow: 1px 1px 0px #736d7d7a;
}

#pun-main div.tclcon > h3 > a:hover {
     color: #877b94!important;
}

/* фон  */
body {
    background: url(https://i.imgur.com/HRgGswf.png) top center, url(https://i.imgur.com/KSPWnLe.png) fixed no-repeat;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
}

#pun {
    background: url(https://i.imgur.com/NjfjvlD.png);
    background-size: 100%;
}

/* шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/u4IkhBr.png);
    height: 421px;
    width: 1020px;
    background-size: 100%;
    margin-left: -50px;
    margin-top: -294px;
}

#pun-navlinks .container { 
    text-align: center; 
    left: 298px;
}


/* низ */
#pun-about p.container {
background-image: url(https://i.imgur.com/AJ8SmXi.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 134px;
    width: 999.4px;
    background-size: 100%;
    margin-left: -50px;
    position: absolute;
    margin-top: -41px;
}

 div#html-footer {
        margin: 0px 0px 0px 0px;}

 div#pun-about {
       margin-bottom: 0px;
}

 div#html-footer {
        margin: 0px 0px 0px 0px;}


/* иконки старых, новых, важных, закрытых тем */

/* старые главная */

Div.icon { 
    float: left;
    width: 40px;
    height: 40px;
    display: block;
    margin-left: 5px;
    margin-top: 10px;
}

Div.icon:after {
    content: '\2748';
    font-size: 40px;
    position: relative;
    background-color: #f6f0ff;
    color: #e4daee;
}

/* старые на странице */

#pun-viewforum table Div.icon, #pun-searchtopics table Div.icon {
    margin: -5px 0px 0px 0px!important;
}

#pun-viewforum table Div.icon:after, #pun-searchtopics table Div.icon:after {
    content: '\2748';
    font-size: 20px;
    color: #e4daee;
}

/* новые на главной */

TR.inew Div.icon {
    float: left;
    display: block;
    position: relative;
}

TR.inew Div.icon:after {
    content: '\2748';
    font-size: 40px;
    position: relative;
    background-color: #f6f0ff;
    color: #dcb7cb;
}

/* новые на странице */

#pun-viewforum TR.inew Div.icon:after, #pun-searchtopics TR.inew Div.icon:after {
    content: '\2748';
    font-size: 20px;
    color: #dcb7cb;
}

/* важные */

#pun-viewforum TR.isticky Div.icon {

}

/* закрытые */

#pun-viewforum TR.iclosed Div.icon {

}

#messages Div.icon, #messages TR.inew Div.icon { 
    float: left;
    display: block;
    margin-left: 5px;
    margin-top: -5px;
}

#messages Div.icon:after {
    content: '\2748';
    font-size: 20px;
    position: relative;
    background-color: #f6f0ff;
    color: #e4daee;
}

#messages TR.inew Div.icon:after {
    content: '\2748';
    font-size: 20px;
    position: relative;
    background-color: #f6f0ff;
    color: #dcb7cb;
}

/* СТАТИСТИКА */

#pun-stats .container {
    color: #9485a0!important;
    display: flex;
    flex-wrap: wrap;
  }

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    float: left;
    clear: both;
    line-height: 150%;
    padding: 2px 5px 2px 5px;
    box-shadow: inset 0 0 0 1px #f3e9ff9c, 0 0 0 1px #6c607d45;
    background: #8573a038;
    font-size: 9px;
    margin-left: 20px;
    text-transform: uppercase;
  }

#onlinelist > div > a {
    color: #9485a0!important;
    font-weight: bold;
}

#pun-stats.section h2 { 
     font-size: 0px;
     display: none;
}

#pun-stats {
    margin-top: 40px;
    margin-left: 20px;
    text-align: left;
    z-index: 1;
    position: relative;
}

/* цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
    background: #f7f2ff;
    color: #968aa6;
    box-shadow: 0 0 0 1px #8e819fa1, inset 0 0 0 1px #f5ecff, inset 0 0 6px 1px #a38abe7d;
}

.post-content .spoiler-box > div {
    background: url(https://i.imgur.com/f5UPd64.png) no-repeat left center!important;
    padding: 2px 0px 2px 28px !important;
}

.punbb .code-box strong.legend a {
    text-transform: uppercase;
    background: #fcf9ff;
    padding: 0px 5px 0px 5px;
    box-shadow: 0 0 0 1px #fff;
    font-size: 9px;
}

/* кнопки под формой ответа */

.punbb input { 
    color: #9a88ab;
    background: #ecdbfa;
    box-shadow: inset 0 0 0 1px #ead6ff3b, 0 0 0 1px #483a4e4f;
    outline: none;
    border: none;
    cursor: pointer;
    font-size: 11px;
}

.punbb input:hover {

}

.button, .hashelp center div a button {
     text-transform: uppercase !important;
}

.button {
    font-size: 10px!important;
    font-family: 'Jost'!important;
    letter-spacing: 0.5px;
    font-weight: bolder!important;
    box-shadow: inset 0 0 0 1px #ffffffb3, inset 0 0 3px 1px #efe5ff, 0 0 1px #8b809c !important;
    text-shadow: 0 0 1px #8177905e;
    margin-bottom: 10px!important;
}

.button:hover {
    box-shadow: inset 0 0 0 1px #ffffffb3, inset 0 0 3px 1px #efe5ff, 0 0 1px #8b809c !important;
    text-shadow: 0 0 1px #817790;
    color: #f7f0ff!important;
    background: #a08baf!important;
}

#pun-post #post-form .button {
     /* margin-top: 10px; */
}

/* форма ответа */

 #post {
    margin-left: 0px;
}

.punbb textarea {
    background: #f3ede8;
    box-shadow: 0 0 0 1px #e2d5f6 inset, 0 0 6px 2px inset #b7a7cd, 0 0 0 1px #b5a5ca;
    outline: none;
    color: #6c647a;
}
.punbb textarea::selection {
   background: #fffcfa;
}

.punbb select {
    outline: none;
    background: #f5e8ff;
    color: #8d8599;
    border: 1px solid #9d91af;
    text-transform: lowercase;
}

#form-buttons {
background: #edddfa;
    box-shadow: 0 0 0 1px #e2d5f6 inset, 0 0 6px 2px inset #b7a7cd, 0 0 0 1px #b5a5ca;
    margin: 0px -5px 6px 0px;
    padding: 5px 0px 5px 0px;
}

.subscribelink a {
    text-transform: lowercase;
    font-size: 9px;
  }

#tags .container {
    background: #edddfa;
    box-shadow: 0 0 0 1px #e2d5f6 inset, 0 0 6px 2px inset #b7a7cd, 0 0 0 1px #b5a5ca;
    padding: 10px!important;
    overflow-y: auto;
    max-height: 180px;
    margin-right: -20px;
    top: 5px !important;
}

#tags {
    position: relative;
}

#form-buttons #button-font, #form-buttons #button-size, #form-buttons #button-bold, #form-buttons #button-italic, #form-buttons #button-underline, #form-buttons #button-strike, #form-buttons #button-left, #form-buttons #button-center, #form-buttons #button-right, #form-buttons #button-spoiler, #form-buttons #button-quote, #form-buttons #button-code, #form-buttons #button-smile, #form-buttons #button-link, #form-buttons #button-video, #form-buttons #button-hide, #form-buttons #button-table, #form-buttons #button-keyboard, #form-buttons #button-addition, #form-buttons #button-color, #form-buttons #button-image, #form-buttons #button-indent, #form-buttons #button-files_rusff, #form-buttons #button-graffiti_rusff, #form-buttons #button-mask, #form-buttons #floatbut {
background-size: 100%!important;
    width: 12px;
    height: 12px;
    margin: 0px 10px 0px 10px !important;
    background-repeat: no-repeat !important;
}

#form-buttons #button-font {background-position:center;background-image:url('https://i.imgur.com/Ih1sxxy.png')!important}

#form-buttons #button-size {background-position:center;background-image:url('https://i.imgur.com/6MS1BAx.png')!important}

#form-buttons #button-bold {background-position:center;background-image:url('https://i.imgur.com/EeukdH6.png')!important}

#form-buttons #button-italic {background-position:center;background-image:url('https://i.imgur.com/CKZOnvF.png')!important}

#form-buttons #button-underline {background-position:center;background-image:url('https://i.imgur.com/TvPYXMS.png')!important}

#form-buttons #button-strike {background-position:center;background-image:url('https://i.imgur.com/a1v3pZB.png')!important}

#form-buttons #button-left {background-position:center;background-image:url('https://i.imgur.com/xzz9ihU.png')!important}

#form-buttons #button-center {background-position:center;background-image:url('https://i.imgur.com/5srXs17.png')!important}

#form-buttons #button-right {background-position:center;background-image:url('https://i.imgur.com/CLWHM4i.png')!important}

#form-buttons #button-spoiler {background-position:center;background-image:url('https://i.imgur.com/P5NCwb9.png')!important}

#form-buttons #button-color {background-position:center;background-image:url('https://i.imgur.com/AapgDSr.png')!important}

#form-buttons #button-quote {background-position:center;background-image:url('https://i.imgur.com/2axJ7bf.png')!important}

#form-buttons #button-code {background-position:center;background-image:url('https://i.imgur.com/w9sXMrb.png')!important}

#form-buttons #button-smile {background-position:center;background-image:url('https://i.imgur.com/ahtPsK3.png')!important}

#form-buttons #button-link {background-position:center;background-image:url('https://i.imgur.com/StdsJyy.png')!important}

#form-buttons #button-video {background-position:center;background-image:url('https://i.imgur.com/LPJueXh.png')!important}

#form-buttons #button-hide {background-position:center;background-image:url('https://i.imgur.com/ONpVezB.png')!important}

#form-buttons #button-table {background-position:center;background-image:url('https://i.imgur.com/oCy1ya3.png')!important}

#form-buttons #button-keyboard {background-position:center;background-image:url('https://i.imgur.com/ob64O8V.png')!important}

#form-buttons #button-addition {background-position:center;background-image:url('https://i.imgur.com/U9jL50w.png')!important}

#form-buttons #button-indent {background-position:center;background-image:url('https://i.imgur.com/EvCR47o.png')!important}

#form-buttons #button-image {background-position:center;background-image:url('https://i.imgur.com/96QRIJJ.png')!important}

#form-buttons #button-files_rusff {background-position:center;background-image:url('https://i.imgur.com/85cRFCe.png')!important}

#form-buttons #button-graffiti_rusff {background-position:center;background-image:url('https://i.imgur.com/WGPEDiX.png')!important}

#form-buttons #button-mask {background-position:center;background-image:url('')!important}

#form-buttons tr {
    text-align: left!important;
}

#form-buttons td {
    background: transparent!important;
    display: inline-flex;
    position: relative;
    margin: 0px 7px 0px 5px!important;
    left: 8px; 
}

/* ПРОФИЛЬ */

li.pa-online {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: block;
    position: absolute;
    animation: blinkColor .9s linear infinite;
    -moz-animation: blinkColor .9s linear infinite;
    -webkit-animation: blinkColor .9s linear infinite;
    background: #ceaecc;
    z-index: 100;
    margin-left: -210px;
    margin-top: -4px;
  }

.pa-author {
    padding-top: 12px!important;
    color: #a57fa3!important;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Fira Sans Extra Condensed;
    letter-spacing: 0.5px;
}

.pa-author a {
    color: #a57fa3!important;
    font-size: 16px;
    text-transform: uppercase;
    font-family: Fira Sans Extra Condensed;
    letter-spacing: 0.5px;
}

li.pa-title {
    text-align: center;
    text-transform: lowercase;
    font-size: 9px;
    font-family: Jost;
    letter-spacing: 2px;
    width: 179px;
    color: #9d839b;
    position: relative;
}

.pa-avatar {
    width: 180px;
    margin: 10px 0px 5px 0px !important;
}

li.pa-avatar.item2 > img {
    border: 1px solid #ecdcf9;
    max-width: 180px;
    height: auto;
    box-shadow: 0 0 0 1px #c1b2ce, 0 0 7px 1px #887c99;
}

#pun-main .post-author ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

li.pa-fld2 {
    width: 170px;
    background: #be9abcd1;
    margin: 20px 10px 0px 10px;
    box-shadow: inset 0 0 0 1px #ffe7feab, inset 0 0 8px 1px #ffecfe80;
    padding: 3px 0px 3px 0px!important;
    font-size: 10px;
    font-family: 'Jost';
    letter-spacing: 1px;
    font-weight: bold;
    text-shadow: 1px 1px #b691b3;
    border: 1px solid #c594c3a3;
    color: #f6f0ff;
}

.pa-fld2:before {
    content: "facecontrol";
    display: block;
    /* position: static; */
    overflow: hidden;
    height: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Jost';
    color: #c5a9c37a;
    letter-spacing: 1.5px;
    margin-top: -13px;
    text-shadow: none;
    left: 235px;
}

li.pa-posts, li.pa-fld5, .pa-respect {
    padding: 15px 0px 7px 0px!important;
    color: #998098;
    text-shadow: 1px 1px 4px #7e5b7c59;
    font-family: Jost;
    font-weight: bold;
}

li.pa-respect > span:before {
    /* content: 'likes: \0020'; */
    /* text-transform: uppercase; */
}

li.pa-posts > span {
    text-transform: uppercase;
}

li.pa-respect > span.fld-name {
    text-transform: uppercase;
}

li.pa-fld5 > span, li.pa-fld2 > span, li.pa-fld4 > span,  .pa-online strong, li.pa-fld3 > span, li.pa-fld1 > span {
   display: none;
}

li.pa-fld1 {
    position: relative;
    bottom: -15px;
    color: #998098;
    text-shadow: 1px 1px 4px #7e5b7c59;
    font-family: Jost;
    font-weight: bold;
}

/* разное скрытое */

 div.reactions-root, #pun-status > p > span.item4.status-right > a, #pun-main > h1, li.pa-gifts, li.pa-awards, #pun-live-rusff, #pun-main > div.linkst > div.postlink, h3 > span > a.sharelink, #pun-main > div.linksb > div.postlink > span > a, #post-form > h2 > span, #profile-gifts, #pun-reputation > div.inner.post_reputation > h1 > span, #pun-main > div.topic > h2 > span, #topic-modmenu > p > span, #pun-main > div.modmenu > p > span, li.pa-fld2 > span, li.pl-share > a, ul > li.pa-reg  {
   display: none;
}

#pun-respect .section .container table thead {
   font-size: 0px;
}

#pun-index td.tc2, #pun-index td.tc3, #messages > fieldset > div > div > table > thead > tr, .online-list .container table thead tr .tcl, .online-list .container table thead tr .tc3, div.usertable > div > table > thead > tr {
   font-size: 0px;
}

#pun-index.punbb th,#pun-viewforum.punbb th{
  font-size:0!important;
  color:transparent!important;
  height:0!important;
  padding:0!important;
  border:0!important;
}

/* дата поста */

a.permalink  {

}

/* репутация */

div.post-rating a, div.post-vote a {
    padding: 0px 4px 0px 4px;
    font-family: 'Jost';
}

/* автор и тема, аватар на главной */

#pun-main .tcr .lastpost-link {
    font-family: 'Jost';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    left: -5px;
    /* display: block; */
    position: relative;
}

#pun-main .tcr .lastpost {
    font-size: 8px;
    display: block;
    font-size: 8px;
    text-transform: lowercase;
    font-family: Arial;
    position: relative;
    left: -5px;
    letter-spacing: 1px;
}

 span.avatar-image {
    box-shadow: 0 0 0 2px #877b94;
    width: 26px!important;
    height: 26px!important;
    margin-top: 3px
}

.punbb .user-avatar .isonline {
    background: #c5b4e1!important;
    left: 24px;
    position: relative!important;
}

.punbb .user-avatar {
    float: right!important;
  /*  position: absolute!important; */
    display: flex;
    margin: 1px 9px 2px 5px!important;
}

#pun-userlist div.usertable .user-avatar {
        float: left!important;
}

/* категории */

#pun-category1 > h2 {
    display: none;
}

#pun-index h2 span {
    font-size: 0px!important;
    color: #dacce6;
    position: relative;
    top: 8px;
    /* filter: blur(0.5px); */
    display: block;
    width: 400px;
    height: 17px;
    /* margin-top: 15px; */
    margin-left: 270px;
    /* margin-bottom: 10px; */
}

#pun-index h2 span:after {
    content: "\273B \273B \273B";
    display: block;
    font-size: 60px;
    margin-left: 140px;
}

/*ОФОРМА ТА ОПИС ФОРУМОВ*/

#pun-index td div.tclcon {
    width: 100%;
    border: 1px solid #d6cae8;
    border-radius: 20px;
    margin: 28px 0px 28px 20px;
    background: #f7f0ff;
}

lovender_for {
    display: block;
    width: 300px;
    height: auto;
    font-size: 9px;
    font-family: Jost;
    text-align: center;
    padding: 0px 0px 10px 0px;
    margin-bottom: 10px!important;
    color: #9b8ca6;
    letter-spacing: 0.3px;
    text-transform: lowercase;
    padding-top: 5px;
    margin-left: auto!important;
    margin-right: auto!important;
}

lovender_for a {
    position: relative;
    top: 15px;
    font-size: 9px;
    background: #dec8da;
    border-radius: 20px;
    margin: 0px 5px 10px 0px !important;
    color: #f9f1ff!important;
    padding: 0px 6px 0px 6px;
    font-weight: bold;
    letter-spacing: 0.5px;
    display: inline-block;
    left: -4px;
}

forum_description {
    text-align: center;
    display: block;
    position: relative;
    left: -5px;
    margin-bottom: -10px!important;
    margin-top: -5px!important;
    font-size: 12px;
    color: #6a6273;
    letter-spacing: 1px;
}

div.tclcon > h3 a {
    color: #a97e95!important;
}

#pun-index .tcl h3 {
    font-family: Eugusto Free Personal Use;
    font-size: 20px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    left: -18px;
    border-radius: 20px;
}

#pun-index .tcl {
    position: relative;
    left: 50px;
}

#pun-index .main .tc2, #pun-index .main .tc3 {
    display: none;
}


/*ГЛАВНАЯ НАВИГАЦИЯ! ФОРУМ, УЧАСТНИКИ И ТД*/
#pun-navlinks li>a{
  display:inline-block;
  width:0;
  font-size:0;
  visibility:hidden;
}
#pun-navlinks li>a:after{
  display:inline-block;
  visibility:visible; 
  width: auto;
  height: 30px;
  transition:.6s;
}
#pun-navlinks li:hover>a:after{
  opacity: 0.5;
}
#navindex>a:after{  
    content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/N3LdKgY.png);
}

#navuserlist>a:after{  
    content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/gJ19EQD.png);
}
#navsearch>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/yjK0iD7.png);
}
#navprofile>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/xNja67o.png);
}
#navpm>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/Y6vPbpQ.png);
}
#navlogout>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/xTOMNaG.png);
}
#navadmin>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/IcN09tA.png);
}
#navlogin>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/S2fNIZi.png);
}

#navpr_1>a:after{  
    content: '';
    width: 14px!important;
    height: 14px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/kIlAkDF.png);
    position: relative;
    top: 1px;
}

#navregister>a:after{  
      content: '';
    width: 12px!important;
    height: 12px!important;
    background-size: 100%;
    background-image: url(https://i.imgur.com/GlsKlPQ.png);
}

/* светлые окна */

#pun-index #pun-main .category .container, .post-box, #pun-viewforum #pun-main .forum .container, #pun-viewforum #pun-main .category .container, #pun-respect #pun-main .container, #pun-positive #pun-main .container, #pun-online #pun-main .section.online-list .container, #pun-messages #messages .fs-box, #pun-searchtopics #pun-main .forum .container {

}

#pun-index #pun-main .category .container, #pun-viewforum #pun-main .forum .container, #pun-viewforum #pun-main .category .container {
     /* width: 98%; */
    /* margin-left: -17px; */
}

.hasicon .alt1, .hasicon .alt2  {
}

.hasicon .alt1:hover, .hasicon .alt2:hover { /* background-color: #ffffff87; */}

.hasicon .alt1:after, .hasicon .alt2:after {

}


/* приветствие на главной */

#pun-status {
    position: absolute;
    top: 200px;
    letter-spacing: 1px;
    display: block;
    min-width: 200px;
    text-align: left;
    margin-left: -40px;
}

#pun-status .item1 {
position: relative;
    top: 2px;
    font-size: 9px;
    font-family: 'Jost';
    color: #f9f2ff;
    text-shadow: 1px 1px 2px #473e534d;
    text-transform: uppercase;
}

#pun-status .item2 {
    width: 140px;
    position: absolute;
    left: 43px;
    top: 19px;
    white-space: break-spaces;
    text-align: left;
    font-size: 7px;
    color: #d7caec;
    text-shadow: 1px 1px 2px #473e534d;
    font-family: arial;
    text-transform: lowercase;
}

#pun-status .item2 a {
    color: #fff !important;
}

/* название фора и путь ссылок */

#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: 'Jost';
    text-transform: uppercase;
    margin-top: 5px;
  }

#pun-crumbs1 p.container {
    color: #6e5f84!important;
    text-shadow: 1px 1px 0px #d1c9dc75;
    /* margin-bottom: 40px; */
    position: relative;
    top: 5px;
    font-weight: bold;
    margin: 0px 0 28px 0;
}

#pun-crumbs1 a {

}

#pun-crumbs2 .container {
border-bottom: none;
    font-size: 10px;
    letter-spacing: 1px;
    font-family: 'Jost';
    color: #6e5f84!important;
    text-shadow: 1px 1px 0px #d1c9dc75;
    text-align: center;
    /* margin-bottom: 20px; */
    margin-top: 45px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    top: 35px;
  }

/* страница тем */

.forum .tcr a, .forum .tclcon a {
    font-weight: bold;
    position: relative;
    /* font-size: 10px; */
}

.forum .byuser {
    color: #645a74;
    letter-spacing: 1px;
    font-family: 'Jost';
    font-size: 8px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    position: relative;
}


.forum .user-avatar .avatar-image {
    height: 30px!important;
    width: 30px!important;
}

.forum .container table {
    padding: 20px 0px 0px 15px;
}

.punbb .main .tc2, .punbb .main .tc3, #pun-respect {
    font-family: 'Jost';
    font-weight: bold;
    vertical-align: top;
}

table > tbody > tr.altstyle {
    vertical-align: top;
}

/* страница темы */

#topic-users-in {
     margin-top: ;
}

#mod-options {
    font-size: 9px;
    margin-top: -5px;
    display: block;
    margin-left: 0px;
}

#main-reply {
    width: 98.7%!important;
    padding: 10px 0px 0px 15px;
}

.post-sig {
    margin-top: 40px!important;
    margin-bottom: -10px!important;
}

div.modmenu > p > span {
    text-transform: uppercase;
}

/* профиль предпросмотр */

#pun-searchposts div.topic div.post-author ul {
    display: block!important;
}



/* скролл */

::-webkit-scrollbar { width: 5px; height: 3px; }
::-webkit-scrollbar-track { background-color: #e3d9ec; }
::-webkit-scrollbar-thumb { background-color: #6f657e; }

.punbb .post-links a, a.permalink, div.post-rating a, div.post-vote a, .punbb .post h3 strong {
    color: #9a88ab!important;
    text-shadow: 1px 0 #f7ecff;
    font-family: Jost;
}

#pun-reputation > div.inner.post_reputation {
    background: #d5c9de;
}

/* иконка уведомлений */

.bubble {
    background: #b379a5!important;
    font: bolder 8px/1.6 Jost!important;
    text-shadow: none!important;
}

.bubble:after {
   border-color: #b379a5 transparent!important;
}

/* лс */

#messages td.tc2.pmtc24 {
    padding-top: 10px !important;
}

#messages td.tc2.pmtc22 {
    width: 80% !important;
    display: block;
}

[type="checkbox"], [type="radio"], input[type="radio"] {
    box-shadow: none !important;}

/* шаблон стандартный */

standart_test {
    height: auto;
    width: 618px;
    display: block;
    margin: 1px auto 1px auto !important;
    border: 1px solid #ffe7fe;
    box-shadow: 0 0 0 1px #d8bfd6, inset 0 0 5px 0px #e8c8e7;
    background: #e1c0df;
    padding-bottom: 20px;
}

standart_title {
position: relative;
    text-transform: uppercase;
    padding: 2px 8px 2px 8px;
    width: 264px;
    letter-spacing: 0.8px;
    font-family: Cuprum;
    right: 0px;
    line-height: normal;
    margin: 10px auto 0px auto !important;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 10px;
    background: #695780;
    color: #f8e3fd;
    box-shadow: inset 0 0 6px 1px #f6d9f6bd, inset 0 0 0px 1px #b7a6cbcc, inset 0 0 8px 1px #452f5f;
    border: 1px solid #9986af;
    text-shadow: 1px 1px 0px #695780;
}

standart_txt {
    display: block;
    width: 570px;
    box-shadow: inset 0 0 6px 1px #f3e3ff, inset 0 0 0px 1px #ffffff, inset 0 0 8px 1px #68567f59, 0 0 7px 1px #baabc454, 0 0 1px 0px #8f73a3;
    border: 1px solid #bcafcb;
    height: auto;
    padding: 18px 10px 18px 10px;
    text-align: center;
    margin: 10px auto 0px auto !important;
    background: #ffffffe6;
    line-height: 1.5;
}

news_justify {
    text-align: justify;
    width: 550px;
    padding: 0px 0px 0px 9px;
    display: block;
}

/* шаблоны хочу видеть и нужные */

.wanttoseemain {
    width: 600px;
    height: 174px;
    background: #d8c8ea;
    margin: 2px auto 2px auto !important;
    position: relative;
    box-shadow: 0 0 0 1px #f8f2ffe0, inset 0 0 8px 0px #f3e8ffe0, 0 0 0 1px #6f578a;
}

.wanttoseeimg {
    width: 120px;
    height: 120px;
    box-shadow: 0 0 0 1px #f8f2ffe0, inset 0 0 8px 0px #f3e8ffe0, 0 0 0 1px #6f578a;
    position: absolute;
    top: 14px;
    left: 14px;
}

.wanttoseeimg img {
    object-fit: cover;
    width: 120px;
    height: 120px;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    position: absolute;
    top: -4px;
}

.wanttoseeimg:after {
    content: "#wanttosee";
    position: absolute;
    bottom: -30px;
    text-transform: uppercase;
    font-family: system-ui;
    font-size: 18px;
    color: #f9f6fc;
    text-shadow: 0 0 3px #f9f5ff80;
    filter: blur(0.6px);
}

.wanttosee {
    background: #ffffffd6;
    position: absolute;
    right: 15px;
    top: 14px;
    width: 418px;
    height: 126px;
    box-shadow: 0 0 0 1px #f8f2ff, inset 0 0 8px 0px #d4bbf0a1, 0 0 0 1px #6f578a;
    padding: 10px;
    overflow: auto;
}

.wanttosee::-webkit-scrollbar { width: 3px; height: 3px; }
.wanttosee::-webkit-scrollbar-track { background-color: #9d86b7; box-shadow: inset 0 0 0 1px #ffffff78; }
.wanttosee::-webkit-scrollbar-thumb { background-color: #d8c8ea; box-shadow: inset 0 0 0 1px #ffffff78; }

.needmainbox {
    background: #d8c8ea;
    box-shadow: 0 0 0 1px #f8f2ffe0, inset 0 0 8px 0px #f3e8ffe0, 0 0 0 1px #6f578a;
    margin: 2px auto 5px auto !important;
    position: relative;
    width: 660px;
    height: auto;
    padding-bottom: 10px;
}

.needmaintitle {
    width: 660px;
    height: 20px;
    background: #b9a1d2;
    margin: auto auto !important;
    box-shadow: 0 0 0 1px #f8f2ffd4, inset 0 0 8px 0px #f3e8ffb8, 0 0 0 1px #6f578a;
    padding: 2px 0px 0px 0px;
    text-transform: uppercase;
    color: #f9f6fc;
    text-shadow: 0 0 3px #897c9b;
    font-family: system-ui;
}

.needname {
    color: #f9f6fc;
    text-shadow: 1px 1px 1px #8c72b39c;
    font-family: Eugusto Free Personal Use, Arial Black;
    letter-spacing: 1px;
    position: relative;
    top: 5px;
    height: 40px;
}

.needimgbox {
    width: 600px;
    display: flex;
    margin: auto auto !important;
    position: relative;
    justify-content: center;
}

.needimg {
    box-shadow: 0 0 0 1px #f8f2ffe0, inset 0 0 8px 0px #f3e8ffe0, 0 0 0 1px #6f578a;
    width: 80px;
    height: 80px;
    margin: 5px 10px 10px 10px !important;
}

.needimg img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    position: absolute;
    top: 1px;
}

.needimgrectangle {
    margin-right: 5px !important;
    height: 100px;
    box-shadow: 0 0 0 1px #f8f2ffe0, 0 0 0 1px #6f578a;
    margin-bottom: 10px !important;
}

.needimgrectangle img {
    width: 200px;
    height: 100px;
    object-fit: cover;
    position: relative;
    top: -4.5px;
    opacity: 0.8;
    mix-blend-mode: multiply;
}

.needinfo {
    text-transform: lowercase;
    color: #f9f6fc;
    text-shadow: 1px 1px 1px #8c72b39c;
    font-family: system-ui;
    letter-spacing: 0.8px;
    position: relative;
    left: 0px;
}

.needmain {
    background: #ffffffd6;
    box-shadow: 0 0 0 1px #f8f2ff, inset 0 0 8px 0px #d4bbf0a1, 0 0 0 1px #6f578a;
    overflow: auto;
    width: 610px;
    height: auto;
    margin: 0px auto 10px auto !important;
    padding: 10px 16px 0px 16px;
}

.needinfo p, .needmaintitle p, .needname p {
    text-align: center !important;
}

 .needname p {
    font-size: 20px !important;
}
