:root {
    --main-background: #dee1da;
    --dark-background: #d2d5cd;
    --darkest-background: #a1978f;
    --border: #939393;
}



/* CS1 Background and text colors
-------------------------------------------------------------
*/

#pun-title table {
    background-image: url(https://i.imgur.com/mGvRfUV.png);
    background-position: top center;
    background-repeat: no-repeat;}


html, body {
    background: url(https://i.imgur.com/RFpOQCR.png) 0 0 repeat-y, #8d8f8b;
    background-position: top center;
    background-attachment: fixed;
background-size: cover;
}



#pun-about p.container {
background-image: url(https://i.imgur.com/J1Xzr2t.png);
    margin: 0px 0px -13px 0em;
    height: 93px;
}


#pun { 
width: 940px;
    background-color: #dee1da;
    background-position: center;
    background-attachment: scroll;
    border-width: 6px;
    border-style: solid;
    border-color: #9b9d99;
    outline: #adb4aa 1px solid;
    margin-top: 76px !important;
    margin-bottom: 50px !important;
}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #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 {background-color: transparent;
color: #000000;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; margin-left: 230px; top: 400px;
}

/* Цитата */

.punbb .quote-box, .punbb .code-box {

}

/* фон добавления наград в админке*/
#pun-admain .adcontainer {
  background-color: var(--dark-background)!important;
  }


/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }




.offline li.pa-online strong {
color: #182528;
font-weight: normal}

.punbb textarea, .punbb select, .punbb input {    
background: #d7d9d4;
    border: 1px solid #d7d9d4;
    outline: 1px solid #c1c5be;
    padding-bottom: 2px;
    color: #3c3c3c;
    margin: 5px 0px;
}

/* 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;}

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}

#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}

.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;}

#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; margin-top: -24px;}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #1d1210;}

li.pa-online {
border-left-color: transparent;}


/* CS3 Links
-------------------------------------------------------------*/
.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: #477157;
border-bottom: 0px none #000;
text-decoration: none;}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #6b9260;}

.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: #6b9260;
border-bottom: 0px none #000;
text-decoration: none;}





/* CS4 Stuff
-------------------------------------------------------------*/
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}



/* CS5 Post status icons
-------------------------------------------------------------*/

#pun-category1.category h2,
#pun-category2.category h2, 
#pun-category3.category h2, 
#pun-category4.category h2, 
#pun-category5.category h2, 
#pun-category6.category h2, 
#pun-category7.category h2 {
height: 132px;
    width: 940px;
    box-sizing: border-box;
    margin-bottom: 8px;
    font-size: 8px;
    text-align: right;
    color: transparent;
    padding: 0px 0px 0px 0px;
    background-position: bottom right;
    text-transform: capitalize;
    margin: -6px 0px -10px 0px;
}

#pun-category1.category h2 {
background: url('https://i.imgur.com/7CvKDLF.png') right no-repeat;
}
#pun-category2.category h2 {
background: url('https://i.imgur.com/remM1oF.png') right no-repeat;
}
#pun-category3.category h2 {
background: url('https://i.imgur.com/K1t0DcY.png') right no-repeat;
}
#pun-category4.category h2 {
background: url('https://i.imgur.com/mfpINCT.png') right no-repeat;
}
#pun-category5.category h2 {
background: url('https://i.imgur.com/tDgwf6F.png') right no-repeat;
}
#pun-category6.category h2 {
background: url('https://i.imgur.com/cFwQv2m.png') right no-repeat;
}
#pun-category7.category h2 {
background: url('https://i.imgur.com/8NIaBN6.png') right no-repeat;
}

#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent; background-repeat: no-repeat;
color: #182528;
font-weight: normal;
font-style: normal; text-align: justify;}


#pun-stats h2 {
position: relative;
    box-sizing: border-box;
    text-align: right !important;
    color: transparent !important;
    background-image: url(https://i.imgur.com/JKtCwRT.png) !important;
    font-size: 2px !important;
    height: 97px;
margin-top: -16px;
}

