.punbb .user-avatar .avatar-image { opacity: 1!important;}




/* Описание категорий */

.intd {
    margin: 0px 0px 0px -50px!important;
}

div#textforum{
font-size: 13px;
    text-align: justify;
    padding: 10px;
    color: #2d2145;
    border: 2px solid #d4d0d0;
   }
div#transcriptforum{
	color: #2a1752;
	font-size:10px;
	padding: 2px;
	font-weight:600;
}
div#padforum{
	width:100%
}
div#pictban{
	margin-top: -10px;
}
div#pictban img{
	max-width:80px;
	max-height:27px
}
div#pictban a{
	filter:grayscale(90%);
	opacity:.6
}
div#pictban a:hover{
	opacity:1;
	transition:0.7s;
	filter:none
}
/* ссылки в категориях */

#linksforum a:link,#linksforum a{
	display:inline-block;
	font-size:12px;
	padding: 3px;
	text-decoration: none;
}
#linksforum a:hover{
	color:var(--bg3);
	background:#94274e;
	-moz-transition:all linear .9s;
	-ms-transition:all linear .9s;
	-o-transition:all linear .vs;
	letter-spacing: 1px;
transition: 0.9s;
}

div#linksforum {
    margin-left: 3px;
    text-align: center;
border-top: 1px solid #d4d0d0;
    color: #afaeae;
}


/* Цвет ссылки рекламы*/
	
li#navpr_1.pr-li span{
	color:var(--colbg);
}
li#navpr_1.pr-li span:hover{
	color:#002842
}

span.ad_d a{
	background: #786c8f;
	width: auto;
	margin-bottom: 3px;
	height: 10px!important;
	padding: 4px;
	color: #c3bfcc;
	display:inline-table;
}
span.ad_d:hover{
	transition:.5s;
}
.ad_d a{
	font-size:11px;
	font-weight:bolder;
	text-transform:lowercase;
}
.ad_d a:hover{
	color:#c9c7c4 !important;
		background: #321f48;
	transition:.5s
}



/* выделение текста на форуме*/
	
::selection{
	background:#405e67;
	color:#ffffff
}
::-moz-selection{
	background:#405e67;
	color:#ffffff
}

/* Баннеры внизу*/	

#banners{
    overflow: scroll;
    margin: 2px -5px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 890px;
    padding-top: 5px;
    text-align: center;
    position: relative;
    background: var(--bg2);
}
#banners a{
	filter:grayscale(100%);
	opacity:60%;
	-moz-transition:all linear .3s;
	-ms-transition:all linear .3s;
	-o-transition:all linear .3s;
	transition:all linear .3s
}
#banners a:hover{
	opacity:100%;
	filter:grayscale(0%)
}



#pun-messages #messages .pmtc22 {
    width: 40% !important;
}



#pun-messages #messages div.container {
    width: 680px;
    margin-left: -46px;
}

#pun-messages #messages #profilenav ul {    padding: 0px;!important;}


/* полоски*/

#pun-index .tcr a {
    padding-bottom: 5px;
    width: 100%;
    display: block;
}


/* Стрелки
-------------------------------------------------------------*/
.upme, .downme {
    cursor: pointer;
    display: none;
    margin-bottom: 190px;
    opacity: 1.0;
    position: fixed;
    z-index: 9999;
    text-align: center;
    transition: all 0.3s linear 0s;
}
.upme:hover, .downme:hover {opacity: 0.6;}
.upme img {width: 25px !important; height: 18px !important;}
.downme img {width: 25px !important; height: 18px !important;}
.upme {top: 270px; margin-left: 980px !important;}
.downme {top: 328px;margin-left: 970px !important;}
.downme:hover, .upme:hover {opacity: 0.6;}
@media screen and (max-width: 1180px) {.upme, .downme {display:none;}}

#pun-adnav {margin-left: -13.38em!important;}

.pl-reports {display:none!important;}



/* подфорумы на главной
-------------------------------------------------------------*/
#pun-index .main .tcr { vertical-align: top;
    letter-spacing: 1px;
    padding: 10px 10px 1px 20px!important;}

#pun-index .tcr a {    padding-bottom: 5px;    width: 100%;    display: block;    border-bottom: 1px solid;}

/* цифры посередине */
#pun-index .category .tc2, #pun-index .category .tc3 {display: none; text-align: center; width: 10%;}


#pun-index .tcr a {    padding-bottom: 5px;    width: 100%;    display: block;    border-bottom: 1px solid;}
#pun-index .tcr .lastpost {    display: block;    margin-top: -6px;}
#pun-index .tcr em.user-avatar a {    border-bottom: none !important;}

