@import url(style_cs.1752747562.css);

/* Fonts
-------------------------------------------------------------*/

/* Иконический шрифт */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons+Outlined');

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');

/* Mulish */
@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

/* используются в дизайне */
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700|Open+Sans:400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
/* используются в дизайне */

@import url(//forumstatic.ru/files/0018/25/96/61263.css);
@font-face {font-family: Carmen; src: local('Carmen'), url(https://forumstatic.ru/files/001b/aa/c9/63811.ttf) format("truetype");} 

/* BerolinaCapC */
@font-face {
	font-family: 'BerolinaCapC';
	src: local('BerolinaCapC'), url('//alexkolmar.github.io/fonts/berolinacapc/berolinacapc.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

/* Cambria */
@font-face {
	font-family: 'Cambria';
	src: local('Cambria'), url('//alexkolmar.github.io/fonts/cambria/cambria.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Marta Decor Two */
@font-face {
	font-family: 'Marta Decor Two';
	src: local('Marta Decor Two'), url('//alexkolmar.github.io/fonts/martadecortwo/martadecortwo.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

/* Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
}

@font-face {
	font-family: AleksandraC;
	src: local("AleksandraC"), url(//forumstatic.ru/files/0017/9e/82/97804.ttf);
}

@font-face {
	font-family: 'AGReverance';
	src: url('https://forumstatic.ru/files/001b/6e/a7/90109.eot');
	src: url('https://forumstatic.ru/files/001b/6e/a7/90109.eot?#iefix') format('embedded-opentype'),
		url('https://forumstatic.ru/files/001b/6e/a7/30374.woff2') format('woff2'),
		url('https://forumstatic.ru/files/001b/6e/a7/51655.woff') format('woff'),
		url('https://forumstatic.ru/files/001b/6e/a7/23313.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Garamond';
	src: url('https://forumstatic.ru/files/001b/6e/a7/81004.ttf');
	src: url('https://forumstatic.ru/files/001b/6e/a7/71712.eot?#iefix') format('embedded-opentype'),
		url('https://forumstatic.ru/files/001b/6e/a7/66593.woff2') format('woff2'),
		url('https://forumstatic.ru/files/001b/6e/a7/47062.woff') format('woff'),
		url('https://forumstatic.ru/files/001b/6e/a7/81004.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: Marck Script;
	src: local("Marck Script"), url(//forumstatic.ru/files/0017/9e/82/58293.ttf);
}

@font-face {
	font-family: Intro;
	src: local("Intro"), url(//forumstatic.ru/files/0017/9e/82/40606.otf);
}

@font-face {
	font-family: Playfair Display;
	src: local("Playfair Display"), url(//forumstatic.ru/files/0017/9e/82/81546.ttf);
}

@font-face {
	font-family: bebasneue;
	src: local("bebasneue"), url(//forumstatic.ru/files/0017/9e/82/63842.otf);
}

@font-face {
	font-family: Montez;
	src: local("Montez"), url(//forumstatic.ru/files/0017/9e/82/56957.ttf);
}

@font-face {
	font-family: Bad Script;
	src: local("Bad Script"), url(//forumstatic.ru/files/0017/9e/82/84495.ttf);
}

@font-face {
	font-family: encapsulate plain-brk;
	src: local("encapsulate plain-brk"), url(//forumstatic.ru/files/0017/9e/82/12629.ttf);
}

@font-face {
	font-family: encapsulate brk;
	src: local("encapsulate brk"), url(//forumstatic.ru/files/0017/9e/82/16723.ttf);
}

@font-face {
	font-family: Degree Serif S;
	src: local("Degree Serif S"), url(//forumstatic.ru/files/0017/9e/82/65764.ttf);
}

@font-face {
	font-family: Dancing Script;
	src: local("Dancing Script"), url(//forumstatic.ru/files/0017/9e/82/74393.ttf);
}

@font-face {
	font-family: Isadora;
	src: local("Isadora"), url(//forumstatic.ru/files/0017/9e/82/62453.ttf);
}

@font-face {
	font-family: Calibri;
	src: local("Calibri"), url(//forumstatic.ru/files/0017/9e/82/96589.ttf);
}

@font-face {
	font-family: Annabelle;
	src: local("Annabelle"), url(//forumstatic.ru/files/0017/9e/82/96996.ttf);
}

@font-face {
	font-family: Lobster;
	src: local("Lobster"), url(//forumstatic.ru/files/0017/9e/82/19909.ttf);
}

@font-face {
	font-family: arizonia;
	src: local("arizonia"), url(//forumstatic.ru/files/0017/9e/82/84807.ttf);
}

@font-face {
	font-family: Fortuna Gothic FlorishC;
	src: local("Fortuna Gothic FlorishC"), url(//forumstatic.ru/files/0016/e7/ab/49625.ttf);
}

@font-face {
	font-family: American TextC;
	src: local("American TextC"), url(//forumstatic.ru/files/0016/e7/ab/66579.ttf);
}

@font-face {
	font-family: BelladonaStencil;
	src: local("BelladonaStencil"), url(//forumstatic.ru/files/0016/e7/ab/97039.ttf);
}

@font-face {
	font-family: cubic;
	src: local("cubic"), url(//forumstatic.ru/files/0016/e7/ab/84329.ttf);
}

@font-face {
	font-family: cubic;
	src: local("cubic"), url(//forumstatic.ru/files/0016/e7/ab/84329.ttf);
}

@font-face {
	font-family: AmericanHorrorStory Promo;
	src: local("AmericanHorrorStory Promo"), url(//forumstatic.ru/files/001a/e7/a4/60775.ttf);
}

@font-face {
	font-family: Neucha;
	src: local("Neucha"), url(//forumstatic.ru/files/001a/e7/a4/14856.ttf);
}

@font-face {
	font-family: Comfortaa;
	src: local("Comfortaa"), url(//forumstatic.ru/files/001a/e7/a4/88301.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Comfortaa;
    src: local('Comfortaa bold'), local('Comfortaa-Bold'),
	    url('https://forumstatic.ru/files/001a/e7/a4/42953.eot?#iefix') format('embedded-opentype'),
		url('https://forumstatic.ru/files/001a/e7/a4/72923.woff2') format('woff2'),
		url('https://forumstatic.ru/files/001a/e7/a4/47636.woff') format('woff'),
		url('https://forumstatic.ru/files/001a/e7/a4/74517.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
        font-stretch: extra-expanded;
}


@font-face {
	font-family: Caveat;
	src: local("Caveat"), url(//forumstatic.ru/files/001a/e7/a4/58588.ttf);
}

@font-face {
	font-family: Streetbrush;
	src: local("Streetbrush"), url(//forumstatic.ru/files/001a/e7/a4/11619.otf);
}

@font-face {
	font-family: Molodo;
	src: local("Molodo"), url(//forumstatic.ru/files/001a/e7/a4/17777.otf);
}

@font-face {
	font-family: DopestyleG;
	src: local("DopestyleG"), url(//forumstatic.ru/files/001a/e7/a4/19510.otf?v=1);
}

@font-face {
	font-family: Dosis;
	src: local("Dosis"), url(//forumstatic.ru/files/001a/e7/a4/39628.ttf);
}

@font-face {
	font-family: Detectiv;
	src: local("Detectiv"), url(//forumstatic.ru/files/001a/e7/a4/18248.ttf);
}

@font-face {
	font-family: Runic;
	src: local("Detectiv"), url(https://forumstatic.ru/files/001a/e7/a4/34486.ttf?v=1);
}

@font-face {
	font-family: Runic-AltNo;
	src: local("Runic-AltNo"), url(https://forumstatic.ru/files/001a/e7/a4/58865.ttf?v=1);
}

@font-face {
	font-family: Bebas;
	src: local("Bebas"), url(https://forumstatic.ru/files/001a/e7/a4/11585.ttf?v=1);
}

@font-face {
	font-family: Tolkien;
	src: local("Tolkien"), url(https://forumstatic.ru/files/001a/e7/a4/18144.ttf);
}

@font-face {
	font-family: Faceyourfear;
	src: local("Faceyourfear"), url(//forumstatic.ru/files/001a/e7/a4/96032.ttf);
}

@font-face {
	font-family: Morfheus;
	src: local("Morfheus"), url(//forumstatic.ru/files/001b/6e/a7/34874.ttf);
}

@font-face {
	font-family: BonaNova;
	src: local("BonaNovas"), url(//forumstatic.ru/files/001a/e7/a4/13491.ttf);
}

@font-face {
	font-family: BonaNova-Italic;
	src: local("BonaNova-Italic"), url(//forumstatic.ru/files/001a/e7/a4/81149.ttf);
}

@font-face {
	font-family: BonaNova-Bold;
	src: local("BonaNova-Bold"), url(//forumstatic.ru/files/001a/e7/a4/87478.ttf);
}

@font-face {
	font-family: Prata;
	src: local("Prata"), url(//forumstatic.ru/files/001a/e7/a4/13810.ttf);
}

/* Полезные сервисные настройки
-------------------------------------------------------------*/

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
  font-size: 0;
  height: 0;
  width: 0;
  line-height: 0.0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  line-height: 0.0;
  font-size: 0;
}


/* Основные переменные
------------------------------------------*/

:root, .night #html-header {
  --body-bg: #272623;
  --pun-bg: #e1ddd8;
  --pun-bd: #807e74;
  --sec-bg: #cac6c1;
  --dark: #100f0d;
  --bd1: #b5b1ac;
  --bd2: #090808;
  --bsh: #1c1b18;
  --tx: #2d2b25;
  --tx2: #6c6c61;
  --ltx: #c6c3bd;
  --link: #698129;
  --green: #819c3b;
  --green2: #5c7c3f;
  --pwidth: 230px;
  --padding: 10px 20px;
  --tpad: 10px 20px;
  --mpad: 5px 10px;
  --mul: "Mulish", sans-serif;
  --fa: "Font Awesome 6 Pro";
/* старые переменные */
--cover: rgba(20, 20, 20, 0.50);;
--base-bg2: #E7E2DC;
--text: #000;
--accent: #457382;
--hover-link: #676767;
--text2: #ABABAB;
--llight-link: #ECECEC;
--border: #D6D5D1;
--fill: #242424;
--fill2: #2F2F2F;
--fill3: #272727;
--dark-border: #313131;
--fill4: #DEDBD6;
--span: #ABABAB;
}

/*****************************
---------- МОБИЛЬНЫЙ СТИЛЬ ----------
------- by Alex Kolmar (бродяга) -------
*****************************/

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


  /* Основа и тело форума
  -------------------------------------------------------------*/
  
  
  /*  * {
  float: none !important;
  box-sizing: border-box;
  }*/

  html {
  min-width: unset;
  background: url(https://forumstatic.ru/files/001b/6e/a7/14871.jpg) repeat top left;
  }
  
  #pun {
  width: 100%;
  margin: 0 auto;
  box-shadow: none;
  border-radius: 0;
  }
  
  .punbb {
  padding: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  }
  
  /* Порядок основных блоков */
  
  #html-header {order: initial;}
  #pun-title {order: initial;}
  #pun-navlinks {order: initial;}
  #pun-ulinks {order: initial;}
  #pun-status {order: initial;}
  #pun-crumbs1 {order: initial;}
  #pun-main {order: initial;}
  #pun-stats {order: initial;}
  #pun-crumbs2 {order: initial;}
  #pun-about {order: initial;}
  #html-footer {order: initial;}
  
  /* Основные настройки содержимого*/
  
  .punbb > div > .container {
    padding: 5px 20px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  }
  
  /* Поля ввода*/
  
  input, input[type="text"], input[type="password"], textarea, select {
    max-width: 100%;
    box-sizing: border-box;
  }

#pun #BookmCntToggle {
  z-index: 110;
}
  
  
  /* Шапка
  -------------------------------------------------------------*/
  
  #pun-title {
    min-height: 50px;
    background: url(https://forumstatic.ru/files/001b/6e/a7/27400.png) no-repeat top center, url(https://forumstatic.ru/files/001b/6e/a7/14871.jpg) repeat top left var(--body-bg);
    height: 300px;
  }

#html-header {
  margin: 0;
  width: 100%;
  height: 230px;
}

.tablica {
  height: 230px;
}

  .tab_hover, #toggle_tab {
    display: none;
  }

  .settings {
    position: relative;
    top: 185px;
    padding: 0 65px 0 15px;
    align-items: flex-start;
  }

#stylelist {
  margin-right: auto;
  order: -2;
}

  .punbb #chfont {
    position: relative;
    right: unset;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
    order: -1;
  }

.punbb #chfont.fixed {display: none;}

  .forum_info {
    position: absolute;
    top: 90px;
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    padding: 0;
    color: var(--pun-bg);
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
    font-size: 13px;
    height: auto;
    font-weight: 600;
  }

.forum_info span {
  text-transform: initial; 
}
  
  /* Меню навигации
  -------------------------------------------------------------*/
  
  #pun-navlinks {
    width: 100%;
    box-sizing: border-box;
    background: var(--pun-bg);
  }

  #pun-navlinks.fixed {
    border-bottom: 1px solid var(--bd1);
  }
  
  #pun-navlinks .container {
    height: auto;
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    box-sizing: border-box;
    padding: 10px 50px !important;
    gap: 10px;
  }
  
  #pun-navlinks li {
    display: block;
  }
  
  #pun-navlinks li a {
    font-size: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    position: relative;
  }
  
  #pun-navlinks li a::after {
    content: "";
    font: 700 14px/20px var(--fa);
  }
  
  #pun-navlinks li#navindex a:after {content: "\f015";}
  #pun-navlinks li#navuserlist a:after {content: "\f0c0";}
  #pun-navlinks li#navsearch a:after {content: "\f002";}
  #pun-navlinks li#navprofile a:after {content: "\f2bb";}
  #pun-navlinks li#navpm a:after {content: "\f0e0";}
  #pun-navlinks li#navadmin a:after {content: "\f085";}
  #pun-navlinks li#navlogout a:after {content: "\f08b";}
  #pun-navlinks li#navlogin a:after {content: "\f090";}
  #pun-navlinks li#navregister a:after {content: "\f067";}
  #pun-navlinks li#navpr_1 a:after {content: "\f0f3";}
  #pun-navlinks li#navawards a:after {content: "\f091";}
  #pun-navlinks li#navrules a:after {content: "\f03a";}
  
  #pun-navlinks li#navpm a span[data-last-unread]:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 20;
    width: 30px;
    height: 100%;
    display: block;
    animation: blinkColor 2s linear infinite;
    -moz-animation: blinkColor 2s linear infinite;
    -webkit-animation: blinkColor 2s linear infinite;
    background: var(--pun-bg);
  }

  #pun-navlinks li#navpm span.num_msg {
    margin-top: 0;
    height: 20px !important;
   }
 
   span.num_msg::before {
     top: -3px !important;
     z-index: 100;
   }
  
  
  /* Меню пользовательских ссылок
  -------------------------------------------------------------*/
  
  #pun-ulinks {
    position: absolute;
    top: 185px;
    right: 0;
    margin: 0 15px 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #0f0c0a;
    border: 1px solid var(--bd2);
    box-shadow: inset 0 0 10px 0 #201c18;
    font-size: 20px;
    z-index: 121;
  }

  #pun-ulinks.fixed {
    position: fixed;
    top: 0;
    background: none;
    border: none;
    box-shadow: none;
  }
  
  #pun-ulinks::after {
    content: "\f0c9";
    font: normal 20px/20px var(--fa);
    font-size: 20px;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: var(--tx2);
  }

  #pun-ulinks.fixed::after {
    color: var(--tx);
  }
  
  #pun-ulinks .container {
      padding: 0;
      margin: 0 -15px 0 0;
      height: auto;
      border: none ;
      text-align: left;
      background: var(--sec-bg);
  }
  
  #pun-ulinks ul {
      padding: 0 !important;
      display: none;
      box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7);
      z-index: 100;
      position: absolute;
      top: 40px;
      right: 0;
  }
  
  #pun-ulinks:hover ul, #pun-ulinks:focus ul {
      display: block;
  }
  
  #pun-ulinks li {
    padding: 0 !important;
    display: block !important;
    white-space: nowrap;
  }
  
  #pun-ulinks li a {
      display: block;
      border: none;
      font: normal 16px/200% var(--mul), sans-serif !important;
      padding: 0 15px !important;
      color: var(--tx);
      text-decoration: none !important;
  }
  
  #pun-ulinks li a:hover {
      background: var(--pun-bg);
  }
  
  #pun-ulinks > span.notify-bubble {display: block !important;}
  
  /*Объявление
  -------------------------------------------------------------*/

  .newsblock_mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    align-items: center;
    justify-content: center;
   margin-bottom: 10px;
  }

  .newsblock_mobile a {
    display: flex;
    width: auto;
    height: 40px;
    background: #0f0c0a;
    border: 1px solid var(--bd2);
    box-shadow: inset 0 0 10px 0 #201c18;
    box-sizing: border-box;
    border-radius: 20px;
    gap: 10px;
    padding: 0 15px;
    justify-content: center;
    align-items: center;
    color: var(--tx2);
    text-align: center;
  }

  .newsblock_mobile a:hover {
    color: var(--green2);
  }

  .newsblock_mobile a span {
    font-size: 11px;
    text-transform: uppercase;
  }

  .newsblock_mobile a p {
    font-size: 10px;
    letter-spacing: .5px;
  }
  
  /* Статус и путь
  -------------------------------------------------------------*/

