@charset "Windows-1251";
@import url(style_cs.1756812958.css);

/***   ICOMOON   ***/
@font-face {
  font-family: "icomoon";
  src: url("https://forumstatic.ru/files/0012/ee/e9/86670.eot"),
    url("https://forumstatic.ru/files/0012/ee/e9/21553.woff") format("woff"),
    url("https://forumstatic.ru/files/0012/ee/e9/18478.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'mybb';
  src: url('./res/font/icons.woff2?3') format('woff2'),
    url('./res/font/icons.woff?3') format('woff'),
    url('./res/font/icons.ttf') format('truetype'),
    url('./res/font/icons.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/***************************************************************/

/*** Подключаем шрифты ***/
@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 400;
  src: local('Mulish'), url(https://forumstatic.ru/files/0012/ee/e9/35622.ttf);
}

@font-face {
  font-family: Mulish;
  font-style: italic;
  font-weight: 400;
  src: local('Mulish'), url(https://forumstatic.ru/files/0012/ee/e9/88136.ttf);
}

@font-face {
  font-family: Mulish;
  font-style: normal;
  font-weight: 600;
  src: local('Mulish'), url(https://forumstatic.ru/files/0012/ee/e9/31527.ttf);
}

@font-face {
  font-family: Mulish;
  font-style: italic;
  font-weight: 600;
  src: local('Mulish'), url(https://forumstatic.ru/files/0012/ee/e9/46093.ttf);
}

@font-face {
  font-family: 'LemonMilk';
  src: local('LemonMilk'),
    url('https://forumstatic.ru/files/0012/ee/e9/81849.ttf') format('truetype'),
    url('https://forumstatic.ru/files/0012/ee/e9/88615.otf') format('opentype');
}

@font-face {
  font-family: 'Astakhov';
  src: url('https://forumstatic.ru/files/0012/ee/e9/52389.ttf') format('truetype');
}

@font-face {
  font-family: 'USSR_STENCIL';
  src: url('https://forumstatic.ru/files/0012/ee/e9/84310.ttf') format('truetype');
}

@font-face {
  font-family: 'NikkyouSans';
  src: url('https://forumstatic.ru/files/0012/ee/e9/74767.ttf') format('truetype');
}

@font-face {
  font-family: 'Archive';
  src: local('Archive'),
    url('https://forumstatic.ru/files/0012/ee/e9/96361.otf') format('opentype');
}

@font-face {
  font-family: 'BlackOps';
  src: local('Black Ops One'),
    url('https://forumstatic.ru/files/0012/ee/e9/16500.otf') format('opentype');
}

@font-face {
  font-family: 'Wadik';
  src: local('Wadik'),
    url('https://forumstatic.ru/files/0012/ee/e9/59631.otf') format('opentype');
}

/***************************************************************/

/***   MOBILE STYLE   ***/
@media screen and (max-width: 1250px) {
  [id="pun"] {
    width: auto;
    max-width: 1200px;
  }

  /* стрелки */
  .topbot {
    right: 0px;
  }

  .go-up,
  .go-down {
    transform: scaleX(-1);
    width: 26px;
  }

  .go-up:before,
  .go-down:before {
    font-size: 20px;
    opacity: 1;
  }
}


/***************************************************************/


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

  /* разметка форумов на главной */
  #pun-index .category tr {
    grid-template-columns: 1.3fr 0.7fr var(--tdwid);
  }

  /* ссылки в описании форума */
  .flinks {
    transform: none;
    margin: 12px 0px 2px 0px;
  }
}


/***************************************************************/


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

  /* заголовки форумов */
  .h3-label {
    grid-template-columns: 1fr;
  }

  .flabel {
    margin: 0px 0px;
    border-radius: 0px;
  }

  /* меню профиля */
  #viewprofile-next {
    grid-template-columns: 1fr;
    gap: 12px 4px;
  }

  #viewprofile-next #profilenav {
    margin: 0px 10px auto;
    padding-bottom: 12px;
    width: auto;
  }

  #viewprofile-next #profilenav li {
    display: inline-block;
  }

  #pun-userlist .usertable,
  #pun-online div.online-list,
  .linkst,
  .linksb,
  div.modmenu,
  #pun-viewforum #pun-main div.container,
  #pun-searchtopics #pun-main div.container,
  #punbbsearch.container,
  #userlist.container,
  #pun-movetopic fieldset,
  #pun-movetopic p.formsubmit {
    padding-left: 6px;
    padding-right: 6px;
  }
}


/***************************************************************/


