:root {
    --main-background: #deddd8;
    --dark-background: #d2d1cc;
    --darkest-background: #a1978f;
    --border: #957248;
}



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

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


html, body {
   background-color: #222222;
   background: url(https://i.imgur.com/zAS8qCC.png) 0 0 repeat-x,
url(http://forumstatic.ru/files/0019/cf/d6/41985.jpg);
}



#pun-about p.container {
background-image: url('http://forumstatic.ru/files/0019/cf/d6/27475.jpg');
    background-repeat: no-repeat;
    border: none;
    margin-bottom: -88px;
    margin-left: -25px;
    width: 1000px;
    height: 150px;
}


#pun { 
width: 1000px;
background-image : url("http://forumstatic.ru/files/0019/cf/d6/24789.jpg"); 
paddind-top: 10px;
background-color : var(--main-background);
background-position : center; 
background-attachment: scroll; 
}

.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: #d2d1cc;
    border: 1px solid #efeee7;
    outline: 2px solid #ac8d6b;
    padding-bottom: 2px;    
    color: #564e45; 
    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;}

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

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

.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: #bf8c53;
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 {
width: 900px;
    height: 22px;
    box-sizing: border-box;
    background-color: #c59c6e;
    margin-bottom: 8px;
    margin-left: 24px;
    font-size: 12px;
    text-align: center;
    color: #deddd8;
    text-transform: uppercase;
    border: 1px solid #deddd8;
    outline: 2px solid #c59c6e;
    padding: 3px 0px 0px 0px;
font-family: Bodoni-cyrillic;
letter-spacing: 5px;
}

/* #pun-category1.category h2 {
    background: url('***') right no-repeat;
} */
/* #pun-category2.category h2 {
    background: url('***') right no-repeat;
} */
/* #pun-category3.category h2 {
    background: url('***') right no-repeat;
} */
/* #pun-category4.category h2 {
    background: url('***') right no-repeat;
} */
/* #pun-category5.category h2 {
    background: url('***') right no-repeat;
} */
/* #pun-category6.category h2 {
    background: url('***') right no-repeat;
} */
/* #pun-category7.category h2 {
    background: url('***') 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;}


#pun-stats h2 {
    position: relative;
    box-sizing: border-box;
width: 900px;
    height: 22px;
    box-sizing: border-box;
    background-color: #c59c6e;
    margin-bottom: 8px;
    margin-left: 24px;
    font-size: 12px;
    text-align: center;
    color: #deddd8;
    text-transform: uppercase;
    border: 1px solid #deddd8 !important;
    outline: 2px solid #c59c6e;
    padding: 3px 0px 0px 0px !important;
font-family: Bodoni-cyrillic;
letter-spacing: 5px;
}

#pun th
{
border-bottom: solid #c1b2a0 1px;
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: transparent;
background: url('https://i.imgur.com/ISsovhb.png') right no-repeat;
    height: 24px;
    width: 21px !important;
    margin-top: -5px;
    margin-right: 10px;
}

TR.inew Div.icon {
    position: relative;
    width: 8px;
    height: 100%;
    background-color: #a2a5aa;
    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: transparent;
background: url('https://i.imgur.com/WFdcaTc.png') right no-repeat;
    height: 24px;
    width: 21px !important;
    margin-top: -5px;
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: transparent;
background: url('https://i.imgur.com/1hYBpAa.png') right no-repeat;
background-repeat: no-repeat;
    height: 24px;
    width: 21px !important;
    margin-top: -5px;
}

#pun-searchtopics TR.iclosed Div.icon , #pun-messages TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon {
background-color: transparent;
background: url('https://i.imgur.com/GbA3LNI.png') right no-repeat;
background-repeat: no-repeat;
    height: 24px;
    width: 21px !important;
    margin-top: -5px;
}

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: 30px;}
/*#pun-about .container .item1 a {display: none}*/
#pun-navlinks #navawards{display:none;}


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