#pun-status {
  position: absolute;
  top: 230px;
  left: 0;
  width: 100%;
  color: var(--pun-bg);
  line-height: 150%;
}

  #pun-status .container {
    justify-content: center;
    font-size: 12px;
    color: #e1ddd8;
    font-weight: 600;
  }

/* Аватар у приветствия */
.status_userava > img {
  width: 25px;
  border: 1px solid var(--link);
}

  #pun-status .container strong {
    font-weight: 700;
  }

  .punbb #pun-status .status-right {display: none !important;}
  
  .punbb .container.crumbs {
    padding: 1px 20px;
    display: block;
    margin: 0;
    border-radius: 0;
  }


  /* Объявление
  -------------------------------------------------------------*/

#pun-announcement {
  display: block;
}


  /* Футер
  -------------------------------------------------------------*/

.banners_bottom {
  width: 100%;
  margin: 10px 0 0;
}

  /* Копирайт */
  #pun-about .container {
    justify-content: center;
  }
  
  
  /* Главная форумная таблица
  -------------------------------------------------------------*/

#pun-index .main > div .container, #pun-stats .container {
  padding: 0;
}
  
  /* Заголовки */
  .punbb h1, .punbb h2 {
  width: initial !important;
  }
  
  .punbb h1 span, .punbb h2 span {font-size: 20px;}

  .category h2 .catright, #pun-stats h2::after {
    width: 70%;
    background-color: var(--sec-bg);
  }
  
  .punbb thead {display: none;}
  
  .punbb .main .hasicon, .punbb .main tr {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 10px;
    width: 100%;
    position: relative;
  }

   .punbb .main .category tbody.hasicon {
    gap: 20px;
  }
  
  .punbb .main tr {
    padding: 5px 0;
    border-radius: 0;
  }
  
  .punbb:not(#pun-index) .main .hasicon tr:not(:last-of-type) {
    border-bottom: 1px solid var(--sec-bg);
  }
  
  .punbb .main td {
    padding: 5px 0px;
    line-height: 1.2;
  }
  
  .punbb .main .tcl, .punbb .main .tcr, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 5px 0 !important;
  }
  
  .punbb .main .intd {
    display: flex;
    display: -webkit-flex;
    width: 100%;
  }
  
 .punbb .tclcon {
    padding-right: 30px;
    flex-grow: 1;
  }

