/********** Чистый стардартный стиль для MyBB ***********/
/******** ForumD.ru © Gerda, 2023 ********/

@import url(style_cs.1750771114.css);
/*импорт шрифтов*/
@import url('/files/001b/9d/37/81749.css'); 
@import url('https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Cuprum');

@font-face {
    font-family: 'Rotis';
    src: url('https://forumstatic.ru/files/000e/85/f0/50549.woff2') format('woff2'),
         url('https://forumstatic.ru/files/000e/85/f0/75606.woff') format('woff'),
         url('https://forumstatic.ru/files/000e/85/f0/11960.ttf') format('truetype'),
         url('https://forumstatic.ru/files/000e/85/f0/97645.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Enchanted' ;
src: local('Enchanted '), url(https://forumstatic.ru/files/000e/85/f0/10017.ttf);
}

@font-face { font-family: Galatea Gothic;
src: local("11702"), url(https://forumstatic.ru/files/001a/28/10/11702.ttf) format('truetype');}

@import url('https://fonts.googleapis.com/css?family=Cuprum');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('//forumstatic.ru/files/001b/6e/df/58432.css');
@import url('//forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: Playfair Display;
    src: url('//forumstatic.ru/files/001b/0b/62/42032.ttf');}
@font-face { font-family: Vogue Highline serif;
    src: url('//forumstatic.ru/files/001b/6e/df/10841.otf');}
@font-face {font-family: 'Vetrino';
src: local("Vetrino"), url('//forumstatic.ru/files/001b/11/27/48711.ttf');}
@font-face {font-family: 'roboto';
src: local("roboto"), url('//forumstatic.ru/files/0018/b2/d3/10927.ttf');}
@font-face {font-family: 'ArnoPro';
src: local("ArnoPro"), url('//forumstatic.ru/files/001a/da/7d/26546.otf');}
@font-face {font-family: 'Tahoma';
src: url('https://forumstatic.ru/files/0019/47/79/67198.ttf');}
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src:  url('//forumstatic.ru/files/001a/da/7d/83987.ttf');}
@font-face {font-family: 'Bad Script';
src: url('//forumstatic.ru/files/001a/da/7d/76746.ttf');}
@font-face {font-family: 'Caveat';
src: url('//forumstatic.ru/files/001a/da/7d/73153.ttf');}
@font-face {font-family: 'Comforter Brush';
src: url('//forumstatic.ru/files/001a/da/7d/96265.ttf');}
@font-face {font-family: 'Cormorant SC';
src: url('//forumstatic.ru/files/001a/da/7d/53291.ttf');}
@font-face {font-family: cuprumital; 
src: local("cuprumital"), url(http://forumstatic.ru/files/001b/aa/5e/38934.ttf);}
@font-face {font-family: 'Kurale';
src: url('//forumstatic.ru/files/001a/da/7d/61460.ttf');}
@font-face {font-family: 'Old Standard TT';
src: url('//forumstatic.ru/files/001a/da/7d/18179.ttf');}
@font-face {
    font-family: 'Yeseva One';
    src: url('https://forumstatic.ru/files/001b/8e/b2/86420.ttf');
font-weight: normal;
    font-style: normal;}
@font-face {font-family: 'Oranienbaum';
	src: local('Oranienbaum'), url(http://forumstatic.ru/files/001b/e0/32/41575.ttf);}
@font-face {font-family: 'Alice';
	src: local('Alice'), url(https://forumstatic.ru/files/001b/8e/e8/75847.ttf);}
@font-face {font-family: 'Amagro';
	src: local('Amagro'), url(http://forumstatic.ru/files/001b/a0/2c/94946.ttf);}


:root {
    --color-accent: #646b86;
    --gray: #373736;
    --black: #000000;
    --light: #c9ced1;
    --ssylka:#2c4f5e;
    --html_bg: url(/files/000e/85/f0/39555.jpg);
    --cloud: url(/files/000e/85/f0/99820.jpg);
    --ramka: url(/files/000e/85/f0/75830.png);
    --bb: url(/files/000e/85/f0/62223.png);
}

#html-header {
position: relative;
left:0;
}

/* ================== */

/* Скрываем элементы форума */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks 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,
#pun-title h1,
#pun-announcement 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,
.punbb .linksb:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}


/* ================== */

/* Общие стили */
body {margin: 0;
background-color: #4e5e63; 
background-image: var(--html_bg);
background-attachment: fixed;
background-size: cover;
}


address, em {font-style: normal}

a {text-decoration: none;}
ul, dl, li, dd, dt {list-style: none; padding-inline-start: 0;}

dd{margin: 0 auto;}

address, em {font-style: normal}

a {text-decoration: none;}

/* Скроллбары */
* {
scrollbar-width: thin; 
scrollbar-color: var(--color-accent) var(--gray);
}
*::-webkit-scrollbar {width: 9px; height: 9px;}
*::-webkit-scrollbar-track {background-color: var(--gray);}
*::-webkit-scrollbar-thumb {background-color: var(--color-accent);}


/* Cтрелки © ForumD.ru, Gerda */
.scrollbuttons {
position: fixed;
width: 987px; /* ширина рамки форума/сайта */
height: 0px;
top: 50%; /* отступ кнопок от верха экрана */
}
.go-up, .go-down {
    width: 42px;
    opacity: 0;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
    padding: 0 4px 1px 4px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    color: #d8dad3 !important;
    scale: .8;
}
.go-up.show, .go-down.show {opacity: 1;}
.go-up {
    right: -69px;
    top: -50px;
    scale: .6;
    filter: saturate(.5);
}
.go-down {
right: -69px; /* двигаем вправо (кнопка ВНИЗ) */
top: 20px; /* двигаем вверх (кнопка ВНИЗ) */
}
.go-up:hover, .go-down:hover {
filter: brightness(1.1)  /* цвет текста при наведении курсора */
/* добавь сюда любые другие изменения при наведении курсора */
}
/* ================== */

/* Тело форума */
.punbb {
    width: 1000px;
    margin: 16px auto;
    background-color: #e5dccb;
    border: 2px solid #363642;
    background: url(https://forumstatic.ru/files/000e/85/f0/37742.jpg) no-repeat top, url(https://forumstatic.ru/files/000e/85/f0/73030.jpg) repeat-y;
    box-shadow: inset 0 0 0 1px #cdbbaa, 0 0 14px 1px #2b283e, 0 0 17px #6b5d55 inset;
font-family: 'cuprum'
}

#pun {
position: relative; 
 margin-top: 312px;
    margin-bottom: 120px;
}

#pun:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: -3;
    left: calc(50% - 529px);
    bottom: -90px;
    top: -230px;
    height: auto;
    width: 1060px;
    backdrop-filter: blur(10px);
    background-color: #24243247;
    box-shadow: 0 0 40px #1f1530 inset, 0 0 1px 1px #747ba6, inset 0 1px 40px 2px #24232f5e, 0px 0px 0px 2px #040507;
    background: var(--cloud) repeat;
    border-radius: 12px;
    opacity: .6;
    filter: saturate(.9) hue-rotate(350deg);
}

address, em {font-style: normal}

a {text-decoration: none;}

/* ШАПКА*/

#pun-title table {
    background: url(https://forumstatic.ru/files/000e/85/f0/53050.png) no-repeat;
    border: none;
    height: 332px;
    margin-left: 220px;
    width: 572px;
    margin-top: -298px;
    z-index: -3;
    position: absolute;
    mix-blend-mode: lighten;
    scale: .8;
}

.ramka {
    position: absolute;
    display: block;
    top: -103px;
    left: 121px;
    width: 50px;
    height: 52px;
    background: var(--ramka) no-repeat;
    z-index: -2;
}

.castle {
    position: absolute;
    width: 476px;
    height: 270px;
    transition: all 0.1s ease;
    background: url(/files/000e/85/f0/85656.png) no-repeat;
    margin-left: 327px;
    top: -240px;
    z-index: -1;
    filter: brightness(1.1) hue-rotate(10deg) saturate(.3);
    scale: .8;
}

#magic {
    position: absolute;
    border-style: solid;
    border-color: #f3f9fa3d transparent transparent transparent;
    border-width: 0.1em 1px 0 0;
    border-radius: 50%;
    top: -296px;
    left: 310px;
    width: 390px;
    height: 390px;
    animation: orbit 30.5s linear infinite;
    z-index: -3;
}
#magic:after{
    content: '';
    width:106px;
    height:184px;
    background: url(https://forumstatic.ru/files/000e/85/f0/53354.png) no-repeat top right;
    display:block;
    scale:.17;
    position:absolute;
    top: -17px;
    left: 305px;
     transform: rotate(130deg)   
}
     
        @keyframes orbit {
            to{
                transform: rotate(360deg);
            }
        }


.flowers img {
    position: absolute;
    width: 270px;
}

#shapka {
    width: 200px;
    border: none;
    color: #faf4dd;
    font-size: 42px;
    position: absolute;
    left: 388px;
    font-family: Enchanted;
    top: -190px;
    text-align: center;
    text-shadow: 1px 0 17px #e4e2e9, 1px 0 0px #303344, 1px 0 17px #303344, 1px 0 1px #191b24;
    z-index: 1;
}

#shapka small {
    font: 8px 'rotis';
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: #faf7e9;
    display: flex;
    position: absolute;
    left: 40px;
    top: 47px;
    width: 100px;
    justify-content: center;
    align-items: center;
}

/* Таблица */
.activ {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: #8f95b5;
    margin: 0 15px;
    border: 2px solid #dfcfad;
    transition: all 0.5s linear 0s;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 0 2px 1px #06071557, 0 0 2px 2px #000000ad inset;
}

.activ img {
    mix-blend-mode: multiply;
	width:100%;
	filter: grayscale(1);    
    transition: all 0.5s linear 0s;
    border-radius: 50%;
opacity: .8
}

.activ:hover {
        mix-blend-mode: normal;
        transition: all 0.5s linear 0s;
}

.activ img:hover {
    mix-blend-mode: normal;
    filter: sepia(1) brightness(.7) hue-rotate(-5deg);
    transition: all 0.5s linear 0s;
    scale: 1.3;
opacity: 1
 }

.activ-info {
    width: auto;
    display: flex;
    top: -92px;
    position: absolute;
    left: 26px;
    gap: 30px;
}

.activ-info-sp {
    display: inline-flex;
    top: -202px;
    position: absolute;
    left: 730px;
    flex-direction: row;
    justify-content: flex-end;
    gap: 30px;
}

.bpost {
    width: 280px;
    height: 65px;
    position: absolute;
    top: -202px;
    left: 0;
    overflow: auto;
    font: 11px 'rotis';
    letter-spacing: .6px;
    text-align: justify;
    line-height: 14px;
    padding: 10px;
    z-index: 4;
    color: #fff;
    text-shadow: 1px -1px 6px #1a1823, 1px -1px 1px #000000;
    background: linear-gradient(to right, #2122365e 10%, #1e1c1c00 100%);
    box-shadow: -1px 0px 0 0 #2f2548;
}


.bpost-title {
    color: #c9ced1;
padding: 0 0 6px;
text-shadow: 1px -1px 6px #1a1823, 1px -1px 1px #000000;
    text-transform: uppercase;
    letter-spacing: .6px;
    font: bold 12px 'Rotis';
	
}


.bpost-title a{color: #f9eecf !important; text-shadow: 1px 0 8px #e4e2e9, 1px 0 1px #12141a, 1px 1px 0 black;}
.bpost-title a:hover{color: var(--light) !important;}


.bpost1 {
    width: 280px;
    height: 65px;
    position: absolute;
    top: -146px;
    right: 0;
    overflow: auto;
    padding: 10px;
    z-index: 4;
    background: linear-gradient(to left, #2122365e 10%, #1e1c1c00 100%);
    text-align: justify;
    color: #dfe0e2;
    text-shadow: 1px -1px 2px #0c0a0f;
    font: 11px 'rotis';
    letter-spacing: .6px;
    box-shadow: 1px 0px 0 0 #2f2548;
}
 
.bepiz {
    text-transform: uppercase;
    font: bold 12px 'Rotis';
    letter-spacing: 1px;
    width: 330px;
    height: auto;
    position: absolute;
    transition: all 0.5s linear 0s;
    top: -44px;
    left: -0px;
text-shadow: 1px -1px 6px #1a1823, 1px -1px 1px #000000;
    flex-direction: row;
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.bepiz a{color: #fff!important}

.bepiz a:before {
    content: "";
    position: relative;
    background: var(--bb) no-repeat;
    width: 52px;
    height: 26px;
    display: inline-block;
    scale: .5;
    vertical-align: middle;
    margin: 0 -8px 2px 0;
}

.bepiz a:after {
    content: "";
    position: relative;
    background: var(--bb) no-repeat;
    width: 52px;
    height: 26px;
    display: inline-block;
    scale: .5;
    vertical-align: middle;
    margin: 0 0 2px -8px;
	transform: scaleX(-1)
}

.bepiz a:hover{color: #d9d9fa !important}

.citata {
    text-transform: uppercase;
    font: bold 12px 'Rotis';
    letter-spacing: 1.2px;
    width: 300px;
    height: auto;
    position: absolute;
    transition: all 0.5s linear 0s;
    top: -44px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
text-shadow: 1px -1px 6px #1a1823, 1px -1px 1px #000000;
}

.citata txt{
color: #fff;
padding: 0 4px
}

.citata:before {
    content: "";
    position: relative;
    background: var(--bb) no-repeat;
    width: 52px;
    height: 26px;
    display: inline-block;
    scale: .5;
    vertical-align: middle;
    margin: 0 -8px 1px 0;
}

.citata:after {
    content: "";
    position: relative;
    background: var(--bb) no-repeat;
    width: 52px;
    height: 26px;
    display: inline-block;
    scale: .5;
    vertical-align: middle;
    margin: 0 0 1px -8px;
	transform: scaleX(-1)
}


.citata a{color: #fff!important}
.citata a:hover{color: #d9d9fa !important}



/* ================== */

/* Меню навигации */
#pun-navlinks .container {
    margin: 0px;
    text-align: center;
    display: inline-flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 20px;
}

#pun-navlinks {
    position: absolute;
    display: block;
    top: 20px;
    width: 999px;
} 

#pun-navlinks>ul>li {
    display: inline-block;
    margin: 1px 3px 0 1px;

}

#pun-navlinks>ul> li a {
    color: #312236 !important;
    text-shadow: 1px 1px 0 #eee;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  padding: 4px 14px;
  text-align: center;  
  font: bold 13px 'Oranienbaum'; 
    transition: all 0.3s ease-in-out 0.1s;
}

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #3f3159 !important;
	text-shadow: 0 0 10px #a5accc, 1px 1px 0 #eee; 
	transition: all 0.3s linear 0s;
   
    }

#pun-navlinks #navawards {display:none;} /* Убрать Награды в навигации */

/* Юзер меню */

#pun-ulinks .container {
padding: 10px 0; 
width: 1000px; 
text-align: center; 
}

#pun-ulinks li {
    display: inline;
    padding: 3px 8px 2px 8px;
     margin: 0 4px;
    border-radius: 4px;
}

#pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a {
    color: #352f4a;
    text-transform: lowercase;
    transition: all 0.3s linear 0s;
    letter-spacing: .6px;
    font: bold 12px 'Rotis';
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {color: #484b75; text-shadow: 0 0 6px #a5accc; transition: all 0.3s linear 0s;}

#pun-ulinks {
  position: absolute;
    top: 44px;
 }

/* Убрать темы без ответов */
#pun-ulinks #h-unanswered {display: none !important}

/* Цвет уведомлений */
.bubble::after {
    border-color: var(--ssylka) transparent!important;
}

.bubble, span.num_msg, span.num_msg:before {
    background: var(--ssylka) !important;
}

/* ================== */

/*Цвета ссылок*/
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: var(--ssylka);
 }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--gray);
  }

.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: var(--gray);
}

/* ================== */

/* Объявление */
#pun-announcement .container {
    text-align: center;
    margin: 110px 0 0 0!important;
}


/* Новостные плашки*/


.news {
    width: auto;
    padding: 2px 5px;
    font: 13px 'rotis';
    letter-spacing: .8px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    margin:0 4px;
    background: var(--html_bg);
    background-attachment: fixed;
    background-size: cover;
    box-shadow: 0 0 30px #151a3066 inset, 0 0 1px 1px #7f85a1, inset 0 1px 40px 2px #24232f69, 0px 0px 0px 2px #3c4057;
}

.data {
    margin-right: 6px;
    font: 16px Oranienbaum;
    padding: 2px 3px;
    height: 100%;
    color: #faf3d1;
    text-shadow: 1px 0 0px #303344, 1px 0 17px #303344, 1px 0 1px #191b24;
}

.news .mess {
    overflow: hidden;
    text-align: center;
    text-shadow: 1px 1px 2px #353147, 1px 1px 0 black;
    color: #eee;
}

.news text {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    height: 14px;
}

.news span {
    text-transform: lowercase;
    font-size: 11px;
    display: flex;
    height: 13px;
    vertical-align: middle;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

.news a {
    color: #bcb9b9 !important;
}

.news a{display: inline-flex; align-items: center;}

.news:hover {
    filter: sepia(1) brightness(.9) hue-rotate(5deg) saturate(.6);
    transition: all 0.3s linear 0s;
}



/* Статус (Добро пожаловать) */

#pun-status {
    position: absolute;
    top: -145px;
    float: left;
}

#pun-status .container {
    position: relative;
    width: 280px;
    height: 34px;
    right: -714px;
    box-sizing: border-box;
    text-align: justify;
    color: #fff;
    text-shadow: 1px -1px 6px #1a1823, 1px -1px 1px #000000;
    font: 11px 'rotis';
    letter-spacing: .6px;
}

