.forum-link-nav {
    position: absolute;
    top: 190px;
    z-index: 9;
    width: calc(100% - 17px);
    margin-left: 11px!important;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.forum-link-nav a {
    font: 11px/14px 'Roboto Mono';
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border-right: 1px solid #45352e;
    height: 14px;
}

.forum-link-nav a:hover {
    background: rgba(255, 255, 255, 0.16);
    color: #1b0e0e!important;
}

.admins {
    text-align: center;
}

.admins a {
    font: 8px 'Cheque Black';
    color: #9e9d9f!important;
    text-shadow: 0 0 3px #2d2327;
}

.admins a:hover {
    color: #cecece!important;
}

div#needed-banner {
    position: absolute;
    z-index: 9;
    top: 245px;
    left: 418px;
}
#needed-banner img {
    -webkit-filter: url(#colors);
    filter: url(#colors);
    border: 3px double #373546;
}

.pa-gifts {display:none;}
/* =============================================================== //
//                                                              GENERAL                                                                          //
// =============================================================== */

/* Фоны -----------------------------------------------------------*/

body {
    background: #212129 url(http://forumfiles.ru/files/000b/95/b0/80806.png) no-repeat fixed bottom center;
    background-size: cover;
    -webkit-background-size: cover;
    min-height: 100vh;
    color: #333;
}

#pun {
    position: relative;
    width: 1008px;
    margin: 47px auto 90px auto;
    background: #c3c3c3 url(http://forumfiles.ru/files/000b/95/b0/14068.png);
}

/* Лого */

#pun-title table {
    position: absolute;
    height: 362px;
    width: 1006px;
    top: -40px;
    left: -29px;
    background: url(http://forumfiles.ru/files/000b/95/b0/64899.png);
}

#pun-title {
    height: 322px;
}

/* Футер */

#html-footer::after {
    content: "";
    position: absolute;
    left: -29px;
    background: url(http://forumfiles.ru/files/000b/95/b0/45051.png) no-repeat;
    width: 1006px;
    height: 125px;
}

#html-footer .container {
    height: 0;
    margin: 0 !important;
}

/*Ссылки------------------------------------------------------------*/

.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: #45342c;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.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: #807088;
}

/* Форумные ссылки-------------------------------------------------*/

#pun-navlinks {
    position: absolute;
    top: -13px;
    width: calc(100% - 30px);
    padding: 0 15px!important;
    z-index: 3;
}

#pun-navlinks #navawards {
    display: none!important;
}

/* убирает награды*/

#pun-navlinks .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#pun-navlinks .container li {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
    background: #aeaeae url(http://forumfiles.ru/files/000b/95/b0/78410.png);
    margin: 0 10px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

#pun-navlinks .container li:hover {
    background: #47362e url(http://forumfiles.ru/files/000b/95/b0/12042.png);
}

#pun-navlinks .container li a {
    font: bold 9px/1.8 'Roboto Mono';
    color: #191921;
    text-transform: uppercase;
    letter-spacing: 3px;
    overflow: hidden;
}

#pun-navlinks .container li:hover a {
    color: #76786e;
    letter-spacing: 2px;
}

/* иконка новое лс */

#pun-navlinks span.num_msg {
    margin-left: -5px!important;
    margin-top: -17px!important;
}

#pun-navlinks span.num_msg,
#pun-navlinks span.num_msg:before {
    background: #8a7165!important;
}

/*Ссылки юзера-----------------------------------------------------*/

#pun-ulinks {
    position: absolute;
    top: 204px;
    height: 14px;
    width: calc(100% - 14px);
    text-align: center;
    z-index: 3;
    padding: 0 7px;
}

#pun-ulinks .container li a {
    font: 8px 'Roboto Mono';
    color: rgba(187, 187, 189, 0.5);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 5px;
}

#pun-ulinks .container li a:hover {
    color: #bbbbbd;
}

/* Статус - добро пожаловать юзер----------------------------------*/

#pun-status {
    position: absolute;
    top: 251px;
    left: 93px;
    width: 270px;
    height: 30px;
    font: 12px/1.167 'Roboto Mono';
    color: #bbbbbe;
    text-transform: uppercase;
    text-shadow: 0 0 3px #231a17;
}

#pun-status .container strong,
#pun-status .container a {
    color: #a99d9d;
}

#pun-status .container a:hover {
    color: #aba19e;
    letter-spacing: 1px;
}

/* Крамбс - путь---------------------------------------------------*/

#pun-crumbs1,
#pun-crumbs2 {
    font: 12px 'Roboto Mono';
    color: #4a3d3c;
    text-transform: uppercase;
    padding: 5px!important;
    background: rgba(133, 137, 119, 0.2);
    text-align: center;
}

#pun-crumbs2 a,
#pun-crumbs1 a {
    color: #775e5c;
}

#pun-crumbs1 a:hover,
#pun-crumbs2 a:hover {
    color: #645f84;
}

#pun-index #pun-crumbs2,
#pun-index #pun-crumbs1 {
    display: none;
}

/* убирает название с главной страницы */

/* Нужные----------------------------------------------------------*/

#needed-label {
    position: absolute;
    display: inline-block;
    top: 256px;
    right: -8px;
    height: 12px;
    width: 59px;
    z-index: 3;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    background: #241b18;
    font: 16px 'Oswald';
    text-align: center;
    color: #898d7a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#main-needed {
    position: absolute;
    top: 239px;
    left: 528px;
    width: 388px;
    height: 51px;
    overflow: hidden;
    z-index: 3;
}

#main-needed img {
    width: 85px;
    height: 45px;
    border: 3px double #373546;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-filter: contrast(1);
    filter: contrast(1);
}

#main-needed a:hover img {
    -webkit-filter: contrast(1.2) blur(1px);
    filter: contrast(1.2) blur(1px);
}

#main-needed a {
    position: relative;
    margin-right: 4px;
}

#main-needed a span {
    position: absolute;
    left: 3px;
    top: -20px;
    width: 85px;
    opacity: 0;
    font: 9px 'Roboto Mono';
    text-align: center;
    color: #b8b8bb;
    text-transform: uppercase;
    letter-spacing: -2px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    text-shadow: 1px 1px 0px #2c2221;
}

#main-needed a:hover span {
    opacity: 1;
    letter-spacing: 0px;
}

/* Футер - баннеры-------------------------------------------------*/

.banners {
    position: absolute;
    width: 926px;
    height: 65px;
    bottom: -97px;
    left: 15px;
    overflow-y: scroll;
    -webkit-transition: all ease 1s;
    -o-transition: all ease 1s;
    transition: all ease 1s;
    z-index: 99;
}

.banners a {
    opacity: 0.3;
}

.banners a:hover {
    opacity: 1;
}

/* Категории и разделители------------------------------------------*/

.category h2,
#pun-stats h2,
.main h1,
#post-form h2,
#pun-post .topic h2,
.post h3,
#pun-viewtopic .post:nth-of-type(1) h3 {
    background: url(http://forumfiles.ru/files/000b/95/b0/91555.png) left top no-repeat, url(http://forumfiles.ru/files/000b/95/b0/75210.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/11737.png) left top repeat-y;
    width: 953px;
    margin-left: -27px;
    padding: 13px 25px 13px 25px!important;
}