@media screen and (max-width: 860px) {
  [id="pun"] {
    border-width: 3px 0px;
  }


  /* СЖИМАЕМ МЕНЮ ФОРУМА иконки на навигацию */
  #pun-navlinks li a {
    font-size: 0px;
    font-weight: 400;
  }

  #pun-navlinks li a:before {
    overflow: hidden;
    display: inline;
    font-family: 'icomoon', 'fontawesome', 'icon';
  }

  #pun-navlinks li#navindex a:before {
    content: "\e964";
  }

  #pun-navlinks li#navuserlist a:before {
    content: "\e92f";
  }

  #pun-navlinks li#navsearch a:before {
    content: "\e926";
  }

  #pun-navlinks li#navprofile a:before {
    content: "\f2c3";
  }

  #pun-navlinks li#navpm a:before {
    content: "\f003";
  }

  #pun-navlinks li#navlogout a:before {
    content: "\e93f";
  }

  #pun-navlinks li#navregister a:before {
    content: "\f067";
  }

  #pun-navlinks li#navlogin a:before {
    content: "\e933";
  }

  /* реклама */
  #pun-navlinks li#navpr_1 a:before {
    content: "\e93b";
  }

  /* быстрый вход */
  #pun-navlinks a#New-exit:before {
    content: "\ea14" !important;
    top: 50%;
  }

  /* смена аккаунтов */
  #pun-navlinks li#navprofiles a:before {
    content: "\f067";
  }

  #pun-navlinks a#New-exit {
    width: 26px;
    height: 26px;
    margin-top: 2px !important;
    margin-left: 6px;
  }

  #pun-navlinks .container {
    margin: auto;
    font-weight: 400;
    justify-content: space-evenly;
    gap: 0 8px;
    width: auto;
  }

  #pun-navlinks li a span {
    font-size: 0px;
    display: none;
  }

  #pun-navlinks li a:before {
    font-size: 20px;
    padding: 2px 2px;
  }

  #pun-navlinks li#navadmin span,
  #pun-navlinks li#navadmin span:before {
    font-size: 0px;
    display: none;
  }

  #pun-navlinks li#navadmin a:before {
    content: "\e927";
  }

  /* выпадающее меню в навигации */
  #pun-navlinks .container li ul,
  #pun-navlinks.section .multiacc-profilemenu {
    top: 22px;
  }

  #pun-navlinks .container li ul a:before {
    display: none;
  }

  /* схлопывалка улинкса */
  #pun-navlinks .container {
    margin: auto auto auto 40px;
  }

  #pun-ulinks {
    top: 0px;
    z-index: 5;
    width: 34px;
    height: 44px;
    margin: -44px auto auto calc(0px - var(--pun-padding));
    padding: 0px;
    text-align: center;
    border-width: 0px;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
  }
  [data-theme="whdark"] #pun-ulinks {
    background-image: none;
    background-color: transparent;
  }

  #pun-ulinks .container {
    flex-direction: column;
    position: relative;
  }

  #pun-ulinks h2 {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 1fr;
    align-items: center;
    gap: 0px 8px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    margin: 0px 0px;
    padding: 0px 0px 0px;
    height: 100%;
    width: auto;
    line-height: 1;
  }

  #pun-ulinks h2 span {
    display: none;
  }

  #pun-ulinks h2:before {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    display: block;
    content: ' \f0c9';
    font-family: 'icomoon', 'FontAwesome', 'icon', 'mybb';
    font-weight: 400;
    font-size: 20px;
    color: var(--pun-a-hover-light);
  }

  #pun-ulinks .container {
    gap: 0px;
    width: fit-content;
  }

  #pun-ulinks ul {
    z-index: 2;
    position: absolute;
    top: 44px;
    margin: 0px auto auto 0px;
    padding: 0 0px;
    min-width: 200px;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    white-space: nowrap;
    border: 1px solid var(--pun-border);
    border-radius: 0px 0px var(--pun-border-radius-curve) var(--pun-border-radius-curve);
    background-color: var(--pun-background);
  }

  #pun-ulinks:hover ul {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
  }

  #pun-ulinks li {
    padding-right: 0;
    margin: auto 0px;
  }

  #pun-ulinks ul li a {
    padding: 8px 20px 6px;
    margin: 0px 0px 0px;
    display: block;
    font-size: 12px;
    border-bottom: 1px solid var(--pun-border);
    color: var(--pun-a);
  }

  #pun-ulinks ul li a:hover {
    color: var(--pun-a-hover);
  }

  #pun-ulinks ul li:last-child a {
    margin-bottom: 2px;
    border-bottom: 0px solid transparent;
  }

  #pun-ulinks li:nth-child(4),
  #pun-ulinks li.item5 {
    display: none;
  }

  /* отступ для плавающей навигации */
  .punbb div.post.toppost,
  .punbb div.post.firstpost,
  .punbb div.post.topicpost,
  .punbb div.post {
    padding-top: 0;
    margin-top: 0px;
    scroll-margin: 46px 0px 0px 0px;
  }


  /* ФОРУМЫ НА ГЛАВНОЙ */