/* Рамки групп
-------------------------------------------------------------*/
 /*белый цвет*/
.post[data-group-id="12"] .pa-avatar img, #profile .group12 .pa-avatar img {
    border:  var(--br2)  var(--col0) !important;
box-shadow: var(--bs);
}
.usertable .group12 .user-avatar .avatar-image {    border:  var(--br1)  var(--col0) !important;
box-shadow: var(--bs);}

 /*черный цвет*/
.post[data-group-id="9"] .pa-avatar img, #profile .group9 .pa-avatar img {
border: var(--br2)  var(--col00) !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
}
.usertable .group9 .user-avatar .avatar-image {
border: var(--br1)  var(--col00) !important;
-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
}

 /*зеленый цвет*/
.post[data-group-id="6"] .pa-avatar img, #profile .group6 .pa-avatar img {
    border: var(--br2)  var(--col01) !important;

}
.usertable .group6 .user-avatar .avatar-image {
border: var(--br1)  var(--col01) !important;

}

/*красный цвет*/
.post[data-group-id="7"] .pa-avatar img, #profile .group7 .pa-avatar img {
border:  var(--br2)  var(--col02) !important; 

}
.usertable .group7 .user-avatar .avatar-image {
border:  var(--br1)  var(--col02) !important; 

}

/*фиолетовый цвет*/
.post[data-group-id="10"] .pa-avatar img, #profile .group10 .pa-avatar img{
border:var(--br2) var(--col04); 

}
.usertable .group10 .user-avatar .avatar-image {
border:var(--br2) var(--col04); 

}

 /*золотой цвет АДМИНЫ*/
.post[data-group-id="1"] .pa-avatar img,#profile .group1 .pa-avatar img {
    border:var(--br2) var(--col05);

}
.usertable .group1 .user-avatar .avatar-image { 
border:var(--br1) var(--col05);

}

/*золотой цвет*/
.post[data-group-id="5"] .pa-avatar img, #profile .group5 .pa-avatar img {
   border:var(--br2) var(--col05); 

}
.usertable .group5 .user-avatar .avatar-image {
   border:var(--br1) var(--col05); 

}

 /*желтый цвет*/
.post[data-group-id="8"] .pa-avatar img, #profile .group8 .pa-avatar img {
   border:var(--br2) var(--col03);
box-shadow: var(--bs);
}
.usertable .group8 .user-avatar .avatar-image{
   border:var(--br1) var(--col03);

}


/* Статистика
-------------------------------------------------------------*/
#pun-stats ul.container {display: flex;    flex-wrap: wrap;    justify-content: space-between;    margin-top: 10px;}
#pun-stats li.item1, #pun-stats li.item2 {width: 20%;}
#pun-stats li.item3, #pun-stats li.item4 {width: 29%;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {   display: inline-block;    text-align: center;      font-family: Arial;    text-transform: lowercase;  font-size: 9px;    letter-spacing: 1px;    padding: 4px 0;
  background: #d4d0d0;     border-radius: 2px;}




/* Замена слов
-------------------------------------------------------------*/
#pun-navlinks li#navadmin a span {display: none;}
#pun-navlinks li#navadmin a:before {content: 'Система';}

#pun-navlinks li#navuserlist a span {display: none;}
#pun-navlinks li#navuserlist a:before {content: 'Жители';}

#pun-stats .statscon li.item4 span {display: none;}
#pun-stats .statscon li.item4:before {content: 'вошел в систему: ';}

/*------------------------ Удалить ненужное -----------------------*/
div#topic-feed, .reactions-container, li.pl-reports {display: none!important;}



/* Анкета
-------------------------------------------------------------*/
.POK {/*Вся анкета*/
margin:auto; 
width:610px; /*ширина блока*/
height:auto; /*высота блока*/
padding-bottom:15px; 
line-height:normal; /*высота линии*/
font-family:Verdana; /*шрифт*/
box-shadow:0 0 3px rgba(0,0,0,0.4); /*тень*/
background:#b1b7c7; /*цвет фона*/
}
.topPOK {/*верхний блок с картинкой*/
width:610px; /*ширина блока*/
height:150px; /*высота блока*/
background:#d1d4de; /*цвет фона*/
overflow:hidden; 
}

.topPOK img {
    width: 610px !important;
}