.post:nth-of-type(1) h3 {
    background: url(http://forumfiles.ru/files/000b/95/b0/75210.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/11737.png) left top repeat-y;
}

.category h2 span,
#pun-stats h2 span,
.main h1 span,
#post-form h2 span,
#pun-post .topic h2 span {
    display: block;
    font: normal 13px/22px 'Cheque';
    text-align: center;
    letter-spacing: 3px;
    color: #b9b9bc;
}

.post h3 span,
.post h3 a {
    font: 10px 'Oswald';
    text-transform: uppercase;
    color: #9b9aa6!important;
    letter-spacing: 2px;
    text-shadow: 1px 1px 0px #342929;
}

.category h2 span::before,
.category h2 span::after,
#pun-stats h2 span::before,
#pun-stats h2 span::after,
#pun-main.main h1 span::before,
#pun-main.main h1 span::after,
#post-form h2 span::before,
#post-form h2 span::after,
#pun-post .topic h2 span::after,
#pun-post .topic h2 span::before {
    content: " • • • ";
    font: 10px 'Oswald';
    color: #6f5f69;
    word-spacing: 1px;
}

/* РАЗДЕЛИТЕЛЬ ТОЛЬКО ВЕРХ------------------------------------------*/

#pun-post .topic h2,
#topic-modmenu,
#topic-users-in,
#pun-viewforum .modmenu,
#pun-modviewforum .modmenu,
#pun-searchtopics .modmenu,
#pun-searchposts .main h1:nth-of-type(1),
#pun-multimove .main h1,
#pun-multimegre .main h1,
#pun-multidelete .main h1 {
    background: url(http://forumfiles.ru/files/000b/95/b0/91555.png) left top no-repeat, url(http://forumfiles.ru/files/000b/95/b0/11737.png) left top repeat-y;
    width: 953px;
    margin-left: -27px;
    padding: 18px 25px 5px 25px;
}

/* РАЗДЕЛИТЕЛЬ ТОЛЬКО НИЗ------------------------------------------*/

#post-form h2,
#pun-viewforum .modmenu + .linksb,
#pun-modviewforum .linksb,
#pun-searchtopics .modmenu + .linksb {
    background: url(http://forumfiles.ru/files/000b/95/b0/75210.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/11737.png) left top repeat-y;
    width: 953px;
    margin-left: -27px;
    padding: 5px 25px 18px 25px;
}

/* РАЗДЕЛИТЕЛЬ ТОЛЬКО ОБА------------------------------------------*/

#pun-multidelete .linksb,
#pun-multimegre .linksb,
#pun-multimove .linksb,
#pun-viewforum .linksb,
#pun-searchtopics .linksb,
#pun-viewtopic .topic + .linksb,
#pun-userlist .linksb,
#pun-searchposts .linksb,
#pun-messages .linksb {
    background: url(http://forumfiles.ru/files/000b/95/b0/91555.png) left top no-repeat, url(http://forumfiles.ru/files/000b/95/b0/75210.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/11737.png) left top repeat-y;
    width: 953px;
    margin-left: -27px;
    padding: 18px 25px 18px 25px;
}

/* РАЗДЕЛИТЕЛЬ ТОЛЬКО ФОН------------------------------------------*/

#topic-modmenu + #topic-users-in {
    background: url(http://forumfiles.ru/files/000b/95/b0/11737.png) left top repeat-y;
    width: 953px;
    margin-left: -27px;
    padding: 9px 25px 0px 25px;
}

/* Статистика-фут------------------------------------------*/

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    float: left;
    width: 200px;
    text-align: center!important;
    font: 9px 'Roboto Mono';
    text-transform: uppercase;
    color: #575a52;
    background: rgba(133, 137, 119, 0.2);
    padding: 6px 0;
    margin-bottom: 15px;
}

#pun-stats li.item4 {
    width: 342px;
}

#pun-stats li.item1 strong,
#pun-stats li.item2 strong,
#pun-stats li.item3 strong,
#pun-stats li.item4 strong {
    color: #4a362f;
}

#pun-stats li.item1 span,
#pun-stats li.item2 span,
#pun-stats li.item3 span,
#pun-stats li.item4 span {
    font-size: 0
}

#pun-stats li.item1 span:before,
#pun-stats li.item2 span:before,
#pun-stats li.item3 span:before,
#pun-stats li.item4 span:before {
    display: inline;
    font-size: 9px;
    margin-right: 5px;
}

#pun-stats li.item1 span:before {
    content: 'тем';
}

#pun-stats li.item2 span:before {
    content: 'сообщений';
}

#pun-stats li.item3 span:before {
    content: 'пользователей';
}

#pun-stats li.item4 span:before {
    content: 'последний';
}

#onlinelist {
    padding: 5px 0;
}

#onlinelist:last-of-type #statistic-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#onlinelist:last-of-type #statistic-other span {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    text-align: center;
}

#onlinelist a {
    font: 11px 'Roboto Mono';
}

/*Скролл-бар-------------------------------------------------------*/

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #363344;
}

::-webkit-scrollbar-thumb {
    background-color: #9a9a9a;
    width: 4px !important;
    -webkit-box-shadow: 0 0 0 1px #4a3d3c inset;
    box-shadow: 0 0 0 1px #4a3d3c inset;
}

/*Анимация на аватаре у тем-----------------------------------------*/

.user-avatar img {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.user-avatar img:hover {
    border-radius: 0 !important;
}

#pun-index .user-avatar {
    vertical-align: middle !important;
    margin-top: -3px !important;
    height: auto !important;
    margin-right: 10px;
}

/*Строка "страниц" наверху------------------------------------------*/

.postlink {
    text-align: right;
}

.linkst {
    position: absolute;
    width: 942px;
}

.linkst div {
    display: inline-block;
    position: absolute;
    top: -32px;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: rgba(189, 189, 192, 0.73);
    line-height: 18px;
}

.linkst .postlink {
    width: 49%;
    right: 0;
    text-align: right;
}

.linkst a {
    color: #8a798a !important;
}

.linkst a:hover {
    color: #d6d6d6 !important;
}

/*Строка "страниц" снизу------------------------------------------*/

.linksb a {
    color: #8a798a !important;
}

.linksb a:hover {
    color: #d6d6d6 !important;
}

#topic-users-in + .linksb {
    width: 943px;
    position: absolute;
}

.linksb .postlink {
    float: right;
    width: 49%;
}

.linksb .pagelink {
    float: left;
    width: 49%;
}

.linksb div {
    display: inline-block;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: rgba(189, 189, 192, 0.73);
}

.subscribelink {
    position: absolute;
    right: 75px;
    bottom: -6px;
}

/* подсветка тейбл хэдера-----------------------------------------------*/

.punbb .main tr th {
    text-align: center !important;
    font: 9px 'Roboto Mono';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #575a52;
    background: rgba(133, 137, 119, 0.2);
}