#pun-status .item1 {float: left;}

#pun-status .item2 {
    display: none
}

#pun-status .item1 strong, #pun-status .item2 strong{font-weight:300}

#pun-status a {color: #e0e2de;}

#pun-status .item3.status-right, #pun-status .item4 {display:none !important}




/*хлебные крошки */
.container.crumbs {
    font-weight: 700 !important;
    padding: 0 5px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
    font: 11px 'Rotis';
}

#pun-crumbs1 {
    margin: 30px 0 0 0;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    flex-wrap: nowrap;
}

p.container.crumbs em {
    font-size: 0;
}

p.container.crumbs em::after {
    content: "\2726";
    font-size: 8px;
    margin-right: 3px;
}

#pun-crumbs2 .container.crumbs {margin: 30px 0 0 10px;}


/* Копирайт майбб */
#pun-about .container {text-align: center; font-size: 9px !important; letter-spacing: .4px;}
#pun-about .container a{color: #747372}

/* ================== */

/* Форумные таблицы */
.punbb table {table-layout: fixed; width: 100%; line-height: 16px;}
.tcl {width: 40%;     font-size: 13px;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
font-size: 12px;
}

#pun-main .tcr {
    width: 280px !important;
    letter-spacing: 0.5px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 14px;
    margin-left: 250px;
    text-align: center;
}