#pun th
{
color: #a7a49f;}


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

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

#pun-announcement.section h2 span {display: none; }

#pun-main div.catleft, #pun-main div.catright {display: none;}

#pun-title h1 span  {display: none;}


#navpm .num_msg {
  margin-left: 0px !important;
  }


/* иконки*/
Div.icon {
background-repeat: no-repeat;
}

#pun-searchtopics Div.icon, #pun-messages Div.icon, #pun-viewforum Div.icon {
background-color: #b9b9b9;
    height: 16px;
    width: 7px !important;
    margin-top: 0px;
    margin-right: 9px;
}

TR.inew Div.icon {
    position: relative;
    width: 8px;
    height: 100%;
    background-color: #ceab65;
    background-repeat: no-repeat;
    float: left;
}


/* TR.inew Div.icon::before {
    content: "";
    position: absolute;
    left: -10px;
    width: 8px;
    height: 100%;
    background-color: #a2a5aa;

}*/


#pun-searchtopics TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
background-color: #ceab65;
    height: 16px;
    width: 7px !important;
    margin-top: 0px;
float: left;
}

/*before с главной страницы подфорума нет в форумах*/

#pun-searchtopics TR.inew Div.icon::before, #pun-messages TR.inew Div.icon::before, #pun-viewforum TR.inew Div.icon::before {display: none;
}


#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon {
background-color: #ab5856;
    width: 7px !important;
    height: 16px;
    margin-top: 0px;
}

#pun-searchtopics TR.iclosed Div.icon , #pun-messages TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon {
background-color: #3c3c3c;
    width: 7px !important;
    height: 16px;
    margin-top: 0px;
}

a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: #101d15;
color: #525252;
text-transform: normal; 
text-align: center;
display:block;
width:200px;
border-bottom: 2px solid  #101d15;
letter-spacing: 2px;
font-family: times new roman;
font-size: 10px;
}
a.menu:hover {
background-color:#525252;
color:  #101d15;
border-bottom :2px solid  #101d15;}




.lastedit {display:none;}
#pun-about .container .item1 {
margin-top: -55px;
    margin-right: 10px;}
/*#pun-about .container .item1 a {display: none;}*/
#pun-navlinks #navawards{display:none;}


/*оформление ссылки навигации*/

#pun-navlinks a {
font-family: DatingHistoria-Bold;
    color: #595f5b;
    text-decoration: none;
    transition-duration: 0.1s;
    font-size: 18px;
    letter-spacing: 1.5px;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-style: normal;
    color: #5a9371;
    transition-duration: 0.1s;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #785008; }

/*для быстрой смены ников*/

#pun-navlinks #form-login .Rega::before {
position: static;
}


div#pun-ulinks {
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    text-transform: lowercase;
    padding: 2px 0px 4px 0px;
}



#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #785008; }


/* Фон для окна репутации и выпадающих окошек в форме ответа */

.fs-box .container {
	background: var(--main-background)!important;
}

.inner.post_reputation,
.inner.post_report {
	background: var(--dark-background)!important;
}

.inner.post_reputation textarea,
.inner.post_report textarea {
	background: var(--main-background)!important;}

/* Блок с баннерами в описании форума рекламы */
#catalog-banners {
background: rgba(127, 160, 152, 0.28);
padding: 4px;
text-align: center;
width: 280px;
border-radius: 4px;
border: 1px rgba(88, 115, 119, 0.75) solid;
margin: auto;
}

/* Маленький фикс для баннеров ТОПов */
a[href="http://top.roleplay.ru/23473"], a[href="http://forum-top.ru/vote/4216"] {
display: inline-block;
}


/* Спойлер работает везде */
.spoiler-box>blockquote{
display: none;
}
.spoiler-box>blockquote.visible{
display: block;
}

/* оформа спойлера в цитате */
.punbb .quote-box.spoiler-box {
border: 0px solid #fefaf7;
    padding: 5px 15px 5px;
}

/*стиль подфорума*/

.tclcon {
    position: relative;
    padding-left: 15px;
}


