/* ÒÅÊÑÒ */

.punbb {
  color: #191b16;
  }

.punbb a, .punbb-admin #pun-admain a{
    color: #5f6446;
}

.punbb a:hover, .punbb-admin #pun-admain a:hover, .tcl h3:hover {
    color: #8b8b8b;
}

div.tclcon > a {
    padding: 0px 6px 0px 6px;
    border-radius: 20px;
    color: #838968;
    font-weight: bold;
}

td.tcr > a, td.tcr > span, div.tclcon > a, .post-links, .punbb .modmenu .container, div.subscribelink > a, .linksb .pagelink, .linksb .postlink, .linkst .pagelink, .postlink.long {
    text-transform: lowercase;
}

td.tcr > a, td.tcr > span {
    font-size: 10px;
}

td.tcr > a {
    font-weight: bold;
}

/* ÔÎÍ */

body {
    background: url(https://i.imgur.com/KZ6TT0Z.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}

/* ÒÅËÎ */

#pun {
    background: #ededed;
    background-size: 100%;
    margin-top: 280px!important;
}

@media screen and (max-device-width: 1280px) {#pun_wrap {position: static; margin: auto; min-width: 1200px; max-width: 1200px;}}

/* ØÀÏÊÀ */
#pun-title table {
    background-image: url(https://i.imgur.com/rR0AhQO.png);
    height: 700px;
    width: 1090px;
    background-size: 100%;
    margin-left: -65px;
    margin-top: -280px;
    border-radius: 20px;
}

/* ÃËÀÂÍÀß ÍÀÂÈÃÀÖÈß */

#pun-navlinks, #pun-navlinks .container {
    width: 100%;
    position: absolute;
    top: -132px;
    text-align: center;
    left: 1px;
}

#pun-ulinks .container {
    width: 90%;
    text-align: center;
    position: absolute;
    top: 200px;
    right: 10px;
}

#pun-ulinks li a {
    font-size: 7px;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    border-radius: 10px;
    margin: 5px;
}

#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, #navuserlist>a:after, #navsearch>a:after, #navprofile>a:after, #navpm>a:after, #navlogout>a:after, #navadmin>a:after, #navlogin>a:after, #navpr_1>a:after, #navregister>a:after {
    width: 12px!important;
    height: 12px!important;
    font-size: 12px;
    font-family: 'Material Icons';
    color: #ffffff78;
    background-size: 100%;
    background-image: url();
}

#navindex>a:after {  
    content: '\e518';
}

#navuserlist>a:after {  
    content: '\ec10';
}

#navsearch>a:after {  
    content: '\e8b6';
}

#navprofile>a:after {  
    content: '\e8a6';
}

#navpm>a:after {  
     content: '\e9bc';
}

#navlogout>a:after {  
     content: '\e8ac';
}

#navadmin>a:after {  
     content: '\e8b8';
}

#navlogin>a:after {  
     content: '\ea77';
}

#navpr_1>a:after {  
     content: '\e943';
}

#navregister>a:after {  
     content: '\e85e;
}

/* ÏÐÈÂÅÒ ÍÀ ÃËÀÂÍÎÉ */

#pun-status {
    letter-spacing: 1px;
    text-align: center;
    font-size: 9px;
    text-transform: lowercase;
    width: 560px;
    border-radius: 0px 0px 30px 30px;
    margin: auto;
    position: relative;
    margin-top: -50px;
}

#pun-status .item1 {

}

#pun-status .item2 {

}

/* ÍÀÇÂÀÍÈÅ ÔÎÐÀ */

#pun-crumbs1, #pun-crumbs2 {
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 5px;
  }

#pun-crumbs1 p.container {
    position: relative;
    top: -5px;
    font-weight: bold;
    margin: 28px 0;
}

#pun-crumbs2 .container {
    border-bottom: none;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 45px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
    top: -45px;

  }

/* ÍÈÇ È ÑÒÀÒÈÑÒÈÊÀ */

#pun-about p.container {
    background-image: url(https://i.imgur.com/JdwwzXB.png);
    background-position: top center;
    background-repeat: no-repeat;
    height: 202px;
    width: 1070.5px;
    background-size: 100%;
    margin-left: -67.5px;
    position: absolute;
    margin-top: -61px;
}

 div#html-footer {
        margin: 0px 0px 0px 0px;
}

 div#pun-about {
       margin-bottom: 0px;
}

 div#html-footer {
        margin: 0px 0px 0px 0px;
}