/* =============================================================== //
//                                                              ANNOUNCMENTS                                                               //
// =============================================================== */

/* Переключение по слайдам в обьявлении----------------------------*/

#main-ann {
    position: absolute;
    top: -6px;
    left: 1px;
    width: calc(100% - 20px);
    height: 196px;
    z-index: 3;
    overflow: hidden;
    margin: 0 10px;
}

#main-ann #first,
#main-ann #second {
    position: absolute;
    width: 100%;
    height: 210px;
}

#main-ann #second {
    top: 0px;
    background: url(http://forumfiles.ru/files/000b/95/b0/15580.png);
}


/* Первый слайд - для гостей----------------------------------------*/

.middle-info {
    position: absolute;
    top: 56px;
    left: 327px;
    width: 269px;
    height: 88px;
}

.middle-info .line-left,
.middle-info .line-right {
    position: absolute;
    width: 2px;
    height: 88px;
    background: #a3a3a3;
}

.middle-info .line-right {
    right: 0
}

.middle-info .line-left {
    left: 0
}

.forum-info h1 {
margin: 12px 0 -1px 0!important;
    padding: 0!important;
    font: bold 22px/19px 'Cheque';
    color: #cecece;
    text-transform: uppercase;
    text-shadow: 1px 3px 0px #2d2423;
    text-align: center;
    width: 269px;
}

.forum-info h1 span {
    display: inline-block;
}

.forum-info h1 span:nth-of-type(1) {
    margin-right: 10px;
}

.forum-info h1 span::first-letter {
    color: #826c62;
}

.forum-info .forum-main-info {
    font: 11px/14px 'Roboto Mono'!important;
    color: #bcbcbf;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 #282122;
    padding: 3px!important;
    width: 269px;
}

.forum-info .forum-sub-info {
    font: 8px/9px 'Roboto Mono'!important;
    color: #b8b8bb;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 #282122;
    width: 269px;
}

.forum-info {
    width: 269px;
    height: 84px;
    -webkit-transition: all 0.4s 0.15s;
    -o-transition: all 0.4s 0.15s;
    transition: all 0.4s 0.15s;
    position: absolute;
    top: 63px;
    left: -4px;
}

/* второй слайд - для участников ---------------------*/

#main-ann #second #general-anim {
    left: 330px;
    top: 0;
    position: absolute;
    z-index: 1;
}

/* лучший игрок ---------------------*/

#main-ann #second .best-player {
    position: absolute;
    width: 284px;
    height: 58px;
    top: 40px;
    left: 24px;
    cursor: pointer;
}

#main-ann #second .best-player .best-player-icon {
    width: 285px;
    height: 58px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#main-ann #second .best-player:hover .best-player-icon,
#main-ann #second .postopisec-1:hover .postopisec-1-icon,
#main-ann #second .postopisec-2:hover .postopisec-2-icon,
#main-ann #second .postopisec-3:hover .postopisec-3-icon,
#main-ann #second .postopisec-4:hover .postopisec-4-icon,
#main-ann #second .activist-1:hover .activist-1-icon,
#main-ann #second .activist-2:hover .activist-2-icon,
#main-ann #second .activist-3:hover .activist-3-icon,
#main-ann #second .activist-4:hover .activist-4-icon,
#main-ann #second .best-post:hover .best-post-icon {
    -webkit-filter: contrast(1.2);
    filter: contrast(1.2);
}

#main-ann #second .best-player .best-player-anim,
#main-ann #second .postopisec-1 .postopisec-1-anim,
#main-ann #second .postopisec-2 .postopisec-2-anim,
#main-ann #second .postopisec-3 .postopisec-3-anim,
#main-ann #second .postopisec-4 .postopisec-4-anim,
#main-ann #second .activist-1 .activist-1-anim,
#main-ann #second .activist-2 .activist-2-anim,
#main-ann #second .activist-3 .activist-3-anim,
#main-ann #second .activist-4 .activist-4-anim,
#main-ann #second .best-post .best-post-anim {
    opacity: 0;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
    position: absolute;
    width: 258px;
    height: 197px;
    z-index: 9;
    pointer-events: none;
}

#main-ann #second .best-player .best-player-anim {
    top: -41px;
    left: 305px;
}

#main-ann #second .best-player:hover .best-player-anim,
#main-ann #second .postopisec-1:hover .postopisec-1-anim,
#main-ann #second .postopisec-2:hover .postopisec-2-anim,
#main-ann #second .postopisec-3:hover .postopisec-3-anim,
#main-ann #second .postopisec-4:hover .postopisec-4-anim,
#main-ann #second .activist-1:hover .activist-1-anim,
#main-ann #second .activist-2:hover .activist-2-anim,
#main-ann #second .activist-3:hover .activist-3-anim,
#main-ann #second .activist-4:hover .activist-4-anim,
#main-ann #second .best-post:hover .best-post-anim {
    opacity: 1;
}

#main-ann #second .best-player .best-player-anim div:nth-of-type(2),
#main-ann #second .postopisec-1 .postopisec-1-anim div:nth-of-type(2),
#main-ann #second .postopisec-2 .postopisec-2-anim div:nth-of-type(2),
#main-ann #second .postopisec-3 .postopisec-3-anim div:nth-of-type(2),
#main-ann #second .postopisec-4 .postopisec-4-anim div:nth-of-type(2),
#main-ann #second .activist-1 .activist-1-anim div:nth-of-type(2),
#main-ann #second .activist-2 .activist-2-anim div:nth-of-type(2),
#main-ann #second .activist-3 .activist-3-anim div:nth-of-type(2),
#main-ann #second .activist-4 .activist-4-anim div:nth-of-type(2),
#main-ann #second .best-post .best-post-anim div:nth-of-type(2) {
    text-align: center;
    font: 8px/8px 'Oswald';
    text-transform: uppercase;
    color: #888d78;
    text-shadow: 1px 1px 1px #232128;
    letter-spacing: 3px;
}

#main-ann #second .best-player .best-player-anim div:nth-of-type(1),
#main-ann #second .postopisec-1 .postopisec-1-anim div:nth-of-type(1),
#main-ann #second .postopisec-2 .postopisec-2-anim div:nth-of-type(1),
#main-ann #second .postopisec-3 .postopisec-3-anim div:nth-of-type(1),
#main-ann #second .postopisec-4 .postopisec-4-anim div:nth-of-type(1),
#main-ann #second .activist-1 .activist-1-anim div:nth-of-type(1),
#main-ann #second .activist-2 .activist-2-anim div:nth-of-type(1),
#main-ann #second .activist-3 .activist-3-anim div:nth-of-type(1),
#main-ann #second .activist-4 .activist-4-anim div:nth-of-type(1),
#main-ann #second .best-post .best-post-anim div:nth-of-type(1) {
    margin-top: 93px;
    text-align: center;
    font: small-caps 26px/26px 'Cheque';
    color: #d6d5d7;
    text-shadow: 1px 1px 0px #291e1a;
}

/* ПОСТОПИСЕЦ 1---------------------*/

