@import url(https://forumstatic.ru/files/001c/52/c6/73890.css);
@import url(style_cs.1751913810.css);

/*******************************************************
Подключение шрифтов
*******************************************************/
/*Font Awesome ver 6.5.1*/
@import url('https://forumstatic.ru/files/001b/df/32/99049.css'); 

/*Playfair*/
@import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

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

/*Bootleggers*/
@font-face {
  font-family: 'Bootleggers';
  src: url('https://forumstatic.ru/files/001c/68/5a/44666.eot'),
    url('https://forumstatic.ru/files/001c/68/5a/32575.woff2') format('woff'),
  url('https://forumstatic.ru/files/001c/68/5a/21096.woff') format('woff2'),
  url('https://forumstatic.ru/files/001c/68/5a/43680.svg') format('svg'),
  url('https://forumstatic.ru/files/001c/68/5a/50076.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

/*Trebuchet*/
@font-face {
  font-family: 'Trebuchet';
  src: url('https://forumstatic.ru/files/001c/52/c6/21374.eot'),
    url('https://forumstatic.ru/files/001c/52/c6/99509.woff') format('woff'),
  url('https://forumstatic.ru/files/001c/52/c6/93020.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

/******************************************************
Корневые элементы
*******************************************************/
:root {
  --bg-gradient: linear-gradient(50deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, 0));
  --text-main: 'Trebuchet';
  --text-title: 'Playfair';
  --text-title-post: 'Spectral';
  --text: rgb(171 205 216 / 70%);
  --text-dark: rgba(8, 14, 14, .8);
  --text-light: #83836F;
  --link: #75a0a5;
  --link-hover: #65C2CA;
  --link-light: #b1b09ec9;
  --link-light-hover: #ECEBD6;
  --bg-decorate: url(https://forumstatic.ru/files/001c/52/c6/20123.png) no-repeat top left, url(https://forumstatic.ru/files/001c/52/c6/65521.png) no-repeat top right, url(https://forumstatic.ru/files/001c/52/c6/65705.png) top;
  --bg-decorate-hover: url(https://forumstatic.ru/files/001c/52/c6/47234.png) no-repeat top left, url(https://forumstatic.ru/files/001c/52/c6/11726.png) no-repeat top right, url(https://forumstatic.ru/files/001c/52/c6/17143.png) top;
  --bg-modal: url(https://forumstatic.ru/files/001c/68/5a/89248.png) no-repeat top left, url(https://forumstatic.ru/files/001c/68/5a/78867.png) no-repeat top right, url(https://forumstatic.ru/files/001c/68/5a/14548.png) no-repeat bottom left, url(https://forumstatic.ru/files/001c/68/5a/83354.png) no-repeat bottom right, url(https://forumstatic.ru/files/001c/68/5a/89689.png) repeat-y left, url(https://forumstatic.ru/files/001c/68/5a/77783.png) repeat-y right, url(https://forumstatic.ru/files/001c/68/5a/40283.png) repeat-x top, url(https://forumstatic.ru/files/001c/68/5a/87250.png) repeat-x bottom, #172B38;
  --accent:
}

/*Лоадер*/
/*.loaderArea {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width: 100%;
  height: 100%;
  background: #0a0a0a;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

.loader {
  width: 60px;
  height: 60px;
  border: 6px solid rgba(73, 170, 170, .5);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}*/

/* Базовое состояние, крутилка активна */
#pun_wrap::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0a0a0a;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pun_wrap::after {
  content: '';
  position: fixed;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  border: 6px solid rgba(73, 170, 170, 0.5);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10001;
}

/* Класс, скрывающий лоадер */
#pun_wrap.loaded::before,
#pun_wrap.loaded::after {
  display: none;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.tipsy-inner{
  border-radius: 5px;
  background: #000; 
  color: var(--link-light-hover);
}

/*Оформление спец постов*/
.busy-appearances__head-block {
  background: url(https://forumstatic.ru/files/001c/52/c6/41284.png) no-repeat center center / cover;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25), -4px 0 4px rgba(0, 0, 0, .08), 4px 0 4px rgba(0, 0, 0, .08);
  position: relative;
  border-bottom: 2px solid #080E0E;
  border-top: 2px solid #080E0E;
  color: var(--text);
  text-align: center;
  text-transform: uppercase;
  padding: 25px 0 20px;
}

.busy-appearances__title {
  font-size: 24px;
  font-family: var(--text-title-post);
}

.busy-appearances__subtitle {
  font-size: 10px;
  margin-top: 6px;
}

.busy-appearances__subhead-block {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 12px;
}

.busy-appearances__h4 {
  text-transform: uppercase;
  color: var(--text);
  font-size: 12px;
  flex-basis: 100%;
  display: flex;
  align-items: center;
}

.female-appearance__h4 {
  padding: 19px 50px 3px 0;
  justify-content: flex-end;
  background: url(https://forumstatic.ru/files/001c/52/c6/48192.png) no-repeat  center / cover;
}

.male-appearance__h4 {
  padding: 19px 0 3px 50px;
  background: url(https://forumstatic.ru/files/001c/52/c6/40894.png) no-repeat  center / cover;
}

.busy-appearances__list-title {
  text-align: center;
  font-family: var(--text-title-post);
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px;
}

.busy-appearances__list {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

.busy-appearances__item {
  flex-basis: 100%;
}

.busy-appearances__item-left {
  text-align: end;
}

.busy-appearances__item a {
  color: #373E3B;
}

.busy-appearances__item a:hover {
  color: #173C2C;
}

.synopsis {
  width: 75%;
  margin: 0 auto;
}

.synopsis__head {
  width: 70%;
  margin: 0 auto 25px;
  text-align: end;
}

.synopsis__head-top {
  font-size: 12px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}

.synopsis__head-title {
  font-family: var(--text-title-post);
  font-size: 20px;
  text-align: end;
  text-transform: uppercase;
}

.synopsis__head-raiting {
  font-size: 16px;
  font-family: var(--text-title-post);
  font-style: italic;
}

.synopsis__item {
  display: flex;
  gap: 20px;
}

.synopsis__item:not(:last-child) {
  margin-bottom: 40px;
}

.synopsis__item-text {
  padding-right: 20px;
  border-right: 1px solid rgba(8, 14, 14, .8);
}

.briefly-left .synopsis__item-text {
  padding-left: 20px;
  border-left: 1px solid rgba(8, 14, 14, .8);
  padding-right: 0;
  border-right: 0;
}

.synopsis__item-briefly {
  margin-top: 40px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--text-title-post);
}

.briefly-left .synopsis__item-briefly {
  text-align: end;
}

/*Владки стандарт*/
.tabs-header {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.custom_tag_innertabtitle {
}

.custom_tag_innertabtitle p:hover,
.custom_tag_innertabtitle.active p {
}

.custom_tag_innertabtitle p {
  padding: 0;
}

.organization-descr {
  background: url(https://forumstatic.ru/files/001c/52/c6/21410.png?v=1);
  display: flex;
  gap: 19px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25), -4px 0 4px rgba(0, 0, 0, .08), 4px 0 4px rgba(0, 0, 0, .08);
  position: relative;
  margin-bottom: 15px;
  border-bottom: 2px solid #080E0E;
  border-top: 2px solid #080E0E;
}

.organization-descr::before,
.organization-descr::after {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
}

.organization-descr::before {
  top: -5px;
  background: url(https://forumstatic.ru/files/001c/68/5a/47195.png) no-repeat left, url(https://forumstatic.ru/files/001c/68/5a/39414.png) no-repeat right;
}

.organization-descr::after {
  bottom: -5px;
  background: url(https://forumstatic.ru/files/001c/68/5a/71790.png) no-repeat left, url(https://forumstatic.ru/files/001c/68/5a/71345.png) no-repeat right;
}

.organization-descr  .tabs-header {
  padding-top: 15px;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
}

.organization-descr .custom_tag_tabtitle {
  font-family: var(--text-title);
  text-transform: uppercase;
  color: #83836F;
  text-shadow: 1px 0 5px #000;
  font-size: 16px;
  background: url(https://forumstatic.ru/files/001c/52/c6/14109.png) no-repeat;
  padding: 7px 19px 10px 0;
  width: 221px;
  display: flex;
  justify-content: center;
  margin-left: -8px;
  font-weight: 600;
  opacity: .8;
  transition: opacity 0.8s ease;
}

.organization-descr .custom_tag_tabtitle.active,
.organization-descr .custom_tag_tabtitle:hover {
  opacity: 1;
  transition: opacity 0.8s ease;
}

.organization-descr .tabs-content {
  flex-basis: 494px;
}

.organization-descr_img p,
.organization-descr_more-details span img {
  padding-bottom: 0;
  box-shadow: inset 0 0 50px 0 #000;
}

.organization-descr_img p {
  border-left: 2px solid var(--text-light);
}

.organization-descr_more-details span img {
  border: 2px solid var(--text-light);
}

.organization-descr_img img {
  opacity: .8;
  margin: 0;
}

.organization-descr_title {
  font-family: var(--text-title);
  text-transform: uppercase;
  font-size: 26px;
  text-align: center;
  margin-top: 20px;
  font-weight: 600;
}

.organization-descr_title.caratel-center {
  margin-top: 0;
}

.organization-descr_subtitle {
  text-align: center;
  font-size: 12px;
  font-style: italic;
  font-family: var(--text-title);
}

.organization-descr_general-info {
  height: 398px;
  overflow: auto;
  padding-right: 15px;
}

.organization-descr_h3 {
  text-transform: uppercase;
  font-family: var(--text-title);
  font-weight: 600;
}

.organization-descr_list {
  margin-bottom: 15px;
  overflow: hidden;
}

.organization-descr_general-info .organization-descr_list ul {
  padding: 0;
}

.organization-descr_list li p {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}

.organization-descr_title p,
.organization-descr_h3 p,
.busy-appearances__title p,
.busy-appearances__subtitle p {
  padding-bottom: 0;
}

.organization-descr .inner-tabs-header {
  position: relative;
  gap: 20px;
  justify-content: space-evenly;
  margin-bottom: 15px;
}

.organization-descr .inner-tabs-header:before {
  content: '';
  width: 100%;
  position: absolute;
  bottom: -5px;
  height: 2px;
  border-radius: 1px;
  background: #908A83;
}

.organization-descr .custom_tag_innertabtitle {
  position: relative;
  cursor: pointer;
  z-index: 1;
  font-family: var(--text-title);
  color: var(--link);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  opacity: .6;
  transition: opacity 0.8s ease;
}

.organization-descr .custom_tag_innertabtitle.active,
.organization-descr .custom_tag_innertabtitle:hover {
  opacity: 1;
}

.inner-tab-underline {
  position: absolute;
  bottom: -5px;
  height: 2px;
  background: #976B09;
  border-radius: 2px;
  transition: left 0.5s ease, width 0.5s ease;
  z-index: 0;
  pointer-events: none;
}

.organization-descr_more-details {
  height: 417px;
  overflow: auto;
  padding-right: 15px;
}

.organization-descr_more-details.coven-descr {
  margin-top: 30px;
  height: 430px;
}

.organization-descr_famous-person-list {
  margin-top: 20px;
  height: 450px;
}

.organization-descr_famous-person {
  margin-bottom: 20px;
}

.organization-descr_famous-person > p {
  padding-left: 10px;
}

.organization-descr_famous-title {
  background: linear-gradient(90deg, #B3A9A0 0%, rgba(143, 129, 115, 0) 95%);
  padding: 1px 0 4px 10px;
  font-family: var(--text-title);
}

.famous-title__name {
  text-transform: uppercase;
  font-size: 20px;
}

.famous-title__descr {
  font-style: italic;
  line-height: 100%;
}

.organization-descr_famous-title p {
  padding-bottom: 0;
}

.organization-descr .spoiler-box {
  background: #aea8a2;
  border: 2px solid #83836F;
  padding: 10px;
}

.organization-descr .spoiler-box > div {
  box-shadow: none;
  background: none;
  border: 0;
  color: var(--link);
  padding: 0 15px;
}

.organization-descr .spoiler-box > div.visible {
  border-bottom: 1px solid #83836F;
  padding: 0 15px 7px;
}

.organization-descr .spoiler-box > div.visible::before,
.organization-descr .spoiler-box > div::before {
  content: '';
}

.organization-descr .spoiler-box > div::before {
  background: url(https://forumstatic.ru/files/001c/52/c6/36131.svg) no-repeat;
  top: 1px;
  left: 0;
  height: 13px;
  width: 7px;
  transition: transform 0.8s ease;
}

.organization-descr .spoiler-box > div.visible::before {
  transform: rotate(90deg);
  transition: transform 0.8s ease;
}

.organization-descr blockquote.visible {
  background: #aea8a2;
  margin: 0;
  padding: 0;
  border: 0;
}

.magic-guide .custom_tag_tabtitle {
  text-transform: uppercase;
  font-family: var(--text-title);
  font-size: 14px;
  background: #435153;
  box-shadow: 0 0 0 1px #B39F8A, 0 0 0 2px rgba(82, 97, 94, 0.8);
  border-radius: 2px;
  padding: 4px 20px 1px;
  transition: all 0.8s ease;
  color: var(--link-light);
}

.magic-guide .custom_tag_tabtitle p {
  padding: 0;
}

.magic-guide .custom_tag_tabtitle strong:hover {
  scale: 1.1;
  transition: all 0.8s ease;
}

.race-card {
  position: relative;
}

.race-card__img {
  position: absolute;
  z-index: 1;
  top: -70px;
  width: 40%;
  left: -30px;
}

.race-card__title {
  padding: 20px 10px 10px;
  background: #AE9C8A;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25), -4px 0 4px rgba(0, 0, 0, .08), 4px 0 4px rgba(0, 0, 0, .08);
  position: relative;
  margin-bottom: 15px;
  border-bottom: 2px solid #080E0E;
  border-top: 2px solid #080E0E;
}

.race-card__title::before, 
.race-card__title::after,
.busy-appearances__head-block::before,
.busy-appearances__head-block::after {
  content: '';
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
}

.race-card__title::before,
.busy-appearances__head-block::before {
  top: -5px;
  background: url(https://forumstatic.ru/files/001c/68/5a/47195.png) no-repeat left, url(https://forumstatic.ru/files/001c/68/5a/39414.png) no-repeat right;
}

.race-card__title::after,
.busy-appearances__head-block::after {
    bottom: -5px;
    background: url(https://forumstatic.ru/files/001c/68/5a/71790.png) no-repeat left, url(https://forumstatic.ru/files/001c/68/5a/71345.png) no-repeat right;
}

.race-card__title-h1 {
  font-family: 'Bootleggers';
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 5px;
}

.race-card__title-h2 {
  font-size: 12px;
}

.race-card__title-h1,
.race-card__title-h2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.race-card__title-h1::before,
.race-card__title-h2::after {
  content: '';
  width: 217px;
  display: block;
  height: 4px;
  background: var(--text);
}

.race-card__title-h1::before {
  margin-right: 5px;
}

.race-card__title-h2::after {
  margin-left: 5px;
}

.race-card__quote {
  text-align: right;
  font-style: italic;
  font-size: 12px;
}

.race-card__descr {
}

.race-card__descr-info {
  display: flex;
  justify-content: space-evenly;
  gap: 50px;
  align-items: center;
}

.descr-info__items {
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px #B39F8A, 0 0 0 2px rgba(82, 97, 94, 0.5);
  border-radius: 5px;
  padding: 10px 15px;
  position: relative;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 15px;
  flex-basis: 100%;
}

.race-card__descr .organization-descr_list ul {
  padding: 0;
}

.race-card__title-h1 p,
.race-card__title-h2 p,
.descr-info__items p {
  padding: 0;
}

.race-card__description {
  display: flex;
  gap: 20px;
}

.race-card__text {
  flex-basis: 70%;
}

.race-card__img {
  flex-basis: 30%;
}

.race-card__text .tabs-header {
  display: flex;
  gap: 20px;
}

/*Слайдер*/
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px !important;
  height: 300px  !important;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

/* Вкладки */
.hrono .tabs-container {
  width: 100%;
  margin: 20px 0;
  display: flex;
  gap: 60px;
}

.hrono .tabs-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  flex-basis: 20%;
}

.tabs-content {
  flex-basis: 80%;
}

.custom_tag_tabtitle {
  cursor: pointer;
  transition: background-color 0.3s;
}

.custom_tag_tabtitle:hover {
  background-color: #e0e0e0;
}

.custom_tag_tabtitle p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  position: relative;
}

.custom_tag_tabtitle img {
  height: 30px; 
  filter: grayscale(1); 
  transition: filter 0.3s;
}

.custom_tag_tabtitle.active img {
  filter: grayscale(0); 
  transition: filter 0.3s;
}

.hrono .custom_tag_tabtitle p::before {
  content: '';
  width: 1px;
  display: block;
  min-height: 50px;
  background: #ccc;
  position: absolute;
  top: 0;
  right: 12px;
}

.hrono .tabs-content {
  height: 600px;
  overflow: auto;
}

.tabs-content .custom_tag_tabtext {
  display: none;
  margin-top: 10px;
}

.tabs-content .custom_tag_tabtext.active {
  display: block;
}

.inner-tabs {
  margin-top: 20px;
  margin-bottom: 10px;
}

.inner-tabs-header {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}

.custom_tag_innertabtitle {
  cursor: pointer;
}

.custom_tag_innertabtitle:hover {
}

.inner-tabs-content .custom_tag_innertabtext {
  display: none;
}

.custom_tag_innertabtext.active {
  display: block;
}

.hrono-content {
  display: flex;
  gap: 20px;
}

.punbb .post-content .hrono-key p {
  padding: 0;
}

.post-content .hrono-key ul {
  padding: 0 0 0 2.3em;
  margin: 0;
}

/*Шапка*/
.header__box {
  position: absolute;
  top: -296px;
  height: 296px;
  width: 100%;
  left: 0;
}

.header__content {
  width: 1056px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  background: url(https://forumstatic.ru/files/001c/52/c6/94455.png) no-repeat center;
}

.header__content::before {
  content: '';
  background: url(https://forumstatic.ru/files/001c/52/c6/49541.gif) no-repeat top;
  width: 137px;
  height: 80px;
  position: absolute;
  bottom: 0px;
  right: 293px;
}

.header__container {
  position: absolute;
  bottom: 0;
  left: 38px;
}

.header__title {
  text-transform: uppercase;
  text-align: end;
  width: 293px;
}

.header__title-h1 {
  font-family: var(--text-title);
  font-size: 30px;
  letter-spacing: 1.80px;
  text-shadow: 0 0 20px #65C2CA;
}

.header__title-about {
  font-family: var(--text-main);
  font-size: 9px;
  letter-spacing: 3.28px;
  text-shadow: 0 0 4px #65C2CA;
}

.header__quests {
  background: url(https://forumstatic.ru/files/001c/52/c6/98564.jpg) no-repeat;
  padding: 30px 15px 42px 77px;
  position: relative;
}

.header__quests::before {
  content: '';
  background: url(https://forumstatic.ru/files/001c/52/c6/49703.gif) no-repeat;
  width: 25px;
  height: 49px;
  position: absolute;
  left: 42px;
  top: 24px;
}

.header__quests::after {
  content: '';
  background: url(https://forumstatic.ru/files/001c/52/c6/53697.gif) no-repeat;
  position: absolute;
  width: 35px;
  height: 46px;
  top: 0;
  right: 9px;
}

.header__quests-title {
  text-transform: uppercase;
  font-size: 11px;
  font-family: var(--text-title);
  font-weight: 700;
  text-align: center;
  padding-right: 15px;
  letter-spacing: 0.7px;
}

.header__quests-list {
  display: flex;
  gap: 15px;
  margin-top: 23px;
  height: 58px;
  overflow: auto;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  text-shadow: 0 1px 5px #0F0D0B;
}

.header__quests-items {
  flex-basis: 50%;
  display: flex;
  gap: 2px;
  flex-direction: column;
}

.navigation-board {
  margin: 16px auto 0px;
  width: 338px;
  height: 28px;
  background: url(https://forumstatic.ru/files/001c/52/c6/61458.svg) no-repeat;
  display: flex;
  justify-content: space-between;
  padding: 2px 25px 3px;
  align-items: center;
}

.navigation-board__left {
  display: flex;
  gap: 10px;
}

.btn__right-board,
.btn__episode-decor {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.btn__right-board {
  background: url(https://forumstatic.ru/files/001c/52/c6/76773.svg) no-repeat;
}

.btn__right-board.off {
  background: url(https://forumstatic.ru/files/001c/52/c6/86772.svg) no-repeat;
}

.btn__episode-decor {
  background: url(https://forumstatic.ru/files/001c/52/c6/49694.svg) no-repeat;
}

.btn__episode-decor.off {
  background: url(https://forumstatic.ru/files/001c/52/c6/27363.svg) no-repeat;
}

#chfont {
  position: relative;
}

#chfontbut {
  background: url(https://forumstatic.ru/files/001c/52/c6/40720.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer; 
}

#chfont-settings {
  display: none;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
  padding: 5px 15px;
  background: #080c0db3;
  z-index: 5;
  top: 20px;
  border: 1px rgba(200, 255, 255, 0.20) solid;
  box-shadow: 0px 0px 18px rgba(0, 255, 255, 0.20);
}

#chfont.active #chfont-settings {
  display: flex;
  position: absolute;
}

#chfont select,
#chfontsize,
#chlineheight,
#resetfont {
  display: flex;
  align-items: center;
  gap: 5px;
}

.fsizeplus,
.fsizeminus,
.lhminus,
.lhplus {
  cursor: pointer;
  font-size: 11px;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 6px;
  line-height: 18px;
  font-family: FontAwesome;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #185f66;
}

.fsizeplus::after,
.lhplus::after {
  content: '\2b';
}

.fsizeminus::after,
.lhminus::after {
  content: '\f068';
}

.btn__navigation-link {
  position: relative;
}

.spirit-navigation1 {
  background: url(https://forumstatic.ru/files/001c/52/c6/49552.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: relative;
  cursor: pointer;
}

#navigblock1 {
  position: absolute;
  z-index: 5;
  top: 20px;
}

.sslka {
  background: #080c0db3;
  border: 1px rgba(200, 255, 255, 0.20) solid;
  box-shadow: 0px 0px 18px rgba(0, 255, 255, 0.20);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  white-space: nowrap;
}

.sslka a {
  font-size: 9px;
  text-transform: uppercase;
  padding: 3px 20px;
  transition: all .8s linear 0s;
  text-align: center;
  background: #175e65;
}

.sslka a:hover {
  background: #424c4d;
}

.navigation-board__right {
  font-size: 11px;
  opacity: .8;
}

.news-box {
  margin: 25px 20px 36px;
  display: flex;
  gap: 10px 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.news-box__item {
  background: var(--bg-decorate);
  padding: 7px 26px 7px;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
}

.news-box__item:hover {
  background: var(--bg-decorate-hover);
}

.news-box__title {
  font-family: var(--text-title);
  position: relative;
  padding-bottom: 2px;
  font-size: 14px;
}

.news-box__item:hover  .news-box__title::after{
  background: url(https://forumstatic.ru/files/001c/52/c6/47947.png) no-repeat center;
}

.news-box__title::after {
  content: '';
  background: url(https://forumstatic.ru/files/001c/52/c6/19526.svg) no-repeat center;
  width: 106px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: -13px;
  right: 0;
  transition: all 0.3s ease
}

.news-box__descr {
  font-size: 9px;
  opacity: .6;
  margin-top: 2px;
}

/*Кнопки вверх-вниз*/
.scrollbuttons {
  position: fixed;
  width: 1053px;
  height: 0px;
  top: 60%;
  z-index: 10000;
}

.go-up, 
.go-down {
  opacity: 0;
  position:absolute;
  z-index:9999;
  cursor:pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}

.go-up.show, 
.go-down.show {
  opacity: 1;
}

.go-up {
  right: 0;
  top: 0;
}

.go-down {
  right: 0;
  top: 68px;
}

/*Хз что это, скорее всего вкладки, скорее всего не надо*/
.punbb .post-content .custom_tag_innertabtitle img.postimg {
  height: 35px; 
  opacity: 0.5; 
  transition: opacity 0.3s;
}

.punbb .post-content .custom_tag_innertabtitle.active img.postimg {
  opacity: 1; 
  transition: opacity 0.3s;
}

/*************************************************************
Экстра стили РАЗОБРАТЬСЯ!!!!!!
**************************************************************/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
div.pa-respect span {font-size:0.9em; vertical-align:top}


div.post-vote p .negative {margin-left:13px;}
.post-content table {border-collapse:collapse; margin:0 0 0.8em}
.post-content .highlight-text {background-color:#ff0; color:#000}
.post-content .spoiler-box > blockquote {padding-top:1.4em; display:none}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.post-content hr {opacity:0.5; filter:alpha(opacity=50); margin-bottom:0.8em}
.post-content abbr {cursor:help}
.post-content ul {padding:0 0 1em 2.3em}
.post-content ul li {list-style:inherit; margin-bottom:0.3em}
.post-content ul li ul {padding-bottom:0}
.post-content ul li > p {padding-bottom:0.3em}
.post-content ul li > p:last-of-type {padding-bottom:0}


/*Хз что это*/
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}


#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
li.pa-ua {margin-top: 0.7em; display: flex; justify-content: center;}
.punbb .post.new-ajax > * {border-width: 3px;}
.punbb .post.new-ajax {display: none;}

#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}

.notify-parent {position: relative;}
.notify-bubble {
    background: lightblue;
    border-radius: 3px;
    color: black;
    font: bolder 12px/1.2 Tahoma;
    margin: 0;
    min-width: 14px;
    padding: 0 1px;
    position: absolute;
    text-align: center;
}

.notify-bubble:after {
    border-color: lightblue transparent;
    border-style: solid;
    border-width: 3px 3px 0;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

/* Statistic */
#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}


/* New profile style
-------------------------------------------------------------*/
#profile-signature {padding:1.5em 1.5em 1em 1.5em}
#profile-signature ul {border-style:dashed; border-width:1px 0 0 0; margin:0; padding:1em 1em 0 1em}



p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
.pa-fld1 img, .pa-fld2 img, .pa-fld3 img, .pa-fld4 img, .pa-fld5 img, .pa-fld6 img, .pa-fld7 img, .pa-fld8 img, .pa-fld9 img, .pa-fld10 img, .pa-fld11 img, .pa-fld12 img, .pa-fld13 img, .pa-fld14 img, .pa-fld15 img, .pa-fld16 img, .pa-fld17 img, .pa-fld18 img, .pa-fld19 img, .pa-fld20 img {vertical-align:text-top}


/** Social icons
---------------------------------------------------------------*/
.social {background-image:url('/i/social.1.png'); background-repeat:no-repeat; float:left; display:block; margin:3px 5px; width:16px; height:16px}
.social-facebook {background-position:0 0}
.social-google {background-position:-26px 0}
.social-mailru {background-position:-52px 0}
.social-odnoklassniki {background-position:-78px 0}
.social-twitter {background-position:-104px 0}
.social-vkontakte {background-position:-130px 0}
.social-yandex {background-position:-156px 0}
.social-youtube {background-position:-182px 0}
.social-instagram {background-position:-312px 0}
.social-linkedin {background-position:-338px 0}
.social-reddit {background-position:-442px 0}
.social-share {background-position:-468px 0}
.social-tumblr {background-position:-546px 0}

.post-share-tip {width:164px; height:124px}
.post-share-legend {background:rgba(255,255,255,0.2); text-align:center}
.post-share-tip span {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#fff; font-size:13px; line-height:27px}
.post-share-icons {padding:10px}
.post-share-tip a {margin: 5px 10px}

/** Avatars
---------------------------------------------------------------*/



.punbb .flag-i {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  margin-right: 1em;
}
.punbb .pa-author .flag-i {
  margin-right: 0.5em;
}
.punbb .flag-i:before {
  content: '\00a0';
}


@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;
}
i[class^="icons-"]:before, i[class*=" icons-"]:before, .i[class*=" icons-"]:before, .i[class^="icons-"] {
  font-family: "mybb";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*Оформление лора*/
.card-elion {
  position: relative;
  width: 278px;
  height: 500px;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://forumstatic.ru/files/001c/68/5a/46916.png) center / cover no-repeat;
  cursor: pointer;
  overflow: hidden;
}

.card-teachings {
  position: relative;
  width: 242px;
  height: 242px;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://forumstatic.ru/files/001c/68/5a/54657.png) no-repeat center / contain;
  cursor: pointer;
  overflow: hidden;
}

.card-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--link);
  text-transform: uppercase;
  font-family: var(--text-title-post);
  font-size: 24px;
  text-align: center;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.card-brief {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--link-light-hover);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: justify;
  padding: 0 30px;
}

.card-btn {
  padding: 5px 15px;
  text-transform: lowercase;
  background-size: contain;
  font-size: 14px;
  color: var(--link-light);
  margin-top: 15px;
  cursor: pointer;
}

.church-card:hover .card-title {
  opacity: 0;
}

.church-card:hover .card-brief {
  opacity: 1;
  pointer-events: auto;
}

.modal-close {
  position: absolute;
  top: 3px;
  right: 1px;
  font-size: 24px;
  background: none;
  cursor: pointer;
  color: #999;
  background: url(https://forumstatic.ru/files/001c/68/5a/72044.png) no-repeat;
  width: 36px;
  height: 39px;
}

.modal-close:hover {
  color: #333;
}

.card-descr {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  overflow-y: auto;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.card-descr__wrap {
  width: 801px;
  height: 510px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--bg-modal);
  padding: 20px 19px 20px 30px;
  overflow: hidden;
  border-radius: 5px;
}

.card-descr__content {
  height: 465px;
  overflow: auto;
  padding-right: 10px;
  line-height: 1.4;
}

.card-descr__content p {
  padding-bottom: 12px;
}

.card-spoiler {
  margin-top: 15px;
  padding: 11px;
  background: #1F3949;
  box-shadow: 0px 0px 9px rgba(134, 129, 111, 0.70);
  border: 1px #8A8473 solid;
}

#elion-phenomenon {
  margin-top: 25px;
}

.card-spoiler__title {
  text-transform: uppercase;
  font-size: 18px;
  font-family: var(--text-title);
  cursor: pointer;
}

.card-spoiler__descr {
  padding: 10px 0 5px;
  margin-top: 7px;
  border-top: 1px solid rgba(135, 132, 115, .4);
}