html, body {
    min-width: 1300px!important; /*!Правка для мобильных Устройств с мелким Экраном*/
    scrollbar-color: #d1d1d1 #545454;
    scrollbar-width: thin;
  }

/* ТЕЛО ФОРУМА, ШАПКА, ФОН, ЦВЕТА и т.д.
-------------------------------------------------------------*/

/* A5.1 */
/* Тело форума */
#pun {
  margin: auto;
  position: relative;
  width: 1176px;
  background: #d1d1d1 url(https://i.imgur.com/Tqm8PX0.jpg) repeat;
  background-repeat: repeat-y;
  margin-left: 180px;
  margin-bottom: 20px;
  }


/* A5.2 */
/* Контент внутри тела */
.punbb {
  width: 960px; /* ширина текстового наполнения внутри тела */
  height: auto;
  margin-left: 110px;
  float: none;
  }


/* Шапка */
#pun-title table {
  border: none;
  width: 1150px;
  height: 189px;
  background: #060200 url(https://i.imgur.com/u2qj6HV.jpg) center top no-repeat;
  margin-left: -105px;
  margin-top: 200px;
}

/* Фон форума */
body { 
    background: url(https://i.imgur.com/GBGo2WQ.jpg) fixed no-repeat top center, url(https://i.imgur.com/kGBA1Es.jpg) top center repeat-y;
    background-size: 100%; 
    background-color : #000;
    background-attachment: fixed;
  }

/* Футер */
#pun-about p.container {
   background: #060200 url(http://forumfiles.ru/uploads/001a/c6/32/2/823659.jpg) no-repeat center top;
   width: 1150px;
   height: 140px;
   margin: 0px 0px -29px -108px;
   overflow-x: hidden;
   border: none!important;
}

/* Оформление и расположение верхних и нижних "хлебных крошек" (цепочки открытых тем) */
#pun-crumbs1, #pun-crumbs2 {
  font-size: 1.1em;
  font-family: 'Lora', serif;
  font-weight: bold;
  text-transform: uppercase;
}

#pun-crumbs1 {
  margin-top: 60px!important;
}

#pun-crumbs2 {
  margin-bottom: 40px!important;
}


/* Простой текст (не ссылки)
-------------------------------------------------------------*/

/* Надписи "Рейтинг форумов" и "Создать форум бесплатно" в футере с копирайтом */
#pun-about .container .item1 {
   text-align: center;
   margin-top: -7px;
   font-size: 9px;
   color: #5c5c5c!important;
}

#pun-about .container .item1 a {
   color: #5c5c5c!important;
}

/* Цвет текста основных элементов на форуме */
.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: #000;
  }


.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #000;
  }


/* Цвет текста в названиях категорий, в заголовке окна переадресации и статистике */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #000;
  }


/* Цвет текста в меню модератора */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000;
  }


/* Цвет текста в заголовках в админке в блоке "Информация" при входе: "Добро пожаловать", "Свой стиль", "Информация сервиса" и т.д. */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #404040;
  }

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


/* Фоновый цвет для меню навигации: форум, участники, поиск, и т.д. (оставить по умолчанию) */
#pun-navlinks .container {
  background-color: transparent;
  }

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

/* Цвета границ, если включены (оставить по умолчанию)
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

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

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

/* CS2.5 */
.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: transparent;
  }

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

/* ЦВЕТА ССЫЛОК
-------------------------------------------------------------*/

/* Цвет уже посещённых (нажатых) ссылок */
.punbb a:visited {
  color: #53657f;
  border-bottom: 0px;
  text-decoration: none;
  }

/* Цвет ссылок в профиле, в постах, в заголовках тем, на надписях "Помочь форуму", "Цитировать", "Редактировать", "Подписаться" и т.д. */
.punbb a, .punbb a:link {
  color: #53657f;
  border-bottom: 0px;
  text-decoration: none;
  transition-duration: 0.6s;

}

/* Цвет неактивных ссылок в админке */
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #1e242e;
  border-bottom: 0px;
  text-decoration: none;
  }

/* Цвет неактивной ссылки "Входящие" в личных сообщениях */
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #6a7d99;
  }

/* Цвет ссылок на всём форуме при наведении */
.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: #000;
  transition-duration: 0.6s;
  }