.lastpost-link {
    display: block;
    font-size: 13px !important;
    padding: 0 0 5px 10px;
    font-weight: bold;
    color: var(--ssylka)!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #b1b2b5 60%, rgba(255, 255, 255, 0) 90%);
    border-image-slice: 1;
}

.lastpost{display: block;
    text-align: center;
    margin-top:-10px
}

 #pun-index .category .tc2, #pun-index .category .tc3, #f-subforums .tc2,#f-subforums .tc3 {display:none!important;}

#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%;
font-size: 14px;
text-transform: lowercase;
}

#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}

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

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}

.punbb td {padding: 8px 10px;}
.punbb th {
    padding: 4px 10px 10px 10px;
    text-transform: uppercase !important;
    font: 9px 'rotis' !important;
    letter-spacing: 1px;
}

Div.icon {
 position: absolute;
  }

.punbb table div.icon::before {
    content: "\eb76";
    font-family: Material Icons;
    font-size: 20px;
    background-color: transparent;
    display: flex;
    text-align: center;
    color: #696a709c;
    align-items: center;
    padding: 2px 2px 0 2px;
    justify-content: center;
}

TR.inew Div.icon::before {
    content: "\ef44";
    font-family: Material Icons;
    font-size: 20px;
    background-color: transparent;
    display: flex;
    text-align: center;
    color: #545976;
    align-items: center;
    justify-content: center;
    -webkit-animation: blinkColor .9s linear infinite;
    text-shadow: 0px 0px 10px #c289d3, -2px 0px 1px #dcdcdd;
}