#pun-stats .container {
    display: flex;
    flex-wrap: wrap;
     margin: -40px 0px 0px 0px;
  }

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    margin: 0px 10px 0px 0px;
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: lowercase;
    padding: 2px 10px 2px 10px;
    position: relative;
    left: 130px;
    color: #5f6446;
}

#pun-stats > div > ul > li.item4 > strong a {

}

li#onlinelist {
    font-size: 10px;
    letter-spacing: 0.2px;
    text-transform: lowercase;
  }

#onlinelist > div > a {
    letter-spacing: 0.5px;
    font-weight: bold;
}

#pun-stats.section h2 { 
    font-size: 0px;
    background-image: url(https://i.imgur.com/8wTD8rU.png)!important;
    background-size: 100%;
    width: 1019.6px;
    margin-left: -50px;
    height: 105px;
}

#pun-stats {
    margin-top: 40px;
    margin-left: 20px;
    text-align: left;
    z-index: 1;
    position: relative;
}

/* ÎÔÎÐÌËÅÍÈÅ ÔÎÐÎÂ */

#pun-index td div.tclcon {
    width: 80%;
    margin: 28px 0px 28px 20px;
    border: 1px solid #5f6446;
    border-radius: 20px;
}

.lvstfor {
    text-align: center;
    /* background: #f7f7f7; */
    padding: 0px 8px 16px 8px;
    text-transform: lowercase;
    font-size: 10px;
    border-radius: 0px 0px 20px 20px;
}

.lvstfor a {
    background: #5f6446;
    color: #fff;
    border-radius: 20px;
    padding: 0px 5px 0px 5px;
}

links {
    display: block;
    position: relative;
    margin-right: 16px !important;
}

popravka {
    margin: -15px 16px 10px 0px !important;
    display: block;
}

div.tclcon > h3 a {
    color: ;
}

#pun-index .tcl h3 {
    font-family: Assistant;
    font-size: 20px;
    padding: 10px 0 4px 0;
    text-align: center;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    width: 94%;
}

#pun-index .tcl {
    position: relative;
}

/* ÈÊÎÍÊÈ */

/* ãëàâíàÿ */

Div.icon { 
    float: left;
    width: 50px;
    height: 50px;
    display: block;
    margin-left: -5px;
    margin-top: 20px;
    background-image: url(https://i.imgur.com/oCzXKHr.png);
    background-size: 100%;
}

TR.inew Div.icon {
    float: left;
    background-image: url(https://i.imgur.com/0oYfnew.png);
}

/* ñòàðûå íà ñòðàíèöå */

#pun-viewforum table Div.icon, #pun-searchtopics table Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-viewforum TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    margin: -2px 8px 0px 0px!important;
    height: 20px;
    width: 20px;
    position: relative!important;
}

#pun-viewforum table Div.icon, #pun-searchtopics table Div.icon {
    background-image: url(https://i.imgur.com/5Ugjn3I.png);
    background-size: 100%;
}


/* íîâûå íà ñòðàíèöå */

#pun-viewforum TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background-image: url(https://i.imgur.com/SDQKVVV.png);
    background-size: 100%;
}

/* âàæíûå */

#pun-viewforum TR.isticky Div.icon {
    background-image: url(https://i.imgur.com/aRVAFgV.png);
    background-size: 100%;
}

/* çàêðûòûå */

#pun-viewforum TR.iclosed Div.icon {
    background-image: url(https://i.imgur.com/hlvJfKL.png);
    background-size: 100%;
}

/* ñîîáùåíèÿ */

#messages Div.icon, #messages TR.inew Div.icon { 
    float: left;
    display: block;
    width: 30px;
    height: 11px;
    margin: 2px 8px 0 0;
}

#messages Div.icon {
    background-image: url(https://i.imgur.com/9vbsZct.png);
    background-size: 100%;
}

#messages TR.inew Div.icon {
    background-image: url(https://i.imgur.com/RUpfsmf.png);
    background-size: 100%;
}


/* ÊÀÒÅÃÎÐÈÈ */

#pun-index .category .tc2, #pun-index .category .tc3 {
    display: none;
}

#pun-category1 > div, #pun-category2 > div, #pun-category3 > div, #pun-category4 > div, #pun-category5 > div, #pun-category6 > div, #pun-category7 > div {
    background: #fff;
    border: 1px solid #5f6446 !important;
}