#main-ann #second .postopisec-1 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 119px;
    left: 24px;
    cursor: pointer;
}

#main-ann #second .postopisec-1 .postopisec-1-icon,
#main-ann #second .postopisec-2 .postopisec-2-icon,
#main-ann #second .postopisec-3 .postopisec-3-icon,
#main-ann #second .postopisec-4 .postopisec-4-icon,
#main-ann #second .activist-1 .activist-1-icon,
#main-ann #second .activist-2 .activist-2-icon,
#main-ann #second .activist-3 .activist-3-icon,
#main-ann #second .activist-4 .activist-4-icon {
    width: 56px;
    height: 56px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#main-ann #second .postopisec-1 .postopisec-1-anim {
    top: -121px;
    left: 306px;
}

/* ПОСТОПИСЕЦ 2---------------------*/

#main-ann #second .postopisec-2 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 119px;
    left: 101px;
    cursor: pointer;
}

#main-ann #second .postopisec-2 .postopisec-2-anim {
    top: -121px;
    left: 229px;
}

/* ПОСТОПИСЕЦ 3---------------------*/

#main-ann #second .postopisec-3 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 119px;
    left: 177px;
    cursor: pointer;
}

#main-ann #second .postopisec-3 .postopisec-3-anim {
    top: -121px;
    left: 153px;
}

/* ПОСТОПИСЕЦ 4---------------------*/

#main-ann #second .postopisec-4 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 119px;
    left: 253px;
    cursor: pointer;
}

#main-ann #second .postopisec-4 .postopisec-4-anim {
    top: -121px;
    left: 77px;
}

/* АКТИВИСТ 1---------------------*/

#main-ann #second .activist-1 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 617px;
    cursor: pointer;
}

#main-ann #second .activist-1 .activist-1-anim {
    top: -21px;
    left: -287px;
}

/* АКТИВИСТ 2---------------------*/

#main-ann #second .activist-2 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 694px;
    cursor: pointer;
}

#main-ann #second .activist-2 .activist-2-anim {
    top: -21px;
    left: -364px;
}

/* АКТИВИСТ 3---------------------*/

#main-ann #second .activist-3 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 770px;
    cursor: pointer;
}

#main-ann #second .activist-3 .activist-3-anim {
    top: -20px;
    left: -440px;
}

/* АКТИВИСТ 4---------------------*/

#main-ann #second .activist-4 {
    position: absolute;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 846px;
    cursor: pointer;
}

#main-ann #second .activist-4 .activist-4-anim {
    top: -21px;
    left: -516px;
}

/* ЛУЧШИЙ ПОСТ---------------------*/

#main-ann #second .best-post {
    width: 293px;
    height: 88px;
    position: absolute;
    top: 100px;
    left: 613px;
    cursor: pointer;
}

#main-ann #second .best-post .best-post-icon {
    width: 46px;
    height: 81px;
    position: absolute;
    top: 4px;
    right: 4px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#main-ann #second .best-post .best-post-text {
    width: 231px;
    height: 72px;
    position: absolute;
    padding: 3px;
    overflow: auto;
    top: 5px;
    left: 2px;
    font: 10px/10px 'Roboto Mono';
    color: #b7b7ba;
    opacity: 0.3;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-align: justify;
}

#main-ann #second .best-post .best-post-text a {
    color: #797171;
}

#main-ann #second .best-post:hover .best-post-text {
    opacity: 1
}

#main-ann #second .best-post .best-post-anim {
    top: -102px;
    left: -282px;
}

/* =============================================================== //
//                                                               MAIN PAGE                                                                      //
// =============================================================== */

/* подфорумы-----------------------------------------------*/

#pun-index #pun-main td.tcl .intd {
    background: rgba(73, 60, 59, 0.09) url(http://forumfiles.ru/files/000b/95/b0/95513.png);
    box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    -webkit-box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 13px 0 13px 25px;
}

#pun-index td.tcl .intd h3 {
    background: rgba(115, 113, 123, 0.6);
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #73707c;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

#pun-index td.tcl .intd h3 a {
    font: bold 12px 'Oswald';
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #4a4852;
}

#pun-index .tclcon h3:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #72707a;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

#pun-index .tclcon h3:hover:before,
#pun-index .tclcon h3:focus:before,
#pun-index .tclcon h3:active:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

#pun-index td.tcl .intd h3:hover a {
    color: #b9b9bb;
    text-shadow: 1px 1px 0 #18181f;
    letter-spacing: 5px;
}

#pun-index td.tcl .intd .tclcon p,
#pun-index td.tcl .intd .tclcon div {
    padding: 10px;
    color: #484854;
    text-align: justify;
}

/* темы\сообщения сдвигалка */

#pun-index .tc2,
#pun-index .tc3 {
    display: none;
}

#pun-index .tcr {
    width: 35%;
    padding-left: 15px;
}

.Add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important;
}

.Tems_And_messages {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font: 9px 'Roboto Mono';
    text-align: center !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: rgba(142, 138, 146, 0.25);
    padding: 5px !important;
}

/* ссылки в подфорумах */

.for-links {
    font: 8px 'Oswald';
    text-align: center !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px !important;
    padding-top: 0!important;
}

.for-links a:after {
    content: " • ";
    color: #6f5f69;
    word-spacing: 3px;
    font-family: 'Oswald';
}

.for-links a:last-of-type::after {
    content: ''
}

/* Иконка с цифрой - новое сообщение на повфоруме */

.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
    background: #31323f !important;
    padding: 8px !important;
    border-radius: 32px !important;
    height: 11px !important;
    width: 11px !important;
    color: #bbbbbd !important;
    margin: -1px 0 0 14px!important;
    z-index: 9999;
}

/* Анимация подформума на новое соо*/

.alt1.inew div.tclcon h3,
.alt2.inew div.tclcon h3,
.alt3.inew div.tclcon h3,
.alt4.inew div.tclcon h3 {
    background: #31323e !important;
}

.alt1.inew div.tclcon h3 a,
.alt2.inew div.tclcon h3 a,
.alt3.inew div.tclcon h3 a,
.alt4.inew div.tclcon h3 a {
    color: #b8b8bb !important;
}

@-webkit-keyframes backgroundScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -900px 0;
    }
}

@keyframes backgroundScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -900px 0;
    }
}

.alt1.inew div.tclcon h3::after,
.alt2.inew div.tclcon h3::after,
.alt3.inew div.tclcon h3::after,
.alt4.inew div.tclcon h3::after {
    content: "";
    display: block;
    height: 2px;
    background: url(http://forumfiles.ru/files/000b/95/b0/74629.png);
    -webkit-animation: backgroundScroll 2s linear infinite;
    animation: backgroundScroll 2s linear infinite;
    position: absolute;
    width: 100%;
    margin-left: -5px;
}

/* Ссылки на тему с новым соо жирным на главной-------------------------*/

#pun-index .inew .tcr a {
    font-weight: bold;
}

#pun-index td.tcl .intd .tclcon br {
    display: none;
}

/*Аватар игрока рядом с темой*/