/* Цвет ссылок в меню навигации (форум, участники, поиск, профиль, и т.д.) до наведения */
#pun-navlinks a {
  color: #ededed;
  text-decoration: none;
  }

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

/* Отдельная настройка ссылок в постах */
.post-box a {
  font-weight: bold;
}


/* ФОРУМ, УЧАСТНИКИ, ПРОФИЛЬ И Т.Д ИКОНКАМИ
-------------------------------------------------------------*/

#navindex a span, #navuserlist a span, #navawards a span, #navsearch a span, #navpm a span, #navprofile a span, #navadmin a span, #navlogin a span, #navlogout a span, #navregister a span, #navpr_1 a span, #navpiar a span {
  display: none;
}

#navindex a:after {
  content: "\f015";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navuserlist a:after {
  content: "\f0c0";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navsearch a:after {
  content: "\f002";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navpm a:after {
  content: "\f0e0";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navprofile a:after {
  content: "\f007";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navadmin a:after {
  content: "\f013";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navlogout a:after {
  content: "\f2f5";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navlogin a:after {
  content: "\f2f6";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navregister a:after {
  content: "\f234";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navpr_1 a:after {
  content: "\f0a1";
  font-family: 'Font Awesome';
  width: 15px;
  position: absolute;
}

#navindex a:before, #navuserlist a:before, #navsearch a:before, #navpm a:before, #navprofile a:before, #navadmin a:before, #navlogout a:before, #navlogin a:before, #navregister a:before, #navpr_1 a:before {
  width: 26px;
  height: 26px;
  position: absolute;
  background: #0f0f0f;
  content: '';
  margin: -6px 0 0 -5px;
  transform: rotate(45deg);
  border-radius: 2px;
  box-shadow: 0 0 0 1px #000;
  transition-duration: 0.5s;
}

#navindex a:hover::before, #navuserlist a:hover::before, #navsearch a:hover::before, #navpm a:hover::before, #navprofile a:hover::before, #navadmin a:hover::before, #navlogout a:hover::before, #navlogin a:hover::before, #navregister a:hover::before, #navpr_1 a:hover::before {
  background: #bbb9bc;
  transition-duration: 0.5s;
  }

li#navpiar {
    padding: 0px!important;
  }


/* ОФОРМЛЕНИЕ ПОДФОРУМОВ
-------------------------------------------------------------*/

/* C2.8 заголовки */
#pun-index .tcl h3 {
  background: #bbbbbb;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  font-family: 'Lora', serif;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 6px;
  margin-top: 8px;
  margin-bottom: 3px;
  }

#pun-index .tcl h3 a {
  color: #1c1d2e!important;
}

#pun-index .tcl h3 a:hover {
  color: #6e2222!important;

}


/* Фон подфорума */
#pun-index .tclcon {
  background: url(http://forumfiles.ru/uploads/001a/c6/32/2/458967.jpg) repeat;
  box-shadow: 0 -11px 0 -8px #999, 0 11px 0 -8px #999;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
  border-right: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 26px;
  font-size: 7px;
  font-family: 'Lora', serif;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.28), 1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 rgba(0, 0, 0, 0.1);
  letter-spacing: 0.3em;
  line-height: 14px;
}



/* ИКОНКИ ВОЗЛЕ ТЕМ
 -------------------------------------------------------------*/

/* Нет новых сообщений */
#pun-index table Div.icon {
  position: absolute;
  display: block;
  background: url() no-repeat;
  width: 26px;
  height: 22px;
  margin-left: -40px;
  margin-top: 40px;
  opacity: 0.5;
}

/* Есть новые сообщения */
#pun-index TR.inew Div.icon {
  position: absolute;
  display: block;
  background: url(http://forumfiles.ru/uploads/001a/c6/32/2/625463.png) no-repeat;
  width: 26px;
  height: 22px;
  margin-left: -40px;
  margin-top: 40px;
  opacity: 1;
}

/* Иконки сообщений внутри подфорума */
#pun-searchtopics table Div.icon, #pun-viewforum table Div.icon, #pun-messages table Div.icon {
  position: relative;
  display: block;
  float: left;
  margin-top: 4px;
  margin-left: -20px;    
  width: 8px;
  height: 8px;
  background: #b1b1b1;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #5d5d5e;
  transform: rotate(45deg);
  opacity: 1;
  }