#pun-index td {
  padding: 10px 30px !important;
}

#pun-index .tcl {
  padding: 10px 30px 10px 40px !important;
}

  #pun-index .tcl::after {
    content: "";
    width: calc(100% - 30px);
    height: 1px;
    background: var(--bd1);
    margin: 20px auto 0;
  }

#pun-index .tclcon {
  padding: 0;
}

  .category .tcl h3 {
    width: 100%;
    background: none;
    position: relative;
    top: initial;
    padding: 0;
  }

#pun-index div.icon, #pun-index tr.inew div.icon {
  left: 15px;
  top: 25px;
}

  .subforums {
    padding: 0;
  }
  
  .punbb div.icon {
    position: relative;
    order: 2;
    flex-shrink: 0;
  }

#pun-index div.icon {
    order: 1;
}

  .category h2, #pun-stats h2 {
    padding: 20px;
    margin: 0;
    line-height: 1;
  }

  #pun-index div.icon {
    position: absolute;
    right: 10px;
    margin: 0;
  }
  
  .punbb .main .tc2, .punbb .main .tc3, #pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3 {
  text-align: left;
  width: auto;
  }
  
  .punbb .main .tc2:before, .punbb .main .tc3:before {
  content: "";
  }
  
  #pun-index .main .tc2:before {content: "Тем: ";}
  #pun-index .main .tc3:before {content: "Сообщений: ";}
  
  #pun-viewforum .main .tc2:before, #pun-searchtopics .main .tc3:before {content: "Ответов: ";}
  #pun-viewforum .main .tc3:before {content: "Просмотров: ";}
  
  #pun-searchtopics .main .tc2:before {content: "Форум: ";}
  
  .punbb .main .tcr {
    position: relative;
    flex-direction: column;
    align-items: flex-end;
  }

  .punbb .main .tcr br {display: none;}

  .punbb .main .tcr .lastpost-link, .punbb .main .tcr .lastpost {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
 }
  
  .punbb .tcr .user-avatar {
    margin: 0 0 0 10px;
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
  }

  #pun-index .tcr .user-avatar {
    right: 20px;
    margin: 0 10px;
  }
  
  .punbb .tcr > a, .punbb .tcr .lastpost, .punbb .tcr > .byuser {
    margin-right: 46px;
    width: fit-content;
    text-align: right;
  }
  
  .punbb .user-avatar .avatar-image {
    display: flex;
    display: -webkit-flex;
  }
  
  /* Статистика
  -------------------------------------------------------------*/

  #pun-stats .statscon {
    padding: 0 30px 10px;
  }
  
  .punbb #pun-stats .container {
    justify-content: center;
    gap: 10px;
    font-size: 13px;
    line-height: 15px;
  }

  .onlinelist::before {
   background-color: var(--sec-bg);
  }
  
  .punbb #pun-stats .container li:not(#onlinelist) {
    width: 100%;
    text-align: center;
    font-size: 11px;
  }

  #pun-stats a {
    font-weight: normal;
  }
  
  /* Темы и страницы
  -------------------------------------------------------------*/

  .punbb #pun-main #subforums {
    padding: 10px 0;
    gap: 5px;
  }

  #pun-searchposts .post h3 span {
    justify-content: flex-start;
    gap: 0 10px;
  }
  
  /* Cсылки в топике и списках тем */
  .punbb .linkst {
    padding: 0 20px;
    margin: 10px 0;
    border-radius: 0;
  }
  
  /* Меню модератора */
  .punbb .modmenu .container {
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 5px 20px;
  }