#pun-index.punbb .user-avatar img.ava {
    width: 45px;
    height: 45px;
    margin-top: 9px;
}

#pun-index.punbb .tcr a {
    font: 14px/12px 'Oswald';
    display: inline-block;
    margin-top: 14px;
    width: 80%;
}

#pun-index.punbb .tcr a:hover {
letter-spacing: 0.3px;
}

#pun-index.punbb .tcr a.user-avatar-link {
    margin-top: 0!important;
}

#pun-index.punbb .inew .tcr a {
    font-weight: bold;
}

tr.inew div.tclcon .for-links a {
    font-weight: normal;
}

.punbb .user-avatar img.on_ {
    margin: -54px 2px 0 -16px!important;
}

/* =============================================================== //
//                                                           VIEW TOPICS                                                                      //
// =============================================================== */

/* Паддинг на строках тем */

tbody tr .tcl {
    padding: 14px !important;
}

tr div.tclcon {
    padding-left: 30px
}

/* Старые темы */

tr div.tclcon::before {
    content: 'O';
    float: left;
    font: bold 13px/15px 'Cheque';
    border: 1px solid #3232422e;
    padding: 0;
    height: 15px;
    width: 15px;
    text-align: center;
    margin-left: -29px;
    margin-right: 10px;
    color: rgba(50, 50, 66, 0.32);
    margin-top: -2px;
    border-radius: 15px;
}

/* Выделение новых тем*/

tr.inew div.tclcon::before,
tr.inewisticky div.tclcon::before {
    content: 'N';
    color: #621919;
}

/*Важные темы */

tr.isticky div.tclcon::before {
    content: '!';
    color: #b5b5b8!important;
    background: #3d2c26;
}

tr.isticky div.tclcon a {
    font-weight: bold;
}

.stickytext {
    font-size: 0 !important;
}

/*Закрытые темы */

tr.iclosed div.tclcon::before {
    content: 'X';
    color: #62191966;
}

tr.iclosed div.tclcon a {
    font-style: italic;
}

.closedatafield {
    font-size: 0 !important;
}

tr.inew div.tclcon a {
    font-weight: bold;
}

/*переписка для главной*/

#pun-index tr div.tclcon::before,
#pun-index tr.inew div.tclcon::before,
#pun-index tr.isticky div.tclcon::before,
#pun-index tr.iclosed div.tclcon::before {
    content: '';
    display: none
}

#pun-index tr div.tclcon {
    padding-left: 0px;
}

/*Список квестов*/

.quests div {
    padding: 0!important;
    width: 100%;
}

.quests div a {
    width: 50%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    font: 9px 'Roboto Mono';
}

.quests div span {
    font: 9px 'Roboto Mono';
}

.quests {
    padding: 0 0 15px 0!important;
}


/* =============================================================== //
//                                                                  VIEW POSTS                                                                 //
// =============================================================== */

/* Цитата\код\инпуты-----------------------------------------------*/

.quote-box,
.code-box,
.punbb textarea,
select,
input {
    -webkit-box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    background-color: rgba(73, 60, 59, 0.09019607843137255);
    background-image: url(http://forumfiles.ru/files/000b/95/b0/95513.png);
    background-size: cover;
    -webkit-background-size: cover;
}

.punbb textarea {
    border: none;
    outline: none;
    padding: 5px;
    margin-top: 5px;
}

input,
#pun-admain input {
    font: 10px 'Oswald'!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #453b3b;
    outline: none;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}

input[type="text"],
#pun-admain input[type="text"],
input[type="password"],
#pun-admain input[type="password"] {
    /*текстовые инпуты*/
    font: 11px arial!important;
    text-transform: none;
    padding: 3px;
    letter-spacing: 0px;
    margin: 10px 0;
}

#pun-admain input:hover {
    background: #73717b66;
}

/* Скроллбар на коде и вводе текста---------------------------------*/

.code-box ::-webkit-scrollbar,
textarea::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #716f7b69;
}

.code-box ::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
    background-color: #716f7b;
    width: 4px!important;
    -webkit-box-shadow: 0 0 0 1px #4a3d3c inset;
    box-shadow: 0 0 0 1px #4a3d3c inset;
}

/* Ссылки сообщения - редактировать и такое------------------------*/

.punbb .post-links {
    font: 10px 'Roboto Mono';
    color: #4a3d3c;
    text-transform: uppercase;
    background: rgba(133, 137, 119, 0.2);
    text-align: center;
    margin-left: 3px;
    margin-right: -1px;
}

.punbb .post-links ul {
    padding-bottom: 1px;
}

.punbb .post-links ul a {
    font-size: 10px;
}

.punbb .post-links ul a:hover {
    color: #222229;
}

.punbb .post-links li {
    letter-spacing: 0;
}

.pl-email,
.pl-delete {
    width: 71px;
}

.pl-edit {
    width: 105px;
}

.pl-quote {
    width: 89px;
}

.pl-reports {
    width: 105px;
}

.pl-delete,
.pl-edit,
.pl-quote,
.pl-reports,
.pl-select {
    float: right;
}

/* Анимация линии сверху */

.punbb .post-links li:before {
    content: " ";
    display: block;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, 0);
    bottom: 0px;
    margin: 0 auto;
    -webkit-transition: all 280ms ease-in-out;
    -o-transition: all 280ms ease-in-out;
    transition: all 280ms ease-in-out;
    width: 0;
}

.punbb .post-links li:hover:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: rgba(77, 44, 27, 0.21);
    -webkit-transition: width 350ms ease-in-out;
    -o-transition: width 350ms ease-in-out;
    transition: width 350ms ease-in-out;
    width: 100%;
}

.punbb .post-links li:hover:before {
    bottom: auto;
    top: 0;
    width: 100%;
}

/* ПРОФИЛЬ ------------------------------------------------------- */

/* Основа*/

.post-author {
    background: url(http://forumfiles.ru/files/000b/95/b0/17299.png) left top no-repeat, url(http://forumfiles.ru/files/000b/95/b0/36393.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/63786.png) left top repeat-y;
    min-height: 85px;
}

.post-author ul {
    position: relative;
    margin: 36px 20px 29px 17px;
    background-image: url(http://forumfiles.ru/files/000b/95/b0/63956.png);
    background-position: top right;
    background-repeat: repeat-y;
    background-size: cover;
    -webkit-background-size: cover;
    text-align: center;
    background-color: rgba(129, 127, 154, 0.08);
    border-top: 3px double #3d2d26;
}

.post-author.online ul {
    background-color: rgba(129, 127, 154, 0.14);
}

/* Ник*/

#pun-viewtopic.punbb .post .post-author .pa-author {
    position: absolute;
    top: -17px;
    width: 215px;
    margin: 0 -11px 0 -11px;
    font: small-caps bold 19px/21px 'Cheque';
    color: #a2a1ac;
    text-shadow: 1px 1px 0 #4d3f3f;
    padding-bottom: 3px;
    left: 0
}

.post-author .pa-author a {
    color: #a2a1ac;
}

.post-author .pa-author a:hover {
    letter-spacing: 1px;
    color: #a9ada2;
}

#pun-post .post-author .pa-author {
    /* сдвигалка на странице просмотра, редачки соо */
    padding-top: 22px;
    text-align: center;
}