#pun-searchtopics table Div.icon {
    margin: 4px 15px 20px 10px;
  }

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
    background: #333333;
    box-shadow: inset 0 0 0 1px #040404;
    opacity:1;
  }

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
    background: #566759;
    box-shadow: inset 0 0 0 1px #040404;
    opacity: 1;
  }

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    background: #949494;
    box-shadow: inset 0 0 0 1px #040404;
    opacity: 1;
  }


/* ПРОФИЛЬ И ЛИЧНОЕ ЗВАНИЕ
 -------------------------------------------------------------*/

/* Подложка профиля */
.punbb .post .post-author {
  background: #bdbdbd;
  box-shadow: 0 0 3px #12121295;
  border-radius: 0px;
}


/* Личное звание */
.lz {
  position: relative;
  padding: 6px 10px 10px 20px;
  line-height: 11px!important;
  height: auto;
  border-top: 1px solid #919191;
  border-bottom: 1px solid #919191;
  text-align: justify;
  font-size: 10px;
  color: #1a1617;
  text-transform: lowercase;
}

.lz:before {display: block;/* content:""; */width: 180px;height: 1px;background-color:#cccdcb;margin-bottom: 10px;}
.lz:after {display: block;/* content:""; */width: 180px;height: 1px;background-color:#cccdcb;margin-top: 10px;}


/* Ссылки в ЛЗ */
.lz a {
  font: bold 10px arial !important;
  color: #222b38 !important;
}



/* Аватар */
.pa-avatar {
  margin-bottom: 10px!important;
}


/* Клановая плашка в профиле */
.lzplash {
  padding-top: 10px;
  padding-bottom: 10px;
}


/* Полоска с названием таймлайна */
li.pa-fld4 {
  position: relative;
  background: #a2a2a2;
  width: 240px;
  text-align: center;
  font-size: 9px;
  margin-left: -12px!important;
  margin-bottom: 10px!important;
  padding-top: 1px!important;
  padding-bottom: 1px!important;
  color: #333;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}


/* Полоска с датой смерти персонажа */
li.pa-fld5 {
  position: relative;
  background: #a2a2a2;
  width: 240px;
  text-align: center;
  font-size: 9px;
  margin-left: -12px!important;
  margin-bottom: 9px!important;
  padding-top: 1px!important;
  padding-bottom: 1px!important;
  color: #333;
  border-top: 1px solid #949494;
  border-bottom: 1px solid #949494;
}


/* Пунты "Сообщений" и "Репутация" в профиле */
.pa-posts, .pa-respect {   
  width: 55px;
  text-transform: lowercase;
  font-size: 9px;
  color: #2e2e2e!important;
  display: inline-block;
  padding: 1px 9px 1px 9px!important;
  margin-bottom: 7px!important;
  background: #b0b0b038;
  border: 1px solid #a8a8a8;
}

.pa-posts {
  margin-left: 0px!important;
}


/* Текст "Активен n минут/часов" */
.pa-online {
  text-transform: uppercase;
  font-size: 9px;
  margin-top: 5px!important;
  color: #333;
}



/* Дополнительное оформление на форуме
 -------------------------------------------------------------*/

/* Название темы в самой теме */
#pun-main h1,#pun-debug h2 {
  font-size: 15px;
  font-family: 'Lucida', serif;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.24), 1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 rgba(0, 0, 0, 0.1);
  letter-spacing: 0.35em;
  text-align: center;
  margin-bottom: 50px;
  }

/* Категории и статистика */
.punbb .category h2, #pun-stats h2 {
/* display: none; */
  background: url(http://forumfiles.ru/uploads/001a/c6/17/2/934997.jpg);
  width: 1140px;
  height: 30px;
  margin-left: -100px;
}

/* Номер поста */
#pun .post h3 strong {
  position: absolute;
  width: 200px;
  margin-left: 700px;
  text-align: right!important;
}

/* Оформление цитаты и кода */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
  background: url() #c7c7c7;
  padding: 10px;
  box-shadow: 0 -11px 0 -8px #8a8a8a, 0 11px 0 -8px #8a8a8a;
  border-top: 2px solid #e0e0e0;
}