#pun-navlinks a {
    font-family: Bodoni-cyrillic;
    color: #92704a;
    text-decoration: none;
    transition-duration: 0.1s;
    font-size: 12px;
    letter-spacing: 3.5px;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    font-style: normal;
    color: #c18a4f;
    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: verdana;
    font-size: 11px;
    text-transform: lowercase;
    border-style: solid !important;
    border-color: #c1b2a0;
    border-width: 1px 0px 1px 0px;
    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: -11px;
    top: -10px;
    width: 45px;
    height: 35px;
    background-color: transparent;
background-image: url(https://i.imgur.com/92AwVap.png);
}

/*красим если новые сообщения*/
.inew + .tclcon::before {
    background-color: transparent;
background-image: url(https://i.imgur.com/UtzPOz0.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: 4px 0px 0px 0px;
    font-size: 10px;
    line-height: 13px;
    color: #3e3e40; 
text-align: justify;
margin-left: -17px !important;
}


.punbb .sub-forum a {
font-size: 10px;
color: #96724b;
letter-spacing: 0.4px;
}

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


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



.punbb .post-author .pa-fld1 a {
color: #8d6f4e;
}
.punbb .post-author .pa-fld1 a:hover{ 
color: #ac8d6b;
}



.lz {
padding: 2px 4px 1px 4px;
    font-family: 'Bodoni-cyrillic';
    font-size: 11px;
    text-align: center;
    color: #cecdc8;
    background: #95714b;
    line-height: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    display: inline;
}




.lz1 {
font-family: verdana;
    font-size: 10px;
    color: #2b2b2b!important;
    text-align: justify;
    letter-spacing: 0px;
    line-height: 12px;
    padding: 10px 7px 6px 7px;
    margin: -7px 10px 10px 10px!important;
    border: 1px solid #95714b;}

/*фон в профиле для лз*/
#viewprofile .lz {
}

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

/*ссылки на странице лз профиля*/
#viewprofile .lz1 a {color: #5e462c!important;}
#viewprofile .lz1 a:hover {color: #5e462cimportant;}
#viewprofile .lz1 a:visited {color: #9b764e;}


.pa-posts, .pa-respect, .pa-fld2, .pa-fld4, .pa-fld5 {
    height: 13px;
    background-color: #ac8d6b;
    color: #deddd8;
    text-transform: uppercase;
    line-height: 14px;
    font-family: verdana;
    font-size: 8.4px !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: #deddd8;}
.pa-respect a:hover, .pa-fld2 a:hover, .pa-fld5 a:hover {color: #e9d0b4;}
.pa-respect a:visited, .pa-fld2 a:visited, .pa-fld5 a:visited {color: #deddd8;}

.pa-ip a:link {color: #0A0A0A;}
.pa-ip a:hover {color: #653a00;}
.pa-ip a:visited {color: #0A0A0A;}



.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/qVhAu7x.png');
}



/*наполнение батарейки*/
.pa-fld3 .charge {
    width: 88px;
    height: 37px;
    background-color: #d5b483;
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: 8px; 
height: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #deddd8;
    border: 3px solid #957248;
}
::-webkit-scrollbar-track {
    background-color: #957248;
}

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: #d2d1cc;
    border: solid 3px #deddd8;
    outline: 2px solid #ac8d6b;
    box-shadow: 0 0 0 2px #efeee8 inset;
    padding: 9px;
    margin-left: -25px;
    margin-top: 12px;
  }


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


/*зачеркнутый текст*/
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: 41px !important;
    width: 41px !important;
    border: 2px solid #deddd8;
    outline: 1px solid #ada090;
}

.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 var(--border)!important;
background: var(--main-background); /*Можно добавить фон картинкой url(Ccылка на картинку)*/
padding: 9px;

}

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


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

.punbb .nav-main {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 1000px;
  top: 72px;
  left: -25px;

}
.punbb .nav-main span {
    margin-top: 3px;
    color: #83684c;
}


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

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


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

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

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

.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 #ac8d6b;
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: #2a2622;}
#role-list .role-fandom p a:visited {color: #2a2622;}
#role-list .role-fandom p a:hover {color: #956c43;}





.activ1, .activ2,  
.activ3, .activ4, 
.post1, .post2,
.post3, .post4 {
    position: absolute;
    width: 46px;
    height: 46px;
    outline: 4px solid #95714b;
    transition-duration: 0.6s;
} 

.activ1:hover, .activ2:hover,  
.activ3:hover, .activ4:hover, 
.post1:hover, .post2:hover,
.post3:hover, .post4:hover {
    outline: 4px solid #1f1f1f;
    transition-duration: 0.6s;
} 

.activ1, .activ2,  
.activ3, .activ4 {
    top: 261px;
    left: -6px;
}

.post1, .post2,
.post3, .post4 {
    top: 126px;
    left: 719px;
} 


.activ2 {
    left: 61px;
}

.activ3 {
    left: 127px;
}

.activ4 {
    left: 193px;
}


.post2 {
    left: 786px;
}

.post3 {
    left: 853px;
}

.post4 {
    left: 920px;
}

.bestpost,
.bestepisode {
    position: absolute;
}



.bestpost {
    box-sizing: border-box;
    width: 344px;
    height: 95px;
    top: 209px;
    right: -8px;
    padding: 5px 10px;
    color: #b3ada4;
    font-family: verdana;
    font-size: 10px;
    overflow-y: scroll;
text-align: justify;
}


.punbb .bestpost span, 
.punbb .bestpost a {
    font-size: 11px;
    color: #b59268f;
    transition-duration: 0.1s; font-weight: bold;
}

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

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

.punbb .bestpost span {
    font-family: Bodoni-cyrillic;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.bestepisode {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 5px;
    width: 334px;
    top: 115px;
    left: 0px;
    font-family: 'Bodoni-cyrillic';
    font-size: 17px;
    color: var(--main-background);
    line-height: 22px;
    background-color: #96724b;
    border: 8px double #292929;
}

.bestepisode::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 49px;
    background-image: url(http://forumstatic.ru/files/0019/cf/d6/98766.jpg);
}

.bestepisode::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 115px;
    height: 46px;
    background-image: url(http://forumstatic.ru/files/0019/cf/d6/23912.jpg);
}


.punbb .bestepisode a {
    font-size: 21px;
    letter-spacing: 2.8px;
    line-height: 22px;
    color: var(--main-background);
    transition-duration: 0.1s;
    z-index: 1;
    text-align: center;
}

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

.needs {
    display: flex;
    position: absolute;
    justify-content: space-between;
    right: -24px;
    top: 21px;
    width: 316px;
}

.needs1, .needs2, .needs3, .needs4,
.needs5, .needs6 {
    width: 34px;
    height: 34px;
    outline: 2px solid #95714b;
    transition-duration: 0.4s;
    border: 2px solid #2a2a2a;
}


.needs1:hover, .needs2:hover, .needs3:hover, .needs4:hover,
.needs5:hover, .needs6:hover {
    outline:3px solid #1f1f1f;
    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');
}


/*иконки развернуть и свернуть*/
.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: #96724b !important;
}
span.num_msg:before {
    background: #96724b !important;
}


.bubble {
    background: #96724b !important;}

.bubble:after {
   border-color: #96724b 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-top: -29px!important;
    margin-left: -226px!important;
    width: 13px!important;
    background: #b5b3ad!important;
    color: #deddd8!important;
    font-size: 12px!important;
    padding-left: 6px!important;
    height: 17px!important;
    margin-top: -29px!important;
}

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


#panel-sticker {
    float: left;
    position: relative;
    background: url(***) repeat, radial-gradient(ellipse at center, #95714d 0%, #95714d 100%)!important;
    padding: 3px 10px 3px 7px!important;}

#panel-content {
    background: #deddd8!important;
    border: 2px solid #95714d!important;}

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