/* Статус*/

.post-author .pa-title {
    color: #a6a2a9;
    padding: 0 4px 6px!important;
    font: 8px 'Cheque Black';
    letter-spacing: 1px;
    margin: 0 4px -1px 4px;
}

/* Аватар*/

.post-author.online .pa-avatar img {
    -webkit-filter: none;
    filter: none;
}

.post-author .pa-avatar img {
    -webkit-filter: url('#colors');
    filter: url('#colors');
    border: 1px solid #2a2938;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin: 7px 0;
}

/* Плашка*/

.post-author .pa-fld5 {
    background: #383645;
    border: 4px solid #2c2a38;
    height: 17px;
    -webkit-box-shadow: 0 0 0 1px #3c2d2a, inset 0 0 0 1px #717172;
    box-shadow: 0 0 0 1px #3c2d2a, inset 0 0 0 1px #717172;
    margin: -9px -11px 7px;
    border-bottom-width: 14px;
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.post-author .pa-fld5 img {
    margin: -5px 0 -1px 0px;
    -webkit-filter: grayscale(1) brightness(1.1);
    filter: grayscale(1) brightness(1.1);
    -webkit-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg);
}

.post-author.online .pa-fld5 img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
}

/* ЛЗ - Имя*/

.post-author .pa-fld1 {
    padding-top: 8px;
}

.post-author .pa-fld1 br {
    display: none;
}

.post-author .pa-fld1 a {
    font: 10px/10px 'Cheque Black';
    color: #a6a2a9;
    text-transform: uppercase;
    white-space: nowrap;
}

.post-author .pa-fld1 a:hover {
    color: #b9b9bc;
    text-shadow: 0 0 10px #888794;
}

/* ЛЗ - инфо */

.post-author .lz:hover {
    opacity: 1;
}

.post-author .lz {
    position: absolute;
    width: 156px;
    height: 160px;
    background: #191921e6;
    z-index: 9;
    top: 29px;
    left: 6px;
    padding: 10px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    overflow: auto;
    border: 2px solid #383647;
}

.post-author .lz2 {
    font: 11px/13px 'Open Sans Condensed';
    text-align: justify;
    color: #bababd;
    letter-spacing: 0.4px;
}

.post-author .lz2 a {
    color: #e6e6e6;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.post-author .lz2 a:hover {
    text-shadow: 0 0 6px #ffffff;
}

.post-author .lz1 {
    /* статус */
    background-color: #383646;
    font: 8px/13px 'oswald';
    color: #b7b7ba;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2px;
    margin-bottom: 5px;
}

/* СООБЩЕНИЯ - РЕПУТАЦИЯ */

.post-author .pa-posts,
.post-author .pa-respect {
    color: #838291!important;
    display: inline-block;
    margin: 5px;
    width: 56px;
    font-size: 9px;
}

.post-author .pa-respect a {
    color: rgba(222, 224, 236, 0.49);
}

/* Профиль - разное */

.post-author .pa-time-visit,
.post-author .pa-reg,
.post-author .pa-ip,
.post-author .pa-last-visit {
    color: #838291!important;
    margin: 0 5px 10px;
    font-size: 9px;
}
#pun-messages.punbb .post-author .pa-time-visit,
#pun-messages.punbb .post-author .pa-reg,
#pun-messages.punbb .post-author .pa-ip,
#pun-messages.punbb .post-author .pa-last-visit,
#pun-messages.punbb .post-author .pa-posts,
#pun-messages.punbb .post-author .pa-online  {color: #4b3c3c!important;}

.post-author .pa-ip a {
    color: rgba(255, 255, 255, 0.58);
}

/* Профиль - онлайн */

.post-author .pa-online {
    font: 7px/11px 'Cheque Black';
    padding: 2px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #bbbbbe;
}

/* Профиль - награды */

.pa-awards {
    font: 7px/11px 'open sans condensed';
    padding: 0px!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    color: #bbbbbe;
    margin-top: 5px!important;
}

span#awrdbut {
    background: rgba(60, 46, 42, 0.68);
}

.pa-awards br {
    display: none;
}

.pa-awards #awrdbut {
    display: block;
}


/*иконки валюты посты*/

.pa-fld3 {
    background: url(http://forumfiles.ru/files/000b/95/b0/74604.png);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 9px;
    left: -35px;
    font-size: 0;
    -webkit-box-shadow: -1px -1px 0 #2d2b38;
    box-shadow: -1px -1px 0 #2d2b38;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    cursor: pointer;
}

.pa-fld3::before {
    content: '\f155';
    font-size: 10px;
    font: 10px/18px 'AwesomeFont';
    color: #73766c;
    display: inline-block;
    float: left;
    padding: 0 7px;
}

.pa-fld4 {
    background: url(http://forumfiles.ru/files/000b/95/b0/74604.png);
    position: absolute;
    width: 20px;
    height: 20px;
    top: 36px;
    left: -35px;
    font-size: 0;
    -webkit-box-shadow: -1px -1px 0 #2d2b38;
    box-shadow: -1px -1px 0 #2d2b38;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    cursor: pointer;
}

li.pa-fld4::before {
    content: '\f303';
    font-size: 10px;
    font: 10px/18px 'AwesomeFont';
    color: #73766c;
    display: inline-block;
    float: left;
    padding: 0 7px;
}

.pa-fld4:hover,
.pa-fld3:hover {
    width: 62px;
    left: -73px;
}

.pa-fld4 b,
.pa-fld3 b {
    color: #abaaad;
    float: left;
    display: inline-block;
    opacity: 0;
    font-size: 10px;
    line-height: 20px;
    font-family: 'Roboto Mono';
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    height: 20px;
    overflow: hidden;
}

.pa-fld4:hover b,
.pa-fld3:hover b {
    opacity: 1;
    font-size: 10px;
}

/* Подпись----------------------------------------------------------*/

.punbb .post-sig dt {
    display: block;
    background: url(http://forumfiles.ru/files/000b/95/b0/31113.png) top center no-repeat;
    height: 20px;
    opacity: 0.4;
}

dl.post-sig {
    margin-top: 20px;
}



/* Боксы формы ответов - щрифты и тд---------------------------------*/

#font-area,
#size-area,
#color-area,
#table-area,
#smilies-area,
#image-area,
#imageup-area,
#imageattach-area,
#keyboard-area,
#video-area,
#addition-area {
    background: #b9b9bc url(http://forumfiles.ru/files/000b/95/b0/95513.png);
    -webkit-box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    background-size: cover;
    -webkit-background-size: cover;
    margin-top: 5px !important;
    max-height: 159px;
    overflow-y: auto;
    top: 37px !important;
    right: 13px !important;
    padding: 10px;
}

#font-area {
    width: 343px;
}

#font-area div {
    float: left;
    width: 142px;
    margin: 3px 2px 3px 3px;
    text-align: center;
    padding: 5px 5px 0 5px;
    line-height: 10px;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    font-size: 13px;
    border-radius: 26em 1em/2em 1em;
}