#pun-index .category tbody.hasicon {
  gap: 16px 0px;
}
  #pun-index .category tr {
    grid-template-columns: var(--tdwid) 1fr auto;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "lone lone lone"
      "ltwo lfour lfour"
      "lthree lfour lfour";
    gap: 0px 14px;
  }

  #pun-index .category .tcl {
    margin: 0px 0px 12px 0px;
  }

  /* аватарка */
  #pun-index .user-avatar .avatar-image {
    height: 40px !important;
    width: 40px !important;
  }

  #pun-index .user-avatar a:before {
    height: 42px;
    width: 42px;
  }

  /* тем-сообщений */
  #pun-index .category .tc2,
  #pun-index .category .tc3 {
    align-self: center;
    text-align: left;
  }

  #pun-index .category .tc2 {
    margin: auto 0px 0px 18px;
  }

  #pun-index .category .tc3 {
    margin: 0px 0px auto 18px;
  }

  #pun-index .category .tcr {
    text-align: right;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas:
      "lastpost-span avaindex"
      "lastpost-a avaindex";
  }

  /* статистика */
  #pun-stats ul.container {
    grid-template-areas:
      "ntemy ntemy nrega nrega"
      "nsoob nsoob nposl nposl"
      "nonlinelist nonlinelist nonlinelist nonlinelist"
      "nusers24 nusers24 nusers24 nusers24"
      "nbirth nbirth nbirth nbirth";
    gap: 12px 10px;
  }

  /* профиль */
  .punbb #profile-left {
    display: block;
    padding-bottom: 8px;
    width: auto;
  }

  #profile-right {
    gap: 12px 12px;
    margin: 10px 0px 0px;
  }
}


/***************************************************************/


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

  /*** фиксы ***/
  #pun .post-body dibannedml-post-box {
    overflow: hidden;
  }

  select {
    width: 90%;
  }

  span.input select[id="ctl_regselect"],
  span.input select[id="ctl_tzselect"] {
    width: auto;
  }
}


/***************************************************************/


