/* Тело
-------------------------------------------------------------*/
body {
  background: url(http://forumstatic.ru/files/001b/c4/2c/29456.png) top center;
  background-attachment: fixed;
  background-repeat: repeat;
  background-color: #2e2e2e;
}


#pun {
  background: url(http://forumstatic.ru/files/001b/c4/2c/30230.png) repeat-y;
  color: #fff;
}

/* Логотип
-------------------------------------------------------------*/
#pun-title table {background: url(http://forumstatic.ru/files/001b/c4/2c/58255.png);border: none;height: 258px;margin-left: -1px;width: 998px!important;margin-top: -259px;}

/* Футер
 -------------------------------------------------------------*/
#pun-about {
  margin: 0 0 -89px!important;
  padding: 0 !important;
  background: url(http://forumstatic.ru/files/001b/c4/2c/46457.png) no-repeat;
  width: 998px;
  height: 90px;
}

/* Личное звание
-------------------------------------------------------------*/
li.pa-fld1 .rasa {
    display:block;
    position:absolute;
    width: 157px;
    margin: -33px 0 0 5px;
    padding:2px 5px 1px 5px;
    text-align:center;
    font: 500 8px Century Gothic;
    text-transform:uppercase;
    letter-spacing:0.5px;
    background: #713262;
    color: #ffffff;
    }

a.linkank:link, a.linkank:visited {
    display:block;
    text-align:left;
    margin-top: -7px;
    text-transform:uppercase;
    color: #fff!IMPORTANT;
    font: 600 11px Century Gothic;
    } 

a.linkank:hover, a.linkank:active {
    color:#f92672;
    }

#viewprofile a.linkank {text-align:center!important;}

li.pa-fld1 .yourjob {
    display:block;
    margin:3px 0 8px 0;
    padding:2px 0 2px 0;
    border-top:1px solid #c2c2c2;
    border-botto:1px solid #c2c2c2;
    text-align:justify;
    font:normal 10px Arial;
    text-transform:lowercase;
    letter-spacing:0px;
    color: #c1bebe;
    }

li.pa-fld1 {
    width: 174px;
    padding: 25px 10px 21px 10px!important;
    margin: 0px 0px 10px -1px;
    font:11px Arial;
    line-height:12px;
    background-color: rgb(0 0 0 / 29%);
    text-align:justify;
    border: 1px solid #ab62bb;
    }

li.pa-fld1 a {color: #bd68a9!important;}
li.pa-fld1 .age {
    display:block;
    position:absolute;
    width: 110px;
    margin: 15px 0 0 30px;
    padding:2px 5px 1px 5px;
    text-align:center;
    font: 600 8px Century gOTHIC;
    text-transform:uppercase;
    letter-spacing:0.5px;
    background: #713262;
    color: #ffffff;
    }

.text {
    color: #f9f9f9;
}



.pa-fld1 .fld-name, .pa-fld2 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld5 .fld-name {display: none;}

/* СТРЕЛОЧКИ */
.go-up, .go-down {

cursor: pointer;
display: none;
opacity: 7;
position: fixed;
z-index: 9999;
width: 112px;
line-height: 25px;
}

.go-up {
    background: url(http://forumstatic.ru/files/001b/c4/2c/51384.png);
    bottom: 59%;
    height: 27px;
    width: 74px;
    margin-left: 995px!important;
    color: #ffffff;
    transition: all 1s ease-in-out;
    }

.go-down {
    background: url(http://forumstatic.ru/files/001b/c4/2c/24235.png);
    bottom: 56%;
    height: 12px;
    width: 74px;
    margin-left: 995px!important;
    color: #fff;
    transition: all 1s ease-in-out;
}
.go-down:hover:after, .go-up:hover:after {height: 25px;
    width: 100px;
    margin-left: -5px;
}

.go-down:hover, .go-up:hover {
    opacity: 1;
}
/*Сообщения, репутация*/
.pa-posts, .pa-respect {line-height: 14px;text-align: center;display: inline-block;width: 93px;padding: 1px 1px 1px 1px !important;letter-spacing: 0px;word-spacing: 3px;font-family: century gothic;height: 23px;font-size: 13px;text-transform: lowercase;margin: 7px 0 12px 0 !important;color: #fff;}

.pa-respect a {
color: #fff!important;}

.pa-respect img {
  width: 8px;
  height: 8px;
  mix-blend-mode: hard-light;
  margin: 0 4px -1px 0;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.pa-respect a {
color: #fff!important;}


/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #333;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #333;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #fff;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #005EAB
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #333
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #713262;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #713262 #713262 #a94e93 #a94e93;
  background-color: #ebebeb;
  }

#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-color: transparent;
  }

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


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.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: #686274;
  }

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

/* CS3.2 */
.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: #ab62bb;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #713262;
  text-decoration: none
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #766593;
  text-decoration: none
  }

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

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {border-color: #fff;background-color: #fff;}
tr.iredirect div.icon {border-color: #F7F7F7 #F7F7F7 #F7F7F7 #f7f7f7}
div.inew {border-color: #713262; background-color: #713262;}

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

.opisanie  {
    margin-top: 9px!important;
}

.opisanie a{
    position: relative;
    font-family: 'Century Gothic';
    background-color: #713262;
    color: #fff!important;
    padding: 0px 4px 2px 4px;
    border-radius: 20px;
   transition: all 0.3s ease-in-out;
}

.opisanie a:hover{
    position: relative;
    font-family: 'Century Gothic';
    background-color: #f3f3f3;
    color: #713262!important;
    padding: 0px 4px 2px 4px;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
}

li.pa-ua {
    display: none!important;
}

/* кнопки
-------------------------------------------------------------*/
.button {
    font-family: 'roboto';
    border: 1px solid #aaafab;
    background-color: #d5d8d6 !important;
    font-size: 9px !important;
    margin-top: 5px !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 400 !important;
}


.button {
    font-family: 'roboto';
    border: 1px solid #aaafab;
    background-color: #d5d8d6 !important;
    font-size: 9px !important;
    margin-top: 5px !important;
    padding: 4px 15px 4px 15px !important;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 400 !important;
}

/* Бегунок */
::-webkit-scrollbar
{width: 4px;height: 4px;background-color: #e4dfdd;}
::-webkit-scrollbar-thumb{background-color: #713262;}

::selection {
    background: #713262;
    color: #ffffff;
    opacity: 0.4;
    }

.lastedit {
display: none;
}


/* реакции */
.reactions-container {
    margin-left: 36px!important;
}

.reaction-chip {
    cursor: pointer;
    height: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #713262 !important;
    background-color: #ffffff !important;
}

.reaction-picker-button {
    border-radius: 50%;
    width: 22px !important;
    padding: 0;
}

.reaction-chip.reaction-chip--clicked {
    background-color: #cdc7bd !important;
    box-shadow: none !important;
    border: 1px solid #b9b4ae !important;
}

/* крестик */
.reaction-picker .reaction-picker-button svg {
   width: 10px !important;
    height: 10px !important;
}

.pa-respect img {
    vertical-align: middle;
    mix-blend-mode: luminosity;
    margin: -2px -1px 0 -1px;
}

/* таблица в шапке
-------------------------------------------------------------*/
.mainnews {
    position: absolute;
    width: 900px;
    height: auto;
    top: 10px;
}

.gifcyb {
    position: absolute;
    top: -3px;
    margin-left: 184px!important;
    border: 1px solid #fff;
}

.news {
    position: relative;
    background-color: rgb(0 0 0 / 36%);
    width: 272px;
    color: #fff;
    text-align: left;
    height: 88px;
    padding: 7px;
    font-family: century gothic;
    margin-left: 28px!important;
    top: 25px;
}

.need {
    position: absolute;
    margin-left: -16px!important;
    top: 142px;
    letter-spacing: 10px;
    width: 420px;
    text-align: center;
}

.active {
    position: absolute;
    margin-left: 597px!important;
    top: 39px;
    letter-spacing: 10px;
    width: 420px;
    text-align: center;
}

.needname {
    position: relative;
    top: 22px;
    margin-left: 110px!important;
    font-family: 'Century Gothic';
    font-size: 14px;
    font-weight: 600;
}

.activename {
    position: relative;
    top: -100px;
    margin-left: 730px!important;
    font-family: 'Century Gothic';
    font-size: 14px;
    font-weight: 600;
}

.sosai {opacity: 1;filter: invert(0%);transition: all 0.3s ease-in-out;}
.sosai:hover {
filter: invert(100%);
opacity: 1;
 transition: all 0.3s ease-in-out;
}


#tags .container {
    background-color: #f3f3f3;
}

.lastedit {
 display:none;   
}


.banners {
    position: absolute;
    left: 683px;
}