#font-area div:hover {
    background: #acaaad;
}

#font-area div:nth-of-type(32) {
    font-size: 10px !important;
}

#font-area img {
    height: 30px!important;
    margin-top: -25px!important;
}

span.ru_tag {
    display: inline-block!important;
    background: #cfcfcf;
    height: 13px!important;
    width: 15px;
    font: bold 8px/13px arial;
    margin-left: 5px;
    text-transform: uppercase;
}

/* Разное----------------------------------------------------------*/

#pun-live-rusff {
    padding: 10px;
}

/*  паддинг на порекомендуйте эту страницу */

.lastedit {
    display: none;
}

/* убирает "отредактировано"*/

/* =============================================================== //
//                                                                REDIRECTION                                                                 //
// =============================================================== */

body.redirect-page {
    background: #212129 url(http://forumfiles.ru/files/000b/95/b0/94475.png) repeat fixed center center;
    background-size: cover;
    -webkit-background-size: cover;
    color: #333;
    background-image: url(http://forumfiles.ru/files/000b/95/b0/94475.png)!important;
}

.redirect-page #pun {
    margin-top: 140px;
    background: none;
}

#pun-redirect .main h1 {
    background: none;
    margin-left: 0!important;
    padding-top: 26px!important;
    width: 742px;
}

#pun-redirect {
    background: url(http://forumfiles.ru/files/000b/95/b0/31384.png);
    margin: 0 auto!important;
    width: 768px!important;
    height: 248px;
}

#pun-redirect .main h1 span {
    font-size: 18px;
}

#pun-redirect .info {
    font: 11px 'Roboto Mono';
    text-transform: uppercase;
}

/* =============================================================== //
//                                                                PROFILE EDIT                                                                 //
// =============================================================== */

#profilenav {
    background: url(http://forumfiles.ru/files/000b/95/b0/17299.png) left top no-repeat, url(http://forumfiles.ru/files/000b/95/b0/36393.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/63786.png) left top repeat-y;
    padding-top: 20px;
}

#profilenav h2 {
    text-align: center;
    font: bold small-caps 17px 'Cheque';
    color: #b0b0af;
    letter-spacing: 1px;
}

#pun-messages #profilenav ul:first-of-type {
    padding-bottom: 0!important;
}

#profilenav ul {
    padding: 14px 16px 26px 13px!important;
}

#profilenav li {
    text-align: center;
    padding: 2px 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#profilenav li:hover,
#profilenav li.isactive {
    background: rgba(185, 185, 188, 0.21);
}

#profilenav li a {
    color: #969392;
    font: 11px 'Roboto Mono';
    text-transform: uppercase;
}

#profilenav li:hover a,
#profilenav li.isactive a {
    letter-spacing: 3px;
    font-weight: bold;
}

#pun-profile .inputfield,
#pun-profile .datafield,
#pun-profile .datafield,
#pun-profile .checkfield {
    margin: 6px 0;
}

#pun-profile .avatardemo {
    -webkit-box-shadow: 0 0 0 5px #4d403f59;
    box-shadow: 0 0 0 5px #4d403f59;
    border: 1px solid #2a2938;
}

#pun-profile .fs-box input,
#pun-profile .fs-box p,
#pun-profile .fs-box fieldset {
    margin: 8px 0;
}

/* =============================================================== //
//                                                                PROFILE VIEW                                                                 //
// =============================================================== */

#viewprofile #profile-left {
    background: url(http://forumfiles.ru/files/000b/95/b0/17299.png) left top no-repeat, url(http://forumfiles.ru/files/000b/95/b0/36393.png) left bottom no-repeat, url(http://forumfiles.ru/files/000b/95/b0/63786.png) left top repeat-y;
    width: 229px;
    display: block;
    padding-bottom: 44px;
}

#viewprofile {
    margin-left: -32px;
}

#viewprofile #profile-signature {
    margin-left: 32px;
}

#viewprofile #profile-name {
    margin-top: 20px;
    text-align: center;
    margin-left: 14px;
    margin-right: 18px;
    font: small-caps normal 17px/0px 'Cheque';
    color: #a2a1ac;
    text-shadow: 1px 1px 0 #4d3f3f;
}

#viewprofile #profile-title {
    color: rgba(208, 208, 212, 0.42);
    padding: 0 2px 2px !important;
    text-transform: uppercase;
    font: normal 8px 'Oswald';
    letter-spacing: 1px;
    margin: 0 16px 0 13px;
    text-align: center;
}

#viewprofile #profile-title strong {
    font-weight: normal
}

#viewprofile #profile-left img {
    -webkit-box-shadow: 0 0 0 5px rgba(129, 127, 154, 0.14);
    box-shadow: 0 0 0 5px rgba(129, 127, 154, 0.14);
    border: 1px solid #2a2938;
}

#viewprofile #profile-signature ul {
    border: none;
}

#viewprofile #profile-signature ul::before {
    content: ' ';
    display: block;
    background: url(http://forumfiles.ru/files/000b/95/b0/31113.png) top center no-repeat;
    height: 20px;
    opacity: 0.4;
    width: 100%;
}

#viewprofile #profile-right .lz {
    padding: 0!important;
}

#viewprofile #profile-right .lz1 {
    font: 12px 'Roboto Mono';
    text-transform: uppercase;
    background-color: rgba(129, 127, 154, 0.14);
    padding: 3px!important;
    width: 300px;
    text-align: center;
}

#viewprofile #profile-right .lz2 {
    width: 300px;
    padding: 2px;
    font: 10px/10px 'Roboto Mono';
    text-align: justify;
}

#viewprofile #profile-right li strong br {
    display: none
}

#viewprofile td#profile-right li span {
    font: 11px 'Oswald';
    text-transform: uppercase;
    opacity: 0.4;
}

#profile-left li:nth-of-type(4) {
    font: 8px/11px 'Oswald';
    margin: 4px 20px 4px 17px !important;
    background: #817f9a24;
    padding: 0!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    color: #bbbbbe;
}

#profile-left li:nth-of-type(3) {
    text-align: center;
    margin: 0 16px 0 14px;
    font: normal 10px 'Oswald';
    color: rgba(122, 92, 91, 0.61);
}

/* =============================================================== //
//                                                              MESSAGES .                                                                     //
// =============================================================== */

#pun-messages .fs-box {
    padding: 0;
    min-height: 230px;
}

/* =============================================================== //
//                                                                       OTHER                                                                     //
// =============================================================== */

/*подгонка нижней линии - мод панель, и просматривают тему*/

#topic-users-in + .linksb {
    margin-top: 17px;
}

#topic-modmenu,
#topic-modmenu select,
#topic-users-in {
    color: #b7b7ba;
}

#pun-multimove .modmenu .container strong,
#pun-multimegre .modmenu .container strong,
#pun-multidelete .modmenu .container strong {
    margin: 12px;
}

#topic-modmenu,
#topic-users-in {
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #909094;
}

div#topic-feed {
    position: absolute;
    right: 0;
    margin-top: 18px;
}