@media screen and (max-width: 750px) {
  :root {
    --pun-padding: 18px;
    --prwid: 100%;
  }

  /* приветствие */
  [id="pun-status"] {
    padding: 0px 0px 0px 60px;
  }


  /* список участников и активные участники */
  #pun-userlist .relation,
  #pun-userlist .posts,
  #pun-userlist .num_posts,
  #pun-userlist .user_title,
  #pun-userlist .title {
    display: none;
  }

  #pun-userlist .usertable tr {
    grid-template-columns: 1fr 0.6fr 0.6fr;
  }

  .online-list tr {
    margin-bottom: 10px;
    padding: 0 0 8px 0;
    grid-template-columns: 1fr 0.6fr;
    grid-template-rows: auto auto;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, transparent 0%, transparent 0%, var(--pun-border) 24%, var(--pun-border) 76%, transparent 100%);
    border-image-slice: 1;
  }

  .online-list tr:last-child {
    margin-bottom: 0px;
    border-bottom: 0px solid transparent;
  }

  #pun .online-list td {
    padding: 0.4em 0.4em !important;
  }

  .online-list .tcl.username {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .online-list .tc3 {
    grid-column: -2 / -1;
    grid-row: 1 / 2;
  }

  .online-list .tcl.action {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }

  #punbbsearch.container,
  #pun-userlist .usertable,
  #login.container {
    margin: 7px 10px 12px 10px !important;
    padding-left: 0px;
    padding-right: 0px;
  }

  form#userlist fieldset,
  form#punbbsearch fieldset,
  form#messages[method="post"] fieldset {
    font-size: 12px;
    padding-right: 4px;
    padding-left: 4px;
  }

  /* активные темы */
  #pun-searchtopics .tc3 {
    display: none;
  }

  #pun-searchtopics .forum tr {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    padding: 6px 2px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, transparent 0%, var(--pun-border) 24%, var(--pun-border) 76%, transparent 100%);
    border-image-slice: 1;
  }

  #pun-searchtopics .forum tr:last-child {
    border-bottom: 0px solid transparent;
  }

  #pun-searchtopics .tcl {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    padding: 8px 0px 8px !important;
  }

  #pun-searchtopics .tc2 {
    grid-column: 1 / 2;
    grid-row: 2 / -1;
    padding-right: 6px !important;
    font-size: 0.9em;
  }

  #pun-searchtopics .forum .tcr {
    grid-column: 2 / -1;
    grid-row: 2 / -1;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .forum .tcr span {
    font-size: 1em;
  }

  #pun-searchtopics .forum td {
    padding: 6px 0em;
  }

  #pun .punbb .user-avatar {
    float: right;
    margin: 0px 0px 2px 2px !important;
  }

  #pun #pun-userlist.punbb .user-avatar {
    float: left;
    margin: 0px 14px 2px 0px !important;
  }

  .punbb .user-avatar span.avatar-image {
    height: 32px !important;
  }

  /* меню профиля и ЛС */
  #profilenav,
  #pun-messages #profilenav {
    display: block;
    margin: auto 6px 10px;
    padding-bottom: 10px;
    width: auto;
    float: none;
    clear: both;
  }

  #profilenav li {
    display: inline-block;
  }

  #pun-messages form#messages {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #profile>.container {
    margin-left: 0px;
    margin-right: 0px;
  }

  /* ЛС */
  #pun #messages td {
    padding: 0.4em 0.4em;
  }

  #messages .fs-box tr {
    grid-template-columns: 1fr 0.7fr 40px;
    grid-template-rows: auto auto;
    padding: 7px 0;
  }

  #messages .tcl.pmtcl1 {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  #messages .tc2.pmtc24 {
    grid-column: -2 / -1;
    grid-row: 1 / 2;
  }

  #messages .tc2.pmtc22 {
    grid-column: 2 / -1;
    grid-row: 2 / 3;
  }

  #messages .tc3.pmtc33 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #messages legend {
    display: none;
  }

  /* страница поиска */
  form#userlist p.inputfield,
  form#userlist p.selectfield,
  form#punbbsearch p.inputfield,
  form#punbbsearch p.selectfield {
    width: 100%;
  }

  #userlist p.formsubmit,
  #punbbsearch p.formsubmit,
  #login p.formsubmit {
    text-align: center;
  }

  #pun-messages form#messages {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 8px;
  }

  #profile .fs-box {
    margin: 0.2em 0em 0.6em 0em;
  }

  #pun-edit #post {
    padding-left: 0px;
    padding-right: 0px;
  }

  #userlist.container {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* внутри форума */
  #pun-viewforum thead,
  #pun-messages thead,
  #pun-searchtopics thead {
    display: none;
    font-size: 0px;
  }

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

  #pun-viewforum .forum tr {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    padding: 4px 0;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, transparent 0%, var(--pun-border) 24%, var(--pun-border) 76%, transparent 100%);
    border-image-slice: 1;
  }

  #pun-viewforum .forum tr:last-child {
    border-bottom: 0px solid transparent;
  }

  #pun-viewforum .main td.tcl {
    padding: 8px 5px 0px;
  }

  #pun-viewforum .main td.tcr {
    text-align: right;
    padding: 10px 5px 10px 30px;
  }

  .intd div.icon {
    margin: auto 14px auto 0px;
  }

  .forum .tcr span:not(.avatar-image) {
    margin-top: 2px;
  }

  #pun-viewforum #pun-main div.container {
    padding-left: 6px;
    padding-right: 6px;
  }

  /* модерирование тем */
  #pun-modviewforum .forum tr {
    padding-left: 4px;
    grid-template-columns: 1fr 50px;
    grid-template-rows: auto auto;
    border-bottom: 1px solid var(--pun-border);
  }

  #pun-modviewforum .forum tr:last-child {
    border-bottom: 0px solid transparent;
  }

  #pun-modviewforum .forum .tcl {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  #pun-modviewforum .forum .tcmod {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  #pun-modviewforum .forum .tcr,
  #pun-modviewforum .forum .tc2,
  #pun-modviewforum .forum .tc3 {
    display: none;
  }

  #pun-modviewforum .modmenu {
    padding-left: 4px;
    padding-right: 4px;
    margin: 1.4em 0px 0.8em 0px;
  }


  /* ПОСТЫ */
  .punbb .post h3+.container {
    grid-template-columns: 1fr;
    grid-template-areas:
      "post-author post-author"
      "post-body post-body"
      "post-links post-links";
    gap: 4px 0px;
  }

  .post-box {
    padding: 0px 6px;
  }

  .post-body,
  .post-content .quote-box,
  .post-content .code-box,
  .post-content .hide-box {
    line-height: 1.42;
  }

  .punbb .post h3+.container {
    padding: 14px 6px 14px !important;
  }

  /* ЦИТАТА отступ */
  .post-content .quote-box,
  .post-content .code-box,
  .post-content .hide-box {
    margin: 12px 0px 14px;
    padding: 14px 16px;
  }

  .post-content .spoiler-box>blockquote {
    padding: 12px 14px !important;
  }

  /* легенда */
  legend {
    margin: auto auto 0px 0px;
  }

  #post-form legend {
    line-height: 2em;
  }

  #post-form fieldset .fs-box,
  #pun-messages form#post {
    padding: 0px;
  }

  /* рейтинг-сердце */
  div.post-rating {
    padding-top: 16px;
  }

  /* скрываем раскрываем блоки профиля */
  #pun.isadmin .pa-ip,
  .post-author li,
  .post-author li.pa-fld1,
  .post-author li.pa-fld2,
  .post-author li.pa-fld3,
  .post-author li.pa-fld4,
  .post-author li.pa-fld5 {
    display: none;
  }

  .post-author li.pa-fld1,
  .post-author li.pa-fld2,
  .post-author li.pa-fld4,
  .post-author li.pa-fld5,
  .post-author li.pa-author,
  .post-author li.pa-avatar,
  .post-author li.pa-respect,
  .post-author li.pa-posts,
  .post-author li.post-respect {
    display: block;
    margin: auto;
  }

  .pa-posts:before,
  .pa-respect:before,
  .post-author info {
    display: none;
  }

  #pun.isadmin li.pa-ip {
    bottom: 14px;
    padding: 2px;
  }

  /* профиль */
  .post-author ul {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
      "pa-avatar pa-autor pa-autor"
      "post-respect post-respect pa-fld5";
    gap: 4px 0px;
  }

  .post-author ul:has(.pa-fld4) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas:
      ". pa-fld2 pa-fld1"
      "pa-avatar pa-autor pa-autor"
      "pa-avatar pa-fld4 pa-fld4"
      "post-respect post-respect pa-fld5";
    gap: 0px 0px;
  }

  .post-author ul,
  .post-author ul:has(.pa-fld5) {
    padding: 0px 0px 12px;
  }

  /* страница поиска */
  #pun-searchposts .post-author ul {
    padding: 10px 0px 10px;
  }

  /* фракция */
  .post-author li.pa-fld1 {
    grid-area: pa-fld1;
    min-width: 0px;
    grid-column: 1 / -1;
    display: block;
    position: absolute;
    top: 3px;
    right: 12px;
    margin: 0px 0px;
    font-size: 11px;
    background: var(--body-background);
  }

  /* картинка */
  .post-author li.pa-fld2 {
    grid-area: pa-fld2;
    min-width: 0px;
    top: -10px;
  }

  /* автор */
  .post-author li.pa-author {
    grid-area: pa-autor;
    min-width: 0px;
    margin: 0px -22px auto 0px;
    grid-column: 1 / -1;
  }

  .post-author li.pa-fld2+li.pa-author a {
    padding: 10px 30px 7px 74px;
  }

  /* анкета */
  .post-author li.pa-fld4 {
    grid-area: pa-fld4;
    min-width: 0px;
    width: auto;
    margin: 8px 0px;
    padding: 0px 8px 0px 74px;
    grid-column: 1 / -1;
  }

  /* аватар */
  .post-author li.pa-avatar {
    grid-area: pa-avatar;
    min-width: 0px;
  }

  /* сообщений-репутация */
  .post-author li.post-respect {
    grid-area: post-respect;
    min-width: 0px;
    margin: 0px 0px;
    background-color: transparent;
  }

  .post-author li.post-respect>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    background-image: none;
    grid-template-areas: none;
    box-shadow: none;
  }

  .post-author li.post-respect>ul .pa-posts {
    grid-column: 1 / -2;
    grid-row: 1 / -1;
  }

  .post-author li.post-respect>ul .pa-respect {
    grid-column: -2 / -1;
    grid-row: 1 / -1;
  }

  /* посты */
  .post-author li.pa-fld5 {
    grid-area: pa-fld5;
    min-width: 0px;
    width: auto;
    margin: 0px 0px;
  }

  .post-author li.post-respect>ul,
  .post-author li.pa-fld5 {
    padding: 6px 0px 4px;
    box-shadow: none;
    border-width: 0px;
    background-color: transparent;
  }

  /* ужимаем аватарку */
  .post-author li.pa-avatar,
  [data-group-id="3"] .post-author:not(:has(.pa-fld4)) .pa-avatar {
    display: block;
    margin: auto auto auto 12px;
    overflow: hidden;
  }

  .post-author .pa-avatar img,
  .post-author .pa-avatar img.defavtr {
    background-size: cover !important;
    object-fit: cover;
    width: 54px;
    height: 70px;
    object-position: 50% 50%;
  }

  /* аватар в ЛС */
  #pun-messages .post-author li.pa-avatar img,
  #pun-messages .post-author li.pa-avatar img.defavtr {
    background-size: cover !important;
    object-fit: cover;
    width: 50px;
    height: 50px;
    object-position: 50% 50%;
  }

  /* названия полей в столбик */
  li.pa-posts span.fld-name,
  li.pa-respect span.fld-name,
  li.pa-fld5 span.fld-name {
    display: block;
  }

  /* онлайн-оффлайн */
  .post-author:not(.online) .pa-author .acchide,
  .post-author .pa-online {
    display: none;
  }

  .post-author:before {
    top: auto;
    bottom: 0px;
    transform: translateX(-50%) scaleY(-1);
  }
  .post-author.online:before {
  background-position: 0px 1px;
  }

  .post-author {
    margin: 4px auto 12px 0px;
    padding: 18px 10px 18px;
  }

  /* профиль без постов, ЛЗ и фракции */
  .post-author:not(:has(.pa-fld5):has(.pa-fld1):has(.pa-fld4)) ul {
    grid-template-columns: auto auto;
    grid-template-areas:
      "pa-avatar pa-autor pa-autor"
      "pa-avatar post-respect post-respect";
    gap: 0px 0px;
    padding: 0px 0px 6px;
  }
  /* Без постов и анкеты */
  .post-author:has(.pa-fld1):not(:has(.pa-fld5):has(.pa-fld4)) ul {
    grid-template-columns: auto auto;
    grid-template-areas:
      ". pa-fld2 pa-fld1"
      "pa-avatar pa-autor pa-autor"
      "pa-avatar post-respect post-respect";
    gap: 0px 0px;
    padding: 0px 0px 6px;
  }
  /* без постов */
    .post-author:has(.pa-fld1):has(.pa-fld4):not(:has(.pa-fld5)) ul {
    grid-template-columns: auto auto;
    grid-template-areas:
      ". pa-fld2 pa-fld1"
      "pa-avatar pa-autor pa-autor"
      "pa-avatar pa-fld4 pa-fld4"
      "pa-avatar post-respect post-respect";
    gap: 0px 0px;
    padding: 0px 0px 2px;
  }
 
   .post-author:not(:has(.pa-fld5)) li.post-respect {
    grid-column: 1 / -1;
    padding: 6px 0px 0px 74px;
  }

  .post-author:not(:has(.pa-fld1)) li.pa-author a,
  .post-author:not(:has(.pa-fld5)) li.pa-author a {
    padding: 10px 30px 7px 74px;
  }

  /* профиль гостя */
  [data-group-id="3"] .post-author,
  #pun-searchposts .post-author {
    padding: 12px 10px 18px;
  }

  [data-group-id="3"] .post-author ul {
    padding: 8px 0px;
    gap: 0px 0px;
  }

  [data-group-id="3"] .post-author .pa-author {
    grid-row: 1 / -1;
    margin: auto 0px auto 0px;
  }

  /* ссылки редактирования поста */
  .post-links {
    margin: 0px 4px;
    border-width: 0px;
  }

  /* ссылки редактирования поста */
  .post-links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .post-links li {
    flex: auto;
    text-align: center;
    margin: 4px 3px;
    padding: 5px 8px 3px;
    border-radius: 2px;
    border: 1px solid var(--pun-border);
    background-color: var(--pun-background-light-thin);
  }

  .post-links li.pl-email {
    order: -1;
  }

  .post-links li.pl-reports {
    order: -3;
  }

  .post-links li.pl-reports a {
    display: block;
    min-height: 8px;
    min-width: 8px;
    font-size: 0px;
    letter-spacing: 0px;
  }

  .post-links li.pl-reports a:before {
    overflow: hidden;
    display: inline;
    font-size: 12px;
    font-family: 'icomoon', 'fontawesome', 'icon';
    content: "\f188";
  }

  /* подпись */
  .post-sig dd {
    display: none;
  }

  /* пагинация */
  .linkst,
  .linksb {
    padding-left: 6px;
    padding-right: 6px;
    row-gap: 12px;
  }

  #pun-viewforum .linkst,
  #pun-viewforum .linksb {
    grid-template-columns: auto;
    row-gap: 16px;
  }

  .linkst {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  .linkst .pagelink {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }

  .linkst .postlink {
    grid-row: 2 / 3;
  }

  .linksb .pagelink {
    margin-bottom: 10px;
  }

  #pun-viewforum .postlink.long {
    width: auto;
    padding: 0;
  }

  /* теги поля ответа */
  #tags .container {
    position: static !important;
    width: 100%;
    max-height: 200px !important;
  }

  #post div#float-area {
    right: 0%;
    transform: none;
  }

  /* поле ответа и не только */
  #post-form.formal {
    margin: auto 8px 16px;
  }

  /* хлебные крошки */
  p.crumbs {
    margin: 1.1em 0px 1em 0px;
  }

  /***   RESPECTS PAGE   ***/
  #pun-respect #pun-main .container,
  #pun-positive #pun-main .container {
    padding: 0px 2px;
  }

  #pun-respect.punbb .main table th,
  #pun-positive.punbb .main table th {
    display: none;
  }

  #pun-respect.punbb .main table tr,
  #pun-positive.punbb .main table tr {
    display: grid;
    grid-template-columns: 24px 0.8fr 1fr;
    grid-template-rows: auto auto;
  }

  #pun-respect.punbb .main table tr .tc2,
  #pun-positive.punbb .main table tr .tc2 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  #pun-respect.punbb .main table tr .tc3,
  #pun-positive.punbb .main table tr .tc3 {
    grid-column: 2 / -2;
    grid-row: 1 / 2;
    width: 100% !important;
  }

  #pun-respect.punbb .main table tr .tcl,
  #pun-positive.punbb .main table tr .tcl {
    grid-column: -2 / -1;
    grid-row: 1 / 2;
    width: 100% !important;
  }

  #pun-respect.punbb .main table tr .tcr,
  #pun-positive.punbb .main table tr .tcr {
    grid-column: 1 / -2;
    grid-row: -2 / -1;
    width: 100% !important;
  }

  #pun-respect.punbb .main table tr .tc3+.tc3,
  #pun-positive.punbb .main table tr .tc3+.tc3 {
    grid-column: -2 / -1;
    grid-row: -2 / -1;
    width: 100% !important;
  }

  #pun-positive #pun-main .tc4.comment,
  #pun-respect #pun-main .tc4.comment {
    width: 95%;
  }

  /* стрелки */
  .topbot {
    right: 2px;
  }

  .go-up,
  .go-down {
    width: 22px;
  }
}