.tclcon::before {
content: "";
    position: absolute;
    left: 14px;
    top: 12px;
    width: 19px;
    height: 21px;
    background-image: url(https://i.imgur.com/mZ8LOTM.png);
}

/*красим если новые сообщения*/
.inew + .tclcon::before {
    background-image: url(https://i.imgur.com/55apTAD.png);
}

/*рамки с главной страницы подфорума нет в форумах*/

#pun-searchtopics .tclcon:before, #pun-messages .tclcon:before, #pun-viewforum .tclcon:before, #pun-searchtopics .tclcon:after, #pun-messages .tclcon:after, #pun-viewforum .tclcon:after {
display: none;
}

.sub-forum {
padding: 6px 0px 2px 0px;
    font-size: 10px;
    line-height: 13px;
    color: #3e3e40;
    text-align: justify;
    margin-left: 0px !important;
    margin-top: 0px !important;
}


.punbb .sub-forum a {
    font-size: 9px;
    color: #4f544f;
    letter-spacing: 2.4px;
    background: #c7cbc4;
    padding: 3px 6px 3px 8px;
    margin: 0px 10px 0px 0px;
    line-height: 36px;
    border: 2px solid #dee1da;
    outline: 1px solid #c7cbc4;
}

.punbb .sub-forum a:hover {
color: #6b9260;
}


.pa-fld1 {
    text-align: justify;
    margin-bottom: 4px!important;
}



.punbb .post-author .pa-fld1 a {
color: #53836f;
}
.punbb .post-author .pa-fld1 a:hover{ 
color: #678c3f;
}



.lz {
padding: 4px 5px 1px 5px;
    font-size: 11px;
    text-align: center;
    color: #5c645c;
    line-height: 14px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: #bfc5bf;
    font-family: 'Roboto';
}




.lz1 {
font-family: Roboto;
    font-size: 11px;
    color: #4c4c4c !important;
    text-align: justify;
    letter-spacing: 0px;
    line-height: 14px;
    padding: 4px 5px 6px 5px;
    margin: 4px 6px 3px 6px !important;
background: #cccfc9;
}

/*фон в профиле для лз*/
#viewprofile .lz {
   font-weight: bold;
}

#viewprofile .lz1 {
    background-color: var(--dark-background);;
    color: #32343f!important;
}

/*ссылки на странице лз профиля*/
#viewprofile .lz1 a {color: #304a6a!important;}
#viewprofile .lz1 a:hover {color: #4f5d70!important;}
#viewprofile .lz1 a:visited {color: #4f5d70;}


.pa-posts, .pa-respect, .pa-fld2, .pa-fld4, .pa-fld5 {
height: 13px;
    background-color: #bfc5bf;
    color: #474747;
    text-transform: uppercase;
    line-height: 14px;
    font-family: verdana;
    font-size: 8.2px !important;
}


.pa-posts, .pa-respect {
    display: inline-block;
    width: 100px;
    margin-top: 2px !important;
    margin-bottom: 1px !important;
}

.pa-fld2, .pa-fld4, .pa-fld5 {
    display: block;
    width: 100px;
    margin-top: 2px !important;
    margin-left: 10px!important;
}

.pa-fld2 {
    margin-top: 1px !important;
}

