@import url('https://fonts.googleapis.com/css?family=Bad+Script|Cormorant+Garamond:400,400i,500,500i,600,600i,700,700i|Cormorant+Infant:400,500,500i,600,600i,700,700i|Forum|Gabriela|Jura:400,500,600|Kurale|Lobster|Marck+Script|Marmelad|Neucha|Open+Sans:400,600,600i,700,700i|Pangolin|Philosopher:400,400i,700,700i|Ruslan+Display&subset=cyrillic,cyrillic-ext,greek,latin-ext');
/*html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset { margin: 0; padding: 0;} */
*{margin:0;padding:0;box-sizing:border-box;}
/* Описание новости */
/*.short-story,.full-story { background:var(--block) !important;} */
.story {display:flex;flex-wrap:wrap;gap:14px;}
.short-story li i,.full-story li i {margin-right:6px;}
.story li,.full-meta li {margin-right:15px;}
.full-meta i {width:18px;text-align:center;margin-right:6px;color:var(--muted);}
.full-meta i {font-size:14px;}
.story ul {display:flex;flex-wrap:wrap;gap:14px;}
.favlink img { display:none;} 
.clrr { clear:both; padding-top:20px; }
.pagebg { background:var(--bg) /*url("../images/pagebg.png") repeat-x */; }
/*Related News Вертикальный*/
/*.imagestory { float: center; width: 50px; height: 60px; margin: 0 8px 6px 0; }*/
.imagestory{display:block;/* background:var(--surface);*/ width: 50px; height: 60px; gap:14px; margin:0 auto;}
/*Related News Горизонтальный*/
.relatednews{flex:0 0 19%;}
/*.relatednews{display:inline-block; width:19%; vertical-align:top;} */
.relatednews img { width:105px;  height:125px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
 box-sizing: border-box; -webkit-border-radius: 8px;-moz-border-radius: 8px; border-radius: 8px;}