/***************************************************************/


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

  /* фиксы выпадающего меню в навигации */
  #pun-navlinks .container li:hover ul.multiacc-profilemenu {
    transform: translate(-90%, 0%) scaleY(1);
  }

  #pun-navlinks .container li ul ul {
    left: auto;
    right: 100%;
  }

  /* стрелки */
  .go-down {
    bottom: 22%;
  }
  .go-up {
    bottom: calc(22% + 70px);
  }
}


/***************************************************************/


@media screen and (max-width: 540px) {
  body {
    background-image: none;
  }

  /* последний визит в строке приветствия */
  .isuser #pun-status span.item2 {
    display: none;
  }

  /* количество непрочитанных лс */
  #pun #pun-navlinks li#navpm span.num_msg {
    line-height: 0 !important;
    font-size: 10px !important;
  }

  /* количество новых сообщений в форуме */
  .icon[data-new-topics]:before,
  .subforums span[data-new-topics]:before {
    display: none !important;
  }

  /* ЗАГОЛОВКИ на главной */
  #pun-index .category h2, #pun-stats h2, #post-form h2 {
    font-size: 5vw;
  }

  /* ФОРУМЫ на главной странице */
  #pun-index #pun-main .category .container {
    padding: 20px 16px 20px 20px;
  }

  #pun-index .category tr {
    grid-template-areas:
      "lone lone lone"
      "lfour lfour lfour"
      "lfour lfour lfour";
  }

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

  #pun-index .category .tcr {
    line-height: 1.2;
  }

  /* иконки*/
  .intd div.icon {
    width: 24px;
  }
  
  /* фикс формы входа */
  .punbb #pun-navlinks #form-login input {
    width: auto !important;
  }

  /* подписаться */
  .linksb .subscribelink {
    grid-column: -2 / -1;
    grid-row: 2 / -1;
  }

  /* предпросмотр профиля - поля */
  #profile-right #pa-fld4, 
  #profile-right #pa-fld1 {
    grid-column: 1 / -1;
  }

  /* вкладка-сборщик */
  #vtlSettingsToggler {
    top: 4px !important;
    left: 4px !important;
    width: 38px !important;
    height: 38px !important;
  }
}


