#pun-index h3 {
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
border: 2px dotted #3c3c3c;
border-right: 2px dotted #3c3c3c;
width: 400px;
height: 26px;
 text-align: center;
border-radius: 9px;
  line-height: 1.5;
font-size: 16px;
margin-bottom: 6px;}
#pun-index .tc2 , #pun-index .tc3 {
display: none; }
#item1.pun-about p.container {
margin-left: 100px;
}
.nevoryi {
  background-color: #3c3c3c;
    color: #bcb4b2;
padding-bottom: 3px;
 text-align: center;
height: 150px;
width: 980px;
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}
#pun-index .tc2 , #pun-index .tc3 {
display: none; }
#item1.pun-about p.container {
margin-left: 100px;
}
 .punbb select {
  background-color: #3c3c3c;
    color: #bcb4b2;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}
.bobik {
  background-color: #3c3c3c;
    color: #bcb4b2;
padding-bottom: 3px;
 text-align: center;
font: 14px "GUERILLA";
height: 6px;
width: 250px;
opacity: 0.5;
    border-style: solid;
    border-width: 4px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}
.bobik:hover {
opacity: 1;
}
.pa-author:hover {
filter: brightness(1.8);
}
.pa-author {
    border-style: solid;
    border-width: 6px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;
  font: 20px;
  line-height: 1.5;
  padding: 2px 0 2px 0;
  text-align: center;
width: 228px !important;
height: 24px;
}
/* CS1.11 Настройки окон в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
  background-color: transparent;
    color: #bcb4b2;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}

#smilies-area, #video-area {
    width: 450px;
    height: 200px;
    overflow: auto;
}

/* CS4 Post status icons
-------------------------------------------------------------*/

#pun-main table Div.icon { margin-left: 20px;}
Div.icon {
background-image : url(https://i.ibb.co/JzTn4DZ/6.png);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(https://i.ibb.co/rxCQnFV/5.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(https://i.ibb.co/ZXXNkk0/4.png);
background-repeat: no-repeat;
}

TR.iclosed Div.icon {
background-image : url(https://i.ibb.co/KL5zmxF/7.png);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(https://i.ibb.co/ZXXNkk0/4.png);
background-repeat: no-repeat;
}

html, a, a:hover {
cursor: url(https://i.ibb.co/x7b5HmN/1.png), default;
}
#pun-title table {
background-image : url("https://i.ibb.co/W04vQ4N/43.jpg");
    background-repeat: no-repeat;
    border: none;
    height: 360px;
    width: 1009px;
 background-position: top center;}

body { background-image: url("https://i.ibb.co/X55t5Hq/13.jpg"); 
background-repeat: repeat;
background-position : top center;}



#pun-about p.container {
    background: transparent url(https://i.ibb.co/HtL0zQv/44.jpg) bottom center no-repeat;
    width: 1009px;
    margin-bottom: -80px;
    margin-left: -35px;
    height: 214px;
    background-position: 0 50%;
}

#pun-ulinks a {
display: none;}

.partner {    position: absolute;
    margin-top: -87px!important;
    width: 965px;
    height: 32px;
    letter-spacing: 2px;
    filter: grayscale(70%);
    opacity: 0.5;
    overflow: auto;
    margin-left: -18px!important;
}
.partner:hover {
    opacity: 1!important;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
    transition: .5s all;
}

.partner::-webkit-scrollbar {width: 2px; background: #808080; border: none!important}



#pun-main .formsubmit input {
  background-color: transparent;
    color: #bcb4b2;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}
border-radius: 10px;
padding: 2px;
font: normal 90% GUERRILLA;
}

 .punbb select {
  background-color: transparent;
    color: #bcb4b2;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
      -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}

.punbb textarea {
  background-color: transparent;
    color: #bcb4b2;
    border-style: solid;
    border-width: 10px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}

#pun-main .post h3 strong {
font: normal 165% GUERRILLA
}
#pun-main .quote-box, #pun-main .code-box 
{font: normal 95% LOL
}

#pun-main {
font: normal 110% LOL;
color: #717076;
}
#pun-announcement {
font: normal 0% LOL;
}
.category h2 span {
font: normal 120% GUERILLA;
}

#pun-status .container {
font: normal 0% Jura
}


.post-author a {
color: #717076;
font: normal 110% GUERRILLA
}

#pun-title .title-logo {display: none;}
 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}


.post-links a {
font: normal 105% GUERRILLA
}
.pa-respect a {
font: normal 80% GUERRILLA
}
.pa-title {
font: normal 92% GUERRILLA
}
#pun-ulinks .container {
font: normal 80% GUERRILLA
}
#pun-crumbs1 .container {
font: normal 115% GUERRILLA
color: #717076;
}
p.container.crumbs {
font: normal 0% GUERRILLA
}
#pun-stats .container {
font: normal 110% GUERRILLA
}
#pun-stats {
font: normal 80% GUERRILLA
color: #717076;
}
#pun-main .postlink {
font: normal 110% GUERRILLA
}
#pun-main .post-author ul {
font: normal 105% GUERRILLA
}



 .punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #bcb4b2;}