.modmenu .container strong {width: 100%;}

  #topic-users-in .container {
    justify-content: flex-start;
  }

  .punbb .modmenu .container:after {
    display: none;
  }

  .punbb .modmenu strong, .punbb .modmenu a {height: initial;}
  
  #pun-viewforum .modmenu .container strong a {font-size: 0;}
  
  #pun-viewforum .modmenu .container strong a:after {
  content: "Действия с темами";
  font-size: initial;
  }
  
  /* Нижние ссылки в топике и списках тем */
  .punbb .linksb {
    padding: 5px 20px;
    margin: 10px 0;
    border-radius: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  
  .linksb .pagelink {
    order: 1;
    flex-grow: 1;
    width: auto;
  }

  #s-block  {
    max-width: 200px;
  }

  #s-block #sTheme {height: auto;}
  
  .punbb .postlink, .punbb .linksb noindex {
    order: 2;
    flex-grow: 1;
    width: auto;
  }
  
  .subscribelink {
    order: 3;
    width: 100%;
  }
  
  .punbb .postlink.long {width: auto;}

  #pun-admain #tag-filter-container {
    margin-bottom: 10px;
  }

  .punbb .per-page-select, #profile10 .submitend .pagelink {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .punbb .per-page-select .page-container, .files-pagelink {flex-grow: 1;}
  
  /* Список пользователей
  -------------------------------------------------------------*/
  
  #pun-userlist tr:not(:last-of-type) {
    border-bottom: 1px solid var(--bd1);
  }
  
  #pun-userlist tr td, #pun-userlist .tcl, #pun-userlist .tc2 {
  width: 100%;
  }
  
  #pun-userlist .tc3 {display: none;}


 /* Уважение и позитив
  -------------------------------------------------------------*/