/***************************************************************/


@media screen and (max-width: 442px) {
  #pun-navlinks {
    padding: 4px 0px 2px;
  }

  #pun-navlinks li {
    margin: auto 6px;
  }

  #pun-navlinks li a:before {
    font-size: 16px;
  }

  /* добавить аккаунт */
  #pun-navlinks .container li ul,
  #pun-navlinks.section .multiacc-profilemenu {
    top: 18px;
  }

  /* размер картинок в обтекании */
  .punbb .post-content .custom_tag_float img.postimg,
  .punbb .post-content .custom_tag_float img {
    max-width: 266px;
  }
}


/***************************************************************/


@media screen and (max-width: 400px) {
  #pun-navlinks .container {
    gap: 0 6px;
    margin: auto auto auto 34px;
  }

  #pun-navlinks li {
    margin: auto 3px;
  }

  /* аватар в активных темах */
  #pun #pun-searchtopics .user-avatar {
    display: none;
  }

  /* фикс для таблиц в постах */
  #pun .post .post-content td,
  #pun #post-preview .post-content td {
    display: block;
    width: 100% !important;
    padding: 0px !important;
  }

  #pun .post .post-content dl.post-sig td {
    display: table-cell;
  }

  .post-content td {
    padding: 0px !important;
  }

  /* форма регистрации */
  form#register .inline .inputfield {
    float: none;
  }

  form#register {
    font-size: 1.05em;
  }

  /* уведомлялки */
  #pun #notify-link .unreads {
    line-height: 14px;
  }

  #pun #notify-link {
    position: relative;
  }

  #pun .notify-link {
    top: 10px;
    left: 10px;
  }

  #pun #OnOff_Notify:before {
    margin-top: -6px;
    margin-left: 10px;
  }

  /* картинки в посте */
  .punbb .post-content img.postimg {
    max-width: 250px;
  }

  /* тему просматривают */
  #topic-users-in {
    padding: 10px 8px 8px 8px;
  }

  /* партнерка */
  .podval {
    margin: 12px -10px auto;
  }
}