TR.iclosed Div.icon::before {
    content: "\e3a8";
    font-family: Material Icons;
    font-size: 20px;
    background-color: transparent;
    display: flex;
    text-align: center;
    color: #696a709c;
    width: 20px;
    height: 20px;
    align-items: center;
    padding: 1px 2px 0 2px;
    justify-content: center;
}

TR.isticky Div.icon::before {
    content: "\ef4a";
    font-family: Material Icons;
    font-size: 20px;
    background-color: transparent;
    display: flex;
    text-align: center;
    color: var(--color-accent);
    align-items: center;
    padding: 1px 2px 0 2px;
    justify-content: center;
}

.tclcon{margin-left: 40px;}

/*Иконки на главной*/
#pun-main .category Div.icon {
margin: 4px 0 0 10px;
}

/*Заливка*/
#pun-index #pun-main table tr {
    display: inline-flex;
    width: 97%;
    margin-left: 14px;
    align-items: center;
}

#pun-index .category tr {
    border: 1px solid #b8b3a9cf;
    margin-block: 10px;
    background: #cbbea642;
    margin-bottom: 11px !important;
    outline: 1px solid rgb(245 239 229);
    outline-offset: -3px;
}

/* Название подфорума*/
#pun-index .tcl h3 {
    display: flex;
    height: 26px;
    text-align: center;
    letter-spacing: .8px;
    padding: 0 0 0 40px;
    margin-top: 0;
    text-transform: uppercase;
    transition: all 0.5s linear 0s;
    flex-wrap: wrap;
    align-items: center;
    font: 16px 'Oranienbaum';
    font-weight: 600;
}
 
#pun-index .tcl h3 a {
    color: #3e4458;   
    transition: all 0.5s linear 0s;
}
#pun-index .tcl h3 a:hover {
    color: #3e584f; 
    transition: all 0.5s linear 0s; 
}

#pun-index td div.tclcon {
    width: 570px;
    line-height: 14px;
    text-align: justify;
    margin-left: 4px;
    padding: 0 40px 8px 0;
    border-right: 1px solid #c6cbc7;
}

/*Превью аватара на главной */
#pun .user-avatar .avatar-image {
    opacity: 1!important;
    filter: sepia(1) brightness(.8) hue-rotate(182deg);
    border: 1px solid #858181;
}

#pun .user-avatar .isonline {
    position: absolute;
    top: 2px;
    right: 0px;
    background-color: var(--color-accent);
}

/* ================== */

/* Категории */

#pun-main h2, .punbb .section h2, #pun-debug h2 {
    width: calc(100%);
    background: var(--html_bg) 80% 60% repeat-y;
    text-shadow: 1px 0px 2px #000;
    border: 1px solid #40424d;
    border-width: 1px 0;
    padding: 3px 0 4px 0;
    font: 16px 'Rotis';
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
    color: #d9e3de;
    display: inline-flex;
    justify-content: center;
    box-shadow: 0px -1px 0 #cdbbaa, 0px 1px 0 #cdbbaa, 0 0 20px 0px #534741;
}

 #pun-main h1{display:none !important}

#pun-category1 {margin-top: 10px;}

.punbb td .modlist {
display: block;
padding-top: 5px;
}

/* Статистика */
#pun-stats h2 {display:none}
#pun-stats .container {padding: 0.8em 1em 0em 1em;}
#pun-stats ul.container {margin: auto; text-align:center}

#pun-stats li.item4 span {display:none;}
#pun-stats li.item4 strong:before {content: 'С нами: '; font-weight:400;}

#pun-stats li.item3 span {display:none;}
#pun-stats li.item3 strong:before {content: 'Жителей: '; font-weight:400;}