#pun-respect .main .container, #pun-positive .main .container {
  padding: 10px;
}

#pun-respect tr, #pun-positive tr {
  border-bottom: 1px solid var(--pun-bd);
}

  #pun-respect td, #pun-positive td {
    width: 100% !important;
    font-size: 12px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  #pun-respect td::before, #pun-positive td::before {
    content: "";
    width: 70px;
    display: inline-flex;
    font-weight: bold;
   justify-content: flex-start;
   flex-shrink: 0;
  }

  #pun-respect td.tcl::before, #pun-positive td.tcl::before {
    content: "Когда: ";
  }
  #pun-respect td.tc2::before, #pun-positive td.tc2::before {
    content: "Что: ";
  }
  #pun-respect td.tc3::before {
    content: "Кто: ";
  }
  #pun-positive td.tc3::before {
    content: "Кому: ";
  }
  #pun-respect td.tc4::before, #pun-positive td.tc4::before {
    content: "За что: ";
  }
  #pun-respect td.tcr::before, #pun-positive td.tcr::before {
    content: "Где: ";
  }

#pun-respect .tcr a, #pun-positive .tcr a {
  width: auto;
  text-align: left;
  margin: 0;
}
  
  
  /* Топик
  -------------------------------------------------------------*/
  
  /* Пост */
  .punbb .post {
    margin: 0;
    scroll-margin-top: 40px;
  }
  
  /* Дата поста */
  .punbb .post h3 span {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 0;
    padding: 0 20px;
    line-height: 20px;
  }
  
  .punbb .post h3 span .permalink {
    flex-grow: 1;
    order: 1;
  }
  
  .punbb .post h3 span strong {order: 2;}
  
  .punbb .post h3 .sharelink {
  order: 3;
  margin-left: 5px;
  display: none;
  }
  
  /* Содержимое поста */
  .punbb .post .container {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding: 20px 20px 10px;
  }
  
  /* Автор */
  .punbb .post .post-author {
    margin: 0;
    padding: 15px;
    width: 100%;
    min-height: 90px;
    box-sizing: border-box;
    position: relative;
    top: 0;
  }
  
  .punbb .post .post-author ul {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px 10px;
  }
  
  /* Скрыть поля профиля */
  .pa-title, .pa-reg, .pa-from, .pa-invites, .pa-positive, .pa-icq, .pa-sex, .pa-age, .pa-ip, .pa-time-visit, .pa-awards, .pa-fld1, .pa-fld2, .pa-fld3, .pa-fld5, .pa-fld6, .Spb1 {
      display: none !important;
  }

  #tuser {
    margin: 0;
    right: 20px;
    top: 22px;
    padding: 0;
    background: none;
  }
  
  /* Аватар */
  .punbb .post-author .pa-avatar {
    width: 70px;
    height: auto;
    max-height: 70px;
    max-width: 70px;
    display: block;
    margin: 0;
  }
  
  .punbb .post-author .pa-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    max-height: 70px;
    max-width: 70px;
  }
  
  /* Ник и статус */
 .pa-top {
    margin: 0;
    width: 100%;
  }

  .punbb .post-author .pa-author {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  
  /* Сообщения и репутация */
  .pa-bottom {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-grow: 1;
    gap: 10px;
  }

  .pa-bottom li {
    border: 1px solid #090808;
    border-radius: 20px;
    padding: 4px 10px;
    height: 30px;
    box-shadow: inset 0 0 10px 0 #201c18;
    background: #0f0c0a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 5px;
    text-transform: lowercase;
    box-sizing: border-box;
  }

  /* Личное звание */
  .pa-fld4 {
    margin: 0;
    order: 1;
  }

 .post-author .lz {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

 .post-author .lz .occ,  .post-author .lz .about {
    display: none;
  }

 .post-author .lz .name a {
    font-size: 0;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

   .post-author .lz .name a::before {
    content: "\f05a";
    font-family: var(--fa);
    font-size: 30px;
  }
  
  /* Тело поста */
  .punbb .post-body {
    margin: 0;
    width: 100%;
  }
  
  /* Содержимое тела поста */
  .punbb .post-box {
    padding: 10px 0;
  }
  
  /* Строки поста */
  .punbb .post-content p {padding: 0 0 5px 0;}
  
  /* Цитата, спойлер и код */
  .punbb .post-content .quote-box, .punbb .post-content .code-box {

  }

  .post .post-content td {width: 100%;}
  
  /* хтмл-содержимое в постах */
  .punbb .post-content iframe {
    box-sizing: border-box;
    max-width: 100%;
  }
  
  /* Подпись */
  .punbb .post-box .post-sig {display: none;}
  
  /* Ссылки профиль, удалить, цитировать и т.п. */
  .punbb .post-links {
    margin: 0;
  }
  
  .punbb .post-links ul {
    padding: 0;
    margin: 5px 0 0;
  }
  .punbb .post-links li a {font-size: 0;}
  
  .punbb .post-links ul li {
    padding: 0 0 0 10px;
    line-height: initial !important;
  }
  
  .punbb .post-links ul .pl-email, .punbb .post-links ul .pl-website {
    float: left !important;
    padding: 0 10px 0 0;
  }
  
  .punbb .post-links li a::before {
    content: "";
    font-size: 18px;
    font-family: var(--fa);
  }
  
  .punbb .post-links li.profile a:before {content: "\f2bb";}
  .punbb .post-links li.pm a:before {content: "\f0e0";}
  .punbb .post-links li.email a:before {content: "\40";}
  .punbb .post-links li.website a:before {content: "\e60e";}
  .punbb .post-links li.pl-delete a:before {content: "\f2ed";}
  .punbb .post-links li.pl-edit a:before {content: "\f044";}
  .punbb .post-links li.pl-quote a:before {content: "\e14c";}
  .punbb .post-links li.pl-BBquote a:before {content: "\e147";}
  .punbb .post-links li.pl-reports a:before {content: "\f071";}
  
  
  /* Форма ответа */
  .punbb #form-buttons {
    width: 100%;
    display: block;
  }
  
  .punbb #form-buttons tr {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    padding: 0 0 5px;
    text-align: center;
  }
  
  #form-buttons td {
  display: block;
  width: 26px;
  height: 26px;
  }
  
  #post-form #tags .container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
  }