/* Текст "Юзернейм написал(а)" в цитате */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.0em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 5px;
  }

/* Форма ответа и окно ввода в админке */
.punbb textarea {
  background: url() #c4c4c4;
  width: 97%!important;
  border: 1px solid #e0e0e0;
}

/* Поля ввода (заголовок, теги, при регистрации и т.п.) */
.punbb input {
  background: #303030;
  color: #e5e5e5;
  padding: 7px;
  font-weight: bold;
  border: 1px solid #dbdbdb;
  transition-duration: 0.5s;
}

.punbb input:hover, .punbb input:active {
  background: #c4c4c4;
  color: #212121;
  transition-duration: 0.5s;
}

/* Кнопки "Сохранить", "Отправить", "Посмотреть" */
.button {
  font-size: 10px!important;
  font-family: 'Lora'!important;
  text-transform: uppercase;
}

.button:hover, .button:active {
  background: #c4c4c4;
  color: #212121;
  border: 1px solid #b8b6b6;
  transition-duration: 0.5s;
}


/* Форма загрузки при смене аватара в профиле */
#file_upload_input {
  background: #8a8a8a;
  color: #0f0d0d;
}

/* Фон для списка "Модерирование темы" */
.punbb select, input {
  background: #c6c6c6;
}


/* Всплывающее сообщение при изменении репутации */
.post_reputation {
    background: #a8a8a8;
}

/* Фон для окон в форме ответа: шрифты, размеры, смайлы и проч. */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, #smilies-area {
    background-color: #a8a8a8!important;
}


/* Полоса прокрутки */
::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}  

::-webkit-scrollbar-track {
  background-color: #545454; /* цвет фона под прокруткой */
}

::-webkit-scrollbar-thumb {
  background-color: #ededed;  /* цвет ползунка */
}

::-webkit-scrollbar-thumb:active {
  background: #262626; /* цвет ползунка при нажатии мышкой */
  }


/* Кнопки вверх-вниз страницы */
.go-up, .go-down {
 display: none;
 position: fixed; /*позиционирование*/
 z-index: 9999; /*поверх все элементов на странице*/
 right: 65px; /*положение на странице, если слева - left*/
 cursor: pointer;
 opacity: .8;
 padding: 3px;
 margin-bottom: 15px;
 width: 1px;
 height: 70px;}
.go-up { bottom: 230px; }
.go-down { bottom: 180px; }
.go-down:hover,
.go-up:hover {
 opacity: 1;
}


/* Баннеры в футере */
.banneri {
   position: absolute;
   margin-top: -100px!important;
   margin-left: -50px!important;
   width: 1020px;
   height: 70px;
   text-align: center;
   overflow: auto;
   z-index: 1;
  }

.banneri img {
   padding: 2px 0 2px 0px;
   opacity: .8;
   transition: all .5s ease-in-out 0s;
   filter: grayscale(100%) brightness(.5);
  }

.banneri img:hover {
   opacity: 1;
   transition: all .5s ease-in-out 0s;
   filter: grayscale(0%) brightness(1);
  }


/* Выделенный текст */
::selection {
  background: #636363a8;
  color: #fafafa;
}

/* Стилизация зачёркнутого текста */
del {
    text-decoration: none!important;
    /* background: rgb(87, 104, 90); */
    /* color: transparent; */
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
  }

del:hover {
    text-decoration: none!important;
    /* background: rgb(87, 104, 90); */
    /* color: transparent; */
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0);
    -ms-filter: blur(0px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }


/* Дополнительные скрипты
 -------------------------------------------------------------*/

/* убрать форум и посл.сообщение над форумами*/
  .category .container thead 
{display: none;}


/* Спрятать названия категорий */
.punbb:not(.punbb-admin) h2 span {
display: none;
}


/* Убрать надпись "Отредактировано" в сообщении */
.lastedit{display:none;}


/* Спрятать модераторов в подфорумах */
.punbb .modlist {
    display: none !important;
}

/* Убираем свечение в хроме */
input, textarea {
    outline: none;
}  
input:active, textarea:active {
    outline: none;
} 
:focus {
    outline: none;
}

/* Маска профиля ограничение по размерам аватара */
    .pa-avatar img {
        max-width: 180px;
        max-height: 180px;
    }