/*Блоки в статистику*/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-flex;
    min-width: 180px;
    width: 234px;
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    font: 11px 'rotis';
    padding: 3px 0;
    background: #646b86;
    color: #eceef0;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    letter-spacing: .4px;
    text-shadow: 1px 1px 1px #000000;
}

#pun-stats li.item4 a {color: #fff !important}

li#onlinelist {
margin-top: 10px;
/*float: left;*/
line-height: 130%;
text-align: justify;
}
li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.punbb .linkst {
position: relative;
height: 0;
}
.linkst .pagelink, .linkst .postlink {
    position: absolute;
    top: -52px;
    font-family: Arial;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right; text-transform: lowercase;}

.punbb .linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {
    float: left; 
    text-align: left;
    font-family: Arial;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left; font: 10px ralewayextrabold; text-transform: uppercase }
.modmenu input {margin-left: 10px;}
.punbb .modmenu .container span {display: none;}

/*Коррекция админки*/

.admin-advert-block {
    position: absolute;
    left: 50px;
    top: 250px;
}

.punbb-admin #pun-crumbs1 {
   margin: 90px 0 0 0;
}

#pun-admain fieldset { 
border: none !important;
}

#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
    font-family: сuprum !important
}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}

.post .container {}

.post h3
 {
    color: var(--ssylka);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.post h3 span {
    padding: 5px 10px;
    display: block;
    margin: 0 0 20px 0;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #c7c7c4 50%, rgba(255, 255, 255, 0) 90%);
    border-image-slice: 1;
}
.post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}

.topic a.sharelink {display:none!important;} 

.sharelink, .pl-share{
  display:none!important;
  } 
/* Убрать Поделиться */
#pun-live-rusff {display:none}

.pl-reports {display:none !important} /* Убрать Пожаловаться */

/* Убрать рамку из постов где хтмл */
html {    box-shadow: none !important;
    border: none !important;
}

/* Ссылка и номер поста */
.permalink, .post h3 strong a {
    margin: -14px 0 0 0px !important;
    position: absolute;
    padding: 2px 8px 2px 8px;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-size: 10px;
}

#pun-viewtopic div.post h3 strong {
    float: right;
    text-align: right;
    margin: -14px 0px 0 0;
    padding: 2px 8px 2px 8px;
    color: var(--ssylka);
    font: bold 16px 'Oranienbaum';
    font-size: 10px;
}

/*Скрыть фразу Напишите сообщения и нажмите отправить */
#post fieldset legend span {display: none;}


.post-body {margin-left: 230px;}

.post-box {
    padding: 0 18px 0 28px;
    position: relative;
    overflow: visible !important;
    word-wrap: break-word;
}


.post-links {margin-left: 320px;
    margin-top: 12px;}
.post-links ul {padding: 0 40px 0 0;margin-left: -250px;text-align: right;}

.post-links li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 7px;
    margin: 0 6px;
    transition: all 0.5s;
    text-transform: uppercase;
    font: bold 11px 'Rotis';
    letter-spacing: .8px;
    box-shadow: inset 0 0 0 2px var(--color-accent);
}
    
.post-links .pl-email.email {
display: none
}

.post-links li a {color: var(--color-accent) !important;}

.post-links li:hover {
      transition: .2s linear;
	box-shadow: var(--color-accent) 0 0px 0px 12px inset; filter: brightness(1.2)
}

.post-links li a:hover {color:  var(--light) !important;     transition: .2s linear;}



.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

/* Фон формы ответа*/
#main-reply {
    background: #dcdfe2;
    border: 1px solid var(--gray);
}

.punbb #tags .container {
    height: 174px;
    overflow-y: auto;
    padding: 5px 15px;
    margin-top: -6px;
}

/* Фон окон в форме ответа*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #pun-report .inner, #pun-reputation .inner {
    color: #222;
    background: #e5dccb;
    border: 1px solid var(--gray);
    background: url(https://forumstatic.ru/files/000e/85/f0/73030.jpg);
}

#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {
    letter-spacing: .4px;
    font: 12px 'ralewayextrabold';
    text-transform: uppercase;
    background: var(--light);
    padding: 10px;
}

#mask_dialog .inner, .hvStickerPackModal {
    background: #e5dccb !important;
    width: 1000px !important;
    background: url(https://forumstatic.ru/files/000e/85/f0/73030.jpg) !important;
}

.hvStickerPackModalTab {
    border-radius: 0 !important;
    background: var(--color-accent) !important;
    color: #ebf1f4 !important;
     font: bold 12px 'Rotis' !important;
    letter-spacing: .6px;
    text-shadow: 0px 0px 3px var(--gray);
    text-transform: lowercase;
}

#form-buttons tr {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#form-buttons td img {position: absolute; z-index: 100; left: 0; top: 0;}
#form-buttons td {
    background-image: none !important;
    display: inline-flex;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 3px 3px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #676e86 !important;
    background-color: #444865 !important;
}

#form-buttons td .material-icons {
position: absolute;
z-index: 1;
left: 0;
font-size: 16px; /* размер иконок */
padding: 3px; /* отступ от иконки до кнопки */
color: var(--light); /* цвет иконок */
}
#form-buttons td:hover {background-color: var(--gray); filter: brightness(1.2)}

#form-buttons #button-image {font-size: 0px}

#form-buttons #button-image::before { content: '\e43e';   font-family: Material Icons;
    font-size: 16px; color: var(--light); }

#form-buttons #button-sticker::before { content: '\e1d3';   font-family: Material Icons;
    font-size: 16px; color: var(--light); }

#form-buttons #floatbut::before { content: '\e949';   font-family: Material Icons;
    font-size: 16px; color: var(--light); }

#form-buttons #button-mask::before { content: '\ea66';   font-family: Material Icons;
    font-size: 16px; color: var(--light); }

#form-buttons #button-files_rusff, #button-graffiti_rusff {display:none !important}

#form-buttons #button-image:hover; #form-buttons #button-sticker:hover, #form-buttons #floatbut:hover, #form-buttons #button-mask:hover {color: #d1d6c6!important; font-family: Material Icons;}

#form-buttons #button-justify {font-size: 0px}

#form-buttons #button-justify::before { content: '\e235';  display:block; font-family: Material Icons;
    font-size: 16px; color: var(--light); }