/*цвет ссылок в мини-профиле*/
.pa-respect a:link, .pa-fld2 a:link, .pa-fld5 a:link {color: #363636;}
.pa-respect a:hover, .pa-fld2 a:hover, .pa-fld5 a:hover {color: #363636;}
.pa-respect a:visited, .pa-fld2 a:visited, .pa-fld5 a:visited {color: #363636;}

.pa-ip a:link {color: #497159; font-size: 10px;}
.pa-ip a:hover {color: #608555;}
.pa-ip a:visited {color: #8b6f3e;}



.pa-fld3 {
    position: absolute;
    width: 88px;
    height: 37px;
    margin-top: -42px !important;
    margin-left: 114px!important;

}


.pa-fld3:before  {
    content: url('https://i.imgur.com/6kS3wJn.png');
}

.pa-ip {
    padding-top: 10px !important;
    font-size: 10px;
    text-transform: lowercase;
}



/*наполнение батарейки*/
.pa-fld3 .charge {
    width: 88px;
    height: 37px;
    background: #a9b1ae;
border-radius: 1px 1px 1px 1px!important;
margin-top: -43px !important;
margin-left: 3px !important;
}




/*для топов контейнер */
.top {
    margin-top: -148px !important;
    margin-left: 127px !important;
    width: 88px;
}


/*для топов оформление (затемнение кнопок) */
.top img {
    opacity: 0.6;
    transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}

.top img:hover {
filter: alpha(Opacity=100); opacity: 1;
transition-duration:0.96s;
-webkit-transition-duration:0.96s;
-moz-transition-duration:0.96s;
-o-transition-duration:0.96s;
-ms-transition-duration:0.96s;
}


/*прокрутка */

::-webkit-scrollbar { 
width: 7px; 
height: 7px;
}
::-webkit-scrollbar-thumb {
background-color: #73817b;
}
::-webkit-scrollbar-track {
background-color: #74817b;
    border: 3px solid #b0bbb6;
}

html, body, .code-box .scrollbox, textarea, #font-area, .thems-info, #pun .thems-name .scrollbox, div {
scrollbar-width: thin;
scrollbar-color: rgb(236, 236, 238) rgb(24, 25, 30);
}


/* цвета формы ответа */
#main-reply {
    background-color: #d4d7d0;
    border: solid 3px #bfc5bf;
    outline: 1px solid #dee1da;
    /* box-shadow: 0 0 0 1px #ababab inset; */
    padding: 9px;
    margin-left: -25px;
    margin-top: 12px;
  }


/* Выделение ссылок в постах */
.punbb .post-body a:link {color: #497159;}
.punbb .post-body a:hover {color: #6b9260;}
.punbb .post-body a:visited {color: #477157;}


/*зачеркнутый текст*/
del {    text-decoration: none !important;
    text-shadow: #000000 0 0 7px !important;
    color: hsla(0,0%,0%,0) !important; 
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;}

del:hover{    text-decoration: none !important;
    text-shadow:0px 0px hsla(0,0%,0%,0) !important; color: #000000 !important;
    cursor: pointer;}




/*рамка вокруг аватара*/
li.pa-avatar.item2 img  {

}



/* мини-аватар на главной странице */

.punbb .user-avatar {
    margin: -2px 17px 2px 0px !important;}

.punbb .user-avatar .avatar-image {
height: 40px !important;
    width: 40px !important;
    border: 2px solid #e7e2df;
    outline: 1px solid #7d7d7d;
    opacity: 0.65 !important;
}

.punbb .user-avatar .isonline {
    right: -12px!important; background: #c1a376!important;}

/*цвет навигации - активные темы и т.д.*/
.navig {
  width:215px;
  height:120px;
  text-align: center;
  }
.navig a {
  display: block;
  margin: 0px 4px 2px;
  border: 1px solid transparent;
  width: 205px;
  background-color: transparent;
  color:#ffffff !important;
  text-decoration:none;
  }
.navig a:hover {
  border: 1px solid #ffe057;
  background-color:#ffe057;
  color:#052427 !important;
  cursor:pointer;
  }
    
    
/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: solid 1px #a7a7a6 !important;
background: #dee1da !important; /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;

}

#smilies-area {
   width: 520px!important;
}


/*навигация*/

.punbb .nav-main {
    position: absolute;
    display: flex;
    width: 940px;
    top: 4px;
    left: 0px;
    flex-direction: row;
    align-items: flex-start;
    line-height: 9px;
    letter-spacing: 1px;
    justify-content: space-evenly;
}
.punbb .nav-main span {
    margin-top: 3px;
    color: #e4dfdc;
}


.punbb .nav-main a {
    text-align: center;
    transition: all 0.3s linear 0s;
    display: block;
    padding: 3px;
    text-transform: lowercase;
    color: #d6d5d4;
    font-family: verdana;
    font-size: 11px;
}

.punbb .nav-main a:hover {
color: #92ad8a;
}


/*стилизация маски*/

#mask_dialog .inner {
        background: var(--dark-background);
    }

.hv-preview-block .hv-preview-pafld1 .lz1,
.hv-preview-block .hv-preview-pafld1 .lz {
color: #000000!important;
}

.hv-preview-block .hv-preview-pafld1 .lz {
width: 100%;
}

    .pa-avatar img {
max-width: 180px;
    max-height: 180px;
    border: solid 4px #0000 !important;
    outline: 1px solid #73716f;
    }

/*фон переноса сообщений*/

.move_posts_form .modal-inner>.container {
  background: var(--dark-background);
}

.pun-modal .modal-inner {
background-color: var(--dark-background);
}

/* оформление списка ролей */

#role-list {
background: transparent;
}

#role-list .role-fandom {
border-left: 7px solid #b0bbb6;
margin-top: 10px;
}

#role-list table {
width: 100%;
}

#role-list tr {
vertical-align: top;
}

#role-list td {
width: 50%;
}