#post-form #tags #float {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    border-radius: 10px;
    margin-bottom: 10px;
}
  
  #post-form #tags #font-area {
    padding-bottom: 15px !important;
  }

.punbb #post-form #color-area {
  width: 100% !important;
  background-position: center top !important;
  background-size: cover !important;
  display: flex;
}

.punbb #post-form #color-area table.Myp {
  width: 100% !important;
}

.punbb #post-form #color-area table.Myp tr {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.punbb #post-form #color-area table.Myp td {
  width: calc(100% / 3 - 20px) !important;
}

.punbb #post-form #color-area table.Myp td input {width: 100px !important;}

  .punbb #post-form #color-area table {
    margin: 0 0 10px !important;
  }

  .punbb #post-form #table-area tr {
    padding: 0;
    gap: 0;
  }

.punbb #post-form #color-area tr {
    display: block;
    padding: 0;
  }

.punbb #color-area td img, .punbb #table-area td img {width: auto;}
  
  
  /* Поиск сообщений
  -------------------------------------------------------------*/
  
  #pun-searchposts .post-author ul {justify-content: space-between;}
  
  #pun-searchposts .post li.pa-author, #pun-searchposts .post li.pa-replies {
  width: 100%;
  margin: 0;
  text-align: center;
  }
  
  #pun-searchposts .post-links ul {
    margin: 0;
    height: 150%;
  }
  
  #pun-searchposts .post-links li a {font-size: initial;}
  
  
  /* Просмотр профиля
  -------------------------------------------------------------*/
  
  #viewprofile-next #profilenav {display: none;}
  
  #viewprofile ul, #profilenav ul {
    padding: 0;
    margin: 0 0 10px;
  }
  
  #viewprofile tr {flex-direction: column;}
  #viewprofile td {
    width: 100%;
  }
  
  #viewprofile li strong, #viewprofile li span, #viewprofile li div, #setmods dd, #setmods dl {
    margin: 0;
    padding: 0;
  }
  
  #viewprofile #profile-left {
    align-self: center;
  }
  
  #viewprofile #profile-left li#pa-avatar {padding: 5px;}
  #viewprofile #profile-right {padding: 10px 0 0;}
  
  #profile-right li {
    display: flex;
    flex-wrap: wrap;
  }
  
  #profile-right li span {
    width: auto;
    padding-right: 5px;
  }
  
  #viewprofile #profile-right li strong {
    width: auto;
    padding: 0;
  }
  
  #viewprofile #profile-signature {padding: 5px 0;}
  #viewprofile #profile-signature ul {padding: 10px 0 0;}
  
  
  /* Редактирование профиля и ЛС
  -------------------------------------------------------------*/
  
  #profile > .container {padding: 5px 10px !important;}
  
  .punbb #profilenav {
    width: 100%;
    margin: 0;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    float: none;
  }
  
  #viewprofile h2, #profilenav h2 {margin: 0;}
  
  #profilenav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 10px;
  }
  
  #profilenav li {
    padding: 0;
    box-sizing: border-box;
  }

 #messages fieldset {
    padding: 0;
  }

  #messages fieldset legend span {padding: 0 10px;}

#messages .linksb, .messages-container .post h3 {
/*  width: calc(100% + 40px);
  margin-left: -20px; */
}

#messages .linksb, .messages-container .post h3 span {
  padding: 0 10px;
}

.messages-container .post h3 {
  margin: 0 10px 10px;
}

  #messages .hasicon tr {
    justify-content: space-between;
  }
  
  #pun-messages #notify-settings {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }
  
  #pun-messages #notify-settings .inp2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  
  #OnOff_Notify {
    margin: 0 !important;
    order: 1;
  }
  
  #OnOff_Notify + label {display: none;}
  
  #volume-set {
     align-items: center;
    display: flex;
  }
  
  #profile #messages fieldset, #profile #messages fieldset .fs-box {
    margin: 0;
  }
  
  .punbb .main #profile #messages .hasicon tr:not(:last-of-type) {
  justify-content: space-between;
  border-bottom: 1px solid var(--bd1);
  }
  
  .punbb .main #profile #messages .hasicon .tcl {width: 100% !important;}

  .punbb .main #profile #messages .hasicon .tcl a {
    font-size: 16px;
  }
  
  #profile #messages .hasicon .pmtc22 {
    display: flex;
    width: 100% !important;
  }
  
  #profile #messages .hasicon .tc3:before {content: "Дата: "}
  
  #profile #messages .hasicon .tc3, #profile #messages .hasicon .pmtc24 {
    display: block;
    width: auto !important;
    padding: 5px 0 !important;
  }
  
  #profile #messages .hasicon .pmtc24:before {content: "Выбрать: "}

#post-new {
  padding: 0 20px;
}

#profilenav li.profile-item-awards {display: none;}

#pun-messages #profile .messenger-processed:not(.view-dialog) fieldset .fs-box .container, #pun-messages .messages-container fieldset legend strong, #pun-messages #profile .messenger-processed.view-search {
  padding: 0 10px !important;
}

#pun-messages #profile .messenger-processed.view-bookmarks fieldset .fs-box > .container, 
#pun-messages #profile .messenger-processed.view-search fieldset .fs-box > .container {
  padding: 0 !important;
}

#pun-messages .post .container {
  padding: 0 10px 10px !important;
}
  
  
  /* Активные пользователи
  -------------------------------------------------------------*/
  
  #pun-online .online-list tr:not(:last-of-type) {
    border-bottom: 1px solid rgba(0,0,0,.2);
  }
  
  #pun-online .username {gap: 5px;}
  
  #pun-online .registered-user, #pun-online .tcl.action, #pun-online .tc3 {
    width: 100% !important;
    display: block;
  }

  /* Награды
  -------------------------------------------------------------*/

.mod-awards .category h2 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.mod-awards .category h2 .fr {
  position: relative;
  right: unset;
  font-size: 12px;
}