#tags .container{top: 43px !important}

#pun-report .inner h1{
  background:none;
  color: #111;
  text-shadow: none;
  font-weight:600;
  }


/*Цветовыделение */
background:#a6b2d759;
}
/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px 0;
}

/* Контент поста */

.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
text-align: justify;
}
.post-content img {vertical-align: middle;}
.scrollbox {
    width: 97%;
    overflow: auto;
    max-height: 200px;
    padding: 10px;
}

.scrollbox pre{letter-spacing: .2px }

.quote-box, .code-box {
    margin: 10px 5px 20px 5px;
    border: 1px solid #53526024;
    border-radius: 10px;
    word-break: break-word;
    background: rgb(161 164 184 / 15%);
padding:10px
}

.code-box {
    padding: 15px;
}

.punbb .quote-box cite, .punbb .code-box strong.legend {
    display: inline-flex;
    width: -webkit-fill-available;
padding: 15px 9px 0 9px;
    font: bold 11px 'arial';
    letter-spacing: .3px;
    font-style: normal;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: var(--ssylka);
background: none;
}

.punbb .code-box strong.legend {
    padding: 0 !important;
}

.code-box strong.legend a{color: var(--ssylka);}

.code-box strong.legend a:hover{text-shadow: 0px 0px 3px #c289d3, -2px 0px 1px #dcdcdd; }


.punbb .quote-box cite a{color:#acc6d5}

.quote-box p {
    padding: 0;
}

.code-box strong.legend {
    display: block;
    padding: 5px 15px;
    letter-spacing: .6px;
    font-size: 14px;
    font-family: 'Code Pro';
    color: #474e34;
    font-weight: 600;
    background: linear-gradient(to right, #b4b0b0 10%, #bcb9b9 100%);
}


.post-content .spoiler-box > div {
    text-align: center;
    text-transform: uppercase;
    font: bold 11px 'arial';
    letter-spacing: .3px;
    color: var(--ssylka);
}

/*ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ*/
#tooltip {
position:absolute;
background-color:#2a2b29d6; 
z-index: 999;
max-width:200px; 
text-transform:uppercase;
font: 9px arial; 
color:#fff; 
text-align:center;
padding:10px;
border-radius:4px;
letter-spacing:.8px;
}

/*убрать границы таблиц*/
.post-content td {
border:none transparent !important;
}
.post-content .noborder td { border: 0 none !important;}

/* ================== */

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

textarea, input, select, optgroup {

}

#mod-options {
    padding: 5px;
    text-transform: uppercase;
    background-color: #a2a0b76b;
    font: 10px 'rotis';
    letter-spacing: .6px;
}


optgroup {font-weight: bold;}

.formal .container {padding: 10px 20px;}

.formsubmit {
margin: 0;
}

/*Оформление кнопочек */
.button, input[type="submit"], #viewprofile-next #pa-edit a {
margin: 0 6px 0 0;
    color: var(--color-accent) !important;
    padding: 4px 7px;
    transition: all 0.5s;
    text-transform: uppercase;
    font: bold 11px 'Rotis';
    letter-spacing: .8px;
    box-shadow: inset 0 0 0 2px var(--color-accent);
	border:none;
	background-color: transparent
}

.button:hover, input[type="submit"]:hover, #viewprofile-next #pa-edit a:hover {    border: none;
    filter: brightness(1.2);
    box-shadow: var(--color-accent) 0 0px 0px 12px inset;
    color: var(--light) !important;}
#post-form .formsubmit {text-align:center;}

div#topic-users-in {
    font-family: verdana;
    font-size: 10px;
    text-transform: lowercase;
    color: #404668;
   }

fieldset {
border: none;
display: block;
}
fieldset legend {
font-weight: bold;
margin-block: 10px;
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */

/* Профиль + ЛС */
#profile .container {padding-left: 200px;}
#profilenav {
  float: left;
  width: 150px;
  margin-left: -150px;
}

#profilenav h2 {
    width: 130px;
    color: var(--light);
    text-shadow: none;
    font-weight: 700;
}

#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul {
padding: 10px;
margin: 0 0 10px 0;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
#viewprofile li {margin-bottom:2px;}
#viewprofile li span {
float: left;
width: 180px;
padding: 5px 10px;
font-weight: bold;
}
#viewprofile li strong, #viewprofile li div {
display: block;
padding: 5px 10px;
font-weight: normal;
}
.punbb img.avatardemo {float: right;margin: 0 0 8px 18px;}

/* Профиль */
.punbb .post .post-author {
    float: left;
    width: 220px;
    background: linear-gradient(to bottom, #231d3f38 10%, #1e1c1c00 100%), url(/files/000e/85/f0/34223.jpg) no-repeat;
    background-color: #9597a4;
    text-align: center;
    margin-left: 20px;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #7a7d9e, inset 0 0 10px -1px #161718, 0 0 1px 1px #000000ad, 0 0 10px #362e29;
}

.punbb .post .post-author ul {
    text-align: center;
    width: 200px;
    margin: 36px 10px 10px 10px;
    color: var(--black);
    background: #efeff5cc;
    box-shadow: 0 0 0 1px #747ba6, inset 0 1px 40px 2px #24232f5e, 0px 0px 2px 1px #040507, 0 0 10px #00000087;
}

.pa-author, li.pa-author a:link, li.pa-author a:visited, li.pa-author a:hover, li.pa-author a:active, li#profile-name strong {
    color: #434259;
    text-shadow: 1px 1px 1px #ffffff;
}

.punbb .post .post-author::before {
    content: " ";
    display: block;
    width: 71px;
    height: 60px;
    background: url(/files/000e/85/f0/49439.png) no-repeat;
    position: absolute;
    scale: .5;
    margin-top: -6px;
    margin-left: 159px;
    z-index: 1;
    filter: hue-rotate(345deg) saturate(.5);
}

.pa-author {
    font: bold 14px 'rotis';
    letter-spacing: .4px;
    text-transform: uppercase;
    text-align: center;
    height: 36px;
}

.pa-author:first-letter {
    font-family: 'Galatea Gothic';
    font-size: 30px;
    vertical-align: middle;
    font-style: italic;
	margin-right:5px
}