/***************************************************************/


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

  /* список участников */
  #pun-userlist .usertable tr {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }

  #pun-userlist .usertable .tcl {
    grid-column: 1 / -1;
  }

  /* ЛС */
  #pun-messages #profilenav {
    margin: auto 2px 10px auto !important;
  }

  #pun-messages form#messages {
    padding-right: 0px;
  }

  /* аватарки в строках поиска */
  #pun .punbb .user-avatar {
    display: none;
  }

  /* редактирование тем */
  #pun-viewforum .modmenu {
    padding: 10px 2px 8px 12px;
  }

  /* статистика */
  #pun-stats ul.container {
    padding: 12px 10px 10px;
    grid-template-areas:
      "ntemy ntemy nsoob nsoob"
      "nrega nrega nrega nrega"
      "nposl nposl nposl nposl"
      "nonlinelist nonlinelist nonlinelist nonlinelist"
      "nusers24 nusers24 nusers24 nusers24"
      "nbirth nbirth nbirth nbirth";
  }
}

/***************************************************************/

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

  /*** админка ***/
  .punbb-admin {
    width: auto;
    max-width: 540px;
  }

  .punbb-admin .admin-advert-block {
    width: 100%;
  }

  .punbb-admin #pun-navlinks .container {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px auto !important;
  }

  #pun-adnav ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  div.adcontainer {
    background-color: var(--bgpun);
  }

  .punbb div.adminmain.post {
    padding: 0 0 0 0em !important;
  }

  .punbb-admin #pun-navlinks a,
  .punbb-admin #pun-navlinks li#navadmin span:before {
    font-size: 0px;
    margin: 0px;
  }

  .punbb-admin #pun-navlinks a:before {
    font-size: 18px;
  }

  .punbb-admin #pun-navlinks li {
    padding: 0;
  }

  .punbb-admin span.num_msg {
    font-size: 16px !important;
  }

  .punbb-admin #pun-ulinks .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .punbb-admin .adminmain {
    padding: 0em 0px !important;
  }

  .punbb-admin #pun-adnav {
    float: none;
    clear: both;
    width: 100%;
    margin-left: 0em;
    display: block;
    box-sizing: border-box;
  }

  .punbb-admin #pun-admain fieldset {
    padding: 0 4px 0 4px !important;
  }

  .punbb-admin #pun-adnav li {
    display: inline-block;
  }

  .punbb-admin #pun-admain fieldset p,
  #pun-admain fieldset p,
  .punbb-admin #pun-admain fieldset .handle {
    border-left-width: 0em !important;
    border-left: none;
    padding-left: 6px;
    box-sizing: border-box;
  }

  .punbb-admin #pun-admain fieldset p {
    margin-bottom: 6px;
  }

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

  .punbb-admin #pun-admain .adlabel {
    width: 100%;
    box-sizing: border-box;
    display: block;
    float: none;
    clear: both;
    margin-left: 0em;
  }

  #pun-admain fieldset .handle,
  #pun-admain fieldset p {
    border-left-width: 0em !important;
  }

  #pun-admain .adlabel {
    margin-left: 0em !important;
    width: 100% !important;
  }

  .punbb-admin #pun-admain .adinput {
    padding: 0px 26px 0 0 !important;
  }

  .punbb-admin #pun-admain span.adsubmit {
    position: relative;
    display: block;
    left: 1em !important;
    margin-bottom: 6px;
  }

  .punbb-admin #pun-admain p.adsubmitfield span.adsubmit {
    top: 2px;
  }

  #pun-admain textarea {
    width: 98% !important;
    box-sizing: border-box;
  }

  .punbb-admin #pun-admain1 form.adcontainer,
  .punbb-admin #pun-admain2 form.adcontainer,
  .punbb-admin #pun-admain1 div.adcontainer,
  .punbb-admin #pun-admain2 div.adcontainer {
    padding: 18px 0px 12px 0px;
    overflow: hidden;
  }

  #pun-admain1 form.adcontainer,
  #pun-admain2 form.adcontainer,
  #pun-admain1 div.adcontainer,
  #pun-admain2 div.adcontainer {
    padding-left: 0;
    padding-right: 0;
  }

  .punbb-admin #pun-admain p span.astable label {
    float: none;
    clear: both;
  }
}

/***************************************************************/