#pun-category1 > h2 {
    display: none;
}

#pun-index h2 span {
    font-size: 0px!important;
}

#pun-category2 > h2, #pun-category3 > h2, #pun-category4 > h2, #pun-category5 > h2, #pun-category6 > h2, #pun-category7 > h2 {
    position: relative;
    height: 86px;
    margin-left: -30px;
    width: 997.7px;
    background-repeat: no-repeat;
}

#pun-category2 > h2 {
    background-image: url(https://i.imgur.com/i2D8tXG.png);
    background-size: 100%;
}

#pun-category3 > h2 {
    background-image: url(https://i.imgur.com/7qhkrjf.png);
    background-size: 100%;
}

#pun-category4 > h2 {
    background-image: url(https://i.imgur.com/zMddNGr.png);
    background-size: 100%;
}

#pun-category5 > h2 {
    background-image: url(https://i.imgur.com/MTOTVAl.png);
    background-size: 100%;
}

#pun-category6 > h2 {
    background-image: url(https://i.imgur.com/l5tEIsR.png);
    background-size: 100%;
}

#pun-category7 > h2 {
    background-image: url(https://i.imgur.com/ddwKmJs.png);
    background-size: 100%;
}

#pun-category2 > h2:after, #pun-category3 > h2:after, #pun-category4 > h2:after, #pun-category5 > h2:after, #pun-category6 > h2:after, #pun-category7 > h2:after{
    display: block;
    font-size: 8px;
    text-align: center;
    position: relative;
    width: 296px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1.5px;
    border-radius: 20px;
    color: #5f6446;
    left: 4px;
    top: 50px;
}

#pun-category2 > h2:after {
    content: "the universe was made just to be seen by my eyes";
}

#pun-category3 > h2:after {
    content: "remember nobody said that it would last forever";
}

#pun-category4 > h2:after {
    content: "everybody needs someone to call on";
}

#pun-category5 > h2:after {
    content: "you want to make a memory";
}

#pun-category6 > h2:after {
    content: "all my love in black and white";
}

#pun-category7 > h2:after {
    content: "pick a star on the dark horizon and follow the ligh";
}


/* ÏÐÎÔÈËÜ */

.punbb .post .post-author {
    background: #f4f4f4;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
    position: relative;
  }

#pun-main .post-author ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

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 {
    z-index: 2;
    background: #fff;
    width: 170px;
    text-align: center;
    height: auto;
    margin-top: -1px !important;
    border-radius: 0 0 8px 8px;
}

.pa-author a {
    font-size: 16px;
    text-transform: uppercase;
    font-family: Fira Sans Extra Condensed;
    letter-spacing: 0.5px;
    color: #7a7a7a !important;
}

li.pa-title {
    text-align: center;
    text-transform: lowercase;
    font-size: 9px;
    letter-spacing: 2px;
    width: 179px;
    margin-top: 5px;
    position: relative;
    top: -5px;
    color: #7a7a7a;
}

li.pa-avatar.item2 > img {
    border: 1px solid #7a7a7a;
    max-width: 180px;
    height: auto;
}

li.pa-avatar.item2 {
    z-index: 1;
    margin: 16px 0 0 0;
}

li.pa-fld1 {
    width: 170px;
    margin: -8px 0px 8px 0px;
    padding: 10px 0px 5px 0px!important;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
    background: #fff;
    border-radius: 0 0 20px 20px;
    color: #7a7a7a;
}

li.pa-posts, li.pa-fld5, .pa-respect {
    padding: 15px 0px 7px 0px!important;
    color: #7a7a7a;
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    text-align: center;
}

li.pa-posts > span, li.pa-respect > span.fld-name {
    text-transform: uppercase;
}

li.pa-fld1 > span, li.pa-fld4 > span, .pa-online strong, li.pa-fld3 > span {
   display: none;
}

li.pa-fld3 {
     position: absolute;
}

hed {
    position: relative;
    top: -1px;
}

hed img {
    background-size: 100%;
    width: 216px;
    border-radius: 20px 20px 0 0;
    border: 1px solid #d3d3d3 !important;
}

icons {
    margin-top: 10px!important;
    display: block;
    text-align: center;
    margin-left: -4px!important;
}

icons img {
    background-size: 100%;
    width: 15px;
    padding: 0px 8px 0px 8px;
    opacity: 0.5;
    filter: grayscale(1);
    mix-blend-mode: luminosity;
}