h1, h2, h3, h4, h5 {line-height: normal; word-break:normal; overflow-wrap:break-word; hyphens: auto;}
h1 {font-size: 1.25em;} h2 {font-size: 1.2em;} h3 {font-size: 1em;} h4 {font-size: 1.1em;} h5 {font-size: 1em;}
.hlogo { color: #0F596F; text-align: left; }
a {color:#436678; text-decoration:none;}
a:hover {color:#4366D8; text-decoration:underline; } /* none */
a img  {border:0 none;} /*  Montserrat, Droid Sans, Centro Sans pro, Bree, Georgia, Verdana, Helvetica, Arial, Spectral, Ubuntu, Roboto, Cormorant Garamond,   */
input, textarea, select, button, body { font: 15px/16px Verdana, Noto Sans, Helvetica, Gabriela, Georgia, Open Sans, Century, Times New Roman, Lobster, Sans-serif;  line-height: 1.4;} /*'Kurale', serif, Noto+Serif, Verdana, Arial, Tahoma, Helvetica, Sans-serif,   */
input, textarea, select, button, a { outline: none; }
.speedbar {margin-top:0;}

/* Колонки */
/*
*,
*::before,
*::after { box-sizing: border-box;}
*/
/*
#left, #right { width: 230px; box-sizing: border-box; overflow: hidden;}
*/
/* Button Raiting */
.rating-minus,.rating-plus { background: var(--accent) !important; border-radius:6px; width:28px; height:28px; display:inline-flex; align-items:center;
justify-content:center; color:var(--text)/*#fff*/ !important;}
/* breadcrumbs */
.speedbar
{
    border: 1px solid var(--border);
    font-size: .8125em;
	color: var(--text)/* #0E51A7*/;  /*  #32c24d  */
    margin-bottom: 19px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 12px;
    text-transform: uppercase;
    white-space: nowrap;
/*    list-style: none;  */
}
.speedbar a {  color:var(--text)/* #2a2a2a */; }
.speedbar a:hover { color: #4282D3; /* #32c24d */ }
/* Частые стили */
/*===============================
  DOWNLOAD FIELDSET
================================*/
/*===============================
  DOWNLOAD LINKS (XFIELD)
================================*/
fieldset.file_info{border:1px solid var(--border);padding:18px 20px; margin:20px 0; border-radius:10px; background:var(--surface); text-align:center;}
fieldset.file_info b{ display:block; margin-bottom:14px; font-size:18px; color:var(--text);}
/* кнопки скачивания */
fieldset.file_info a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 16px;
    margin:8px;
    min-height:34px;
    font-family:"Segoe UI",system-ui,sans-serif;
    font-size:16px;
    font-weight:600;
    color:#fff !important;
    text-decoration:none !important;
    background:var(--hdback);
    border-radius:999px;
    box-shadow:var(--shadow-soft);
    transition:all .25s ease;
}
/* hover */
fieldset.file_info a:hover{background:var(--btn-green-grad); transform:translateY(-1px);}
/* стрелка вниз (как у Подробнее, но вниз) */
fieldset.file_info a::after{content:"»";transform:rotate(90deg);font-size:16px;margin-left:6px; opacity:.9;}
/*===============================
  FILEHOST ICONS AUTO
================================*/
fieldset.file_info a[href*="turbobit"]::before{content:"🟡";margin-right:6px;}
fieldset.file_info a[href*="basaru"]::before{content:"🔵";margin-right:6px;}
fieldset.file_info a[href*="uploady"]::before{content:"🟣";margin-right:6px;}
fieldset.file_info a[href*="trbtr"]::before{content:"🟡";margin-right:6px;}

/*
fieldset {
    border: 1px solid rgba(0,0,0,0.1); padding: 20px; margin-bottom: 25px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
	fieldset legend { font-weight: bold; }
 fieldset a { 
     font-family: Rubik, Vernada, Lobster; 
     letter-spacing:1px; 
     line-height: 1.6;
     color:var(--accentlink); 
     font-size:17pt; 
     font-style: italic;
     text-shadow: #cad5e2 1px 1px 0, #cad5e2 2px 2px 0, #cad5e2 3px 3px 0, #cad5e2 4px 4px 0, #cad5e2 5px 5px 0;
     border: 1px solid rgba(0,0,0,0.1); padding: 1px; margin-bottom: 2px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
} 
fieldset a:hover {
     color: #00f;
    text-shadow: #c0c0c0 1px 1px 0, #c0c0c0 2px 2px 0, #c0c0c0 3px 3px 0, #c0c0c0 4px 4px 0, #c0c0c0 5px 5px 0;
   }
fieldset file_info { }
*/
/* Первая буква абзаца */ /*
fieldset p:first-letter { 
 font-size: 2em;
 text-shadow: red 1px 1px 0, red -1px -1px 0, red -1px 1px 0, red 1px -1px 0;}  */
.grey { color: #919191; }
.grey a { color: inherit; }
.grey a:hover { color: 0000af; }
.blue { color: #3394e6; }
.orange { color: #e85319; }
/* Кнопки сезонов */
.field .field-name-season-serial-ref .node .field.field-name-field-serial-image,.node-serial 
.field.field-name-field-serial-image{float:left;margin-right:10px;margin-left:0;}
.serial-subtitle{color: var(--text)/*#7D7D7D*/;}
.field-seasons-list{margin:20px 0 25px;}
.field-seasons-list .serial-season{float:left;margin-right:10px;margin-bottom:10px;}
.field-seasons-list .serial-season 
a {display:block;height:20px;width:84px;/* background:url(../images/button-color.png) no-repeat left top transparent;*/
    text-decoration:none;color: var(--text);text-align:center;padding-top:1px;overflow:hidden;}
.field-seasons-list .serial-season 
a.active { background-image: url(../images/button-gray.png); }
/*a.class:hover { background-image: url(../images/button-color.png); }  */
/* a.class:active .field-bookmarks{margin:20px 0 10px;}   field field-seasons-list clearfix*/
/* - Кнопки сезонов  */
/* Для сериалов стили */
.fn_film_info {/* float: left; /* right; */ position: relative;width: 80%; /* 400px */ } /*.fn_film_cont {  } */
ul.fi_ul { margin-bottom: 7px; /* 15px */ padding-bottom: 5px; /* 10px */}
ul.fi_ul li { clear: both; padding: 6px 0px; border-bottom: 1px #d2d2d2 dashed;}
ul.fi_ul li b, .fn_f_m_box b { display: block; float: left; width: 100px;}
   ul.fi_ul li {border-bottom: 1px #C0C0C0 dashed; padding: 1px 0px 1px 5px; font-size:11px; } 
/* background:url(../images/top_news_bg.png) no-repeat center left ;  */
   ul.fi_ul li b {color: var(--text)/*#2c3e70*/; display:block; float:left; width: 120px;}
.shortstory-img-block { float: left; margin: 0 16px 16px 0; width: 180px; position: relative; 
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*.shortstory img:first-child; */
.shortstory-img img { float: left; width: 180px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.shortstory-content { font-size: 14px; color:var(--text)/* #BEC5D0*/; text-decoration: none; line-height: 1.5; /*  16px  */ margin: 0 0 7px 0;}
.sh-box { float: left; width: 100%; }
.sh-box-b { padding: 0 16px; }
.full .sh-box-b { padding: 0 16px 16px 16px; }
.m-info {}
.mi-item {padding:5px 10px; background:var(--bg)/* rgba(24,28,37,0.45)*/;}
.m-info .mi-item:nth-child(2n+1) {background:var(--bg) /*rgba(0,0,0,0.45)*/;}
.m-info a {text-decoration:underline;}
.m-info a:hover {text-decoration:none;}
.mi-label {float:left; width:80px; font-weight:500;}
/* -- Для сериалов стили *//*
sup { vertical-align: super; font-size: smaller; } 
.over { display: inline-block; vertical-align: middle; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
a .over { cursor: pointer; }
.cover { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } */
/* .yohoho {max-width: 100%;} */
/* Цвет скроллбара */
body::-webkit-scrollbar { width: 1em;} 
body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px 2px rgba(0,0,0,0.3); /*цвет*/
background:var(--bg); /* none  фон у вас не будет цветным, потому, что он на none, изменяем его на любой цвет*/
opacity:.7;} 
body::-webkit-scrollbar-thumb { border-radius: 5px; background: #c0f0c0; /* none; цвет ползунка*/
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);cursor: pointer;}

/* Перенос строки */
.hyphens {word-break: inherit; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;} /**/
ul { margin: 0 0 18px 2em; list-style: disc outside; }
ol { margin: 0 0 18px 2.1em; list-style: decimal; }
p { margin-bottom: 0.4em; }
/* Первая буква абзаца */
p:first-letter { font-family: maran; font-size: 2em; 
    text-shadow: #BF9730 1px 1px 0, #BF9730 -1px -1px 0, #BF9730 -1px 1px 0, #BF9730 1px -1px 0;}
.clr { clear: both; padding-top:5px; }
/* hr { border: 0 none; border-top: 2px solid #e3e3e3; height: 1px; } */
.reset, .reset li { list-style: none; padding: 0; margin: 0; }
/* Homepage */
/*.wrapper {width: 98%; min-width:98%; text-align: left; margin: 0 auto; } *//* Общая страница */
.wrapper { width: 100%; max-width: 100%; margin: 0 auto;}
/* Адаптация  */
.section__content { max-width: 1200px;}
html {font-size: 14px;}
.header__title { font-size: 7.2rem;}
.header__sub-title {font-size: 4.2rem;}
.list { display: flex; /* Flex-контейнер. */ flex-wrap: wrap; /* Многострочный режим. */}
.item { flex-basis: 260px; flex-grow: 1; max-width: 360px;
    display: flex; /* Каждый элемент, в свою очередь, тоже становится Flex-контейнером. */
    flex-direction: column; /* Для больших экранов сохраняем расположение иконки сверху. */
    align-items: flex-start; /* Выравниваем иконку по левому краю. */
}

/* Header шапка */
/* ===== HEADER DONOR SHAPE ===== */
/* верхняя линия (отдельно!) */
.header-top{position:absolute;top:0;left:0;width:100%;height:10px;background:linear-gradient(to bottom,#90a8b2 30%,#96a9b8 10%);z-index:200}
/* сам хедер */
.header{background:none/*var(--hdback)*/;height:78px;width: 98%;padding-top:15px;margin-bottom:15px;position:relative;
perspective:200px;border-bottom-left-radius:90px 100px;border-bottom-right-radius:90px 100px;}
.header::before { background:var(--hdback);height:72px;margin-bottom: 20px;/*  border: 1px solid;*/
transform: rotateX(-10deg); /* Делаем обводку псевдоэлементом с transform: rotateX(40deg) — таким образом получаем трапецию. Задаем ей border-radius только для нижних углов. */
transform-origin: 100% 50%;/* transform-origin: 50% 100% для того, чтобы вращение было вокруг нижней границы. */
border-radius: 0 0 30px 30px;height: 90%;width: 100%;position: absolute;content: '';}
.header { position: relative; z-index: 1; }
.header::before { z-index: 0;}
.header > * {position: relative;z-index: 2;}
/* поиск */
.header__search{flex:1;min-width:0}
.search-block{margin:0 20px;flex:1;}
/* настройки */
.header__settings{flex:0 0 auto;position:relative}
.header__settings-btn{height:60px;font-size:22px}
/* HEADER--LOGO--------------------------------------------- */
.logo-block {display: flex; align-items: center; padding-left: 64px; position: relative;
	font-weight: 700; text-transform: uppercase; font-size: 28px; margin-right: 20px; margin-bottom:10px;}
/*.logo-block h1 { background: linear-gradient( 135deg, #c9a23a 0%,#f6e27a 25%, #d4af37 50%, #fff2a6 75%, #c9a23a 100%);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
 .logo-block h1 { text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 0 5px rgba(255,215,0,0.4);} */
 .logo-block h1 {font-size:clamp(20px, 3vw, 25px); background: linear-gradient(135deg,#c9a23a 0%,#f6e27a 25%,#d4af37 50%,#fff2a6 75%,#c9a23a 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 1px 1px rgba(0,0,0,0.6), 0 0 5px rgba(255,215,0,0.4);}
/*  .logo-block h1 {font-size: clamp(20px, 3vw, 28px);} */
.logo-block svg path {fill: var(--accent-primary);}
.logo-block svg, .logo-block img {width: 25px; height: 25px; display: block; 
	position: absolute; left: 30px; top: 50%; transform: translateY(-50%);}
/* .header__logo {height: 40px;color:var(--accent-gradient);} */
.header__logo span {font-size: 18px; color: var(--accent-secondary); margin-left: 3px; margin-top: 6px;}
/*.header__logo {flex: 1 1 0; max-width: 100%; min-width: 60px; margin-right: 0; height:28px;}*/
/* .header__logo { text-decoration: none;} */
.header__logo { flex: 1 1 0; max-width: 100%; min-width: 60px; margin-right: 0; height: 28px; text-decoration: none;}
.header__logo:hover { text-decoration: none;}
.header {gap: 10px; padding: 10px; margin-bottom: 0px;}
.header__soc-link {border-radius: 15px; height: 30px; padding: 0 15px; background-color: #18a3e6; font-size: 12px;}
.header__settings-btn {height: 60px; font-size: 24px; color: var(--accent-primary);}
.header__settings-list {background-color: var(--bg); box-shadow: var(--shadow-soft); padding: 20px; 
	position: absolute; right: 0; top: 100%; width: 340px; z-index: 10; color: var(--text); --tt: #000;}
.header__btn-login, .header__btn-link a {color: var(--text); font-weight: 700;}
.header__btn-link {font-size: 14px; text-transform: uppercase; margin-left: -15px;}
.header__settings-btn.is-active {background-color: var(--bg); color: var(--text);}
/* --- Верхние углы ---*//*
.header {position: relative; }
.hdr-left { position: absolute;top: 10px;left: 0;
width: 80px; height: 80px;background: var(--hdback); z-index: 5;
 clip-path: path("M0,80 L0,40 Q0,0 60,0 L30,0 Q0,20 0,80 Z");
}
*/
/*
.hdr-left { position: relative; width: 30px; height: 30px; background: transparent; overflow: hidden;} 
.hdr-left::after {content: '';position: absolute;top: 10%; left: 30%; width: 200%;height: 200%;background: #3498db; 
border-radius: 70%; /* Создает эффект изгиба */ /*transform: rotate(45deg); } */
/*
.search-block {position: relative; margin: 0 160px 0 20px; --bdc: var(--bg); --tt: #fff;}
*//*
.search-block__input, .search-block__input:focus {border-radius: 20px; padding: 0 60px 0 20px;
	border: 0; box-shadow: none; border: 1px solid var(--bdc); background-color: rgba(255,255,255,0.066); color: var(--tt);}
.search-block__input:not(:focus)::placeholder {color: var(--tt-fadest); opacity: 1; font-size: 14px;}
.search-block__btn {position: absolute; right: 0; top: 0; width: 60px; 
	font-size: 16px; color: var(--accent-secondary); padding: 0;}
*/

.sb__design button {width: 30px; height: 30px; border-radius: 15px; padding: 0; 
	background-color: var(--bg); border: 2px solid var(--bdc); color: var(--tt); font-weight: 400; font-size: 14px;}
.sb__design--cols button, .sb__design--posters button {width: 100%; text-transform: none;}
.sb__design--posters li {min-width: 40%;}
.sb--btns .sb__caption {margin-bottom: 10px;}
.sb__design li button.is-active {box-shadow: 0 0 0 1px var(--accent-primary); 
	border-color: var(--bg); color: var(--tt);}
.sb__design--btns li:nth-child(1) button {background-color: #e76d39;}
.sb__design--btns li:nth-child(2) button {background-color: var(--red);}
.sb__design--btns li:nth-child(3) button {background-color: var(--blue);}
.sb__design--btns li:nth-child(4) button {background-color: var(--violet);}
.sb__design--btns li:nth-child(5) button {background-color: var(--yellow);}
.sb__design--btns li:nth-child(6) button {background-color: var(--green);}
.sb__design--btns li:nth-child(7) button {background-color: var(--grey);}

.sect__header {margin-bottom: 20px; gap: 5px 10px;}
.sect__header--mb {margin-bottom: 40px;}

	
/* LOGIN ----------------------------------------------- */
.login {position: fixed; z-index: 99999  !important; left: 50%; top: 50%; transform: translate(-50%,-50%);
	background-color: var(--ui-bg); width: 440px; border: 10px solid var(--ui-bg-darker); 
	box-shadow: 0 15px 45px rgba(0,0,0,1); overflow-y: auto;
	 max-width: calc(100vw - 40px); max-height: calc(100vh - 40px);}
	 .header__login { position: relative;} /*
.header__login-panel {position: absolute; top: 100%; right: 0; width: 250px;padding: 15px; background: #202a36; border-radius: 6px; z-index: 1000;} */
.login-form input {width: 100%; margin-bottom: 10px; padding: 8px;}
.login-form button { width: 100%; padding: 8px; cursor: pointer;}
.login__header {padding: 20px 50px 25px 50px; border-bottom: 1px solid var(--ui-bdc); position: relative;}
.login__title {font-size: 24px; font-weight: var(--ui-fw-bolder);}
.login__caption {font-size: 15px; color: var(--ui-tt-fade); margin-top: 3px;}
.login__close {font-size: 23px; position: absolute; right: 10px; top: 10px; padding: 0; width: 40px; height: 40px;}
.login__content {display: grid; gap: 20px; padding: 25px 50px; padding-bottom: 50px; position: relative;}
.login__row, .login__row.fal, .login__row.fas {position: relative; display: grid; gap: 10px; justify-content: stretch;}
.login__row-caption a, .login__caption a {margin-left: 10px;}
.login__row::before {position: absolute; left: 2px; bottom: 0; width: 40px; height: 50px; 
	display: grid; place-items: center; opacity: 0.4; font-size: 18px;}
.login__input input {padding-left: 40px; border-radius: var(--ui-bdrs); height: 50px; line-height: 48px;}
.login__row button {width: 100%; height: 40px; border-radius: var(--ui-bdrs);}
.login__social {padding-top: 10px; text-align: center; gap: 10px; margin-bottom: -20px;}
.login__social-caption {font-size: 13px; color: var(--ui-tt-fade); width: 100%;}
.login__social a {padding: 0 10px; border-radius: 20px; position: relative; width: 40px; height: 40px; 
	overflow: hidden; color: #fff; display: flex; align-items: center; justify-content: center;}
.login__social a::before {content: ''; width: 40px; background: rgba(0,0,0,0); position: absolute; left: 0; top: 0; height: 100%;}
.login__social a img {position: absolute; left: 10px; top: 50%; height: 20px; width: 20px; z-index: 1; 
	display: block; filter: invert(1); transform: translateY(-50%);}
.login__social-vk {background-color: #587ba1;}
.login__social-ok {background-color: #ff9800;}
.login__social-fb {background-color: #3b5998;}
.login__social-ml {background-color: #2196f3;}
.login__social-gg {background-color: #f44336;}
.login__social-ya {background-color: #fc3f1d;}
.header__login-img {width: 40px; height: 40px; border-radius: 50%; cursor: pointer;}
.header__favlink {font-size: 24px; --tt: var(--accent-secondary);}
.header__favlink span {position: absolute; padding: 0 4px; display: inline-block;
	padding: 0 6px; background-color: var(--accent-primary); color: #fff; 
	font-size: 11px; right: -13px; top: -8px; border-radius: 4px;}
.header__favlink span.count-0 {display: none;}
/*.header__login-panel {position: absolute; right: 0; top: 100%; width: 240px; padding-bottom: 10px;
	background-color: var(--bg); box-shadow: var(--bsh); margin-top: 20px; z-index: 10;} */
.header__login-header {padding: 20px; color: var(--text); font-weight: 700; gap: 20px; border-bottom: 1px solid var(--bdc);
	background-color: var(--ui-bg-darker); margin-bottom: 10px;}
.header__login-avatar {width: 40px; height: 40px; border-radius: 50%;}
.header__login-group span {font-size: 12px; font-weight: 400; margin-top: 2px; 
	display: block; color: var(--ui-tt-fade) !important;}
.header__login-menu a {display: flex; align-items: center; min-height: 30px; padding: 0 20px 0 0;}
.header__login-menu a::before {width: 40px; text-align: center; color: var(--accent-primary);}
.header__login-menu-border {border-top: 1px solid var(--bdc); margin-top: 10px; padding-top: 10px;}
.header__login-menu a span {font-size: 12px; margin-left: auto;}
.header__login-menu,.header__login-menu li {list-style: none; margin: 0;padding: 0;}

/* --- добавочно ---*/
/* Родитель */
/* .header__login { position: relative;} */
/* Панель */
.header__login-panel { position: absolute; top: 100%; right: 0; /* ВАЖНО — прижимаем вправо */
 width: 260px; background: #1f2a36; border-radius: 6px;padding: 15px;z-index: 1000;}

/* Убираем мусор от списка */
.header__login-menu { margin: 0;padding: 0;list-style: none;}
/* Убираем возможный flex/кривые стили */
.header__login-menu li { display: block;}
/* Инпуты */
.header__login-panel input { width: 100%; margin-bottom: 10px;}
/* Кнопка */
.header__login-panel button { width: 100%;}

/* Чтобы ничего не вылазило */
.header__login-panel * { box-sizing: border-box;}
 .header__login { margin-left:auto;margin-right:50px;position: relative;}/*padding-right:20px;*/
/**/
/* --- Старый рабочий с картинками --- *//* Новая с картинками  */
/*
.hd-left { min-width: 200px; }
.hd-right { min-width: 300px; }

.hd-left,.hd-center,.hd-right { top: 15px;}
.hd::after,
.menuhd::after,
.prehd::after { content: ""; display: block; clear: both;}
.hd {height: 78px; position: relative;}
.hd-left { position: absolute; left: 0; top: 0; width: 347px; height: 51px; background: url("../images/hd-left.png") no-repeat;}
.hd-right { position: absolute; right: 0; top: 0; width: 637px; height: 51px;background: url("../images/hd-right.png") no-repeat; display: flex;
align-items: center;justify-content: flex-end; padding-right: 20px; box-sizing: border-box;}
.hd-center {margin-left: 347px;margin-right: 637px;height: 51px;background: url("../images/hd-center.png") repeat-x;}
.hd-inner { display: block;}
.hd-inner { justify-content: space-between; align-items: center; height: 51px; padding: 0 20px;}
*/

/* theme toggle */
.theme-toggle {position: static;}
.theme-toggle { font-size: 22px;cursor: pointer;color: var(--accent-secondary); display: flex; align-items: center; justify-content: center;}
.theme-toggle:hover { opacity: 0.7;}
/* body.dark-theme .theme-toggle {color: #ffd54f;} */ /* тёплый свет для "солнца" */
/* body:not(.dark-theme) .theme-toggle {color: #8e8e8e;} */ /* спокойный для луны */
.theme-toggle i {transition: transform 0.3s ease, color 0.3s ease;}
.theme-toggle:hover i {transform: rotate(20deg);}
.theme-toggle i {font-size: 22px; width: 22px;text-align: center;}
/* Login */
/* =====================================================
   LOGIN + USER PANEL (OLD TEMPLATE VARIABLES)
   ===================================================== */
/* ===== Overlay ===== */
.overlay { position: fixed; inset: 0; background: rgba(0,0,0,.65); display: none; z-index: 900;}
.modal-is-opened { overflow: hidden;}
/* =====================================================
   LOGIN MODAL
   ===================================================== */

/* ===============================
   HEADER CONTAINER
================================= */
.menuhd{display:flex;align-items:center;justify-content:space-between;height:48px;width:92%;margin:0 0 20px 0;left:4%;right:4%;
    position:relative;padding:0 16px;background:var(--surface);border-radius:64px;box-shadow:var(--shadow-soft);overflow:hidden;}

/* ===============================
   LEFT SIDE (MENU)
================================= */
.menu-left{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;}
/* ===============================
   MENU EXPAND BUTTON
================================= */
.menu-expand{display:none;align-items:center;justify-content:center;width:32px;height:32px;margin-right:8px;border-radius:50%;cursor:pointer;
    color:var(--accent);transition:.2s;}
.menu-expand:hover{background:rgba(0,0,0,.08);}
/* ===============================
   TOP MENU
================================= */
.topmenu{flex:1;min-width:0;}
.topmenu li{flex:0 0 auto;}
.topmenu ul{display:flex;gap:8px;margin:0;padding:0;list-style:none;white-space:nowrap;overflow:hidden;mask-image:linear-gradient(to right,black 85%,transparent);}
/* ===============================
   MENU BUTTONS
================================= */
.topmenu .buttonnext{font-size:14px;padding:6px 14px;white-space:nowrap;transition:.2s;}
.topmenu .buttonnext:hover{transform:translateY(-1px);}

/* ===============================
   RIGHT SIDE (SEARCH)
================================= */
/*.menu-right{display:flex;align-items:center;flex-shrink:0;margin-left:10px;}*/
.menu-right{display:flex;align-items:center;flex:0 0 auto;margin-left:10px;}
/* ===============================
   SEARCH FORM
================================= */
.search form{display:flex;align-items:center;background:var(--block);border-radius:999px;padding:4px 10px;transition:.3s;}

/* ===============================
   SEARCH INPUT
================================= */
.search_input{border:none;outline:none;background:transparent;color:var(--text);font-size:14px;width:220px;min-width:60px;transition:.3s;}

/* ===============================
   SEARCH BUTTON
================================= */
.search_button{border:none;background:none;color:var(--accent);cursor:pointer;font-size:14px;}

/* --- Выравниваем колонки --- */
.structure { display: flex; align-items: flex-start;}
#leftcol { width: 230px; flex-shrink: 0;}
#leftcol{padding:0;background:var(--surface);}
#rightcol { width: 200px; flex-shrink: 0;}
#maincol { flex: 1; min-width: 0;}
.layout-flex { display: flex; align-items: flex-start;}
* {box-sizing: border-box;}
/* =====================================
   DIV LAYOUT INSTEAD OF TABLE
===================================== */
.structure { display: grid; grid-template-columns: 250px 1fr 250px; gap: 20px; align-items: start;}
.structure { width: 100%; }
/* Колонки */
#leftcol,#rightcol { min-width: 0;}
#maincol { min-width: 0;}

/* TopNavi */
/* =================================
   SIDE CATEGORY MENU
================================= */
/* контейнер */
.sb { margin-bottom:20px; background:var(--block); border-radius:6px; overflow:hidden;}
.sb__title { padding:12px 15px; font-size:16px; font-weight:600; background:var(--surface); border-bottom:1px solid rgba(0,0,0,0.05);}
.side-block__content { padding:8px 0;}
/* кнопка раскрытия */
.nav__btn { position:absolute; right:15px; top:5px; width:18px; height:18px; border-radius:4px; font-size:14px;
 background:var(--accent-gradient); color:var(--text); text-align:center; line-height:16px; cursor:pointer;}
.nav__btn:hover { background:var(--accent-secondary); color:var(--text);}
.is-active .nav__btn .fal { content:"\f068";}
/* скрытые категории */
.nav__hidden { padding:5px 0; display:none;}
.nav__hidden a { display:block; padding:5px 5px 5px 5px; margin:2px 6px; border-radius:5px; background:var(--btn-green-grad); position:relative;}
.nav__hidden a:hover { background:var(--btn-green-hover);}
/* список */
.nav,.nav ul { list-style:none; margin:0; padding:0;}
.nav li { position:relative;}
/* ОСНОВНЫЕ КНОПКИ */
.nav > li > a { display:block; padding:4px 4px 4px 5px; margin:2px 6px; border-radius:5px;
 background:var(--menu-btn); color:inherit; text-decoration:none; transition:all .2s ease;}
.nav > li > a:hover { background:var(--menu-btn-hover);}
.nav li.is-active > a { background:var(--menu-btn-active);}
/* вложенность */
.nav__hidden li a { padding-left:10px;}
.nav__hidden .nav__hidden li a { padding-left:10px;}
/* текст и подчёркивание */
.nav a { text-decoration:none; color:var(--text); }
/* подкатегории — текст тоже нормальный */
.nav__hidden a { color:var(--text); }

.nav__hidden { display: none;}
.nav.is-active > .nav__hidden { display: block;}

/* уменьшаем лишний отступ вложенности */
/*.nav__hidden li a { padding-left:5px; }
.nav__hidden .nav__hidden li a { padding-left:5px; }*/
/* ADAPTIVE, MOBILE MENU----------------------------------------------- */
.overlay {position: fixed; z-index: 998; left: 0; top: 0; width: 100%; height: 100%; 
	opacity: 0.6; background-color: #000; cursor: pointer; display: none;}
.mobile-menu {width: 280px; height: 100%; overflow-x: hidden; overflow-y: auto;
	z-index: 999; position: fixed; left: -360px; top: 0; transition: left 0.4s; background-color: var(--bg);}
.mobile-menu.is-active {left: 0;}
body.mobile-menu-is-opened {overflow: hidden; width: 100%; height: 100%;}
.mobile-menu__header {padding: 15px 20px; gap: 10px; background-color: var(--bg-black); --tt: #fff;}
.mobile-menu__btn-close {font-size: 24px; width: 40px; height: 40px; margin-right: -10px;}
.mobile-menu__content {padding: 26px 20px;}
.mobile-menu__header .logo-block {height: 40px;}

.mobile-menu { will-change: left;}
/* ===============================
   SIDE CATEGORY MENU (DONOR FULL)
================================= */
.pbt-right { background:var(--block);}
/* Footer */
.footer {min-height: 60px; height:auto; margin:5px 0 0 0;border-radius:5px;gap:15px;}
.footer::after { content: ""; display: block; clear: both;}
/*.fb-left { background: var(--hdback);width:29px;min-height: 50px; float:left; }*/
.fb-center { background: var(--hdback);min-height:60px;border-radius:5px;padding:5px 10px 15px 10px;gap:15px; }
/*.fb-right { background: var(--hdback);width:29px;min-height: 50px; float:right; }*/
.copyright { float:right; padding:5px 20px 8px 0; font-size:0.9em; }
.fb-icons { float: right; margin: 9px 0 0 0; white-space: normal;}
.footer a {color: var(--text);}
@media (max-width: 1000px) {.fb-icons { float: none; text-align: center; margin-top: 10px;}
.copyright {float: none; text-align: center; padding: 5px 0; }
}
/* Content #2 */

.substanc { margin:5px 1px 0 1px; }
.substanc2 { display: inline-block; margin:20px 7px 0 16px;}
.yohobg {max-width:580px; display: block;/* float: auto; */}
.dcont-news { display:inline-block; padding:10px; font-size:0.9em; }
.dcont-news img{ /* Картинка в статье  */
    max-width:100%;
    height:auto;    
    -moz-transition: all 1s ease-out; /* увеличение картинки */
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;        
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
/*    margin: 7px 15px 7px 5px  */
    margin-bottom: 7px; /* отступ от картинки снизу */
    margin-top: 6px;  /* отступ от картинки сверху */
    margin-right: 15px; /* отступ от картинки справа */
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
    border-radius: 8px;}
.dcont-news img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }
/* Content #3 */ 
/* ----------- */
#leftcol { width: 230px; vertical-align: top; }
#rightcol { width: 200px; vertical-align: top;} /* Правая колонка */
#maincol { width: 100%; vertical-align: top;}
/* Content #4 */
.pbd-bottom, .pbd-bottom .dleft, .pbd-bottom .dright { height: 38px; }
.pbd-bottom { overflow: hidden; background: var(--surface)/* #ffffff url("../images/pbd_bottom.png") repeat-x left top*/; width: 100%; }
.pbd-bottom .dleft { background: transparent /*url("../images/pbd_left.png") no-repeat left top*/; }
.pbd-bottom .dright { background: transparent /*url("../images/pbd_right.png") no-repeat right top*/; }
/* Left Blocks *//* Left Blocks */
/* #leftcol .block { margin-right: 5px; margin-bottom: 4px; width: 223px; background: url("../images/bb-l.png") repeat-y -446px top; } */
#leftcol .block .dtop { background:var(--block);} /* Фон блоков левой колонки url("../images/bb-l.png") no-repeat left top;*/
#leftcol .block .dbottom { background:var(--block); } /* Фон блоков левой колонки url("../images/bb-l.png") no-repeat -223px bottom;*/
#leftcol .block .dconter { padding: 1px 2px 20px 1px; font-size:0.9em; }
#leftcol div.block h3.title {background:var(--surface); font-family: Arial, Tahoma, Helvetica, Sans-serif; font-size: 1em; font-weight: bold; 
    color: var(--text); padding:10px 0 10px 5px; text-transform:uppercase; }
/* ===============================
   LEFT COLUMN + MENU (steel)
================================= */
/*#leftcol{background:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,#4a545b 0%,#3f4950 50%,#364047 100%);
background-size:3px 3px,100% 100%;} */
#leftcol{width:230px;background:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
linear-gradient(180deg,#48626d 0%,#38525e 45%,#2c434e 70%,#223741 100%);
background-size:3px 3px,100% 100%;border-radius:6px;
padding:6px 6px 10px 6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
/* Right Blocks Блоки с права*/
#rightcol .block { margin-right: 0; margin-bottom: 4px;/* width: 185px; */background:var(--block)/* #e5e5e5*/;}
/*#3f4950  background: url("../images/bb-r.png") repeat-y -370px top; *//*Цвет фона правой колонки*/
#rightcol .block .dtop { background:var(--surface)/* url("../images/bb-r.png") no-repeat left top*/;} /*Фон заголовка*/
#rightcol .block .dbottom { background:var(--surface)/* url("../images/bb-r.png") no-repeat -185px bottom*/;} /*Фон под заголовком(картинка)*/
#rightcol .block .dconter {padding: 1px 0 10px 20px; font-size:0.9em;} /*Отступы по краям внутри колонки*/
#rightcol .block .dconter a { color:var(--text); }
#rightcol div.block h3.title { font-family: Arial, Tahoma, Helvetica, Sans-serif; font-size: 1em; font-weight: bold; 
    color: var(--text); padding:15px 0 25px 5px; text-transform:uppercase; }
/* Infoerror */
.infore{line-height: 1.5em; background:var(--block)/* #f2f6eb*/; height:auto; overflow:auto; border-top: 1px solid #d3d8ca; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.errorss { background:var(--block)/*url(../images/errors.png) no-repeat*/; width:30px; height:32px; float:left; margin:10px; }
.error-ser { padding:11px; }
/* Buttoms */
.fbutton, .btn_reglog, .vresult { border: 0 none; background: none; cursor: pointer; }
.btn_reglog { background:var(--accent)/* #f2f2f2 url("../images/bbcodes.png") repeat-x*/; border:var(--border); color:var(--text); 
    width: 108px; height: 21px; padding-bottom: 3px; font-weight: bold; }
.btn_reglog:hover { background:var(--accent)/* #fff */ none; }
.fbutton { text-shadow: 0 1px 0  var(--accent)/*#fff*/; font-size: 1.15em; margin-bottom: 2px; border:var(--border); width: 100px; 
    height: 29px; color: var(--text)/* #596368 */; padding: 2px 2px 2px 2px; background:var(--accent)/* #fff url("../images/fbutton.png") repeat-x 0 100%*/; 
    font-weight: bold; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.fbutton:hover { background-position: 0 10px; }
.fbutton {-moz-box-shadow: 0 1px 4px -3px black; -webkit-box-shadow: 0 1px 4px -3px black; box-shadow: 0 1px 4px -3px black;}
button.fbutton span { cursor: pointer; display: block; padding-top: 2px; }
/* Baseforms */
.baseform { background:var(--bg)/* #fff*/; }
.tableform { width: 99%; margin-left:4px; } .tableform td { } .tableform td.label { width: 20%; vertical-align: top; padding-right: 0; 
    font-weight: bold; }
.fieldsubmit, .tableform td { padding: 10px 10px; border-top: 1px solid #d3d8ca; } .addnews { font-weight: bold; } 
.impot { color:var(--text)/* #96c */; font-weight: normal; }
.checkbox { padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; }
.f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; }
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select/*, .mass_comments_action select*/ { padding: 2px; 
    background:var(--block)/* #fff url("../images/fields.png") repeat-x; border: 1px solid #bcc0c2*/; }
.f_textarea, .editor_button select { padding: 0; }
.textin { padding: 2px; }
.lcol, .rcol, form { display: inline; } .lcol { float: left; } .rcol { float: right; }
.pheading { padding:10px; font-size:1em; }
.toptop { background-position: 0 -116px; width: 29px; }
.toptop:hover { background-position: 0 -145px; }

/* Comments КОММЕНТАРИИ*/

.page__comments{padding-bottom:10px}
.page__comments-info{color:var(--muted);display:block;margin:5px 0 20px;font-size:14px;padding-left:23px;position:relative}
.page__comments-info::before{color:var(--accent);position:absolute;left:0;top:2px}
.page__ac{margin-bottom:10px}

.ac-form{position:relative;background:var(--block);border:1px solid var(--border);border-radius:6px;padding:15px}
.ac-form__header,.ac-form__editor,.ac-form .message-info{gap:10px;margin-bottom:10px}
.ac-form__btn{padding:0 60px}
.ac-form__bottom{gap:25px}
.confidential-check{font-size:14px;color:var(--muted)}
.ac-form__header>span{margin-left:15px}
.ac-form .comments_subscribe{margin-top:0}

.ac-form__editor textarea{background:var(--bg);color:var(--text);border:1px solid var(--border)}

.ac-toggle.ac-form{cursor:pointer}
.ac-toggle .ac-form__editor textarea{height:200px;resize:none}
.ac-form__editor textarea{height:200px;line-height:1.4;padding-bottom:40px}
.ac-toggle .bb-btn{pointer-events:none}
.ac-form .bb-btn{display:none}
.ac-form .bb-pane{background:none;box-shadow:none;border:0;position:absolute;left:0;bottom:0;right:0}

.comm__title{font-size:18px;margin-bottom:20px;color:var(--text)}
.comm{margin-bottom:10px;position:relative;padding:15px 20px;padding-left:90px;background:var(--block);border:1px solid var(--border);border-radius:6px}
.comm.pos{background:rgba(46,204,113,0.08)}
.comm.neg{background:rgba(231,76,60,0.08)}

.comm__img{width:50px;height:50px;border-radius:50%;position:absolute;left:20px;top:20px;background:var(--bg)}

.comm__letter{width:100%;height:100%;text-transform:uppercase;border-radius:inherit;position:absolute;left:0;top:0;color:#fff;font-size:18px;font-weight:500;background:var(--accent)}

.comm__author,.comm__author a{color:var(--accent);font-weight:500;font-size:14px}
.comm__date{color:var(--muted);font-size:12px}
.comm__text{margin:8px 0;color:var(--text)}

.comm__action{font-size:12px;color:var(--muted)}

.comm__rating a{color:var(--accent);font-size:18px}
.comm__rating span{font-size:14px;color:var(--text)}
.comm__rating span .ratingplus{color:#2ecc71}
.comm__rating span .ratingminus{color:#e74c3c}

.comm__group{height:20px;display:flex;align-items:center;border-radius:10px;font-size:10px;border:1px solid var(--border);padding:0 10px;text-transform:uppercase;color:var(--text)}
.comm__group.adm{background:var(--accent);border-color:var(--accent);color:#fff}

.comm-item{display:flex;gap:15px;padding:15px;margin-bottom:10px;background:var(--block);border:1px solid var(--border);border-radius:6px}
.comm-left{flex-shrink:0}
.comm-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:var(--bg)}
.comm-avatar img{width:100%;height:100%;object-fit:cover}
.comm-right{flex:1;display:flex;flex-direction:column;gap:8px}
.comm-head{display:flex;align-items:center;gap:10px;font-size:13px}
.comm-author{color:var(--accent);font-weight:500}
.comm-date{color:var(--muted);font-size:12px}
.comm-text{color:var(--text);line-height:1.4}
.comm-foot{display:flex;gap:10px;margin-top:5px}
.comm-foot a{color:var(--muted);font-size:14px;transition:.2s}
.comm-foot a:hover{color:var(--accent)}
/*.comm__main {margin: 6px 0 0 0; padding: 10px 10px 10px 40px; background: var(--hdbackb); border-bottom: 0;} */
/* === CHAT STYLE COMMENTS (BUBBLES) === */

/* === CHAT STYLE (FIXED, NO BREAKING LAYOUT) === */

/* === CHAT BUBBLE (LEFT TAIL, FULL WIDTH) === */

/* === CHAT BUBBLE FINAL FIX === */

/* === PERFECT CHAT BUBBLE (SEAMLESS TAIL) === */

/* === CHAT FIX FINAL (NO BUGS) === */

/* сообщение */
.comm__main{margin:6px 0 0 0;padding:12px 16px;max-width:85%;border-radius:14px;background:var(--hdbackb);position:relative;
display:inline-block;border: none;}
/* хвост (нормальный, как в чатах) */
.comm__main::before{content:"";position:absolute;left:-14px;top:12px;width:14px;height:14px;background:#6e8797;
clip-path:polygon(100% 0,0 50%,100% 100%);}

/* top:10px;   */  /* выше/ниже */
/* left:-6px;  */  /* ближе/дальше от блока */
/* width:12px; */  /* размер хвоста */
/* height:12px; */
/* чтобы не было растягивания на всю ширину */
/* .comm-right{display:flex;flex-direction:column;align-items:flex-start;} */

/* убираем точки у списков */
.comm__action,
.comm__ctrl{
  list-style:none;
  padding:0;
  margin:0;
}

.comm__main a {color:var(--accent);}

/* ТОЛЬКО реальные вложенные ответы */
.comments-tree-list > .comments-tree-list .comm__main{
  background:linear-gradient(to bottom,#3f6f5a 0%,#355e4c 50%,#2d5141 100%);
}

/* хвост справа только у вложенных */
/*.comments-tree-list > .comments-tree-list .comm__main::after{
  left:auto;
  right:-6px;
  transform:scaleX(-1);
} */
/*.comm__main{ margin: 6px 0 0 0; padding: 10px 14px; max-width: 75%; display: inline-block; border-radius: 12px;
line-height: 1.4;position: relative; word-wrap: break-word; color: var(--text);}

.comm{display:flex;flex-direction:column}
.comm .comm__main{ background: var(--hdback);align-self: flex-start;}
.comm.reply .comm__main{background: linear-gradient(180deg,#1f3a2e,#163326);align-self: flex-end;color: #dfeee5;}
.comm__main::after{ content:""; position:absolute;bottom:0; width:10px; height:10px; background: inherit;}

.comm{ display:flex; flex-direction:column;}
.comm--self{ align-items:flex-end;}
.comm--other{ align-items:flex-start;}
*/
.d-flex{display:flex;flex-wrap:wrap;flex-direction:row}
.ai-center{align-items:center}
.jc-flex-end{justify-content:flex-end}
.flex-grow-1{flex:1 1 0;max-width:100%;min-width:50px}
.has-checkbox{margin-left:10px}

.comm__action {gap: 20px; font-size: 14px;} 
.comm__footer {padding: 10px 10px 10px 40px; border: 1px solid var(--bdc); border-top: 0;}
.comm__action li, .comm__action li a {color: var(--muted); cursor: pointer; gap: 8px; display: flex; align-items: center;}
.comm__ctrl, .comm__ctrl a {font-size: 15px; gap: 10px 15px; color: var(--muted);}
.comm__ctrl li.has-checkbox {transform: scale(0.8,0.8); margin: 0 -10px 0 -5px;}
.comm__ctrl li.has-checkbox input {border-color: var(--mute);}
.comm__rating {gap: 1px; margin-bottom: -10px;}
.comm__rating > * {display: flex; gap: 5px; height: 20px; align-items: center; 
	background-color: var(--bg); padding: 0 10px;}
.comm__rating > * .fas {color: var(--green);}
.comm__rating > * + * .fas  {color: var(--red);}
.comm__meta {display: flex; align-items: center; gap: 20px;}
/* ================= COMMENTS ================= */



/* COMMENTS
----------------------------------------------- */
/*
.page__comments {margin-top: 0px;}
.page__comments-title {font-size: 24px; margin-bottom: 20px; line-height: 1;}
.page__comments-info {color: var(--muted); display: block; margin: -5px 0 20px; padding-left: 23px; position: relative;}
.page__comments-info::before {color: var(--ui-red); position: absolute; left: 0; top: 2px;}
.ac-form {margin-bottom: 30px; position: relative;}
.ac-form__header, .ac-form__editor, .ac-form .message-info {gap: 10px; margin-bottom: 10px;}
.ac-form__btn {padding: 0 60px;}
.ac-form__bottom {gap: 25px;}
.confidential-check {font-size: 14px;}
.ac-form__header > span {margin-left: 15px;}
.ac-form .comments_subscribe {margin-top: 0px;}

.ac-form__header input, .ac-form__editor textarea {border-radius: 0; box-shadow: none;}
.ac-form__editor textarea {height: 120px;}
.ac-form .bb-pane {border-radius: 0;}

.mass_comments_action {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.mass_comments_action select {flex: 1 1 0; margin: 0 -28px 0 0; border-radius: 0; box-shadow: none; min-width: 60%;}
.mass_comments_action .bbcodes {border-radius: 0; padding: 0 10px;}

.comm__title {font-size: 18px; margin-bottom: 20px;}

.comm {margin-bottom: 30px; position: relative;}
.comm__img {width: 40px; height: 40px; border-radius: 50%;}
.comm__img::before {content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--ui-red); 
	position: absolute; right: -1px; top: -1px; z-index: 5; border: 2px solid var(--bg);}
.comm--online .comm__img::before {background-color: var(--ui-green);}
.comm__letter {width: 100%; height: 100%; text-transform: uppercase; border-radius: inherit;
	position: absolute; left: 0; top: 0; color: #fff; font-size: 18px; font-weight: var(--ui-fw-bolder);}
.comm__author, .comm__author a {text-transform: uppercase; font-weight: 500; font-size: 14px;}
.comm__date {color: var(--tt-fade); margin-top: 2px; font-size: 14px;}
.comm__main {margin: 6px 0 0 0; padding: 10px 10px 10px 40px; background-color: var(--surface); border-bottom: 0;}
.comm__action {gap: 20px; font-size: 14px;} 
.comm__footer {padding: 10px 10px 10px 40px; border: 1px solid var(--bdc); border-top: 0;}
.comm__action li, .comm__action li a {color: var(--tt-fade); cursor: pointer; gap: 8px; display: flex; align-items: center;}
.comm__ctrl, .comm__ctrl a {font-size: 15px; gap: 10px 15px; color: var(--tt-fade);}
.comm__ctrl li.has-checkbox {transform: scale(0.8,0.8); margin: 0 -10px 0 -5px;}
.comm__ctrl li.has-checkbox input {border-color: var(--tt-fade);}
.comm__rating {gap: 1px; margin-bottom: -10px;}
.comm__rating > * {display: flex; gap: 5px; height: 20px; align-items: center; 
	background-color: var(--bg-darker); padding: 0 10px;}
.comm__rating > * .fas {color: var(--green);}
.comm__rating > * + * .fas  {color: var(--red);}
.comm__meta {display: flex; align-items: center; gap: 20px;}
.comm__header {padding-left: 40px;}
.comm__img {position: absolute; left: -20px; top: 0px; width: 50px; height: 50px;}

input[type="text"].comments_author_field {width: 100%;margin-bottom: 10px;}
.flex-grow-1, .ui-dialog-title, .ac-form__bottom .comments_subscribe {flex: 1 1 0; max-width: 100%; min-width: 50px;}
*/

/*
.addcombtn { text-align: center; font: 1.15em/30px sans-serif; color:var(--text); float: left; height: 28px; width: 181px; 
    padding-right: 0px; background:var(--accent); }
.wmcomments { overflow: hidden; position: relative; border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; 
    background: var(--block); padding: 8px 0px 3px 0px; }
.wmcomments .binner1 { margin: 0 8px; }
.comments { overflow: hidden; padding: 0 0 0 82px; }
.comments .dleft { float: left; width: 82px;  margin: 0 0 0 -82px; }
.comments .dright { overflow: hidden; float: right; width: 100%; }
h3.nickname a, h3.nickname { color:var(--accent); }
h3.nickname { font-weight: bold; font-size: 1.1em; text-transform: uppercase; line-height: 1em; 
    font-family: Arial, Tahoma, Verdana, sans-serif; }
.comments .date { font-size: 0.9em; display: block; color: #76706e; margin: 0 0 0.3em 0; }
.commentid { position: absolute; right: 5px; top: 0; }
.commentid b { float: right; padding: 2px 8px 4px 8px; background:var(--block); color: var(--text); }
.editcomment { float: right; display: inline; font-size: 0.9em; }
.editcomment a { text-decoration: none; }
.editcomment a span { float: right; cursor: pointer; height: 16px; line-height: 16px; margin: 0 0 0 3px; 
    background: var(--bg) url("../images/commentedit.png") no-repeat 0 0; color: #2f2b29; }
.editcomment a span span { background: url("../images/commentedit.png") no-repeat 100% -16px; float: left; margin: 0; padding: 0 10px; }
.avatarbox img { width: 70px; height: auto; }
.signature { color: var(--accent); }
*/
/*---Комментарии---*/
/*
.comEnt[style^='width']:before, div[id^='blk'],.control [type='radio'] ~ label:before
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.comEnt[style^='width:auto;*width:100%;margin-left:40px;']
    {
        margin-left: 12px !important;
    }

    .comEnt[style^='width:auto;*width:100%;margin-left:60px;']
    {
        margin-left: 24px !important;
    }

    .comEnt[style^='width:auto;*width:100%;margin-left:80px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:100px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:120px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:140px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:160px;'],
    .comEnt[style^='width:auto;*width:100%;margin-left:180px;']
    {
        margin-left: 36px !important;
    }
.comment__text
{
    padding-top: 2px;
    padding-bottom: 2px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
*/
/*  Рамка диалога  */   
/*
    position: relative;
  margin: 15px auto;
  padding: 15px;
  width: 98%;
  min-height: 10px;
  font-family: sans-serif;

background:var(--block);
background: -moz-linear-gradient(top, var(--block)) 100%);
background: -webkit-linear-gradient(var(--block)) 100%); 
background: linear-gradient(var(--block)) 100%);

  border: 1px solid rgb(237, 237, 237); 
    border-radius: 2px 5px 5px 5px;
}
.comment__text:before {
content: '';
  position: absolute;
  top: -22px;
  left: -1px;
  border: 15px solid #888888;
  border-bottom: 10px solid rgb(117, 117, 117);
  border-left: 10px solid rgb(117, 117, 117);
  z-index: -1;
}
.comment__text:after {
content: '';
  position: absolute;
  top: -20px;
  left: 0px;
  border: 10px solid hsla(0, 0%, 0%, 0);
  border-bottom: 10px solid rgb(247, 247, 250);
  border-left: 10px solid rgb(247, 247, 250);
  z-index: 1;
}
.addcombtn {
    text-align: center;
    font: 1.15em/30px sans-serif;
    color:var(--text);
    float: left;
    height: 31px;
    width: 181px;
*/
/*    padding-right: 27px; */
/*
    background:var(--accent);}
.addcombtn:hover {
    background-position: 0 -31px;}
.bcomment {
    border-bottom: 1px solid #dadada;
    background: var(--block);  
    padding-bottom: 15px;}
.bcomment .dcont, .bcomment .dtop {
    padding: 0 15px;}
.bcomment .dcont {
    padding-top: 10px;}
.bcomment .dtop {
    overflow: hidden;
    padding-left: 70px;
    height: 67px;
    border-top: 3px solid #3f84cb;}
.bcomment .dtop .lcol {
    width: 40px;
    padding: 0 15px;
    margin-left: -70px;}
.bcomment .dtop .lcol span {
    margin-top: 12px;
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;}
.bcomment .dtop .lcol span img {
    width: 40px;}
.bcomment .dtop .rcol {
    font-size: 0.9em;
    color: var(--text);
    width: 100%;}
.bcomment .dtop .rcol ul {
    margin-top: 12px;
    padding-top: 4px;
    height: 36px;
    float: left;
    margin-right: 15px;}
.cmsep {
    padding-left: 19px;
    background: var(--block);}
*/
/* Ответ */
/*
.reply a, .reply a b { height: 28px; background: var(--accent); border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.reply a { float: right; margin-top: 21px; color: var(--text);line-height: 27px;}
.reply a b {cursor: pointer;float: left;padding: 0 15px; background: transparent; background-position: 100% -28px;}
.reply a:hover {background-position: 0 -56px;}
.reply a:hover b { background-position: 100% -84px;}
*/
/* Цитата */
/*
.replys a, .replys a b {height: 28px;
background:var(--block);
background:var(--block); 

background:var(--block); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#adef8d31',GradientType=0 );
 border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.replys a {
    float: right;
    margin-top: 21px;
    color: var(--text);
    line-height: 27px;}
.replys a b {
    cursor: pointer;
    float: left;
    padding: 0 15px;
    background: transparent;
    background-position: 100% -28px;}
.replys a:hover {
    background-position: 0 -56px;}
.replys a:hover b {
    background-position: 100% -84px;}
*/
/* комменты инфо */
/*
div.cominfo {
    position: relative;
    border-bottom: 1px solid #fff;
    color:var(--text);
    font-size: 0.9em;
    height: 29px;
    background:var(--block);
 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
div.cominfo .thide {
    width: 13px;
    padding-top: 8px;
    position: absolute;
    left: 29px;
    top: -7px;
    background:var(--bg);}
div.cominfo .dpad {
    overflow: hidden;}
.comedit, .selectmass {
    display: inline;}
.selectmass input, .comedit ul, .comedit ul li {
    float: right;}
.comedit ul li, .selectmass input {
    margin: 6px 0 0 8px;}
.comedit ul li {
    float: left;}
.comedit ul li a {
    color:var(--text);}
.selectmass input {
    vertical-align: middle;}
.signature {
    color:var(--accent);}
ul.cominfo, ul.cominfo li {
    float: left;}
ul.cominfo {
    margin: 6px 0 0 -8px;}
ul.cominfo li {
    border-left: 1px solid #73858e;
    margin: 0 7px 0 0;
    padding-left: 7px;}
*/
/*---Показ древовидных комментариев---*/
.comments-tree-list {display: block;margin: 0;padding: 0;list-style: none;}
.comments-tree-list .comments-tree-list {padding-left: 30px;}
.comments-tree-item {display: block;margin: 0; padding: 0;}
/* Блок: последние комментарии */
.lastcomm {margin: -20px 0 0 0; padding: 0;list-style: none;}
.lastcomm > li > a:after { content: ""; display: block; clear: both; }
.lastcomm > li > a {display: block;color: inherit;text-decoration: none !important;border-bottom: 1px solid #d5d5d5;padding: 25px 0 25px 33px;}
.lastcomm > li:last-child > a { border-bottom-width: 0; }
.lastcomm > li > a .icon, .lastcomm > li > a > b { -webkit-transition: all ease .2s; transition: all ease .2s; }
.lastcomm > li > a .icon {width: 16px; height: 14px;float: left;margin: 4px 0 0 -33px;}
.lastcomm > li > a > * { cursor: pointer; display: block; }
.lastcomm > li > a > b { display: block; margin-top: .4em;}
.lastcomm > li > a > span {font-size: .9em;opacity: .5;}
.lastcomm > li > a:hover > b { color: #3394e6; }

.blocks > .title > b, .blocks > .title:after, .blocks > .title > h4 { font-size: 1em; margin: 0; display: inline-block; 
        vertical-align: middle; }
.blocks > .title:after {content: "";background:var(--block);height: 4px; width: 100%;margin: 0 0 0 15px;border-top: 1px solid #d1d1d1;}
/*---Краткая содержимое---*/
.base {
    margin-bottom: 30px;}
.base .btl {
    color:var(--text)/* #398dd8*/;
    margin-bottom: 0.6em;}
.bhinfo {
    height: 21px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbe8ed;
    margin-bottom: 10px;}
.baseinfo {
    padding: 0 8px 0 18px;
    font: 0.9em/21px sans-serif;
    color:var(--text)/* #6c838e */;
    float: left;
    height: 21px;
    background:var(--block)/* #f1f5f7 url("../images/baseinfo.png") no-repeat 5px 50%*/;}
.bhinfo, .bhinfo ul, .bhinfo ul li { height: 19px;}
.bhinfo ul, .bhinfo ul li { float: left;}
.isicons li { width: 17px; height: 17px; padding: 2px 2px 2px 0;}
.isicons li img { display: block;}
/* Statistics */
.statistics { margin: 0 auto; padding:5px 10px 10px 10px; } .statinn { text-align: left; }
.statistics ul { margin-bottom: 15px; } .statistics ul li { position: relative; background: var(--block)/* url("../images/dotted.gif") repeat-x 0 100% */; 
    padding: 2px 0; }
.statistics ul li b { position: absolute; right: 0; }
/* Userpanel */
.usercolomn { padding: 00px 0 0 120px; margin-bottom: 9px;} .usercolomn .dleft { float: left; width: 100px; margin: 0 0 0 -110px; }
.usercolomn .dright { float: right; width: 100%; } .userinfo h2 { font-size: 18px; color: var(--text)/* #828282 */; font-weight: normal; }
.userinfo .uirow, .userinfo .uirow2 { padding: 10px 0;  } .userinfo .uirow { padding-top: 0; } .userinfo .colomn { float: left; }
.boxlinks { line-height: 1.3em; padding-bottom: 5px; margin-bottom: 22px; background: var(--block)/* #f2f9fc */; border-top: 1px solid #d3d8ca; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.boxlinks .dtop { color: var(--text)/* #6793a3 */; padding: 8px 36px 9px 10px; }
.boxlinks .dmid { overflow: hidden; }
.infodown { background: var(--accent)/* #65a22b*/; padding: 6px 10px; color: var(--text)/* #fff */; }
.infodown strong { font-weight: normal; }
.boxlinks .pad { margin: 0 10px; padding: 6px 0 2px 0; }
.boxlinks .pad a { color: var(--text)/* #6b8a4e */; }
.maincont { margin: 0 0 0.8em 0; text-align: justify;}
.btags { padding: 4px 0; margin: 0 0 8px 0; font-style: italic; color: var(--accent)/* #6b8a4e */; }
.editdate, .tagstore { margin: 0 0 8px 0; font-style: italic; }
.editdate { text-align: right; color: var(--text)/* #cdcdcd */; }
.small { font-size: 0.9em; color: var(--text)/* #717170 */; }
.storenumber { text-align: center; padding: 10px 0 0 0; }

/* Полная новость и краткая новости */
/* ===============================
   SHORT STORY CARD
================================= */
.basen {background:var(--block);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin:20px 0;box-shadow:var(--shadow-soft);overflow:hidden;}
/*.basen {background: var(--block);border: 1px solid var(--border);border-radius: 12px;padding: 18px 20px;margin: 22px 0;box-shadow: var(--shadow-soft);
transition: all .25s ease;} */
/* hover эффект */
.basen:hover {transform: translateY(-2px);box-shadow: 0 12px 26px rgba(0,0,0,.45);}
/* линия снизу больше не нужна */
.basen hr {display: none;}
/* ===============================
   TITLE
================================= */
.news-title {/*margin-bottom:10px;*/background:var(--surface);border-radius:5px;/*box-shadow:var(--shadow-soft);*/
font-size:18px;font-weight:600;line-height: 1.35;}
/*.newstitle {font-size: 20px;font-weight: 600;line-height: 1.35;}*/
.newstitle a {color: var(--text);text-decoration: none;}
.newstitle a:hover {color: var(--accent-primary);}

/*  Текст заголовков  */
h1.newstitle,h2.newstitle,h3.newstitle {position:relative;float:none;display:block;padding:6px 6px 6px 6px;font-size:0.95em;
text-transform:uppercase;color:var(--text);}
.headinfo {position:relative; background:var(--block);height:auto;/* height: 18px;*/
/*box-shadow:var(--shadow-soft);*/ padding: 0 0 5px 10px;margin-bottom:10px;margin-top:10px;border-radius:5px;/*z-index: 1;*/}

/* ===============================
   POST BODY
================================= */
.posts {line-height: 1.6;}

/* изображение */
/*
.posts img {

    border-radius: 8px;
    border: 1px solid var(--border);

    margin: 4px 18px 10px 0;

    box-shadow: 0 4px 12px rgba(0,0,0,.35);
}
*/
/* --- Изначальное --*/ 
/*.basen { overflow:auto; padding-top: 7px;} */
/*.news-title { width: 100%; max-width: 95%; height: auto; overflow-x:hidden; white-space: pre-wrap; word-wrap: break-word;} */
.binner { overflow:auto; } 
ul.headmenu{list-style:none;}
ul.headmenu li { height:12px; line-height:8px; font-size:10px; color:var(--text); padding:0px 8px 0px 8px; float:left;}
ul.headmenu li a{color:#908000; font-size:11px; text-decoration:none;} 
ul.headmenu li a:hover{color: var(--accent);}
/*  Иконки дата, автор и т.д  */
/*.ico-date { background:url(../images/date.png) no-repeat; width:19px; height:19px; float:left; margin:-6px 5px 0 0; }
.ico-cat { background:url(../images/category.png) no-repeat; width:19px; height:19px; float:left; margin:-6px 5px 0 0; }
.ico-author { background:url(../images/author.png) no-repeat; width:19px; height:19px; float:left; margin:-6px 5px 0 0; } */
.nw { height:auto;}
/*  Цвет фона заголовк краткой новости  *//*
.nw-left { background:var(--block);}
.nw-center {background:var(--block);}
.nw-right { background:var(--block) ; }
*/
/* Button Кнопка Далее *//*---Подробнее---*/

.argback a, .argback a b { height: 23px; background: var(--block) /* url("../images/argback.png") no-repeat */;}
.argback a { margin: 9px 0 0 5px; float: right;line-height: 22px; background-position: 100% -46px;}
.argback a b { float: left; cursor: pointer; padding: 0 15px 0 28px; background-position: 0 0;}
.argback a:hover b { background-position: 0 -23px;}
.argviews span, .argcoms span, .argviews span b, .argcoms span b { background: var(--block); height: 23px;}
.argviews span, .argcoms span { line-height: 23px; float: right; margin: 9px 0 0 5px;}
.argviews span { background-position: 0 -46px;}
.argcoms span {background-position: 0 0;}
.argviews span b, .argcoms span b { padding: 0 7px 0 25px; font-weight: normal; float: left;}

/* Navisite */
.navigation { margin:0px 5px 10px 5px; font-weight: bold; line-height: 30px; background: var(--block)/* #ecf0f3 */; width:98%; height:29px; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.navigation { text-align:center; margin:0 auto; }
.navipage a { text-decoration: none !important; color:var(--text)/* #768d9e*/; padding: 5px 4px; }
.navipage a:hover { background: var(--block)/* #6793a3 */; color:var(--text)/* #fff*/; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.navipage span { color: var(--text)/* #2f2f2f */; padding: 3px 4px; }
.nprev img, .nnext img { vertical-align: middle; margin: 2px; width: 40px; height: 11px; 
    background: url("../images/navipage.png") no-repeat 0 0; }
.nnext a img { background-position: 0 -22px; }
.nprev a img { background-position: 0 -33px; }
.nnext span img { background-position: 0 0; }
.nprev span img { background-position: 0 -11px; }
/*---Другие новости по теме---*/
.related {
    border-bottom: 1px solid #f8fbfe;
    padding: 0 15px;
    background:var(--block)/* #f3f8fd url("../images/relateddtop.png") repeat-x */;}
.related .dtop {
    height: 37px;}
.related .dtop span, .related .dtop span b {
    float: left;
    height: 37px;
    background:var(--block)/* url("../images/related.png") no-repeat */;}
.related .dtop span {
    background:var(--block)/* #458fda */;
    background-position: 100% -37px;
    font-size: 0.9em;
    color:var(--text)/* #fff */;
    line-height: 36px;}
.related .dtop span b {
    padding: 0 15px;}
.related ul li {
    background: var(--block)/* url("../images/reldot.png") no-repeat 7px 7px */;
    padding: 1px 0 0 15px;
    margin-bottom: 1px;}
/*---Рейтинг---*/
.rating { width: 85px; height: 17px; font-size: 0.9em; }
.unit-rating { list-style: none; margin: 0; padding: 0; width: 85px; height: 17px; position: relative; 
    background: var(--block)/* url("../dleimages/rating.png") repeat-x*/; }
.unit-rating li { text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { display: block; width: 17px; height: 17px; text-decoration: none; text-indent: -9000px; z-index: 17; 
    position: absolute; padding: 0; }
.unit-rating li a:hover { background: var(--block)/* url("../dleimages/rating.png") 0 -17px; z-index: 2; left: 0 */; }
.unit-rating a.r1-unit {left: 0;}		.unit-rating a.r1-unit:hover {width:17px;}
.unit-rating a.r2-unit {left: 17px;}	.unit-rating a.r2-unit:hover {width: 34px;}
.unit-rating a.r3-unit {left: 34px;}	.unit-rating a.r3-unit:hover {width: 51px;}
.unit-rating a.r4-unit {left: 51px;}	.unit-rating a.r4-unit:hover {width: 68px;}
.unit-rating a.r5-unit {left: 68px;}	.unit-rating a.r5-unit:hover {width: 85px;}
.unit-rating li.current-rating { 
background: var(--block)/* url("../dleimages/rating.png") 0 -34px; position: absolute */; height: 17px; display: block; text-indent: -9000px; z-index: 1;
}

/*---ratebox---*/
.ratebox {
    float: right;
    width: 115px;
    height: 19px;
    text-align: center;
    padding-top: 2px;
/*    background: #f1f5f7 url("../images/ratebox.png"); */ }
.ratebox .rate {
    text-align: left;
    width: 85px;
    height: 17px;
    margin: 0 auto;
    overflow: hidden;}
.ratebox2 {
	float: right;}
.ratebox3 {
	float: right;}
.ratebox ul, .ratebox ul li {
	float: left;}
.ratebox2 ul, .ratebox2 ul li {
	float: left;}
.ratebox3 ul, .ratebox3 ul li {
	float: left;}
.storenumber, .basenavi, .maincont, .berrors, .fullstory, .basecont {
    margin-bottom: 15px;
    text-align: justify;}
.maincont img {
    padding: 5px;
    border: none;}
.mlink {
    font-size: 0.9em;
    overflow: hidden;
    background: var(--block)/* #f0f5f8 url("../images/mlink.png") repeat-x */;
    padding: 0 15px;
    height: 40px;
    border: var(--borderk);
    border-width: 1px 0;}
.argcat {
    padding-left: 10px;
    background: var(--block)/* url("../images/argcat.png") no-repeat 0 58% */;
    color: var(--text)/* #6c838e */;
    margin-top: 12px;}
.mlarrow {
    float: right;
    width: 50px;
    height: 40px;
    background: var(--block)/* url("../images/mlinkarrow.png") no-repeat */;}
/*----new raring 3-----*/
/*===============================
  CUSTOM RATING (mw rating)
================================*/
.mwrating{float:right;display:flex;align-items:center;height:22px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);}
.wmminus,.mwrat,.wmplus{display:flex;align-items:center;justify-content:center;position:relative;height:22px;}
.wmminus,.wmplus{width:22px;}
.mwrat{
    min-width:42px;
    padding:0 4px;
    background:var(--block);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    font-family:Arial,sans-serif;
    font-weight:600;
    font-size:13px;
    color:var(--text);
}
/* minus */
.wmminus a{
    display:block;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    background:linear-gradient(to bottom,#ff5a4a,#d91e1e);
    border:1px solid rgba(0,0,0,.25);
    border-right:none;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    font-family:Tahoma;
    font-size:18px;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,.6);
    transition:.2s;
}
/* plus */
.wmplus a{
    display:block;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    background:var(--btn-green-grad);
    border:1px solid rgba(0,0,0,.25);
    border-left:none;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    font-family:Tahoma;
    font-size:16px;
    font-weight:700;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,.4);
    transition:.2s;}
/* hover */
.wmminus a:hover,.wmplus a:hover{filter:brightness(1.15);text-decoration:none;}
.wmminus a:active,.wmplus a:active{opacity:.6;}


/*
.mwrating { float: right;
    width: 96px;
    height: 18px;}
.wmminus, .wmplus {
    width: 22px;
    height: 18px;}
.mwrat {
    width: 42px;
    height: 22px;}
.wmminus, .mwrat, .wmplus {
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 22px;
    position: relative;}
.wmminus a {
    transition: all 0.2s;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #D60A07;
    border-right: 0px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.24);
    font-family: 'Tahoma';
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.62);}
.wmplus a {
    transition: all 0.2s;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: linear-gradient(to bottom, #97d624 0%,#7cbc0a 100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #7EBE0C;
    border-left: 0px;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.24);
    font-family: 'Tahoma';
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.33);}
.wmminus a:hover, .wmplus a:hover {
    text-decoration: none;
    text-shadow: 0px 0px 5px #fff;}
.wmminus a:active, .wmplus a:active {
    opacity: 0.5;}
.mwrat {
    background: var(--block);
    border-top: 1px solid   var(--bg);
    border-bottom: 1px solid  var(--bg) ;
    box-shadow: inset 0px 1px 0px   var(--bg);
    font-family: 'Arial';
    font-weight: 600;
    font-size: 14px;
    text-shadow: 0px 1px 1px  var(--block);}
*/
/*---Заголовок страниц---*/
.pheading {
    overflow: hidden;
    border-bottom: var(--border);
    padding: 0 15px 13px 15px;
    background: var(--block);}
.pheading h2 {
    color: var(--text)/* #468edb */;
    font-size: 1.7em;
    font-weight: normal;}
.pheading .lcol {
    margin-right: 10px;}
.pheading h2 span {
    color: var(--text)/* #3f4b51 */;}
.pheading .ratebox {
    width: 141px;
    padding: 3px 0 1px 0;
    padding-right: 6px;
    background: var(--block)/* #f1f5f7 url("../images/ratebox2.png") no-repeat */;}
.pheading .ratebox .rate, .pheading .ratebox span {
    float: right;}
.pheading .ratebox span {
    padding-right: 5px;
    font-size: 0.9em;
    color: var(--text);}
.heading {
    color: #96c;
    margin-bottom: 0.3em;}
.basecont {
    padding-top: 14px;
    border-top: 1px solid #e8e8e8;
    background: var(--block)/* url("../images/basecont.png") repeat-x */;}
/*---Userinfo---*/
.userinfo {
    padding-left: 125px;}
.ui-dialog-content .userinfo {
    padding: 10px 0 10px 125px;}
.userinfo .lcol {
    margin-left: -125px;
    width: 110px;
    padding-right: 15px;}
.userinfo .lcol .avatar {
    margin-bottom: 10px;
    padding: 4px;
    background: var(--block)/* #fff */;
    border: 1px solid #c0d4de;}
.userinfo .lcol .avatar img {
    width: 100px;}
.userinfo .lcol ul {
    font-size: 0.9em;}
.userinfo .rcol {
    width: 100%;}
.userinfo .rcol ul {
    list-style: none;
    margin-left: 0;}
.userinfo .rcol ul li {
    margin-bottom: 0.2em;}
.ussep {
    padding-top: 12px;
    background: url("../images/ussep.png") no-repeat;}
.grey {
    color: #6c838e;}
.blue {
    color: #388bd4;}
/*--- Кнопка Наверх  ---*/
.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color: var(--text)/*white*/;background: var(--accent)/*#D8D5C2 */ url(https://basaru.net.ru/uploads/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}
/*---statistics---*/
.statistics {
    overflow: hidden;
    margin: 0;
    padding: 0;}
.statistics ul.lcol {
    min-height: 71px;
    background: var(--block)/* url("../images/statsep.png") no-repeat */;
    margin: 0 0 20px -1px;
    padding-top: 14px;
    width: 33.3%;}
.statistics ul.lcol li {
    padding: 0 15px;
    margin-bottom: 2px;}
/*Всплывающий скриншот*/ 
.thumbnail{ position: relative; z-index: 0;  }  
.thumbnail:hover{ background: transparent; z-index: 50; }  
.thumbnail span{ 
    visibility:hidden;
    border: 3px solid grey;
    bottom:70px; /*с какого уровня изображение будет появляться*/ 
    left:40%;
    margin-left:70px; /*  Положение по горизонтали  -20 */
    opacity:0;
    padding:10px;
    position:absolute;
    z-index:99;
    /**/
    background-image:-webkit-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:-moz-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:-ms-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:-o-linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2));
    background-image:linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.2)); 
    background: var(--block)/* #eee */;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;}  
.thumbnail span img{border-width: 0; padding: 2px;}  
.thumbnail:hover span{ 
    bottom:70px; /*до какого уровня изображение будет опускаться*/ 
    opacity:0.95;
    visibility:visible;
    box-shadow: 0.9em 0.9em 15px #555;/*редактируем тень 1 сдвиг тени по горизонтали 
    2 сдвиг по вертикали 3 радиус размытия тени
    4 цвет тени*/
-webkit-transform:scale(1.1); 
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);    
/*раскомментировать при желании появления изображения
посредством увеличения*/
}  
/*  UPPOD PLAYER  */
.uppod_style_video {
  width: 640px;
  height: 480px;}
.uppod_style_audio {
    width: 300px;
    height: 35px;}
/*--- POST и содержание короткое  ---*/
.posts .clear {
    height: 22px;
background: var(--block);}
.posts {
    overflow: hidden;}
.posts+.posts {
    margin-top: 42px;
    border-top: 1px solid #d2d5db;
    padding-top: 36px;}
.spost {
    overflow: hidden;
	 height: 55px;
	    font-size: 21px;
    line-height: 1.5;} /* 32px */
.spost+.spost {
    margin-top: 22px;
    border-top: 1px solid #d2d5db;
    padding-top: 16px;}
.prv .text1{
    padding-bottom: 1px;
    margin-top: -1px;}
.prv p+.text1 {
    padding-top: 3px;}
/****classes****/
.mb0 {margin-bottom: 0px !important;}
.m0 {margin: 0 !important;}
.pad0 {padding: 0 !important;}
.pad1 {}
/*--- IMG ---*/
.img_inner {
    object-fit: cover;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 19px;
    margin-top: 6px;
    border-radius: 8px;}
.fleft {
    float: left;
    object-fit: cover;
    width: auto !important;
    margin-right: 30px;
    margin-bottom: 0px;}
.oh {
    overflow: hidden;}
.fright {
    float: right !important;}
.upp {
    text-transform: uppercase;}
@keyframes blink {  
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    49% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }}
.blink {
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite;}

/*
   ===============================
   ======== YELLOW STYLE =========
   =============================== 
*/
.dropbuttonss { /* main class */
 height: 48px;
 width: 200px;
 font: bold 16px/48px arial;
 margin: 20px;
 position: relative;
 z-index: 0;}
.yellow:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
background:var(--block) /* -webkit-gradient(linear, left top, left bottom, from(#ffe468), to(#ffa41c)) */;
 background:var(--block) /* -moz-linear-gradient(#ffe468, #ffa41c) */;
 background-color:var(--block)/* #ffa41c */;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #ff9600;}
.dropbuttonss:hover .yellow:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#fff584), to(#ffbd20));
 background: -moz-linear-gradient(#fff584, #ffbd20);
 background-color: #ffbd20;}
.dropbuttonss:active .yellow:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#ffe468));
 background: -moz-linear-gradient(#ffb71c, #ffe468);
 background-color: #ffe468;}
.yellow  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#ffe468), to(#ffa41c));
 background: -moz-linear-gradient(#ffe468, #ffa41c);
 background-color: #ffa41c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #ff9600;
 border-left: 0;}
.dropbuttonss:hover .yellow  {
 background: -webkit-gradient(linear, left top, left bottom, from(#fff584), to(#ffbd20));
 background: -moz-linear-gradient(#fff584, #ffbd20);
 background-color: #ffbd20;}
.dropbuttonss:active .yellow  {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffb71c), to(#ffe468));
 background: -moz-linear-gradient(#ffb71c, #ffe468);
 background-color: #ffe468;}
.yellow  a { /* link styling */
 color: #333;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #fff;}
/*
   ===============================
   ======== ORANGE STYLE =========
   =============================== 
*/
.orange:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#fe9f3a), to(#f65b17));
 background: -moz-linear-gradient(#fe9f3a, #f65b17);
 background-color: #f65b17;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #db4706;}
.dropbuttonss:hover .orange:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffce79), to(#f47638));
 background: -moz-linear-gradient(#ffce79, #f47638);
 background-color: #f47638;}
.dropbuttonss:active .orange:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#f47638), to(#fe9f3a));
 background: -moz-linear-gradient(#f47638, #fe9f3a);
 background-color: #fe9f3a;}
.orange  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#fe9f3a), to(#f65b17));
 background: -moz-linear-gradient(#fe9f3a, #f65b17);
 background-color: #f65b17;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #db4706;
 border-left: 0;}
.dropbuttonss:hover .orange  {
 background: -webkit-gradient(linear, left top, left bottom, from(#ffce79), to(#f47638));
 background: -moz-linear-gradient(#ffce79, #f47638);
 background-color: #f47638;}
.dropbuttonss:active .orange  {
 background: -webkit-gradient(linear, left top, left bottom, from(#f47638), to(#fe9f3a));
 background: -moz-linear-gradient(#f47638, #fe9f3a);
 background-color: #fe9f3a;}
.orange  a { /* link styling */
 color: #fbfbfb;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #db4706;}
/*
   ===============================
   ========= GREEN STYLE =========
   =============================== 
*/
.green:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#c9f33c), to(#8ac70c));
 background: -moz-linear-gradient(#c9f33c, #8ac70c);
 background-color: #8ac70c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #7ab205;}
.dropbuttonss:hover .green:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#dbfa97), to(#9ad819));
 background: -moz-linear-gradient(#dbfa97, #9ad819);
 background-color: #9ad819;}
.dropbuttonss:active .green:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#99d41e), to(#bbe52c));
 background: -moz-linear-gradient(#99d41e, #bbe52c);
 background-color: #c9f33c;}
.green  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#c9f33c), to(#8ac70c));
 background: -moz-linear-gradient(#c9f33c, #8ac70c);
 background-color: #8ac70c;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #7ab205;
 border-left: 0;}
.dropbuttonss:hover .green  {
 background: -webkit-gradient(linear, left top, left bottom, from(#dbfa97), to(#9ad819));
 background: -moz-linear-gradient(#dbfa97, #9ad819);
 background-color: #9ad819;}
.dropbuttonss:active .green  {
 background: -webkit-gradient(linear, left top, left bottom, from(#99d41e), to(#bbe52c));
 background: -moz-linear-gradient(#99d41e, #bbe52c);
 background-color: #c9f33c;}
.green  a { /* link styling */
 color: #333;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #e2ffa5;}
/*
   ===============================
   ========= BLUE STYLE =========
   =============================== 
*/
.blue:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#87deff), to(#40a9fd));
 background: -moz-linear-gradient(#87deff, #40a9fd);
 background-color: #40a9fd;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #008af5;}
.dropbuttonss:hover .blue:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#b1eaff), to(#68bcff));
 background: -moz-linear-gradient(#b1eaff, #68bcff);
 background-color: #68bcff;}
.dropbuttonss:active .blue:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#68bcff), to(#87deff));
 background: -moz-linear-gradient(#68bcff, #87deff);
 background-color: #87deff;}
.blue  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#87deff), to(#40a9fd));
 background: -moz-linear-gradient(#87deff, #40a9fd);
 background-color: #40a9fd;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #008af5;
 border-left: 0;}
.dropbuttonss:hover .blue  {
 background: -webkit-gradient(linear, left top, left bottom, from(#b1eaff), to(#68bcff));
 background: -moz-linear-gradient(#b1eaff, #68bcff);
 background-color: #68bcff;}
.dropbuttonss:active .blue  {
 background: -webkit-gradient(linear, left top, left bottom, from(#68bcff), to(#87deff));
 background: -moz-linear-gradient(#68bcff, #87deff);
 background-color: #87deff;}
.blue  a { /* link styling */
 color: #fbfbfb;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #008af5;}
/*
   ===============================
   ======== PURPLE STYLE =========
   =============================== 
*/
.purple:first-child { /* styling for the left part */
 padding: 7px;
 float: left;
 width: 32px;
 height: 32px;
/* border radius */
 -webkit-border-radius: 4px 0 0 4px;  
 -moz-border-radius: 4px 0 0 4px;  
 border-radius: 4px 0 0 4px;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#cba7f5), to(#9b45f4));
 background: -moz-linear-gradient(#cba7f5, #9b45f4);
 background-color: #9b45f4;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #6a14c3;}
.dropbuttonss:hover .purple:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#dcbefe), to(#a75ff2));
 background: -moz-linear-gradient(#dcbefe, #a75ff2);
 background-color: #a75ff2;}
.dropbuttonss:active .purple:first-child {
 background: -webkit-gradient(linear, left top, left bottom, from(#b97afc), to(#cba7f5));
 background: -moz-linear-gradient(#b97afc, #cba7f5);
 background-color: #cba7f5;}
.purple  {  /* styling for the right part */
 height: 46px;
 width: 151px;
 float: left;
 text-align: center;
/* border radius */
 -webkit-border-radius: 0 4px 4px 0;  
 -moz-border-radius: 0 4px 4px 0;  
 border-radius: 0 4px 4px 0;
/* backgorund */
 background: -webkit-gradient(linear, left top, left bottom, from(#cba7f5), to(#9b45f4));
 background: -moz-linear-gradient(#cba7f5, #9b45f4);
 background-color: #9b45f4;
/* shadows and highlights */
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;  
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
0 1px 1px rgba(255, 255, 255, 0.8) inset;
/* border */
 border: 1px solid #6a14c3;
 border-left: 0;}
.dropbuttonss:hover .purple  {
 background: -webkit-gradient(linear, left top, left bottom, from(#dcbefe), to(#a75ff2));
 background: -moz-linear-gradient(#dcbefe, #a75ff2);
 background-color: #a75ff2;}
.dropbuttonss:active .purple  {
 background: -webkit-gradient(linear, left top, left bottom, from(#b97afc), to(#cba7f5));
 background: -moz-linear-gradient(#b97afc, #cba7f5);
 background-color: #cba7f5;}
.purple  a { /* link styling */
 color: #fbfbfb;
 font: bold 16px/32px arial, helvetica, sans-serif;
 text-decoration: none;
 text-shadow: 0 1px 0 #6a14c3;}
.instagram-media, .twitter-tweet {display: inline-block !important;}
/* Кнопка 2 градиент белый */
a.button2{
    background:linear-gradient(to bottom, #FFFFFF, #E6E6E6) #F5F5F5 repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333; text-decoration:none;
    display:block;
    font-size: 16px; width:180px;
    line-height: 20px;
    margin: 20px auto;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

a.button2:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

a.button2:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
a.button2:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
/* Кнопка 14 radius с подсветкой */
a.button14 { margin-top:5px; display: inline-block; text-shadow: 1px 1px #fff; text-decoration: none;
  padding: .3em 1em; border: 1px solid #aaa; border-radius: 100px; outline: none;
  background: #d6dbbf no-repeat;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#feffe8, #d6dbbf);
  background-position: calc(100% - 2.7em) 0, calc(100% - 2.7em + 1px) 0, 0 0;
  background-size: 1px 100%, 1px 100%, auto auto;
  overflow: hidden;
}
a.button14:after {
  content: "\bb"; position: relative; bottom: 0; display: inline-block; margin-left: 1.4em;
  vertical-align: middle;
  font-family: "Times","Times New Roman","serif","sans-serif","EmojiSymbols";
  font-weight: 700;
  font-size: 140%;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
a.button14:hover {
  background-color: #fdfd9f;
  background-image:
   linear-gradient(to left, #aaa, #aaa),
   linear-gradient(to left, #feffe8, #feffe8),
   linear-gradient(#fffce7, #fdfd9f);
}
a.button14:active:after {
  bottom: -1.2em;
  transition: .3s;
} 
/* --- Работа вкладок --- */
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
/* --- Иконки --- */
.icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	fill: #3394e6;
	vertical-align: middle;
}
	.icon-logo { width: 42px; height: 42px; }
.icon-vk { width: 10px; height: 1em; }
	.icon-tw { width: 14px; height: 1em; }
	.icon-fb { width: 8px; height: 1em; }
	.icon-gp { width: 18px; height: 1em; }
	.icon-ya { width: 7px; height: 1em; }
	.icon-od { width: 10px; height: 1em; }
	.icon-mail { width: 16px; height: 1em; }
.grey .icon { fill: #919191; }
/** * Search page Поиск по сайту */
.search-block__form-submit{ font-weight: 500;line-height: 18px; padding: 10px 8px 11px;text-transform: uppercase;width: 100%;}
.search-block .search-block__form-input{line-height: 18px; font-size: .9375em; padding-top: 9px; padding-bottom: 10px;}
.search-block__count {color: #777;font-size: .875em; margin-top: 8px;}
.search-block__count span {font-weight: 500;}
.block {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
}
/* Player Плеер */
/* Базовый контейнер табов */
.tabs {
  min-width: 320px;
  max-width: 800px;
  padding: 0px;
  margin: 0 auto; 
}
/* стили секций с содержанием */
sections {
  display: none;
  padding: 3px;
  background: #263541;
/*  border: 1px solid #ddd; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tabs input {
  display: none;
}
/* стили вкладок (табов) */
.tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 10px 15px;
  font-weight: 600;
  text-align: center;
  color: #aaa;
/*  border: 1px solid #ddd; */
  background: #263541;
  border-radius: 5px 5px 0 0;
}
/* шрифт-иконки от Font Awesome в формате Unicode *//*
.tabs label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
.tabs label[for*="1"]:before {
  content: "\f19a";
}
.tabs label[for*="2"]:before {
  content: "\f17a";
}
.tabs label[for*="3"]:before {
  content: "\f13b";
}
.tabs label[for*="4"]:before {
  content: "\f13c";
} */
/* изменения стиля заголовков вкладок при наведении */
.tabs label:hover {
  color: #888;
  cursor: pointer;
}
/* стили для активной вкладки */
.tabs input:checked + label { color: var(--text)/* #fff */;
/*  border: 1px solid #ddd; */
/*  border-top: 1px solid #009933; */
  border-bottom: 1px solid /*#fff*/ #263541;
  background: var(--block) /*#fff #465561 */;
}
/* активация секций с помощью переключателя :checked */
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  display: block;
}

blockquote p{ color:#444;padding:14px 18px;  font-family:"Arial";  font-size:16px; line-height:28px; font-style:italic;
 font-weight: 550;  border:2px solid #cccccc; border-top-width:1px; border-right-width:1px;border-bottom-width:1px;
 border-left-width:4px; background:#fff8dc; border-radius:0 20px 20px 0;box-shadow:2px 2px 2px #acacac}

/*--- Подсветка исходного кода ---*/
.hljs-comment, .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag, .hljs-keyword, .hljs-formula {
  color: #a626a4;
}

.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in, .hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr,
.hljs-selector-pseudo, .hljs-number {
  color: #986801;
}

.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}
/* 15.1 */
figure {
    margin: 0;
}

figure.align-left {
    float: left;
}

figure.align-right {
    float: right;
}

figure.image.align-center {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

figure.image figcaption {
	padding: 1rem;
/*    background-color: #fafafa; */
    background-color:var(--blockb);
    font-size: .8rem;
    caption-side: bottom;
    word-break: break-word;
    text-align: center;
}

figure.image.align-center figcaption {
	display: table-caption;
}
/* DLE 15.3 */
.comments-image-gallery {
  margin: 0;
  padding: 0;  
  list-style: none;
  clear: both;
}

.comments-image-gallery li{
	list-style: none;
	margin: 0;
	padding: 0;  
}
/* DLE 16.0 */
.image-bordered {
	border: 1px solid #ddd;
}

.image-shadows {
	box-shadow: rgb(9 30 66 / 25%) 0px 4px 8px -2px, rgb(9 30 66 / 8%) 0px 0px 0px 1px;
}

.image-padded {
	padding: 0.5rem;
}

.comments-user-profile {
  font-weight: bold;
  cursor: pointer;
  color: #3394e6;
}
/* DLE 16.1 */
.title_spoiler svg{
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 7px;
	height: 16px;
	width: 16px;
}
/* DLE 17.1 */
.DLEPush {
	z-index: 2001;
	position: fixed;
	right: 20px;
	top: 20px
}

@keyframes DLEPush-show {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.DLEPush-notification.wrapper {
	animation-name: DLEPush-show;
	animation-duration: 1s;
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	max-width: 400px;
	box-shadow: 0 10px 15px rgb(0 0 0 / 20%);
	background-color: #fff;
	border-radius: 10px
}

.DLEPush-notification .DLEPush-icon {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 45px;
	height: 100%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
}

.DLEPush-notification .DLEPush-icon svg {
	scale: .8;
}

.DLEPush-notification .DLEPush-header {
	font-weight: 500;
	grid-column: 2;
	grid-row: 1;
	font-size: 1rem;
	margin-left: 1rem;
	margin-top: .5rem;
}
.DLEPush-notification .DLEPush-header:empty {
	margin-top: 0;
}

.DLEPush-notification .DLEPush-message {
	grid-column: 2;
	grid-row: 2;
	font-size: .875rem;
	margin: 1rem;
}

.DLEPush-notification .DLEPush-message li, .DLEPush-notification .DLEPush-message ul {
	list-style-type: none;
	padding-left: 0;
}

.DLEPush-notification .DLEPush-close {	position: absolute;	top: 8px;	right: 10px;	font-weight: 300;	background: none;	border: 0;
	font-size: 1.15rem;	cursor: pointer;	line-height: 1;	padding: 0;	color: inherit;	outline: 0;	opacity: 0.75;}

@media only screen and (min-width: 601px) {	.DLEPush-notification.wrapper {	min-width: 400px;}}

.DLEPush-notification .DLEPush-close:hover {opacity: 1;}

.DLEPush-notification.wrapper.push-success {
	background-color: #e0f2f1;
}

.DLEPush-notification.wrapper.push-success .DLEPush-icon {
	background-color: #00897b;
}

.DLEPush-notification.wrapper.push-warning {
	background-color: #FFF3E0;
}

.DLEPush-notification.wrapper.push-warning .DLEPush-icon {
	background-color: #FF9800;
}

.DLEPush-notification.wrapper.push-error {
	background-color: #FBE9E7;
}

.DLEPush-notification.wrapper.push-error .DLEPush-icon {
	background-color: #FF5722;
}

input[type="text"].comments_author_field {
	width: 100%;
	margin-bottom: 10px;
}

/* ======================================
   Basarunet Adaptive Modern v2 FINAL
====================================== */

#left, #right, #content {
    float: none !important;
}

.layout-flex {
    display: flex;
    gap: 20px;
}

#left, #right {
    width: 230px;
}

#content {
    flex: 1;
    min-width: 0;
}

.button, input[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--accent);
    color:var(--text) !important;
    border: none;
    text-decoration: none;
    cursor: pointer;
    transition: 0.2s ease;
}

.button:hover,input[type="submit"]:hover { opacity: 0.85;}

/* медиа запросы для различных типов носителей */  
@media screen and (max-width: 680px) { .tabs label {font-size: 0;}.tabs label:before {margin: 0; font-size: 18px; }}
@media screen and (max-width: 400px) { .tabs label { padding: 15px;  }}
/*===============================
  ADAPTIVE Адаптив 1200
================================*/
/*
@media screen and (max-width: 1220px) {.sb--hide,.header__btn-link,.carousel::before,.carousel::after,.footer::before,.footer::after {display: none;}
} */

/*===============================
  MOBILE
================================*/
@media (max-width:640px){fieldset.file_info a{display:flex;width:100%; margin:6px 0;}}
/* mobile */
@media (max-width:700px){.mwrating{float:none;margin-top:8px;}}
/* Адаптив *//*
@media (max-width: 1100px) {.structure {grid-template-columns: 220px 1fr;}}
@media (max-width: 768px) {.structure { grid-template-columns: 1fr;}}
*/
/* ===============================
   RESPONSIVE
================================= */
@media (max-width:1200px){.search_input{width:180px;}}
/* THEME SETTINGS, COLUMN TO THE RIGHT, COLUMN IS BELOW -------- *//*
@media screen and (min-width: 990px) {.header__btn-menu {display: flex; width: 40px; padding: 0; font-size: 18px; 
	position: fixed; left: 0; top: 20px; z-index: 990;}} */
/* ===============================
   MEDIUM SCREEN
================================= */
@media (max-width:1000px){.search_input{width:140px;}.topmenu .buttonnext{padding:6px 10px;font-size:13px;}
.header__login {margin-left:0;margin-right:43px;}}
/* ===============================
   SMALL SCREEN
================================= */
@media (max-width:820px){.menu-expand{display:flex;}.topmenu{max-width:260px;overflow:hidden;}.search_input{width:120px;}
.header__login {margin-left:0;margin-right:36px;}}
/* ===============================
   EXTRA SMALL
================================= */
@media (max-width:640px){.search_input{width:90px;}.topmenu .buttonnext{padding:5px 8px;font-size:12px;}
.header__login {margin-left:0;margin-right:2px;}}
@media (max-width: 992px) { .layout-flex {  flex-direction: column; } #left, #right {  width: 100%;}}

/* MOBILE BUTTON MENU  *//* по умолчанию скрыта */
/* ===============================
   БАЗА
================================= */
.header__btn-menu{display:none;} /* бургер скрыт */

/* ===============================
   ПЛАНШЕТ + МОБИЛКА (<=1000)
================================= */
@media (max-width:1000px){
.structure{display:flex!important;flex-direction:column!important;}
/* --- ХЕДЕР --- */
.header-top{display:none;} /* убираем верхнюю линию */
.hdr-left,.hdr-right{display:none;} /* убираем декор */
.header::before{display:none!important;content:none!important;} /* убираем трапецию */
.header{width:100%;min-height:60px;padding:2px 5px;border-radius:4px;background:var(--hdback);display:flex;align-items:center;gap:5px;}
/* логика флекса */
.header__logo{flex:0 0 auto;white-space:nowrap;margin-right:auto;}
/* кнопки */

	.header__settings-btn {height: 60px; margin: -10px 0;}
	.header__settings-list .sb + .sb {margin-top: 20px;}
	.header__login-panel {margin-top: 0;}
	.header__favlink, .header__login-img {margin-left: 10px;}
	.header__btn-login,.header__btn-link { position: relative; z-index: 3;}
.header__settings,.header__btn-login,.header__btn-menu{flex:0 0 auto;display:flex;align-items:center;gap:6px;}
.header__btn-login {margin-right: 10px;}
.header{gap:4px;} /* было 5+ — уменьшаем */
/*.header__login{margin-right:2px; padding-right: 120px;}*/
.flex-grow-1 {flex: 1 1 0; max-width: 100%; min-width: 2px;}
/* логотип */
.logo-block{padding-left:40px;font-size:20px;margin-bottom:0;}
.logo-block img{left:10px;width:20px;height:20px;}
.header__logo span{font-size:14px;margin-top:0;}
.mob-menu .header__logo{font-size:14px;padding-left:35px;}
.mob-menu .logo-block img{width:16px;height:16px;left:8px;}
/* бургер */
/*.header__btn-menu{display:flex;font-size:20px;}*/
/* бургер компактный */
.header__btn-menu{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin-left:4px;font-size:18px;}
/* --- СЕТКА --- */
.structure{display:flex!important;flex-direction:column!important;}

/* --- КОЛОНКИ --- */
#maincol{order:1;}
.left-col{order:2;width:100%;}
#rightcol{order:3;width:100%;display:block;}
.left-col{display:block;}
.left-col{width:100%!important;float:none!important;margin:0!important;padding:0!important;}
#maincol,#leftcol,#rightcol{width:100%!important;float:none!important;}
/* --- МЕНЮ В БУРГЕР --- */
/* .js-this-in-mobile-menu{position:absolute;left:-9999px;} */
/*.js-this-in-mobile-menu{visibility:hidden;height:0;overflow:hidden;} */
}

@media (max-width:640px){
  /* поиск НЕ растягивается */
.header__search{flex:0 0 auto;/* ← ключ */width:0;/* ← убираем ширину */min-width:0;margin:0;padding:0;}
/* логотип ужимаем */
.logo-block{padding-left:5px;font-size:16px;}
.logo-block img{display:none;/*left:3px;width:16px;height:16px;*/}
/* убираем .org если тесно */
/*.header__logo span{display:none;}*/
}

@media (max-width:1000px){
/* контейнер */
.menuhd{width:100%;left:0;right:auto;margin:10px 0;padding:0 10px;border-radius:10px;}
/* стрелка появляется */
.menu-expand{display:flex;}
/* ===================== */
/* МЕНЮ */
/* ===================== */
/* схлопнуто */
.topmenu{ max-width:0; overflow:hidden; transition:.3s;}
/* раскрыто */
.menu-left.open .topmenu{ max-width:100%;}
/* ===================== */
/* ПОИСК */
/* ===================== */
/* важно: даём сжиматься */
.menu-right{ flex:1 1 auto;/* ВАЖНО */ min-width:0;}
/* инпут по умолчанию */
.search_input{ width:100%; transition:.3s;}
/* ===================== */
/* ОТКРЫТО МЕНЮ */
/* ===================== */
/* поиск превращается в иконку */
.menu-left.open ~ .menu-right .search_input{ width:0; opacity:0; pointer-events:none;}
/* ===================== */
/* ОТКРЫТ ПОИСК */
/* ===================== */
/* меню закрывается */
.menu-right.search-open ~ .menu-left .topmenu{max-width:0;}
/* поиск раскрывается */
.menu-right.search-open .search_input{width:100%; /* или 100% если хочешь растягивание */ opacity:1;}
.menu-left{ flex:1 1 auto; min-width:0;}
.topmenu{ flex:1 1 auto; min-width:0;}
.topmenu ul{ display:flex; gap:8px; overflow:hidden; min-width:0;}
.search{ display:flex; width:100%;}
.search form{ width:100%;}
.search_input{ flex:1; width:auto; min-width:0;}
}

/* === БАЗА === */
.menu-left{flex:0 1 auto;min-width:0;}
.topmenu{flex:1 1 auto;min-width:0;}
.menu-right{flex:1 1 300px;min-width:120px;}
.search{display:flex;width:100%;}
.search form{display:flex;width:100%;}
.search_input{flex:1;min-width:0;width:auto;}

/* === УЖАТИЕ КНОПОК === */
.topmenu .buttonnext{padding:6px 14px;font-size:14px;transition:.2s;}
@media (max-width:1300px){.topmenu .buttonnext{padding:6px 10px;font-size:13px;}}
@media (max-width:1150px){.topmenu .buttonnext{padding:5px 8px;font-size:12px;}}

/* === СКРЫТИЕ ХВОСТА === */
@media (max-width:1200px){.topmenu li:nth-last-child(1){display:none;}}
@media (max-width:1100px){.topmenu li:nth-last-child(2){display:none;}}
@media (max-width:1050px){.topmenu li:nth-last-child(3){display:none;}}

/* === МОБИЛКА === */
@media (max-width:1000px){
.menu-expand{display:flex;}
.topmenu{max-width:0;overflow:hidden;transition:.3s;}
.menu-left.open .topmenu{max-width:100%;}
.menu-left.open ~ .menu-right .search_input{width:0;opacity:0;pointer-events:none;}
}

.more-menu{position:absolute;top:100%;left:0;background:var(--surface);padding:10px;border-radius:10px;display:none;}
.menu-expand.open .more-menu{display:block;}
/*  Иконки */

i[class^="fa-"],
i[class*=" fa-"] { font-family: "Font Awesome 5 Free" !important; font-style: normal; font-weight: 900; display: inline-block;
 text-rendering: auto; -webkit-font-smoothing: antialiased;}
.far {font-weight: 400 !important;}
/* ===============================
   GLOBAL OVERLAY
================================= */

.site-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:900;opacity:0;transition:opacity .25s ease;}
.site-overlay.active{opacity:1;}
/*.login{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;}*/