#role-list h1 {
text-align: center;
font-size: 22px;
font-weight: bold;
}

#role-list .role-fandom h2 {
    position: relative;
    left: auto;
    width: auto;
    height: auto;
    line-height: 14px;
    font-size: 13px;
    padding-left: 8px;
    font-weight: bold;
}

#role-list .role-fandom span {
font-size: 12px;
font-style: italic;
font-weight: normal;
}

#role-list .role-fandom p {
background-color: var(--dark-background);
padding: 3px 3px 3px 3px;
margin-left: 3px;
    margin-right: 50px;
line-height: 1em;
}

#role-list .role-fandom p a:link {color: #4f5d55;}
#role-list .role-fandom p a:visited {color: #4f5d55;}
#role-list .role-fandom p a:hover {color: #755b30;}





.activ1, .activ2,  
.activ3, .activ4, 
.post1, .post2,
.post3, .post4 {
position: absolute;
    width: 35px;
    height: 35px;
    border: transparent 2px solid;
    outline: 1px solid #a09e7e;
    transition-duration: 0.6s;
    filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
-webkit-filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
-moz-filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
} 

.activ1:hover, .activ2:hover,  
.activ3:hover, .activ4:hover, 
.post1:hover, .post2:hover,
.post3:hover, .post4:hover {
    transition-duration: 0.6s;
} 

.activ1, .activ2,  
.activ3, .activ4 {
top: 63px;
    left: 432px;
}

.post1, .post2,
.post3, .post4 {
top: 178px;
    left: 363px;
} 


.activ2 {
    left: 486px;
}

.activ3 {
    left: 540px;
}

.activ4 {
    left: 594px;
}


.post2 {
    left: 417px;
}

.post3 {
    left: 471px;
}

.post4 {
    left: 524px;
}

.bestpost,
.bestepisode {
    position: absolute;
}



.bestpost {
    box-sizing: border-box;
    width: 593px;
    height: 40px;
    top: 261px;
    right: 6px;
    padding: 0px 6px 0px 0px;
    color: #393b38;
    font-family: Roboto;
    font-size: 11px;
    overflow-y: scroll;
    text-align: justify;
    letter-spacing: 0.2px;
}


.punbb .bestpost span, 
.punbb .bestpost a {
color: #797a28;
}

.punbb .bestpost a {
    color: #b59268f;
}

.punbb .bestpost a:hover {
    color: #fefd8f;
}