select#mod-options {
    margin: 0!important;
}

/*выравниватлка кнопок и селектов разных*/

select,
input[type="submit"] {
    margin: 10px 5px!important;
    padding: 3px!important;
}

/*выравнивалка ответов на разных поисках тем*/

li.pa-replies {
    color: rgba(184, 184, 187, 0.7);
    font: 9px 'Roboto Mono';
    text-transform: uppercase;
}

#pun-searchposts .post-author ul {
    margin-top: 29px;
}

#pun-searchposts .post-author ul .pa-author {
    top: 0;
    left: 0;
}

#pun-searchposts .post-author ul .pa-replies {
    padding-bottom: 5px;
}

#pun-messages .linksb {
    margin-left: -250px;
}

#pun-messages input {
    background: #aeaeae;
}

.punbb .info {
    text-align: center;
    padding: 50px;
}

.section {
    padding: 0!important;
}

#pun-userlist .tcl .usersname a,
#pun-messages .tc2 a,
#pun-viewforum .tcr a,
#pun-searchtopics .tcr a {
    line-height: 32px;
}

#main-reply {
    width: 97%!important;
}

/*Окно репутации*/

div#pun-reputation .inner {
    background: url(http://forumfiles.ru/files/000b/95/b0/83701.png);
    -webkit-box-shadow: none;
    box-shadow: none;
}

div#pun-reputation .inner h1 {
    background: none;
    width: 768px;
    margin-top: 13px;
}

div#pun-reputation .inner .container {
    padding: 0px 26px 10px!important;
    margin-bottom: 13px;
}

/*Кнопки вверх вниз*/

.go-up,
.go-down {
    position: fixed;
    width: 90px;
    font: 10px/20px 'Oswald';
    text-transform: uppercase;
    letter-spacing: 1px;
    height: 19px;
    text-align: center;
    cursor: pointer;
}

.go-up {
    bottom: 282px;
    right: calc(50% - 651px);
}

.go-down {
    bottom: 230px;
    right: calc(50% - 613px);
}

.sim-button {
    height: 19px;
}

.button10 {
    color: #8c8891;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
}

.button10 span {
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.button10::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #373345;
}

.button10::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 1px solid #373345;
}

.button10:hover::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 1px solid #746f7d;
}

.button10:hover::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #746f7d;
}

.button10:hover span {
    letter-spacing: 0;
    font-size: 8px;
    margin-left: 1px;
}

/*ВХОД НА ГЛАВНОЙ*/

.log-in-index {
    margin-top: -6px!important;
    margin-left: 25px!important;
}

.log-in-index #login {
    width: 349px;
}

.log-in-index fieldset {
    display: inline-block;
}

.log-in-index .formsubmit {
    float: right;
}

.log-in-index .fs-box {
    padding: 0!important;
}

.log-in-index input {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #191921;
    border: 2px solid #291f1e;
    color: #b7b7ba;
}

.log-in-index .formsubmit {
    padding: 0!important;
}

/*юзер панель*/

#u-panel {
    position: absolute;
    z-index: 999;
    top: 237px;
    left: 24px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#u-panel img {
    width: 49px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 3px double #373546;
}

/*профиль в лс*/

#pun-messages .post h3 {
    background: none!important;
    width: 100%;
}

#pun-messages .post-author {
    background: none!important;
    width: 212px;
}

#pun-messages .post-author ul {
    margin: 0!important;
background: rgba(85, 85, 75, 0.15);
}

#pun-messages .post-author .pa-title {
    color: #493d3c;
}

#pun-messages .post-author .pa-time-visit,
#pun-messages .post-author .pa-reg,
#pun-messages .post-author .pa-ip,
#pun-messages .post-author .pa-last-visit {
    color: #493d3c;
}

#pun-messages .post-author .pa-posts {
    color: #493d3c;
    width: 180px;
    margin: 0 0 10px 0;
}

#pun-messages .post-body {
    margin-left: 193px;
}

#pun-messages .post-author .pa-author {
    top: 0;
    left: 14px;
    width: 207px;
}




#pun-announcement .container {
    padding: 25px;
}

#pun-announcement .container button {
    background: transparent;
    border: 1px solid #74707d;
    position: relative;
    margin: 1em;
    display: inline-block;
    padding: 0.5em 1em;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font: bold 11px/11px 'oswald';
    color: #4a4853;
    outline: none;
    width: 190px;
}

#pun-announcement .container button:hover {
    background: #726f7b;
    cursor: pointer;
    letter-spacing: 2px;
    color: #b9b9bb;
    text-shadow: 1px 1px 0 #18181f;
}

#pun-announcement .container button:before,
#pun-announcement .container button:after {
    content: '';
    display: block;
    position: absolute;
    border-color: #442e29;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    width: 1em;
    height: 1em;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#pun-announcement .container button:before {
    top: -5px;
    left: -5px;
    border-width: 2px 0 0 2px;
    z-index: 5;
}

#pun-announcement .container button:after {
    bottom: -5px;
    right: -5px;
    border-width: 0 2px 2px 0;
}

#pun-announcement .container button:hover:before,
#pun-announcement .container button:hover:after {
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-color: #746f7e;
}


#pun-multimove.punbb .post .post-author .pa-author,
#pun-multimegre.punbb .post .post-author .pa-author,
#pun-multidelete.punbb .post .post-author .pa-author {
    top: 0;
    left: 0;
}

#pun-multimove.punbb .post .post-author ul,
#pun-multimegre.punbb .post .post-author ul,
#pun-multidelete.punbb .post .post-author ul {
    margin-top: 27px;
}

div#smailiki {
    padding: 10px;
    text-align: center;
}

#smailiki p {
    margin-top: 5px;
}

#mask_dialog .inner {
    -webkit-box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    box-shadow: 0 0 0 1px rgba(54, 51, 68, 0.49) inset, 0 0 0 3px #b1b1b0;
    background: #cccccc url(http://forumfiles.ru/files/000b/95/b0/95513.png);
    background-size: cover;
    -webkit-background-size: cover;
}

.hv-mask-dialog-title:after,
.hv-mask-dialog-title:before {
    content: " • • • ";
    font: 10px 'Oswald';
    color: #6f5f69;
    word-spacing: 1px;
}

.hv-mask-dialog-title {
    font: 13px 'Cheque';
    color: #4b4b4b;
}

#mask_dialog .inner .hv-mask-block .hv-preview-block {
    max-width: 240px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
}

#mask_dialog .inner .hv-mask-block .hv-preview-block .hv-preview-avatar img {
    max-width: 180px;
}

#mask_dialog .inner .hv-mask-block .hv-preview-block .hv-preview-author {
    font: small-caps bold 19px/21px 'Cheque';
    color: #9795ab;
    text-shadow: 1px 1px 0 #4d3f3f;
}

#mask_dialog .inner .hv-mask-block .hv-preview-block .hv-preview-title {
    font: 10px 'Cheque Black';
    letter-spacing: 1px;
}

#mask_dialog .inner .hv-mask-block .hv-form-block {
    padding: 0 20px 0 0px;
}