.pa-avatar {
	width:200px;
}

.pa-avatar img {
    border: 2px solid transparent;
    outline: 1px solid #6a6d79;
    max-width: 180px;
}

.pa-title {
    text-transform: lowercase;
    padding: 0 10px 5px !important;
    letter-spacing: .6px;
    font: bold 12px 'Rotis';
    color: #272438;
}

.pa-fld1 {
    max-width: 200px;
    padding: 5px 0;
    font: bold 15px 'Rotis';
}

.pa-fld1 a {
    color: #3d3c62 !important;
}

.pa-fld1 fandom {
    text-transform: uppercase;
    font: bold 9px cuprum;
    letter-spacing: 2px;
    margin: 5px 0 10px 0;
    display: block;
    color: #3b455a;
    text-shadow: 0px 0px 3px #c289d3, -2px 0px 1px #dcdcdd;
}

.pa-fld1 lz {
    font: 12px cuprum;
    letter-spacing: .3px;
    display: block;
    text-align: justify;
    padding: 0px 15px;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, transparent 10%, #a8abb4 50%, transparent 90%);
    border-image-slice: 1;
}

.pa-fld1 lz:before{
content: '\e3f2';
    font-family: Material Icons;
	display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
	font-size:14px;
	color: #acaeb8;
	position:relative;
	top: -8px;
}

.pa-fld1 lz:after{
content: '\e3f2';
    font-family: Material Icons;
	display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
	font-size:14px;
	color: #acaeb8;
	position:relative;
	top: 8px;
}

.pa-fld2 {
    width: 180px;
    padding: 10px 0;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    align-items: center;
margin: 10px 0 0 10px;
    letter-spacing: .1px;
}

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

.pa-respect a {color: var(--light) !important;}

.pa-posts, .pa-respect, .pa-fld3, .pa-fld4 {
    margin: 6px 0 0;
    padding: 6px 2px 0 2px;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    width: 40px;
    font: bold 12px 'rotis';
    height: 34px;
    align-items: center;
    color: #2c2f3c;
    text-shadow: 0 0 2px #9790ce;
}

li.pa-respect img {display:none} /* убрать плюсик в профиле */

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name {
    font-size: 0;
    text-shadow: none !important;
    font-weight: 300;
    color: #444865;
}

.pa-posts .fld-name:before {
   content: "\ea3e";
    font-family: Material Icons;
    font-size: 16px;
        }

/* кликабельная репа картинкой */
#pun:not(.isguest) .punbb .post-author .pa-respect a:first-child::before,
#pun.isguest .punbb .post-author .pa-respect::before{content: "\e87d";font-family: Material Icons;font-size: 16px;color: #444865;display: block; text-shadow: none;}

#pun:not(.isguest) .punbb .post-author .pa-respect a:hover:first-child::before,
.punbb .post-author .pa-posts a:hover:first-child::before{ color: #eee; color:var(--color-accent)}


.pa-fld3 .fld-name:before {
   content: "\e746";
    font-family: Material Icons;
    font-size: 16px;
     }

.pa-fld4 .fld-name:before {
   content: "\e8e0";
    font-family: Material Icons;
    font-size: 16px;
      }

.pa-fld5 {
    width: 200px;
    color: #fff;
    background: url(/files/000e/85/f0/25233.gif) 50% 60%;
    box-sizing: border-box;
    margin-top: 10px;
    line-height: 9px;
    padding: 3px;
    text-shadow: 1px -1px 2px #0c0a0f, 0 0 6px #222237;
    filter: hue-rotate(10deg) saturate(.4);
}

.pa-fld5 text {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding-top: 2px;
}

.pa-fld5 minitext {
	text-transform:lowercase;
	font-size: 10px;
	letter-spacing: .7px;
}

.pa-ip {
    font-size: 10px;
}

.pa-gifts, .pa-reg {display:none}

.pa-online strong::before {
    content: '';
    background: var(--yellow);
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px;
    animation: blinkColor .9s linear infinite;
    position: relative;
    left: 60px;
    position: absolute;
}

.pa-online strong {font-size:0}

.pa-awards {color: transparent}

.mini_awards_label {font-size:0 !important}

.messages-container .pl-email, .messages-container .pa-online, .messages-container .pa-posts  {display:none}

.pun-modal .modal-inner {
background: #dcdfe2;
}

.pa-replies {
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: .5px;
}

/* Страница профиля */
#profile-left {
    width: 30%;
    text-align: center;
}
#profile-right li {
    padding: 5px;
    border: 1px solid #b3aeae;
    background: rgb(120 120 120 / 10%);
    }
#profile-left #profile-name strong, #profile-left #pa-online strong {display:none;}

#profile-right li#pa-fld1, #profile-right li#pa-awards, #profile-right li#pa-gifts {display:none;}

/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.punbb .info-box * {padding: 0 0 5px 0;}
.punbb #pun-main .info-box .legend {
font-weight: bold;
}

/* ================== */

/* Регулировка размера шрифта в постах */
.FNTslider {
   position:relative;
   z-index:8;
  background: #ddd;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  float: right;
  margin-top: 5px;
  margin-right: 7%;
     border: 1px solid #a9a6a6;
}
.FNTslider .before {
  height: 6px;
  position: absolute;
  background: #c1bfbf;
  margin-top: -1px;
  box-shadow: 0px 0px 2px 0px rgb(183 183 181) inset;
     border: 1px solid #a9a6a6;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: var(--color-accent);
  cursor: pointer;
 }


/* Контейнер с баннерами */
#banneri {
    position: absolute;
    width: 983px;
    margin-top: 2px;
    height: 60px;
    overflow-y: auto;
    text-align: center;
    padding: 8px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 40px #1f15308a inset, 0 0 1px 1px #747ba6b0, inset 0 1px 40px 2px #24232f24, 0px 0px 0px 2px #04050780;
}

#banneri img {opacity: .7;
 transition: all 0.5s linear 0s;}

#banneri img:hover{opacity: 1; transition: all 0.5s linear 0s;}


* {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}


/*Уведомления*/
#notify-link .unreads, #navpm .unreads
{background: var(--ssylka) !important;

}