.punbb .bestpost span {
    font-family: Manrope;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

.bestepisode {
    display: flex;
    justify-content: left;
    align-items: end;
    width: 155px;
    top: 153px;
    left: 630px;
    font-size: 12px;
    color: #7c817e;
    line-height: 19px;
    letter-spacing: 1px;
    width: 223px;
    background: #aeb9b4;
    padding: 2px 0px 1px 6px;
}


.punbb .bestepisode a {
    color: #6e7370;
    transition-duration: 0.1s;
    z-index: 1;
    font-family: 'DatingHistoria-Blackitalic';
    text-transform: lowercase;
}

.punbb .bestepisode a:hover {
    color: #fefd8f;
}

.needs {
    display: flex;
    position: absolute;
    right: 650px;
    top: -51px;
    width: 302px;
    flex-direction: initial;
    filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
    -webkit-filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
    -moz-filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
    justify-content: space-around;
}

.needs1, .needs2, .needs3, .needs4,
.needs5, .needs6 {
width: 35px;
    height: 35px;
    transition-duration: 0.2s;
    outline: 1px solid #ffffff;
    border: #8d908c 2px solid;
}


.needs1:hover, .needs2:hover, .needs3:hover, .needs4:hover,
.needs5:hover, .needs6:hover {
    transition-duration: 0.4s;
}


/*шрифты*/
@font-face {
font-family: 'TangerineBold';
src: url('http://forumstatic.ru/files/001a/0d/3f/31673.eot'),
url('http://forumstatic.ru/files/001a/0d/3f/56295.woff') format('woff'),
url('http://forumstatic.ru/files/001a/0d/3f/97157.ttf') format('truetype'),
url('http://forumstatic.ru/files/001a/0d/3f/15081.svg#svgTangerineBold') format('svg');
}



/*оформление выделенного текста*/
::selection {color: #efefef;
    background: #5f5f5f; /* Safari, Chrome, Opera */}
::-moz-selection {olor: #efefef;
    background: #5f5f5f; /* FireFox */}



/*иконки развернуть и свернуть*/
.post-content .spoiler-box > div {
    background: url(https://i.imgur.com/mmJHeKZ.png) no-repeat left center !important;
}

.post-content .spoiler-box > div.visible {
    background-image: url(https://i.imgur.com/rQC1Yqj.png) !important;
}


/*цвет флажков уведомления*/
span.num_msg {
    background: #db5f5e !important;
}
span.num_msg:before {
    background: #db5f5e !important;
}


.bubble {
    background: #db5f5e !important;}

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




@media screen and (max-device-width:800px) {

/*отключить увеличение шрифта в мобилках*/
body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
}


}



@media screen and (max-device-width: 900px) {
  .punbb .post-content {
    font-size: 16px!important;
  }

#main-reply, .punbb .post-content {
    font-size: 16px;
}



}

@media screen and (max-device-width: 700px) {
  .punbb .post-content {
    font-size: 2.1em!important;
  }
.punbb .post-content table p {
      line-height: 100%;
}

.punbb .post-content p span {
      line-height: 100%;
}
}
.post-content hr {
    border-color: #d2d1cc !important;}




.blockButton:before {
    margin-left: -236px!important;
    width: 13px!important;
    background: transparent !important;
    color: #b6b9b3!important;
    font-size: 11px!important;
    padding-left: 2px!important;
    height: 18px!important;
    margin-top: -7px!important;
    font-weight: bold;
}

.post h3 img {
    margin: -2px 7px!important;
    opacity: 50%!important;
}


#panel-sticker {
background: #60654e !important;
    padding: 3px 11px 3px 10px!important;
    border-radius: 0px !important;
    color: #ddd4b5 !important;
    font-family: 'Beau' !important;
    font-style: italic;
    font-weight: normal !important;
}

#panel-content {
    background: #b1b7a9!important;
    border: none !important;
    border-radius: 0px !important;
    color: #2c2c2c !important;}

#BookmCntToggle.default-style {
    background: #ffffff !important;
    color: #c8ab66 !important;}


.topic a.sharelink {
    display: none;}


 .punbb .category
{    /* border: solid 1px #c7c5c3 !important; */
    /* margin: 0px 10px 44px 10px; */
    padding: 0px 0px 0px 0px;}


#pun-main .topic h3 a {
    padding-right: 10px;
    padding-left: 10px;
}

#pun-main .topic h3 a, #pun-viewtopic div.post h3 strong {
background: #dee1da;
    line-height: 31px;
    font-style: italic;
    font-size: 14px;
    padding-right: 8px;
    padding-left: 8px;
    font-family: 'Beau';
    color: #878d8b !important;
text-transform: lowercase;
}

.punbb .post h3 span a {
    color: #262626 !important;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'Beau';
}

#pun-main .topic h3 span {
    display: block;
    height: 10px;
    margin: 0px 0px 18px 0px;
    border-bottom: 1px solid #b1bdb8;}

.news {
filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
-webkit-filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
-moz-filter: grayscale(100%) sepia(77%) brightness(79%) hue-rotate(40deg) saturate(80%) contrast(73%);
}