.topPOK div {/*блок с информацией под картинкой*/
margin-top:-150px; 

height:130px; /*высота блока*/
padding:10px; 
overflow-y:auto; 
font-size:14px; /*размер шрифта*/
text-align:left;  /*текст по ширине*/
line-height:16px; 

color:black; /*цвет шрифта*/
}
.topPOK img {/*картинка*/
width:600px; /*ширина блока*/
height:150px; /*высота блока*/
transform:translateY(0px); -webkit-transform:translateY(0px); /*анимация*/
transition:transform 0.5s linear; -webkit-transition:transform 0.5s linear; /*анимация*/

}
.topPOK:hover img {/*картинка, анимация при наведении*/
transform:translateY(-150px); -webkit-transform:translateY(-150px);
}
#bandPOK {
margin-bottom:15px; 
margin-left:-15px;
width:610px; /*ширина блока*/
height:80px; /*высота блока*/
}
#bandPOK::before {
content:''; 
position:absolute; 
margin-top:-15px;
width:0; height:0; 
border-style:solid; 
border-width: 0 0 15px 15px; 
border-color:transparent;
border-bottom-color:#000000 !important;
}
.bandPOK {/*блок с именем и прототипом*/
width:625px; /*ширина блока*/
height:80px; /*высота блока*/
text-align:center; /*текст по центру*/
background:#021c2e; /*цвет фона*/
color:white; /*цвет текста*/
}
.npPOK {/*имя и фамилия*/
padding-top:17px; 
text-align:center; /*текст по центру*/
font-size:26px; /*размер текста*/
text-transform:uppercase; /*все буквы заглавные*/
color:#f0f0f0; /*цвет текста*/
}
.ftPOK {/*прототип*/
text-align:center; /*текст по центру*/
font-size:9px; /*размер текста*/
text-transform:uppercase; /*все буквы заглавные*/
color:white; /*цвет текста*/
}

.cdtPOK {
position:absolute; 
margin-top:-12px; 
margin-left:-45px; 
opacity:0; transition:all 0.45s ease-in-out; -webkit-transition:all 0.45s ease-in-out;
}
.cdtPOK:hover {
opacity:1;
}
.storyPOK {/*БИО*/
    margin-left: 15px!important;
    width: 570px;
    padding: 10px 0px 10px 10px!important;
    min-height: 225px;
    margin-right: 15px!important;
    text-align: left;
    font-size: 12px;
    line-height: 13px;
    background: rgba(250,250,250,0.3);
    color: black;
}
.cheatPOK { /*рамка вокруг характера и внешности*/
float:right; 
margin-top:-10px!important; 
margin-right:-10px!important; 
margin-left:10px!important; 
margin-bottom:5px!important; 
width:225px; /*ширина блока*/
height:300px; /*высота блока*/
background:#b1b7c7; /*цвет фона*/
}
.caraPOK {/*характер*/
position: absolute;
    margin-left: 391px!important;
    width: 200px;
    height: 125px;
    padding: 5px 10px;
    overflow: hidden;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    background: #021c2e;
    color: #f0f0f0;
}

.caraPOK div {/*10 прилагательных*/
display:block; 
margin:15px auto 0;
width:85px; /*ширина блока*/
height:14px; /*высота блока*/
padding:5px 10px; 
overflow: hidden;
text-align:left; /*текст по ширине*/
font-size:12px; /*размер текста*/
background:white; /*цвет фона*/
color:#f0f0f0; /*цвет текста*/
}
.caraPOK:hover {
overflow-y:auto;
}


.phyzPOK { /*внешность*/
position:absolute; 
margin-left:390px!important; 
margin-top:145px!important;
width:200px; /*ширина блока*/
height:125px; /*высота блока*/
padding:5px 10px; 
overflow:hidden;
text-align:left; 
font-size:12px; /*размер шрифта*/
line-height:14px; 
background:#021c2e; /*цвет фона*/
color:#f0f0f0; /*цвет текста*/
}
.phyzPOK:hover {
overflow-y:auto;
}
.UPOK {/*информация об игроке*/
display:block; 
margin:15px auto 0!important;
width:425px; /*ширина*/
min-height:50px; /*минимальная высота*/
padding:10px; 
text-align:left; /*текст по ширине*/
font-size:11px; /*размер текста*/
line-height:14px;
background:rgba(250,250,250,0.3); /*цвет фона*/
color:black; /*цвет текста*/
}
.UPOK img:nth-of-type(1) {
float:left; 
margin-right:10px; 
width:50px; /*ширина блока*/
height:50px; /*высота блока*/
}
.UPOK b {
text-transform:uppercase; /*все буквы заглавные*/
}