/* описание подфорумов и ссылки */
.f_desc_wrap {
  display: flex;
  justify-content: space-between;
  gap: 15px; /* отступ между блоком текста и блоком ссылок */
flex-direction: column;
}

.f_desc {
font: 12px Playfair Display;
  width: auto /*ширина блока с текстом*/
}

.f_links {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 3px;
  width: 100% /*ширина блока ссылок*/
}

.f_links a {
    background: #646b86;
    font-size: 12px;
    text-transform: lowercase;
    letter-spacing: 1.2px;
    padding: 3px 10px;
    flex: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
    color:  #eee !important;
    z-index: 2;
	text-shadow: 0px 1px var(--gray);
}

.f_links a:hover {
  background: #76674f;
transition: all 0.5s linear 0s;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
    outline: 1px solid transparent;
    font-weight: 700;
    position: relative;
    padding-right: 4px;
    z-index: 100;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 12px !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
    letter-spacing: -1px;
    color: #fff;
}

.punbb .post-rating a:before {
    content: "\e838";
    font-family: Material Icons;
    font-size: 37px;
    align-items: center;
    position: absolute;
    top: -1px;
    left: 1px;
    z-index: -1;
    color: #2c335e82;
    transition: all .4s linear 0s;
    text-shadow: none;
}

div.dark-style .post-rating p>a {
  color: #6BC8AF !important;
}
div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p>a {
  font-size: 0 !important;
  position: absolute;
  cursor: pointer;
  z-index: 200;
  width: 23px;
  height: 23px;
  background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
  display: block;
  background-size: 100%;
  margin-left: 29px;
  margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
  background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
  background-size: 100%;
}

/*убрать лишнее*/
.modlist {display: none !important;}
.stickytext,.closedatafield{ display:none;}



/*Уведомление сообщения*/
.jGrowl-message h2{
    color: var(--light);
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    letter-spacing: 1px;
 	padding:10px
}

.jGrowl-notification .jGrowl-close{
margin: 0!important;
}

/*Cкрытие вебсайта от неАдминов*/
.pl-website.website{ display:none; }
.gid1 .pl-website.website{ display:flex; }


/*** МАРКИРОВАННЫЙ ТЕКСТ ***/
.post-content .highlight-text {
    background-color: var(--color-accent) !important;
    padding: 0 3px;
    font: bold 10px 'rotis';
    letter-spacing: 1px;
}

html{min-width: 1200px!important;}/*для мобил*/

/*Светлячки*/
#snow_box.enabled {
 position: fixed; 
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%; 
  overflow: cover;
  pointer-events: none;
		z-index:-5;
	filter: saturate(.5) hue-rotate(240deg) brightness(1.3);
opacity: .2;
background: #11152838 url(https://forumstatic.ru/files/000e/85/f0/51438.png);
  -webkit-animation: firefly 100s linear infinite;
  -moz-animation: firefly 100s linear infinite;
  -o-animation: firefly 100s linear infinite;
  animation: firefly 100s linear infinite;
}

@keyframes firefly {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 1985px -1338px;
  }
  100% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
}

.snowbox-toggle {
    position: absolute;
    z-index: 1005;
    top: -124px;
    left: 430px;
    margin: 0;
    list-style-type: none;
    background-color: transparent;
    border: none;
    filter: saturate(.6);
}

.snowbox-toggle:before {
    content: " ";
    background: url(https://forumstatic.ru/files/000e/85/f0/34424.png);
    display: block;
    width: 53px;
    height: 42px;
    scale: .6;
    opacity: .8;
}

/* Отключить светлячков для всех телефонов. */
@media only screen and (max-device-width: 1200px) {
  .stars {
    display: none;
  }
.pa-author {
padding:15px 0 0 0 ;
}

textarea, input, select, optgroup {
font-size: calc(20px + 0.5vw) 
}
}

/* НУЖНЫЕ НА ГЛАВНОЙ */
#forum_f31 h3, #forum_f31 td.tcr, #forum_f31 .icon {
	display: none !important;
}

#forum_f31 .tclcon {width: 900px !important; border: none !important
}

#forum_f31 td {
    padding: 14px 0px 6px 8px!important;
}

.we_need {
    width: 101%;
    position: relative;
    left: 8px;
    color: #f4f4f4;
    background: #646b86;
    font-size: 13px;
    text-transform: lowercase;
    letter-spacing: 1.2px;
    text-align: center;
    padding: 3px 10px;
    text-shadow: 0px 1px var(--gray);
}

.ship10 {display:flex;flex-wrap: nowrap;position:relative;width: 900px;height:auto;box-sizing:border-box;padding: 8px 0 0 8px;max-width: 1000px;flex-direction: row;} .ship10 a{color: var(--black) !important} .ship10 * {box-sizing:border-box; /*shipovnik*/}

.ship10 .karta {
    FONT-WEIGHT: 300;
    display: block;
    text-align: justify;
    margin-right: 14px !important;
    padding: 5px;
    background: linear-gradient(to right, #ffffffa6 10%, #1e1c1c00 100%);
}

.ship10 .karta:hover {
filter: sepia(1) brightness(.8) hue-rotate(-5deg);
    transition: all 0.3s linear 0s;
}

.ship10 .kartin {
    display: inline-block;
    float: left;
    padding-right: 10px;
    height: auto;
    text-align: center;
    filter: sepia(1) brightness(.8) hue-rotate(182deg);
}

.ship10 .kart {
    display: block;
    width: 80px;
    height: 80px;
    background: 50% 50% no-repeat transparent;
    background-size: cover;
    box-shadow: 0 0 1px 1px #9aa0bb, 0px 0px 0px 1px #38344b;
}
.ship10 p {display: inline; padding: 0 !important; margin: 0px !important; text-align:justify; font: 12px Playfair Display;}
/* описание в карточке */

/* имя персонажа в ссылке */
.ship10 .namp {
    display: block;
    text-align: center;
    margin-bottom: 4px !important;
    font: bold 16px 'rotis', sans-serif;
    width: 290px;
color: var(--ssylka)
}


/* СКРЫТИЕ ПОДФОРУМА*/

 tr#forum_f30, tr#forum_f23 {
   display: none !important;
  }