@import url(style_cs.1744541032.css);

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

@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Unicase:wght@300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Philosopher&display=swap');

@font-face {
	font-family: "Font Awesome 5 Free";
	src: local("Font Awesome 5 Free"), url(https://forumstatic.ru/files/001b/bf/33/94330.ttf);
}

@font-face {
	font-family: "micra";
	src: local("micra"), url(https://forumstatic.ru/files/0015/e5/b7/77209.ttf);
}

@font-face {
	font-family: "Fea";
	src: local("Fea"), url(https://forumstatic.ru/files/001b/1b/16/81919.otf);
}

@font-face {
	font-family: "compact";
	src: local("compact"), url(https://forumstatic.ru/files/0015/e5/b7/99459.ttf);
}

@font-face {
	font-family: "tagirctt";
	src: local("tagirctt"), url(https://forumstatic.ru/files/0015/e5/b7/30706.ttf);
}

@font-face {
	font-family: "lobster";
	src: local("lobster"), url(https://forumstatic.ru/files/0015/e5/b7/20357.ttf);
}

@font-face {
	font-family: "bebas neue";
	src: local("bebas neue"), url(https://forumstatic.ru/files/0015/e5/b7/11585.ttf);
}

@font-face {
	font-family: "rochester";
	src: local("rochester"), url(https://forumstatic.ru/files/0015/e5/b7/14867.ttf);
}

@font-face {
	font-family: "fatfacel";
	src: local("fatfacel"), url(https://forumstatic.ru/files/0015/e5/b7/95463.otf);
}

@font-face {
	font-family: "yeseva one";
	src: local("yeseva one"), url(https://forumstatic.ru/files/0015/e5/b7/36524.ttf);
}

@font-face {
	font-family: "limelight";
	src: local("limelight"), url(https://forumstatic.ru/files/0015/e5/b7/21585.ttf);
}

@font-face {
	font-family: "great vibes";
	src: local("great vibes"), url(https://forumstatic.ru/files/0015/e5/b7/67816.otf);
}

@font-face {
	font-family: "cheque";
	src: local("cheque"), url(https://forumstatic.ru/files/0015/e5/b7/18369.otf);
}

@font-face {
	font-family: "sansterdam";
	src: local("sansterdam"), url(https://forumstatic.ru/files/0015/e5/b7/16638.otf);
}

@font-face {
	font-family: "EB Garamond";
	src: local("EB Garamond"), url(https://forumstatic.ru/files/001b/1b/16/63194.ttf);
}

@font-face {
	font-family: "Coco";
	src: local("Coco"), url(https://forumstatic.ru/files/001b/1b/16/38817.otf);
}

@font-face {
	font-family: "Alegreya";
	src: local("Alegreya"), url(//forumstatic.ru/files/0014/ed/19/17755.ttf);
}

@font-face {
	font-family: "Ostrovsky";
	src: local("Ostrovsky"), url(https://forumstatic.ru/files/001c/16/c4/48134.otf);
}

@font-face {
	font-family: "Letov";
	src: local("Letov"), url(https://forumstatic.ru/files/001c/16/c4/46069.otf);
}

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

.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,
.tclcon .stickytext,
.tclcon .closedatafield {
	position: absolute;
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	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;
}


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

:root {
	--bckgrnd-color: #896A34;
	--pun-color: #d4d3d0;
	--pun-color-border: #a8a7af36;
	--head-border: #af925991;
	--font-color-base: #251D0E;
	--font-color: #251D0E;
	--font-accent-color: #886933;
	--font-accent-color-buttons: #896A34;
	--font-accent-two-color: #513F1F;
	--font-color-table: #ceccca;
	--back-font-table: #3c486e91;
	--under-forum: #d4d3d0;
	--back-tr: #d7cfc6c7;
	--back-tr-border: #60595438;
	--base-font: 'EB Garamond';
	--base-font-two: 'Verdana';
	--base-font-accent: 'Philosopher';
	--fa: 'Font Awesome 5 Free';
	--pwidth: 248px;
	--padding: 10px 70px;
	--mpad: 5px 10px;
	--star: url(https://i.vgy.me/qfiiB8.png);
	--pun-up: url(https://forumstatic.ru/files/001b/1b/16/62966.png);
	--back-lz: url('https://forumstatic.ru/files/001c/08/e9/79612.png');
	--background-mark: url('https://forumstatic.ru/files/001c/08/e9/86457.png') center bottom no-repeat;
}

/*****************************
---------- МОБИЛЬНЫЙ СТИЛЬ ----------
*****************************/

.mobile {

	* {
		float: none !important;
		box-sizing: border-box;
	}
	
	#pun {
		width: 100%;
		margin: 0 auto;
		border: none;
		overflow-y: hidden;
		background: url() no-repeat bottom left #ddd6d0;
	}
	
	.punbb {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		font: 100%/150% sans-serif;
		flex-wrap: wrap;
		overflow-x: hidden;
		justify-content: center;
	}
	
	/* Порядок основных блоков */
	
	#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;
		width: 100%;
	}
	
	#pun-stats {
		order: initial;
	}
	
	#pun-crumbs2 {
		order: initial;
	}
	
	#pun-about {
		order: initial;
	}
	
	#html-footer {
		order: initial;
	}
	
	/* Основные настройки содержимого*/
	
	.punbb>div .container {
		padding: 5px 10px !important;
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}


	
	/* Поля ввода*/
	
	input,
	button,
	input.button,
	input[type="text"],
	input[type="password"],
	select {
		appearance: auto;
		-webkit-appearance: none;
		-moz-appearance: auto;
		max-width: 260px;
	}
	
	.inline .inputfield,
	.inline .selectfield,
	.inline .passfield {
		margin: 0;
	}
	
	.formsubmit {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	
	/* Шапка
	-------------------------------------------------------------*/
	
	#pun-title {
		margin-bottom: 20px;
		width: 100%;
		height: 135px;
	}

	#html-header {
		background: url(https://forumstatic.ru/files/001c/16/c4/19902.webp) no-repeat center;
		height: 140px;
	}
	
	#html-header,
	.tab_left,
	.tab-center,
	.tab_right,
	#news,
	#date {
		width: 100%;
	}
	
	.tab_inner {
		flex-wrap: wrap;
		position: relative;
		height: 80px;
	}
	
	#parallaxwrapone,
	#parallaxwraptwo,
	#parallaxwrapthree,
	.tab_left,
	.tab_center,
	.header_table #ams,
	#wanted,
	#left-panel,
	#chfontsize {
		display: none;
	}

	#ssl {
		height: 36px;
  		overflow: hidden;
  		position: relative;
	}

	#forum_name {
		top: 0px;
		font-family: Ostrovsky;
		opacity: .7;
		font-weight: 400;
		color: var(--pun-color);
	}
	
	#forum_name::before {
		content: 'REALMS';
		font-size: clamp(40px, 18vw, 66px);
	}
	
	
	.tab_left {
		justify-content: flex-end;
	}
	
	#date {
		margin: 0;
	}
	
	
	/* Меню навигации
	-------------------------------------------------------------*/
	
	#pun-navlinks {
		position: sticky;
		margin: 0;
		top: 0;
		width: 100%;
		background: #ddd6d0;
		box-sizing: border-box;
		z-index: 100;
	}
	
	#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: 0 !important;
	}
	
	#pun-navlinks li {
		display: block;
	}
	
	#pun-navlinks li a {
		font-size: 0;
		padding: 0;
		display: flex;
		display: -webkit-flex;
		position: relative;
	}
	
	#pun-navlinks>.container>li a:after,
	#pun-ulinks:before {
		content: "";
		font: normal 36px/40px 'Material Icons Outlined';
	}
	
	#pun-navlinks li#navindex a:after {
		content: "\e88a";
	}
	
	#pun-navlinks li#navuserlist a:after {
		content: "\f233";
	}
	
	#pun-navlinks li#navsearch a:after {
		content: "\e8b6";
	}
	
	#pun-navlinks li#navprofile a:after {
		content: "\e853";
	}
	
	#pun-navlinks li#navpm a:after {
		content: "\e0be";
	}
	
	#pun-navlinks li#navadmin a:after {
		content: "\e8b8";
	}
	
	#pun-navlinks li#navlogout a:after {
		content: "\e9ba";
	}
	
	#pun-navlinks li#navlogin a:after {
		content: "\ea77";
	}
	
	#pun-navlinks li#navregister a:after {
		content: "\e7fe";
	}
	
	#pun-navlinks li#navpr a:after {
		content: "\ef49";
	}
	
	#pun-navlinks li#navawards a:after {
		content: "\ea23";
	}
	
	#pun-navlinks li#navrules a:after {
		content: "\e85f";
	}
	
	#pun-navlinks li#navpm a span[data-last-unread]:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		width: 100%;
		height: 100%;
		display: block;
		animation: blinkColor 2s linear infinite;
		-moz-animation: blinkColor 2s linear infinite;
		-webkit-animation: blinkColor 2s linear infinite;
		background: url() no-repeat top center;
	}
	
	#pun-navlinks li a span {
		display: none;
	}
	
	#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 {
		display: block;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0 5px;
		border: none;
		z-index: 120;
		box-sizing: content-box;
	}
	
	#pun-ulinks:before {
		content: "\e5d2";
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		font: normal 36px/40px 'Material Icons Outlined';
		text-align: center;
		cursor: pointer;
	}
	
	#pun-ulinks .container {
		padding: 0;
		margin: 0;
		height: auto;
		border: none;
		text-align: left;
		border: solid 1px var(--pun-color-border);
		background-color: var(--under-forum);
	}
	
	#pun-ulinks ul {
		padding: 0 !important;
		display: none;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.7);
		z-index: 100;
		position: relative;
		right: 460%;
		width: 550%;
	}
	
	#pun-ulinks li {
		padding: 0 !important;
		display: block !important;
		white-space: nowrap;
	}
	
	#pun-ulinks li a {
		display: block;
		border: none;
		font: normal 16px/200% verdana !important;
		padding: 0 15px !important;
		color: #000;
		text-decoration: none !important;
	}
	
	#pun-ulinks li a:hover {
		background: var(--back-tr);
	}
	
	#pun-ulinks>span.notify-bubble {
		display: block !important;
	}
	
	
	/* Угловое меню
	-------------------------------------------------------------*/
	
	.menu_container {
	    display: none;
	}
	
	/* Объявление
	-------------------------------------------------------------*/
	
	#pun-announcement {
		width: 100%;
	}
	
	
	/* Статус и путь
	-------------------------------------------------------------*/
	
	#pun-status .container {
		text-align: right;
		justify-content: center;
		font-size: 12px;
	}
	
	.punbb .container.crumbs {
		display: block;
	}
	
	
	/* Главная форумная таблица
	-------------------------------------------------------------*/
	
	/* Заголовки */
	.punbb h1,
	.punbb h2 {
		width: initial !important;
		padding: 5px 10px;
	}
	
	#pun-index .category h2 {
		margin: 22px 10px 0;
		height: auto;
	}
	
	.punbb h1 span,
	.punbb h2 span {
		font-size: 20px;
	}
	
	.punbb thead {
		display: none;
	}
	
	.punbb .main .hasicon,
	.punbb .main tr {
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		position: relative;
	}
	
	.punbb .main tr {
		padding: 5px 0;
	}
	
	.punbb .main .hasicon tr:not(:last-of-type) {
		box-shadow: 0 1px rgba(0, 0, 0, .3), 0 2px rgba(255, 255, 255, .75);
	}
	
	.punbb .main td {
		padding: 5px 10px;
	}
	
	.punbb .main .tcl,
	.punbb .main .tcr,
	#pun-searchtopics .main .tcl,
	#pun-modviewforum .main .tcl {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		padding: 5px 10px !important;
		min-height: 70px;
	}
	
	.punbb .main .intd {
		display: flex;
		display: -webkit-flex;
		width: 100%;
	}
	
	.punbb .tclcon {
		flex-grow: 1;
	}
	
	.under_forum {
		width: 100%;
	}
	
	.punbb div.icon {
		position: relative;
		order: 2;
	}
	
	.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;
	}
	
	.punbb .tcr .user-avatar {
		margin: 0 10px;
		height: auto;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(0, -50%);
	}
	
	.punbb .tcr>a,
	.punbb .tcr .lastpost,
	.punbb .tcr>.byuser {
		width: calc(100% - 50px);
		text-align: right;
	}
	
	#pun-index .tcr>a,
	#pun-index .tcr .lastpost,
	#pun-index .tcr>.byuser {
		width: calc(100% - 70px);
	}
	
	.punbb .user-avatar .avatar-image {
		display: flex;
		display: -webkit-flex;
	}
	
	.under_forum .button {
		width: 88px;
		font-size: 9px;
	}

	/* Статистика
	-------------------------------------------------------------*/
	
	#pun-stats h2 {
		padding: 0 10px;
		line-height: 1;
		margin-top: -5px;
	}
	
	.punbb #pun-stats .container {
		justify-content: space-between;
	}
	
	.punbb #pun-stats .container li:not(#onlinelist) {
		text-align: right;
	}
	
	#pun-stats .item3,
	#pun-stats .item4 {
		display: none;
	}

	#pun-about .container span {
		margin-right: 3px;
	}
	
	/* Темы и страницы
	-------------------------------------------------------------*/
	
	/* Верхние ссылки в топике и списках тем */
	.punbb .linkst {
		padding: 5px 10px;
	}
	
	#pun-viewtopic .linkst {
		border-bottom: none;
	}
	
	/* Меню модератора */
	.punbb .modmenu .container {
		display: flex;
		gap: 5px;
	}
	
	.punbb #topic-modmenu .container {
		justify-content: space-between;
	}
	
	.punbb #topic-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 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: initial;
	}
	
	.linksb .pagelink {
		order: 1;
		flex-grow: 1;
		width: 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 rgba(0, 0, 0, .5);
	}
	
	#pun-userlist tr td,
	#pun-userlist .tcl,
	#pun-userlist .tc2 {
		width: 100%;
		text-align: left;
	}
	
	#pun-userlist .tc3 {
		display: none;
	}
	
	/* Баннеры */

	#banners {
		display: none;
	}
	
	/* Топик
	-------------------------------------------------------------*/
	
	/* Пост */
	.toppost,
	.topicpost {
		padding: 0;
		border-top: none;
	}
	
	.punbb .post {
		margin: 0;
		scroll-margin-top: 40px;
		border-top: 1px solid var(--pun-color-border);
		border-bottom: 0;
	}
	
	/* Дата поста */
	.punbb .post h3 {
		width: 100%;
		margin: 0;
	}
	
	.punbb .post h3 span {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 10px;
	}
	
	.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: 0 !important;
	}
	
	/* Автор */
	.punbb .post .post-author {
		position: relative;
		margin: 0;
		padding: 5px 10px;
		width: 100%;
		min-height: 100px;
		box-sizing: border-box;
		background: url() no-repeat bottom left;
		height: auto;
	}
	
	#pun-searchposts .post-author {
		min-height: unset;
	}
	
	.punbb .post .post-author ul {
		padding: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
	}
	
	/* Скрыть поля профиля */
	.pa-reg,
	.pa-from,
	.pa-invites,
	.pa-positive,
	.pa-icq,
	.pa-sex,
	.pa-age,
	.pa-ip,
	.pa-time-visit,
	.pa-last-visit,
	.pa-awards {
		display: none !important;
	}
	
	/* Аватар */
	.punbb .post-author .pa-avatar {
		width: 75px;
		height: auto;
		max-height: 75px;
		max-width: 75px;
		display: block;
		position: absolute;
		margin: 0 0 5px;
		order: -2;
	}
	
	.punbb .post-author .pa-avatar img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		max-height: 75px;
		max-width: 75px;
	}
	
	.post .post-author.no-avatar .pa-title::after {
		position: absolute;
		top: 0;
		left: 10px;
		max-height: 75px;
		max-width: 75px;
		background-position: top center;
		box-sizing: border-box;
		margin: 9px 0;
	}
	
	/* Ник и статус */
	.punbb .post-author .pa-author,
	.punbb .post-author .pa-title {
		margin-left: 85px;
		padding: 0;
		width: 100%;
		text-align: left;
		max-width: unset;
	}
	
	/* Сообщения */
	.punbb .post-author .pa-posts,
	.punbb .post-author .pa-respect {
		width: fit-content;
		margin: 0;
	}
	
	.punbb .post-author .pa-posts {
		margin-left: 85px;
		padding-right: 10px;
	}
	
	/* Доп. поле 1 (лз) */
	.punbb .post-author .pa-fld1 {
		order: 1;
		cursor: pointer;
		position: relative;
		margin-left: auto;
		width: calc(100% - 80px);
		pointer-events: none;
		top: -70px;
		height: auto;
		padding: 0;
		margin-bottom: -27%;
	}
	
	.punbb .post-author .pa-fld1 .fld-name {
		pointer-events: all;
		height: 30px;
		width: 30px;
		display: flex;
		border: 1px solid var(--font-accent-color);
		align-items: center;
		justify-content: center;
		margin-left: auto;
		color: var(--font-accent-color);
		user-select: none;
	}
	
	.post-author .pa-fld1 {
		display: block;
		width: 30px;
		height: 30px;
	}
	
	.post-author .pa-fld1 .lz-container {
		display: none;
		width: calc(100% - 35px);
		position: relative;
		max-width: 395px;
		pointer-events: all;
		margin: 0;
		top: -34px;
		height: auto;
	}
	
	.lz-container {
		width: 100%;
	}
	
	#lz_desc {
		width: calc(100% - 22px);
	}
	
	li.pa-online {
		order: 2;
		margin: 15px -10px -5px;
		width: calc(100% + 20px);
	}
	
	/* Тело поста */
	.punbb .post-body {
		margin: 0;
		width: 100%;
	}
	
	/* Содержимое тела поста */
	.punbb .post-box {
		padding: 10px;
	}
	
	/* Строки поста */
	.punbb .post-content p {
		padding: 0 0 5px 0;
	}
	
	/* Цитата, спойлер и код */
	.punbb .post-content .quote-box,
	.punbb .post-content .code-box {
		margin: 5px 5px 10px;
		padding: 5px 10px;
	}
	
	/* хтмл-содержимое в постах */
	.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 {
		margin: 5px 0 10px;
		padding: 0 10px;
		height: 30px;
	}
	
	.punbb .post-links ul li {
		padding: 0;
		line-height: initial !important;
		width: 30px;
	}
	
	.punbb .post-links ul li:not(:last-of-type) {
		margin: 0 6px 0 0;
	}
	
	.punbb .post-links li a {
		font-size: 0;
	}
	
	.punbb .post-links ul li.pl-email,
	li.punbb .post-links ul li.pl-website {
		float: left !important;
		margin: 0 10px 0 0;
	}
	
	.punbb .post-links li a::before {
		content: "";
		font-size: 20px;
		font-family: var(--fa);
		display: inline-flex;
		height: 30px;
		width: 30px;
		background: var(--font-color-base);
		align-items: center;
		justify-content: center;
		color: var(--pun-color);
		border-radius: 4px;
		transition: all .2s linear 0s;
	}
	
	.punbb .post-links li a:hover:before {
		background: var(--font-accent-color);
	}
	
	.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: "\f1fa";
	}
	
	.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: "\f10e";
	}
	
	.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;
	}
	
	#form-buttons td#button-keyboard {
		display: none;
	}
	
	#post-form #tags .container {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		left: 0;
		display: flex;
		gap: 5px 10px;
	}
	
	#post-form #tags #font-area {
		padding-bottom: 15px !important;
	}
	
	
	/* Поиск сообщений
	-------------------------------------------------------------*/
	
	#pun-searchposts .post-author ul {
		justify-content: space-between;
	}
	
	#pun-searchposts .post li.pa-author,
	#pun-searchposts .post li.pa-replies {
		text-align: left;
		width: auto;
		margin: 0;
	}
	
	#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: 5px 10px;
		margin: 0;
	}
	
	#viewprofile tr {
		flex-direction: column;
	}
	
	#viewprofile td {
		width: 100%;
	}
	
	#viewprofile li,
	#viewprofile li strong,
	#viewprofile li span,
	#viewprofile li div,
	#setmods dd,
	#setmods dl {
		margin: 0;
		padding: 0;
	}
	
	#viewprofile #profile-left {
		width: 100% !important;
		text-align: center;
		padding-bottom: 10px !important;
		box-shadow: 0 1px rgba(0, 0, 0, .3), 0 2px rgba(255, 255, 255, .75);
	}
	
	.punbb #profile-left li {
		padding: 0 15px;
	}
	
	#viewprofile #profile-left li#pa-avatar {
		padding: 5px;
	}
	
	#viewprofile #profile-right {
		padding: 10px 0 0;
	}
	
	.punbb #profile-right li {
		display: flex;
		flex-wrap: wrap;
		padding: 0 15px;
	}
	
	#profile-right li span {
		width: auto;
		padding-right: 5px;
	}
	
	#viewprofile #profile-right li strong {
		width: auto;
		padding: 0;
	}
	
	#viewprofile #profile-signature {
		padding: 5px 0;
	}
	
	
	/* Редактирование профиля и ЛС
	-------------------------------------------------------------*/
	
	#profile>.container {
		padding: 5px 10px !important;
	}
	
	.punbb #profilenav {
		width: 100%;
		margin: 0 0 10px;
		display: block;
	}
	
	#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;
	}
	
	#pun-messages #notify-settings {
		width: 100%;
	}
	
	#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 {
		padding: 0;
		margin: 0;
	}
	
	#pun-messages li.pa-online {
		margin: 35px -10px -5px;
	}
	
	.punbb .main #profile #messages .hasicon tr {
		justify-content: space-between;
		box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .75);
	}
	
	.punbb .main #profile #messages .hasicon tr:first-of-type {
		box-shadow: 0 -1px rgba(255, 255, 255, .9), 0 -2px rgba(0, 0, 0, .3), 0 1px rgba(255, 255, 255, .9);
	}
	
	.punbb .main #profile #messages .hasicon tr:last-of-type {
		box-shadow: 0 -1px rgba(0, 0, 0, .3), 0 1px rgba(0, 0, 0, .4), 0 2px rgba(255, 255, 255, .9);
	}
	
	.punbb .main #profile #messages .hasicon .tcl {
		width: 100% !important;
	}
	
	#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 10px !important;
	}
	
	#profile #messages .hasicon .pmtc24:before {
		content: "Выбрать: "
	}
	
	
	/* Активные пользователи
	-------------------------------------------------------------*/
	
	#pun-online .online-list tr:not(:last-of-type) {
		border-bottom: 1px solid rgba(0, 0, 0, .2);
	}
	
	#pun-online .tcl {
		flex-direction: row;
		justify-content: flex-start;
		min-height: unset;
	}
	
	#pun-online .username {
		gap: 5px;
	}
	
	#pun-online .tcl.action,
	#pun-online .tc3 {
		width: 100% !important;
		display: block;
	}
	
	/* Админка
	-------------------------------------------------------------*/
	
	.punbb-admin .adminmain * {
		box-sizing: border-box;
		max-width: 100%;
	}
	
	.punbb-admin #pun-adnav {
		margin: 0;
	}
	
	.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;
	}
	
	#togglePreview,
	#post-preview {
		display: none;
	}

}

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

	/* Гостевая
	--------------------------------- */
	
	#gostevaya {
		height: auto;
		width: calc(100% - 14px);
		flex-wrap: wrap;
	}
	
	#gostevaya picture {
		display: none;
	}
	
	#gostevaya .container {
		flex-wrap: wrap;
	}
	
	#gostevaya .container>div {
		width: 100%;
	}
	
	
	/* Список ролей
	--------------------------------- */
	
	#claims {
		outline-offset: 5px;
		margin: 6px auto;
		width: calc(100% - 12px);
	}
	
	#claims maintitle {
		line-height: 120%;
		padding: 20px 20px 0;
		font-size: 9vw;
	}
	
	#claims maintitle,
	#claims subtitle,
	#claims descript,
	#claims nameblock {
		width: 100%;
		height: auto;
		flex-wrap: wrap;
	}
	

	/* Новости
	----------------------------------------- */
	
	#eternal {
		width: calc(100% - 94px);
		display: flex;
		justify-content: space-around;
		padding: 40px;
		gap: 20px;
	}
	
	#eternal img1 {
		height: 100px;
		width: 100%;
		top: 0;
		left: 0;
	}
	
	#eternaltab1+label,
	#eternaltab2+label,
	#eternaltab3+label {
		left: initial;
		top: initial;
	}
	
	#eternal-cont {
		width: calc(100% - 20px);
		left: 10px;
		top: 100px;
		height: 390px;
	}
	
	#eternal-cont1,
	#eternal-cont2,
	#eternal-cont3 {
		width: 100%;
	}
	
	#eternal li1,
	#eternal li2 {
		display: none;
	}
	
	#eternal h1 {
		top: 0;
		right: unset;
		font-size: 6vw;
		padding: 10px;
		width: 100% !important;
	}
	
	#eternal ttl1 {
		top: 60px;
		text-align: center;
		left: 10%;
	}
	
	#eternal ttl2 {
		top: 60px;
		text-align: center;
		left: 50%;
		margin-right: -50%;
		transform: translatex(-50%);
	}
	
	#eternal ttl3 {
		top: 60px;
		text-align: center;
		right: 10%;
	}
	
	#quote {
		width: 100%;
	}
}

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

	#post-form #post.container fieldset {
		width: 100%;
	}

	.punbb #form-buttons {
		max-width: 240px;
		margin: 0 auto;
	}

}

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

	#pun-navlinks li {
		padding: 0 1px;
		display: inline;
	}

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

}