#awards-content  {
  padding: 0;
}

  #awards-content tr {
    padding: 5px 10px;
    border-radius: 10px;
  }

  #awards-content td {
    width: 100%;
    font-size: 12px;
    display: inline-block;
    text-align: left !important;
  }

  .mod-awards-user #awards-content td:nth-child(3),.mod-awards-user #awards-content td:nth-child(4) {
    display: flex;
    gap: 5px;
  }

  #awards-content td:before {
    content: "";
    width: 100px;
    font-weight: bold;
    display: inline-block;
    flex-shrink: 0;
  }

  .mod-awards-list #awards-content td:nth-child(1)::before, .mod-awards-user #awards-content td:nth-child(1)::before {
     content: "Название:";
  }

  .mod-awards-list #awards-content td:nth-child(2)::before, .mod-awards-user #awards-content td:nth-child(2)::before {
     content: "Иконка:";
  }

  .mod-awards-list #awards-content td:nth-child(3)::before {
     content: "Описание:";
  }

  .mod-awards-list #awards-content td:nth-child(4)::before {
     content: "Лауреаты:";
  }

  .mod-awards-user #awards-content td:nth-child(3)::before {
     content: "За заслуги:";
  }

  .mod-awards-user #awards-content td:nth-child(4)::before {
     content: "Вручена:";
  }

  .mod-awards-users #awards-content td:nth-child(1)::before {
     content: "Пользователь:";
  }

  .mod-awards-users #awards-content td:nth-child(2)::before {
     content: "Кол-во наград:";
  }

  .mod-awards-users #awards-content td:nth-child(3)::before {
     content: "Награды:";
  }

  .mod-awards-users #awards-content td:nth-child(4)::before {
     content: "Детали:";
  }

  
  /* Загрузка файлов
  -------------------------------------------------------------*/

  #filetable {
     margin-bottom: 10px;
  }

  #filetable tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0,0,0,.2);
  }

  .punbb #filetable td {
    width: 100% !important;
  }

  .punbb #filetable .tc2, .punbb #filetable .tc3:not(.checker) {
    display: none;
  }

  .punbb #filetable .tc3.checker {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
  }

  .punbb #filetable .tc3.checker:before {
    content: "Выбрать:"
  }
  
  /* Админка
  -------------------------------------------------------------*/

  .punbb-admin #pun-navlinks {
    width: 100%;
  }

  .punbb-admin #pun-ulinks {
    width: 40px;
    background: #0f0c0a;
  }

  .punbb-admin .adminmain * {
    box-sizing: border-box;
    max-width: 100%;
   }
  
  .punbb-admin #pun-adnav {
    margin: 0;
    float: none;
  }
  
  .punbb-admin #pun-admain {padding: 0;}
  
  .punbb-admin #pun-adnav ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  
  .punbb-admin #pun-adnav li {padding: 2px 5px;}
  
  .punbb-admin #pun-admain fieldset .handle, .punbb-admin #pun-admain fieldset p {border: none;}
  
  .punbb-admin #pun-admain .adlabel {
    padding: 0 5px !important;
    margin: 0;
    position: relative;
    width: auto;
    display: block;
    text-align: center;
  }

  .punbb-admin .adcontainer {
    padding: 5px 10px !important;
  }
  
  .punbb-admin #pun-admain .adformal div ul, .punbb-admin #pun-admain div p {padding: 5px !important;}
  
  .punbb-admin #pun-admain .adcontainer td {
    border: none;
    padding: 5px;
  }

  .punbb-admin .adcontainer .adsubmitfield {
    display: flex;
    flex-direction: column;
  }
  
  .punbb-admin #pun-admain span.adsubmit {
    position: relative;
    width: auto;
    top: 0 !important;
    margin: 0 auto;
    display: block;
    padding: 5px;
    left: 0;
  }
  
  .punbb-admin #pun-admain1 .sortable p input[name^="cat_name"] {
    margin: 0;
    position: relative;
    width: calc(100% - 20px);
  }
  
  .punbb-admin #pun-admain input[type="submit"] {
    margin: 0 auto;
    display: block;
  }
  
  #pun-admain .adformal p.submittop, #pun-admain .adformal p.submitend {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
  }
  
  #pun-admain .adformal p.submittop input[type="submit"], #pun-admain .adformal p.submitend input[type="submit"] {margin: 0 5px;}

  .punbb-admin #pun-admain fieldset .subforums {
    margin-left: 0;
  }

  .punbb-admin .admin-advert-block {width: auto;}

  .punbb-admin input[type="text"] {
    width: 100%;
   }

  .page-list tr, #pun-admin_logs #pun-admain .adcontainer tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0,0,0,.2);
  }

  .punbb-admin #pun-admain .page-list td {
    width: 100% !important;
  }

  #metatags input#fld0content {margin: 0 !important;}

  #pun-admin_paid_services #pun-admain .linksb {
    height: auto !important;
    flex-direction: column;
  }

  #pun-admin_logs #pun-admain .adcontainer tbody {
    width: 100%;
    display: block;
  }

  #pun-admin_logs #pun-admain .adcontainer td {
    width: 100% !important;
    text-align: left !important;
  }

#display_switch {
		right: 15px !important;
	}

	.guestbook-desc.quotes, .guest-ams {
		display: none !important;
	}

	.guest-links a {
		display: flex;
		justify-content: center;
		align-items: center
	}

	.guestbook .html-wrapper-end {
		width: 100% !important;
	}

	.html-slider-wrapper {
		min-height: 600px !important;
	}

	.html-slider-wrapper .slides {
		flex: 1
	}

	.awards-theme .html-slider-wrapper {
		flex-direction: column !important;
	}

	.bank-theme .html-slider-wrapper .slide-tabs {
		width: 100% !important;
		box-sizing: border-box;
		flex-direction: row !important;
		flex-wrap: wrap
	}

	.slider-tabs-subttile {
		width: 100%
	}

	.slides-wrapper-container {
		padding-left: 20px !important;
	}

.guestbook ul.slide-list {
  height: 482px;
}

	.awards-theme{
		background: red;
		height: 1000px !important;
	}

.bank-theme .html-slider-wrapper {
		flex-direction: column !important;
	}

	.bank-theme .service {
		flex: unset;
		width: 100px !important;
	}

	.bank-theme .price {
		flex: unset;
		width: 30px !important;
	}

	.bank-theme .remark {
		flex: 1
	}

.punbb .custom_tag_verh {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 10px;
  justify-content: center;
}