.offline li.pa-online strong {
color: #bcb4b2;
font-weight: normal}

.punbb input {
background-color: #000;
border: none;
color: #97969e;}

li#navawards {display: none;}
#pun-reputation div, #pun-popup_awards div {background-color: #e1e9eb;}
BODY {overflow-x: hidden}
/* CS2 Border colours
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}
.punbb .section, .punbb .forum, .punbb .formal, .punbb
.modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}

.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: #bcb4b2;
text-decoration: none;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #bcb4b2;}
.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: #bcb4b2;
text-decoration: none;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color:transparent;}
.punbb th {
border-color: transparent;}
.punbb .quote-box, .punbb .code-box {
border-color: #bcb4b2;}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}
.punbb .divider {
border-color: transparent;}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #bcb4b2;}
li.pa-online {
border-left-color: transparent;}
.punbb .post-sig dt {
border-top-color: transparent !important;}


/* CS4 Something parts
-------------------------------------------------------------*/

.punbb th {
    background-color: #bcb4b2;
font: normal 0% GUERILLA;
    opacity: 0;
    padding: 3px;
    text-align: center !important;
  }
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
/* CS7 Post status icons and other options
------------------------------------------------------------*/
/* CS4 Картинки категорий */
#pun-category1.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category2.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category3.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category4.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category5.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category6.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category7.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-stats h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
#pun-category8.category h2 {
    height: 10px;
    width: 900px;
background-image: url("https://i.ibb.co/X55t5Hq/13.jpg");
line-height: -0.5;
border: 2px dotted #3c3c3c;
    font-size: 12px;
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 30px;
    color: #bcb4b2;
    padding-left: 16px;
}
/* CS8 Other
-------------------------------------------------------------*/
/* heart */
div.post-rating a {
width: 32px;
height: 42px;
position: relative;
text-align: center;
background: url("111") no-repeat;
padding: 4px 0 0;
display: block;
}
.post-rating .container a{
color: #bcb4b2;}

/* сокрытие зарегин */
#pun-stats li.item3{ 
display:none;
}

.p.pa-author a:hover{
color: #E9DFE0 !important;
}
.post-box {
font-family: trebuchet ms !important;
font-size: 14px;
}



/*прокрутка*/
::-webkit-scrollbar-thumb:vertical {
    height: 10px;
  background-color: rgba(900, 900, 900, 0.1); margin-top: 8px;
border: 1px solid #000;
border-radius: 10px;
    }
::-webkit-scrollbar-thumb:horizontal {
  background-color: rgba(900, 900, 900, 0.1);
border: 1px solid #000;
border-radius: 10px;
    }

::-webkit-scrollbar {
    width: 8px;
    height: 7px;

    }

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {       
  background-color: transparent;
    color: #bcb4b2;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
     -moz-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -webkit-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    -o-border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 repeat;
    border-image: url(https://i.ibb.co/Kr4KrFh/36.jpg) 20 fill repeat;}

.post .post-author.online >ul:after {
  content:url(https://i.ibb.co/2PVpr62/27.png);
}
.post:not([data-group-id="3"]) .post-author:not(.online) >ul:after {
  content:url(https://i.ibb.co/SKtcTzK/26.png);
}
.post .post-author>ul:after {
  margin-left:0px; /*подвижка слева*/
  margin-top:3px; /*подвижка сверху*/
  display:block;
}



/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(https://i.ibb.co/kHQJcMY/35.jpg) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;

}
.punbb .post .post-author > ul {
  background:url(https://i.ibb.co/Hd5w8Kf/33.jpg) 0 top no-repeat, url(https://i.ibb.co/162gt21/34.jpg) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:0 0 -2px 0!important;
  padding:0px 0px 10px 1px!important;
}


.pa-posts, .pa-positive {
text-align: center;
margin: 3px 0!important;
margin-left: 1px;
display: inline-block;
padding: 2px 2px!important;
width: 100px;
background: transparent; 
}


.post-author {
   box-shadow: 1px 1px 2px black;
width: 238px !important;
text-align: center;
color: #bcb4b2;
margin-left: -17px !important;
}




#admin{position:relative;
  display:inline-block;margin: 1px;}
#parent{
  width:80px;
  height:80px;
  background:transparent;
  position:relative;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  z-index:5;
}
#parent+.admin{
  position:relative;
  z-index:3;
  top:-80px;
}
#parent #child{
  width:80px;
  height:80px;
  background:rgba(255,255,255,0.7);
  transform:scale(0.2);z-index:5;
  -webkit-transform:scale(0.2);
  opacity:0;
  transition:ease 0.5s;
}
#parent:hover #child{
  transform:scale(1);
  -webkit-transform:scale(1);
  opacity:1;
}
#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #97969e;
text-align: center;}
#parent:hover per{
  left:0px;
  transition-delay:0.3s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  opacity:1;
}
#child{text-align:center}
.name{
  font:20px roboto condensed;
  display:block;
  color:#2d527f;
}
.subtitle{
  font:10px roboto condensed;
  opacity:1;
  text-transform:uppercase;
}