li.pa-fld4 {
    font-size: 10px;
    text-transform: lowercase;
    text-align: center;
    border: 1px solid #dadada;
    padding: 15px 5px 15px 5px !important;
    margin: 0 5px 0 5px;
}

li.pa-fld2 {
    margin: -6px 0 0 0 !important;
}

li.pa-fld2 img {
    background-size: 100%;
    width: 198px;
    position: relative;
    top: 10px;
}

/* ÑÊÐÛÒÎÅ */

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, #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, #profile fieldset legend, #pun-main > div.forum > div > table > thead > tr  {
   display: none;
}

#pun-stats h2 span, #pun-main h2 span, #pun-respect .section .container table thead, #pun-index td.tc2, #pun-index td.tc3, #messages > fieldset > div > 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;
}


/* ÑÊÐÎËË */

::-webkit-scrollbar { width: 5px; height: 3px; }
::-webkit-scrollbar-track { background-color: #5f6446; }
::-webkit-scrollbar-thumb { background-color: #191b16; }

/* èêîíêà óâåäîìëåíèé */

.bubble {
    background: #b379a5!important;
    font: bolder 8px/1.6 Jost!important;
    text-shadow: none!important;
}

.bubble:after {
   border-color: #b379a5 transparent!important;
}

/* ñòðàíèöà òåìû */

.punbb .post {
    background: #fff;
    border-radius: 20px;
    border: 1px solid #c9c9c9 !important;
}

a.permalink {
    font-size: 10px;
}

.punbb .post h3 strong {
    background: linear-gradient(45deg, #838968, #d0d5bb);
    box-shadow: 0 0 10px #c2c7acc9;
    color: #fff;
    padding: 4px 7px 4px 1px;
    margin: 0 -10px 0 0;
    border-radius: 20px;
    width: 14px;
    height: 14px;
}

div.post-rating a:after {
    content: '\e87d'!important;
    font-size: 11px!important;
    font-family: 'Material Icons';
    color: #a1a783;
    transform: rotate(9deg);
    position: relative;
    right: -2px;
    top: 0px;
    margin-right: 8px;
}

/* ñòðàíèöà ëñ */

#messages tr {
     vertical-align: text-bottom;
}

#messages th.tc2.pmtc24 {
     padding: 8px 0 0 0 !important;
}

.punbb .formal .container {
    background: #fff;
    border: 1px solid #5f6446 !important;
}

#p1 > div > div.post-author.group1.no-avatar {
    margin: 18px 0 0 18px !important;
}

#p1 > div > div.post-body > div.post-box {
     margin-top: 18px;
}

#p1 > div > div.post-author.group1.no-avatar > ul > li.pa-reg {
     display: none;
}

#messages > #p1 > div > div.post-links {
     width: 67%;
}

/* öèòàòû, êîäû, ñêðûòûé, ñïîéëåð */