.custom_tag_verh ~ .windows {
  padding-top: 10px;
}

/* Расы */

.bltxt tr {
  display: flex;
  flex-direction: column;
}

.bltxt .opis {
  text-align: center;
}

/* Новости */

  .tstatwrap {
    width: 100%;
    gap: 10px 5px;
    flex-direction: column;
  }

  .tstatleft {
    width: 100%;
    flex-direction: column;
    border-left: none;
    border-bottom: 5px solid var(--green);
    padding: 10px;
  }

  .tstatright img {
    margin-bottom: 5px !important;
  }

/* Организации*/

.punbb .orgim img {
  max-width: 100% !important;
}

.ras tbody tr {
  display: flex;
  flex-wrap: wrap;
}

.ras tbody td {
  width: 100% !important;
}


/* Банк (новый) */

.bank_list li {
  flex-wrap: wrap;
  flex-direction: column;
}

.bank_list li.bank_list_thead {
  display: none;
}

.bank_list li .b1, .bank_list li .b2, .bank_list li .b3 {
  width: 100%;
}

.bank_list li > div span {
  display: inline-block;
}


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

.go-up, .go-down {
  z-index: 102;
  right: 0;
  border-radius: 20px 0 0 20px;
  background: #5b5748;
  width: 28px;
  height: 60px;;
}

.go-down {
  top: 330px;
}

.go-up img, .go-down img {
  display: none;
}

  .go-up::before, .go-down::before {
    content: "";
    position: absolute;
    font-family: var(--fa);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 700;
    font-size: 24px;
    color: #D5D1CB;
  }

.go-up:before {
  content: "\f30c";
}

.go-down:before {
  content: "\f309";
}

 /*  body .hvStickerPackModal.active {
    width: calc(100% - 20px) !important;
  }*/

  /* Рейтинг постописцев
  -------------------------------------------------------------*/

.punbb .Form-Table .table_GamePosts tr {
  justify-content: space-between;
}

#pre_placement, .Form-Table {
  display: none;
}

  /* Уведомления
  -------------------------------------------------------------*/

.unread-notifications .modal-inner.section .container {
  padding: 0;
}

.unread-notifications #notifications-settings, .unread-notifications #stored-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.unread-notifications #settings-advanced {
  order: 1;
}

.unread-notifications #settings-telegram {
  margin-left: auto;
}

.unread-notifications #notifications-stored, .unread-notifications #notifications {
  padding: 0 10px;
}

#notifications-wrap tr, #notifications-wrap tr {
  border: none !important;
}

#notifications-wrap td.notification-item:before {
  display: none !important;
}

.punbb .unread-notifications .notification-item, #pun-index .unread-notifications .notification-item {
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap !important;
    gap: 10px;
    border-bottom: 1px solid var(--sec-bg);
  }

.unread-notifications .notification-left {
  max-width: 40px;
}

.unread-notifications .notification-right {
  margin: 0 !important;
  width: calc(100% - 60px);
}

.unread-notifications .delete-notification {
  position: absolute;
  right: 0;
}

#jGrowl .jGrowl-close {
  margin: -5px !important;
}

.punbb #navprofile .notify-link .unreads, .punbb #navpm .notify-link .unreads {
  font-size: 12px;
}

/* Диалоги как в вк
-------------------------------------------------------------*/

.punbb .view-dialog .post h3 .bookmarklink {
  margin: 0 10px 0 auto;
}

#pun-messages #messages table .dialog .tclcon, #pun-messages #messages .dialog-avatar + .tclcon {
  margin-left: 0 !important;
  padding: 0;
}

#pun-messages .dialogs-list .fs-box > .container, #pun-messages .view-dialog #post-form {
  padding: 0 10px !important;
}

#pun-messages .view-dialog .post h3 {
  margin: 0 0 10px !important;
}

#pun-messages .view-dialog .post .container {
  padding: 0 !important;
}

#pun-messages .view-dialog .fs-box > .container {
  padding: 0 20px 0 10px !important;
}

#pun-messages .dialog .intd {
  gap: 5px;
}

#pun-messages .dialogs-list .dialog-message {
  margin-right: 0;
}

.punbb .dialog-time-ago {
  white-space: nowrap;
  margin: 0;
}

.punbb .dialog .dialog-delete {
  margin: 0;
  order: 1;
}

  .punbb .view-dialog .post .post-author {
    padding: 10px;
    text-align: left;
    min-height: unset;
    height: 60px;
    width: 100%;
    max-width: unset;
  }

.punbb .view-dialog .post .post-author .pa-author {
  box-shadow: none;
  text-align: left;
  padding-left: 50px;
}

.punbb .view-dialog .post .post-author .pa-avatar {
  position: absolute;
  width: fit-content;
}

    .punbb .view-dialog .post .post-author .pa-avatar img {
        border-radius: 50%;
        height: 40px;
        box-sizing: border-box;
        width: 40px;
        object-fit: cover;
    }

#pun-messages .view-dialog .post-body {width: 100%;}

#pun-messages .view-dialog .post .post-box {
  padding: 10px 0;
}
  
  /* Дополнительно
  -------------------------------------------------------------*/
  
  /* Отключение закругления текстовых полей в Safari */
  
  button, input.button, input[type="text"], input[type="password"], select {
    appearance: auto;
    -webkit-appearance: none;
    -moz-appearance: auto;
    box-sizing: border-box;
  }


  /* Поиск постов */

  .punbb #my-form {
    margin-bottom: 15px;
  }

  /* Автоподсчёт стоимости постов */

  .punbb #picture-search {
    margin-left: 0;
    left: 0;
    width: 80px;
    height: 80px;
  }

  .punbb .report_design  {
    padding-bottom: 30px;
  }

  .punbb #remembered-post-amounts {
    padding-left: 0;
  }

  .punbb #remembered-post-amounts #ul-2,
  .punbb #remembered-post-amounts #ul-2 > dd {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
  }

  .punbb #remembered-post-amounts #ul-2 {
    margin: 0 0 15px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    font-size: 14px;
  }

  .punbb #remembered-post-amounts #ul-2 > dd {
    flex-shrink: 0;
  }
  
}


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

  #pun-title {
    height: 330px;
  }

.forum_info {
  top: 100px;
}

}

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

  .punbb .post {
    scroll-margin-top: 70px;
  }

}