.post-content .spoiler-box > div {
    background: url(https://i.imgur.com/NcdRmKu.png) no-repeat left center!important;
    padding: 0 0 0 28px !important;
}

.punbb .quote-box, .punbb .code-box {
    background: #ededed!important;
    border: 1px solid #dedede !important;
    border-radius: 10px;
}

 .quote-box cite {
    text-transform: lowercase;
    font-weight: bold;
    border: 1px solid #e1e1e1;
    color: #5f6446;
    background: #f9f9f9;
    border-radius: 8px;
    font-size: 10px;
    padding: 4px;
    margin: 0 0 10px 0 !important;
}

blockquote  {
    margin: 0 0 0 10px !important;
}

/* ðàçíîå */

.resizable-textarea textarea, .punbb input, .punbb select {
    outline: none;
}

.punbb .button, .lb_button {
    text-transform: lowercase;
    background: linear-gradient(45deg, #838968, #d0d5bb);
    color: #ffffff;
    outline: none;
    border: none;
    font-size: 10px;
    padding: 4px 10px;
    box-shadow: 0 0 10px #c2c7acc9;
    cursor: pointer;
}

.punbb .button:hover, .lb_button:hover {
    background: linear-gradient(45deg, #8b8b8b, #d6d6d6);
    box-shadow: 0 0 10px #cdcdcdc9;
}

#tooltip {
  position:absolute;
  margin-top: -40px;
  margin-left: -40px;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 4px 7px;
  border-radius: 10px;
  display: block;
  background: linear-gradient(45deg, #838968, #d0d5bb);
  color: #ffffff;
  font-family: Nunito;
}

/* íîâîñòè */

.block_news::-webkit-scrollbar { width: 3px; height: 3px; }

.block_news::-webkit-scrollbar-track { 
    background-color: transparent;
}

.block_news::-webkit-scrollbar-thumb { 
    background-color: #c4c7b6;
    border-radius: 20px;
}

.block_news {
    width: 520px;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    height: 70px;
    padding-top: 10px;
    position: absolute;
    top: 234px;
    left: 255px;
    flex-wrap: wrap;
}

plnews {
    display: flex;
    flex-direction: column;
    width: 170px;
    margin-bottom: 10px !important;
}

plnews img {
    background-size: 100%;
    width: 36px;
    position: relative;
    top: -5px;
}

h1_news {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    margin: -35px 0px 4px 48px !important;
    color: #5f6446;
    width: 240px;
    letter-spacing: 0.8px;
}

h2_news {
    margin: -20px 0px 4px 49px !important;
    font-size: 9px;
    color: #191b16;
}

.forumfaq:before, #face-main:before, job_block_main:before, lvs_bank:before {
    display: block;
    position: absolute;
    font-size: 30px;
    color: #cacfb4;
    text-shadow: 0 0 10px #c2c7acc9;
    height: 25px;
    top: -26px;
    overflow: hidden;
    filter: blur(0.6px);
    text-transform: uppercase;
}

.forumfaq, #face-main, job_block_main, lvs_bank_main, .shop-main, life_balance_main, .standart {
    background: linear-gradient(45deg, #838968, #d0d5bb);
    box-shadow: 0 0 10px #c2c7acc9;
    border-radius: 20px;
}

forumfaq, lvs_bank, .shop-main>div, life_balance, low_block, missing_block, standart {
    background: #fafafa;
    border-radius: 20px;
}

standart-title {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    top: 10px;
    color: #fff;
    text-shadow: 0 0 5px #fafafa2b;
}

.standart {
    width: 590px;
    height: auto;
    padding-bottom: 40px;
    display: block;
    position: relative;
    margin: 8px auto 15px auto !important;
}

standart {
    position: relative;
    top: 20px;
    font-size: 12px;
    width: 520px;
    display: block;
    margin: auto auto !important;
    padding: 15px;
    border-radius: 5px;
}

st_justify {
text-align: justify;
    display: block;
}

forumfaqs::-webkit-scrollbar, fcscrollr::webkit-scrollbar, fcscrollrn::webkit-scrollbar, fcscroll::webkit-scrollbar, job_block_right::-webkit-scrollbar, lvs_bank_scroll::-webkit-scrollbar, shm_block::-webkit-scrollbar, lb_scroll::-webkit-scrollbar, lb_tasks::-webkit-scrollbar, vc_scroll::-webkit-scrollbar  {
    width: 3px;
    border-radius: 10px;
}

forumfaqs::-webkit-scrollbar-thumb, fcscrollr::-webkit-scrollbar-thumb, fcscrollrn::-webkit-scrollbar-thumb, fcscroll::-webkit-scrollbar-thumb, job_block_right::-webkit-scrollbar-thumb, lvs_bank_scroll::-webkit-scrollbar-thumb, shm_block::-webkit-scrollbar-thumb, lvs_gifts::-webkit-scrollbar-thumb, lvs_awards::-webkit-scrollbar-thumb, lvs_icons::-webkit-scrollbar-thumb, shm_block::-webkit-scrollbar-thumb, lb_scroll::-webkit-scrollbar-thumb, lb_tasks::-webkit-scrollbar-thumb, vc_scroll::-webkit-scrollbar-thumb {
    background-color: #838968;
    border-radius: 10px;
}

forumfaqs::-webkit-scrollbar-track, fcscrollr::-webkit-scrollbar-track, fcscrollrn::-webkit-scrollbar-track, fcscroll::-webkit-scrollbar-track, job_block_right::-webkit-scrollbar-track, lvs_bank_scroll::-webkit-scrollbar-track, shm_block::-webkit-scrollbar-track, lvs_gifts::-webkit-scrollbar-track, lvs_awards::-webkit-scrollbar-track, lvs_icons::-webkit-scrollbar-track, shm_block::-webkit-scrollbar-track, lb_scroll::-webkit-scrollbar-track, lb_tasks::-webkit-scrollbar-track, vc_scroll::-webkit-scrollbar-track {
    background-color: transparent;
}