@font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(https://f.penzainform.ru/roboto.lat.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-display: swap; font-style: normal; font-weight: 300; font-stretch: 100%; src: url(https://f.penzainform.ru/roboto.cyr.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Noto Sans'; font-display: swap; font-style: normal; font-weight: 300; font-display: swap; src: url(https://f.penzainform.ru/noto-sans.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Noto Sans'; font-display: swap; font-style: normal; font-weight: 300; font-display: swap; src: url(https://f.penzainform.ru/noto-sans.lat.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* VARS */
:root {
	--bg-color: white;

	--main-width: 75vh;

	--block-margin-x: min(1vh,2vw);
	--block-title-border: 0.2vh;

	--block-shadow: 0px 1vh 1vh 0.3vh RGBA(0,0,0,0.25);
	--input-focus-shadow: 0px 0px 10px 2px RGBA(255,255,255,0.35);
	--wnd-head-shadow: 0px 10px 5px 2px RGBA(15,15,15,0.65);

	--head-menu-height: 7vh;

	--ad-banner-horizontal-height: 7vh;
	--ad-banner-vertical-height-min: 33.3vh;
	--ad-banner-background: rgba(0,128,0,0.5);
	--ad-border-width: 0.2vh;

	--color-pi-white: #ffffff;
	--color-pi-black: #000000;
	--color-pi-red: #e60000;
	--color-pi-blue: #004389;
	--color-pi-cyan: #95c2df;
	--color-pi-green: #009900;
	--color-pi-gray: #333333;
	--color-pi-gray-l: #515151;
	--color-pi-gray-vl: #c1c1c1;
	--color-pi-gray-ll: #f1f1f1;
	--color-pi-pink-d: #814085;
	--color-pi-blue-d: #3d5087;
	--color-pi-green-d: #00681b;
	--color-pi-orange: #e95f12;
	--color-pi-transparent: RGBA(255,255,255,0);

	--color-pi-wnd-background: RGBA(15,15,15,0.85);
	--color-pi-wnd-background-lite: RGBA(15,15,15,0.65);

	--font-family-pi-text: 'Noto Sans', sans-serif;
	--font-family-pi-headers: 'Roboto', sans-serif;

	--font-size-pi-main: calc(.8em + 1vw);
	--font-size-pi-h-block: 2vh;
	--font-size-pi-h-big: calc(.8em + 1.2vw);
	--font-size-pi-h-medium: calc(.8em + 1vw);
	--font-size-pi-h-small: calc(.8em + 1vw);
	--font-size-pi-small: calc(.6em + 1vw);

	--svg-icon-ui-play: url("data:image/svg+xml,%0A%3Csvg fill='gray' viewBox='-50 -50 626 562' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m336.2 64h-288.4c-26.4 0-47.8 21.4-47.8 47.8v288.4c0 26.4 21.4 47.8 47.8 47.8h288.4c26.4 0 47.8-21.4 47.8-47.8v-288.4c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7-109.6 75.6v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8v-256.9c0-25.4-29.1-40.4-50.4-25.8z'/%3E%3C/svg%3E");
	--svg-icon-ui-gallery: url("data:image/svg+xml,%3Csvg fill='gray' viewBox='-1 -1 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 5a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-10a2 2 0 0 0 -2-2zm0 11 3.5-4.5 2.5 3 3.5-4.5 4.5 6zm13-14a2 2 0 0 1 2 2h-16a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
	--svg-icon-ui-qa: url("data:image/svg+xml,%3Csvg fill='gray' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19 1-5 5v11l5-4.5zm2 4v13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5v-13.5c-1.45-1.1-3.55-1.5-5.5-1.5s-4.05.4-5.5 1.5v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05 1.35-.65 3.3-1.1 4.75-1.1 1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5v-14.6c-.6-.45-1.25-.75-2-1m-11 13.41c-1.25-.32-2.5-.41-3.5-.41-1.06 0-2.32.19-3.5.5v-11.37c.91-.4 2.14-.63 3.5-.63s2.59.23 3.5.63z'/%3E%3C/svg%3E");
	--svg-icon-ui-question: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray' class='bi bi-question-square' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94'/%3E%3C/svg%3E");
	--svg-icon-ui-livent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='gray' class='bi bi-camera-fill' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0'/%3E%3Cpath d='M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0'/%3E%3C/svg%3E");
}

/* Body */
html { height: 100%; font-family: system-ui; }
body { padding: 0px !important; margin: 0px !important; box-sizing: border-box; height: 100%; }
body.disable-scroll { height: 100%; overflow: hidden; }
div.body { background-color: var(--bg-color); margin: 0px; font-size: var(--font-size-pi-main); font-family: var(--font-family-pi-text), system-ui; }
h1, h2, h3, h4, h5 { font-family: var(--font-family-pi-headers), system-ui; font-weight: normal; }

.font-color-red { color: var(--color-pi-red) !important; }
a.decoration { text-decoration: underline !important; }
.text-orange { color: var(--color-pi-orange); }
.text-center { text-align: center; }

::selection { color: black; background: yellow; }

/* WND */
div.wnd { position: fixed; width: 100%; height: 100dvh; z-index: 65536; background-color: var(--color-pi-wnd-background); backdrop-filter: blur(5px) grayscale(100%); }
div.wnd>div.wnd-head-top { width: 100%; height: 7vh; min-height: 7vh; max-height: 7vh; margin: 0; padding: 0; position: fixed; z-index: 65537; box-shadow: var(--wnd-head-shadow); }
div.wnd>div.wnd-head-top>div.container { width: 100%; position: relative; z-index: 1024; background-color: RGBA(255,255,255,0.1) }
div.wnd>div.wnd-head-top>div.container>div.content { width: 100%; max-width: var(--main-width); margin: 0 auto; }
div.wnd>div.wnd-head-top>div.container>div.content>div.logo { float: left; width: 60%; padding: 0 var(--block-margin-x); position: relative; height: 5vh; padding: 1vh; }
div.wnd>div.wnd-head-top>div.container>div.content>div.logo img { max-width: 100%; max-height: 80%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 1vh; right: 0; margin: auto 0px; }
div.wnd>div.wnd-head-top>div.container>div.content>div.menu-close { float: right; margin: calc(var(--block-margin-x) + 0.25vh) 0; margin-right: var(--block-margin-x); margin-left: var(--block-margin-x); width: 4.5vh; height: 4.5vh; position: relative; }
div.wnd>div.wnd-head-top>div.container>div.content>div.menu-close img.menu-close-icon { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: auto; right: 0; margin: auto 0px; cursor: pointer; }
div.wnd>div.wnd-data { height: 100%; width: 100%; margin: 0; padding: 0; }
div.wnd>div.wnd-data>div.container { width: 100%; position: relative; z-index: 1024; padding: 0; height: 100%; }
div.wnd>div.wnd-data>div.container>div.content { width: 100%; max-width: var(--main-width); padding: 0; margin: 0 auto; box-shadow: none; color: var(--color-pi-white); }
div.wnd>div.wnd-data>div.container>div.content>div.spacer { display: block; height: 7vh; width: 100%; margin: 0; padding: 0;  }

/* WND: Search */
div.wnd.site-search>div.wnd-data>div.container>div.content>div.scrollable { overflow-y: scroll; height: calc(100dvh - 7vh); }
div.wnd.site-search div.content { height: 100%; font-size: var(--font-size-pi-main); font-family: var(--font-family-pi-text); max-width: var(--main-width); position: relative; }
div.wnd.site-search div.content div.help { margin-top: var(--font-size-pi-h-big); margin-left: var(--block-margin-x); margin-right: var(--block-margin-x); }
div.wnd.site-search div.content div.help h3 { margin: 0; padding: 0; }
div.wnd.site-search div.content div.input { display: block; margin-left: var(--block-margin-x); margin-right: var(--block-margin-x); margin-top: var(--block-margin-x); }
div.wnd.site-search div.content div.input #inputSiteSearch { width: 100%; margin: 0px; display: block; font-size: var(--font-size-pi-h-big); padding: calc(var(--font-size-pi-h-big) / 2); background-color: var(--color-pi-white); color: var(--color-pi-black); border: solid 1px var(--color-pi-gray-l); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-sizing: border-box; }
div.wnd.site-search div.content div.input #inputSiteSearch::placeholder { color: var(--color-pi-black); opacity: 0.25; }
div.wnd.site-search div.content div.input #inputSiteSearch:focus { outline: 0; box-shadow: var(--input-focus-shadow); }
div.wnd.site-search div.content div.sugg { margin-left: var(--block-margin-x); margin-right: var(--block-margin-x); padding-top:  var(--block-margin-x); }
div.wnd.site-search div.content div.sugg h3 { margin-top: var(--font-size-pi-h-big); margin-bottom: 0; padding: 0; }
div.wnd.site-search div.content div.sugg h3.head-result-ok::after { content: 'Найдено на сайте'; }
div.wnd.site-search div.content div.sugg h3.head-result-no::after { content: 'Ничего не нашлось'; }
div.wnd.site-search div.content div.sugg ul { list-style: none; margin: 0; padding: 0; margin-top: var(--block-margin-x); }
div.wnd.site-search div.content div.sugg ul li { display: block; clear: both; border-top: dotted 1px RGBA(255,255,255,0.35); cursor: pointer; }
div.wnd.site-search div.content div.sugg ul li.relevance-low { opacity: 0.7; }
div.wnd.site-search div.content div.sugg ul li>div { padding: calc(var(--block-margin-x)/2); padding-left: 0; padding-right: 0; }
div.wnd.site-search div.content div.sugg ul li p.result-text { margin: 0; text-decoration: dashed; }
div.wnd.site-search div.content div.sugg ul li p.result-info { font-size: 80%; line-height: 200%; margin: 0; color: var(--color-pi-gray-vl); }
div.wnd.site-search div.content div.sugg ul li::after { clear: both; display: block; content: ''; }


/* WND: Main Menu */
div.wnd.site-menu div.content { height: 100%; font-size: var(--font-size-pi-main); font-family: var(--font-family-pi-text); max-width: var(--main-width); position: relative; }
div.wnd.site-menu div.content ul { list-style: none; margin: 0; padding: 0; }
div.wnd.site-menu div.content ul { padding: 0; }
div.wnd.site-menu div.content h1 { font-size: var(--font-size-pi-h-big); padding: 2vh 0; margin: 0; }
div.wnd.site-menu div.content h2 { font-size: var(--font-size-pi-h-small); padding: 0.5vh 0; margin: 0; position: relative; display: inline-block; }
div.wnd.site-menu div.content h2.pc::after { content: ' '; display: block; height: 100%; background: transparent url(//i.penzainform.ru/icons/ui-pc.svg) no-repeat; background-size: cover; background-position: center; aspect-ratio: 32/32; position: absolute; left: 100%; top: 0; margin-left: 0.5vh; opacity: 0.75; }
div.wnd.site-menu div.content a { color: white; text-decoration: none; border-bottom: dashed 1px RGBA(255,255,255,0.5); }
div.wnd.site-menu div.content a.r { color: #ff4444; font-weight: bold; border-bottom: dashed 1px #ff4444; }
div.wnd.site-menu div.content h2.pc a { color: var(--color-pi-cyan); font-weight: bold; border-bottom: dashed 1px var(--color-pi-cyan); }
div.wnd.site-menu div.content a::before { content: ''; }
div.wnd.site-menu div.content p { margin: 1vh 0; }
div.wnd.site-menu div.content div.foother { position: relative; width: 100%; }
div.wnd.site-menu div.content div.social p { font-size: var(--font-size-pi-small); text-align: center; font-weight: bold; margin: 0; margin-bottom: 1vh; }
div.wnd.site-menu div.content div.social ul li { opacity: 0.5; }
div.wnd.site-menu div.content div.social ul li:hover { opacity: 1; }
div.wnd.site-menu div.content div.name p { font-size: var(--font-size-pi-small); text-align: center; font-weight: bold; margin: 0; }
div.wnd.site-menu div.content div.right { margin: 1vh 0; }
div.wnd.site-menu div.content div.right p { font-size: var(--font-size-pi-small); text-align: justify; margin: 0.5vh 0; opacity: 0.75; }
div.wnd.site-menu div.content div.accept { margin: 2vh 0 0 0; }
div.wnd.site-menu div.content div.accept p { font-size: var(--font-size-pi-small); text-align: center; margin: 0; }
div.wnd.site-menu div.content div.accept p a { margin: 0 1vh; white-space: nowrap; }
div.wnd.site-menu div.content div.accept p::after { clear: both; display: block; content: ''; }
div.wnd.site-menu div.content div.w18plus p { padding: 0; text-align: center; font-size: var(--font-size-pi-h-medium); display: block; margin: 0px auto; font-weight: bold; }
div.wnd.site-menu div.content div.w18plus p span { background-color: var(--color-pi-black); border-radius: 20%; padding: 0.5vh; }
div.wnd.site-menu>div.wnd-data>div.container>div.content>div.scrollable { overflow-y: scroll; height: calc(100dvh - 7vh); }

/* Flex */
div.fx-center { display: flex; justify-content: center; }
div.fx-block-auto { display: block; padding: 0 calc(var(--block-margin-x)*2); }

/* Grid */
div.dl { margin-left: var(--block-margin-x); margin-right: var(--block-margin-x); }
div.dl_full { }
div.dl_75 { float: left; width: 75%; }
div.dl_65 { float: left; width: 65%; }
div.dl_60 { float: left; width: 60%; }
div.dl_50, div.dl-50 { float: left; width: 50%; }
div.dl_33 { float: left; width: 33%; }
div.dl_30 { float: left; width: 30%; }
div.dl_25 { float: left; width: 25%; }
div.dl_20 { float: left; width: 20%; }
div.dr_50, div.dr-50 { float: right; width: 50%; text-align: right; }
div.dr_35 { float: right; width: 35%; text-align: right; }
div.dr_25 { float: right; width: 25%; text-align: right; }
div.dr_60 { float: right; width: 60%; text-align: right; }
div.dr_75 { float: right; width: 75%; text-align: right; }
div.dl.cl { clear: both; margin: 0; padding: 0; width: 0; height: 0; }
div.dl.sp-1 { clear: both; margin: 0; padding: 0; width: 0; height: 1vh; }
div.dl.sp-2 { clear: both; margin: 0; padding: 0; width: 0; height: 2vh; }
div.dl.sp-3 { clear: both; margin: 0; padding: 0; width: 0; height: 3vh; }
div.dl::after { clear: both; display: block; content: ''; }

div.hr { width: 100%; clear: both; margin: 2vh 0; padding: 0; height: 1px; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(193,193,193,0) 0%, rgba(193,193,193,1) 25%, rgba(193,193,193,1) 75%, rgba(193,193,193,0) 100%); }
div.hr.hr-nospace { margin: 0; }
div.hr-white { width: 100%; clear: both; margin: 2vh 0; padding: 0; height: 1px; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 100%); }

div.ui-loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; display: flex; justify-content: center; z-index: 65537; }
div.ui-loading>span { display: block; width: 6vh; height: 6vh; background-position: center; background-size: cover; background-repeat: no-repeat; align-self: center; border-radius: 0.5vh; background-color: RGBA(0,0,0,0); }
div.ui-loading.complite>span { transform: scale(3); transition: 0.5s ease-in-out; opacity: 0; }
div.ui-loading-gray>span { background-image: URL(//i.penzainform.ru/icons/ui-loading.gray.svg); }

/* Sec: Items.Head menu */
div.head-top { }
div.head-top>div.container { position: fixed; top: 0; width: 100%; z-index: 1024; background-color: var(--bg-color); }
div.head-top>div.container>div.content { background-color: #ffffff; width: 100%; max-width: var(--main-width); margin: 0 auto; box-shadow: none;}
div.head-top>div.container>div.content>div.menu-expand { float: right; margin: calc(var(--block-margin-x) + 0.25vh) 0; margin-right: var(--block-margin-x); margin-left: var(--block-margin-x); width: 4.5vh; height: 4.5vh; position: relative; }
div.head-top>div.container>div.content>div.menu-expand img.menu-expand-icon { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: auto; right: 0; margin: auto 0px; cursor: pointer; }
div.head-top>div.container>div.content>div.menu-search { float: right; margin: calc(var(--block-margin-x) + 0.25vh) 0; margin-right: var(--block-margin-x); width: 4.5vh; height: 4.5vh; position: relative; }
div.head-top>div.container>div.content>div.menu-search img.menu-search-icon { max-width: 80%; max-height: 80%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: auto; right: 0; margin: auto 0px; cursor: pointer; }
div.head-top>div.container>div.content>div.logo { float: left; width: 60%; padding: 0 var(--block-margin-x); position: relative; height: 5vh; padding: 1vh; }
div.head-top>div.container>div.content>div.logo img { max-width: 100%; max-height: 80%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 1vh; right: 0; margin: auto 0px; }
div.head-top>div.container>div.content>div.line { width: 100%; height: 0.0vh; background-color: var(--color-pi-gray); padding: 0; margin: 0; }

/* Sec: Items.Foother */
div.foother { position: relative; }
div.foother>div.container { background-color: var(--bg-color); }
div.foother>div.container>div.content { background-color: white; width: 100%; max-width: var(--main-width); margin: 0 auto; padding: 2vh 0; background-color: var(--color-pi-blue); color: white; }
div.foother>div.container>div.content a { color: white; }
div.foother>div.container>div.content div.social { margin-bottom: 2vh; }
div.foother>div.container>div.content div.social p { font-size: var(--font-size-pi-small); text-align: center; font-weight: bold; margin: 0; margin-bottom: 1vh; }
div.foother>div.container>div.content div.name p { font-size: var(--font-size-pi-small); text-align: center; font-weight: bold; margin: 0; }
div.foother>div.container>div.content div.right { margin: 2vh 0; }
div.foother>div.container>div.content div.right p { font-size: var(--font-size-pi-small); text-align: left; margin: 0.5vh 0; opacity: 0.75; }
div.foother>div.container>div.content div.accept p { font-size: var(--font-size-pi-small); text-align: center; }
div.foother>div.container>div.content div.accept p a { margin: 0 1vh; white-space: nowrap; }
div.foother>div.container>div.content div.accept p::after { clear: both; display: block; content: ''; }
div.foother>div.container>div.content div.w18plus { margin: 1vh 0; }
div.foother>div.container>div.content div.w18plus p { padding: 0; text-align: center; font-size: var(--font-size-pi-h-medium); display: block; margin: 0px auto; font-weight: bold; }
div.foother>div.container>div.content div.w18plus p span { background-color: var(--color-pi-red); border-radius: 20%; padding: 0.5vh; }

/* Sec: Weather */
section.weather div.content a { color: var(--color-pi-red);}
section.weather>div.container { background-color: var(--bg-color); overflow-x: hidden; }
section.weather>div.container>div.content { background-color: white; width: 100%; max-width: var(--main-width); margin: 0 auto; box-shadow: var(--block-shadow); }

/* Sec: Items */
section.items { position: relative; }
section.items div.content a { color: var(--color-pi-red);}
section.items>div.container { background-color: var(--bg-color); overflow-x: hidden; }
section.items>div.container>div.content { background-color: white; width: 100%; max-width: var(--main-width); margin: 0 auto; box-shadow: var(--block-shadow); }

section.items div.content>div.news-list .news-main { position: relative; }
section.items div.content>div.news-list .news-main .img img { float: left; width: 100%; object-fit: cover; margin: 0px; min-height: 240px; border: none; border-bottom: solid 0.0vh var(--color-pi-blue); aspect-ratio: auto 230 / 129; }
section.items div.content>div.news-list .news-main .news-title { margin: 0px 0px 0vh 0px; display: table; box-shadow: var(--block-shadow); z-index: 512; position: relative; width: 100%; }
section.items div.content>div.news-list .news-main .news-title .spacer { }
section.items div.content>div.news-list .news-main .news-title .news-title-border { display: block; height: var(--block-title-border); background-color: var(--color-pi-red); }
section.items div.content>div.news-list .news-main .news-title .news-title-line { display: flex; flex-wrap: nowrap; }
section.items div.content>div.news-list .news-main .news-title h1 { font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-red); color: white; padding: var(--block-margin-x) 0; margin: 0; }
section.items div.content>div.news-list .news-main .news-title h1 a { text-decoration: none !important; color: white; display: block; padding: 0 1vh; }
section.items div.content>div.news-list .news-main .news-title h2 { font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-blue); color: white; padding: var(--block-margin-x) 0; margin: 0; }
section.items div.content>div.news-list .news-main .news-title h2 a { text-decoration: none !important; color: white; display: block; padding: 0 1vh; }
section.items div.content>div.news-list .news-main .news-text { color: black; }
section.items div.content>div.news-list .news-main .news-text p { margin: 2vh 0; }
section.items div.content>div.news-list .news-main .news-text a { text-decoration: none; color: black; }


div.tab-main-news { position: relative; text-align: center; }
div.tab-main-news>h1 { display: inline; cursor: pointer; margin: 0; padding: 0.5vh 1vh; font-size: var(--font-size-pi-h-small); }
div.tab-main-news>h1 a { text-decoration: none; color: var(--color-pi-gray) !important; border-bottom: solid 1px var(--color-pi-gray-l); }
div.tab-main-news>h1.active { background-color: var(--color-pi-gray-vll); background-color: var(--color-pi-gray-ll); border-radius: 1vh; }
div.tab-main-news>h1.active a { border-bottom: none; }
div.tab-main-news>.site-tabs-tab { float: left; }
div.tab-main-news .tab-main-news-content { display: block; text-align: left; padding: 0; }

section.items div.content>div.news-list ul { position: relative; list-style: none; margin: 0px; padding: 2vh 0; margin-left: var(--block-margin-x); margin-right: var(--block-margin-x); }
section.items div.content>div.news-list ul>li { padding: 0.5vh 0vh; text-indent: 0; clear: both; }
section.items div.content>div.news-list ul>li h2 { color: black; font-size: var(--font-size-pi-h-small); margin: 0; padding: 0; }
section.items div.content>div.news-list ul>li a { color: black; text-decoration: none; }
section.items div.content>div.news-list ul>li::after { clear: both; display: block; content: ''; }

section.items div.content>div.news-list .news-main .news-group { display: block; padding: calc(var(--block-margin-x)*2) 0; margin: 0; }
section.items div.content>div.news-list .news-main .news-group .news-group-line { display: grid; grid-template-columns: 8vh auto; padding: 0 var(--block-margin-x); }
section.items div.content>div.news-list .news-main .news-group .news-group-img { width: 8vh; max-width: 8vh; height: 8vh; max-height: 8vh; padding: var(--block-margin-x) 0; }
section.items div.content>div.news-list .news-main .news-group .news-group-img picture { width: 8vh; height: 8vh; display: block; }
section.items div.content>div.news-list .news-main .news-group .news-group-img img { float: left; object-fit: cover; margin: 0px; width: 8vh; height: 8vh; max-width: 8vh; max-height: 8vh; border: none; outline: solid 0px var(--color-pi-gray-l); aspect-ratio: auto 230 / 129; }
section.items div.content>div.news-list .news-main .news-group .news-group-title { vertical-align: top; padding: var(--block-margin-x) 0 var(--block-margin-x) var(--block-margin-x); }
section.items div.content>div.news-list .news-main .news-group .news-group-title h2 { font-size: var(--font-size-pi-h-small); color: black; padding: 0; margin: 0; width: 100%; text-align: left; }
section.items div.content>div.news-list .news-main .news-group .news-group-title h2 a { color: black; text-decoration: none; }
section.items div.content>div.news-list .news-main .news-group .news-group-title h3 { font-size: var(--font-size-pi-h-small); color: black; padding: 0; margin: 0; width: 100%; text-align: left; }
section.items div.content>div.news-list .news-main .news-group .news-group-title h3 a { color: black; text-decoration: none; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-date-time { display: block; font-size: var(--font-size-pi-small); padding: 0.5vh 0; color: var(--color-pi-gray-l); float: left; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-category { display: block; font-size: var(--font-size-pi-small); padding: 0.5vh 0; color: var(--color-pi-gray-l); float: left; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-category a { color: var(--color-pi-gray-l); }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-category::before { content: ", "; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-remember { display: block; font-size: var(--font-size-pi-small); padding: 0.5vh 0; color: var(--color-pi-red); float: left; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-ad { display: block; font-size: var(--font-size-pi-small); padding: 0.5vh 0; color: var(--color-pi-red); float: left; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-video { display: block; float: left; height: 2vh; width: 2.25vh; padding: 0; margin-left: 0.5vh; border: 0.75vh solid transparent; background-image: var(--svg-icon-ui-play); background-size: cover; background-position: center; background-repeat: no-repeat; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-gallery { display: block; float: left; height: 2vh; width: 2vh; padding: 0; margin-left: 0vh; border: 0.75vh solid transparent; background-image: var(--svg-icon-ui-gallery); background-size: cover; background-position: center; background-repeat: no-repeat; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-livent { display: block; float: left; height: 2vh; width: 2vh; padding: 0; margin-left: 0vh; border: 0.75vh solid transparent; background-image: var(--svg-icon-ui-livent); background-size: cover; background-position: center; background-repeat: no-repeat; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-qa { display: block; float: left; height: 2vh; width: 2vh; padding: 0; margin-left: 0.5vh; border: 0.75vh solid transparent; background-image: var(--svg-icon-ui-qa); background-size: cover; background-position: center; background-repeat: no-repeat; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-question { display: block; float: left; height: 2vh; width: 2vh; padding: 0; margin-left: 0.5vh; border: 0.75vh solid transparent; background-image: var(--svg-icon-ui-question); background-size: cover; background-position: center; background-repeat: no-repeat; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-ad::before { content: "Спонсорская новость"; }
section.items div.content>div.news-list .news-main .news-group .news-group-title span.news-is-remember::before { content: "Не забудь!"; }
section.items div.content>div.news-list .news-main .news-group .news-group-line-block { padding: 0; display: block; }
section.items div.content>div.news-list .news-main .news-item-main h3 { font-size: var(--font-size-pi-h-small); color: black; padding: calc(var(--block-margin-x)*2) 0 0 0; margin: 0; width: 100%; text-align: left; }
section.items div.content>div.news-list .news-main .news-item-main h3 a { color: black; text-decoration: none; }
section.items div.content>div.news-list .news-main .news-item-main p { color: var(--color-pi-gray); padding: 0; margin: val(--block-margin-x) 0 0 0; }
section.items div.content>div.news-list .news-main .news-item-main p a { color: var(--color-pi-gray); text-decoration: none; font-size: var(--font-size-pi-small); }
section.items div.content>div.news-list .news-main .news-item-main .news-info-date { padding: var(--block-margin-x) 0; font-size: var(--font-size-pi-small); text-align: left; text-decoration: underline 0.25vh var(--color-pi-gray-vl); text-underline-offset: calc(var(--font-size-pi-small)/2); }
section.items div.content>div.news-list .news-main .news-item-main div.img::after { clear: both; display: block; content: ''; }

section.items div.content>div.news { }
section.items div.content>div.news-list { position: relative; }
section.items div.content>div.news-list .cat-title { margin: 0px 0px 0vh 0px; display: table; box-shadow: var(--block-shadow); z-index: 512; position: relative; width: 100%; }
section.items div.content>div.news-list .cat-title .spacer { }
section.items div.content>div.news-list .cat-title .cat-title-border { display: block; height: var(--block-title-border); background-color: var(--color-pi-red); }
section.items div.content>div.news-list .cat-title .cat-title-line { display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: flex-end; background-color: var(--color-pi-red); }
section.items div.content>div.news-list .cat-title h2 { display: block; font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-red); color: white; padding: var(--block-margin-x) 0; margin: 0; }
section.items div.content>div.news-list .cat-title h2 a { text-decoration: none !important; color: white; display: block; padding: 0 1vh;  }
section.items div.content>div.news-list .cat-title h1 { display: block; font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-blue); color: white; padding: var(--block-margin-x) 0; margin: 0; flex-grow: 1; }
section.items div.content>div.news-list .cat-title h1 a { text-decoration: none !important; color: white; display: block; padding: 0 1vh; }
section.items div.content>div.news-list .cat-title::after { clear: both; display: block; content: ""; }
/*
section.items div.content>div.news .news-cat ul.cat-news-list a { color: black; text-decoration: none; }
section.items div.content>div.news .news-cat ul.cat-news-list { list-style: none; display: flex; flex-wrap: wrap; align-content: space-beetwen; margin: 0; padding: 0; width: 100%; }
section.items div.content>div.news .news-cat ul.cat-news-list li { display: block; margin: 0; flex-basis: 100%; }
section.items div.content>div.news .news-cat ul.cat-news-list li div.cat-news-item { display: grid; margin: 0; grid-template-columns: 1fr 5fr; grid-template-rows: auto auto; width: 100%; }
section.items div.content>div.news .news-cat ul.cat-news-list li div.cat-news-item div.img { grid-row: 1 / 3; }
section.items div.content>div.news .news-cat ul.cat-news-list li div.cat-news-item h3 { grid-row: 1 / 2; margin: 0; padding: 0; }
section.items div.content>div.news .news-cat ul.cat-news-list li div.cat-news-item div.desc { grid-row: 2 / 3; margin: 0; padding: 0; }
section.items div.content>div.news .news-cat ul.cat-news-list li div.cat-news-item div.desc p { margin: 0; padding: 0; }
section.items div.content>div.news .news-cat ul.cat-news-list li div.cat-news-item div.img img { width: 100%; object-fit: cover; aspect-ratio: 16/16; }
*/

section.items div.content>div.news .news-item { position: relative; }
section.items div.content>div.news .news-item .img { position: relative; }
section.items div.content>div.news .news-item .img::after { clear: both; display: block; content: ''; }
section.items div.content>div.news .news-item .img picture { display: block; }
section.items div.content>div.news .news-item .img img.m { background-image: URL(//i.penzainform.ru/icons/ui-loading.svg); background-size: 15%; background-repeat: no-repeat; background-position: center; }
section.items div.content>div.news .news-item .img img.m { float: left; width: 100%; object-fit: cover; margin: 0px; min-height: 240px; border: none; border-bottom: solid 0.0vh var(--color-pi-blue); aspect-ratio: auto 230 / 129; }
section.items div.content>div.news .news-item .img img.m::after { clear: both; display: block; content: ''; }
section.items div.content>div.news .news-item .img.video video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 240px; background-color: var(--color-pi-wnd-background-lite); backdrop-filter: blur(5px) grayscale(100%); }
section.items div.content>div.news .news-item .news-title { margin: 0px 0px 0vh 0px; display: table; box-shadow: var(--block-shadow); z-index: 512; position: relative; width: 100%; }
section.items div.content>div.news .news-item .news-title .spacer { }
section.items div.content>div.news .news-item .news-title .news-title-border { display: block; height: var(--block-title-border); background-color: var(--color-pi-red); }
/*
section.items div.content>div.news .news-item .news-title .news-title-line { display: flex; flex-wrap: nowrap; flex-direction: row-reverse; justify-content: flex-start; background-color: var(--color-pi-red); }
*/
section.items div.content>div.news .news-item .news-title .news-title-line { display: grid; grid-template-columns: 1fr 3fr; background-color: var(--color-pi-red); }
section.items div.content>div.news .news-item .news-title h2 { order: -1; display: block; font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-red); color: white; padding: var(--block-margin-x) 0; margin: 0; }
section.items div.content>div.news .news-item .news-title h2 a { text-decoration: none !important; color: white; display: block; padding: 0 1vh;  }
section.items div.content>div.news .news-item .news-title h1 { order: 1; display: block; font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-blue); color: white; padding: var(--block-margin-x) 0; margin: 0; }
section.items div.content>div.news .news-item .news-title h1 a { text-decoration: none !important; color: white; display: block; padding: 0 1vh; }
section.items div.content>div.news .news-item .news-title::after { clear: both; display: block; content: ""; }
section.items div.content>div.news .news-item .news-info-tags::before { color: var(--color-pi-gray); content: ''; }
section.items div.content>div.news .news-item .news-info-tags { font-size: var(--font-size-pi-small); padding: 0 var(--block-margin-x) var(--block-margin-x) var(--block-margin-x); text-align: left; font-family: var(--font-family-pi-headers); position: relative; }
section.items div.content>div.news .news-item .news-info-tags a { color: var(--color-pi-gray); text-decoration: underline 0.25vh var(--color-pi-gray-vl); text-underline-offset: calc(var(--font-size-pi-small)*0.25); }
section.items div.content>div.news .news-item .news-info { padding: 0vh; }
section.items div.content>div.news .news-item .news-info a { color: var(--color-pi-gray-l); border-bottom: dashed 1px var(--color-pi-gray-l); text-decoration: none; }
section.items div.content>div.news .news-item .news-info-date { padding: var(--block-margin-x); font-size: var(--font-size-pi-small); text-align: left; text-decoration: underline 0.25vh var(--color-pi-gray-vl); text-underline-offset: calc(var(--font-size-pi-small)/2); }
section.items div.content>div.news .news-item .news-info-source { padding: 0 var(--block-margin-x) var(--block-margin-x) var(--block-margin-x); font-size: var(--font-size-pi-small); text-align: left; font-style: italic; }
section.items div.content>div.news .news-item .news-info-source::first-letter { text-transform: uppercase; }
section.items div.content>div.news .news-item .news-text { color: black; }
/* section.items div.content>div.news .news-item .news-text p::first-letter { color: var(--color-pi-red); } */
section.items div.content>div.news .news-item .news-text p { margin: 2vh 0; }
section.items div.content>div.news .news-item .news-text p.c { text-align: center; }
section.items div.content>div.news .news-item .news-text a { text-decoration: none; color: var(--color-pi-blue); border-bottom: dashed 1px var(--color-pi-blue); }
section.items div.content>div.news .news-item .news-text a.internal { text-decoration: none; color: var(--color-pi-blue); border-bottom: solid 1px var(--color-pi-blue); }
section.items div.content>div.news .news-item .news-text img { margin: 0 auto; display: block; width: 100%; max-width: 100%; }
section.items div.content>div.news .news-item .news-text.formated p { margin: 2vh var(--block-margin-x); }
section.items div.content>div.news .news-item .news-text.formated ul { list-style: none; margin: var(--block-margin-x) var(--block-margin-x); padding: 0; }
section.items div.content>div.news .news-item .news-text.formated ul li { margin: var(--block-margin-x) 0; }
section.items div.content>div.news .news-item .news-text.formated ul li::before { content: '— '; }
section.items div.content>div.news div.news-action { margin: calc(var(--block-margin-x) * 3) 0; text-align: center; }
section.items div.content>div.news div.news-action a { text-decoration: none; font-size: 1em; font-weight: bold; color: var(--color-pi-white); background-color: var(--color-pi-blue); padding: 0.75vh 2vh; }

section.items div.content>div.news.press .news-item .news-title .news-title-border { background-color: var(--color-pi-blue-d); }
section.items div.content>div.news.press .news-item .news-title .news-title-line { background-color: var(--color-pi-blue-d); }
section.items div.content>div.news.press .news-item .news-title h2 { background-color: var(--color-pi-blue-d); }
section.items div.content>div.news.press .news-item .news-title h1 { background-color: var(--color-pi-pink-d); }
section.items div.content>div.news.public .news-item .news-title .news-title-border { background-color: var(--color-pi-green-d); }
section.items div.content>div.news.public .news-item .news-title .news-title-line { background-color: var(--color-pi-blue); }
section.items div.content>div.news.public .news-item .news-title h2 { background-color: var(--color-pi-green-d); white-space: nowrap; }
section.items div.content>div.news.public .news-item .news-title h1 { background-color: var(--color-pi-blue); }
section.items div.content>div.news.reasoning .news-item .news-title .news-title-border { background-color: var(--color-pi-gray-l); }
section.items div.content>div.news.reasoning .news-item .news-title .news-title-line { background-color: var(--color-pi-blue); }
section.items div.content>div.news.reasoning .news-item .news-title h2 { background-color: var(--color-pi-gray-l); white-space: nowrap; }
section.items div.content>div.news.reasoning .news-item .news-title h1 { background-color: var(--color-pi-blue); }
section.items div.content>div.news.questions .news-item .news-title .news-title-border { background-color: var(--color-pi-orange); }
section.items div.content>div.news.questions .news-item .news-title .news-title-line { background-color: var(--color-pi-blue); }
section.items div.content>div.news.questions .news-item .news-title h2 { background-color: var(--color-pi-orange); white-space: nowrap; }
section.items div.content>div.news.questions .news-item .news-title h1 { background-color: var(--color-pi-blue); }
section.items div.content>div.news-list.press .cat-title .cat-title-border { background-color: var(--color-pi-blue-d); }
section.items div.content>div.news-list.press .cat-title .cat-title-line { background-color: var(--color-pi-blue-d); }
section.items div.content>div.news-list.press .cat-title h2 { background-color: var(--color-pi-blue-d); }
section.items div.content>div.news-list.press .cat-title h1 { background-color: var(--color-pi-pink-d); }
section.items div.content>div.news-list.public .cat-title .cat-title-border { background-color: var(--color-pi-green-d); }
section.items div.content>div.news-list.public .cat-title .cat-title-line { background-color: var(--color-pi-blue); }
section.items div.content>div.news-list.public .cat-title h2 { background-color: var(--color-pi-green-d); white-space: nowrap; }
section.items div.content>div.news-list.public .cat-title h1 { background-color: var(--color-pi-blue); }
section.items div.content>div.news-list.reasoning .cat-title .cat-title-border { background-color: var(--color-pi-gray-l); }
section.items div.content>div.news-list.reasoning .cat-title .cat-title-line { background-color: var(--color-pi-blue); }
section.items div.content>div.news-list.reasoning .cat-title h2 { background-color: var(--color-pi-gray-l); white-space: nowrap; }
section.items div.content>div.news-list.reasoning .cat-title h1 { background-color: var(--color-pi-blue); }


section.items div.content .block-item { position: relative; }
section.items div.content .block-item .block-title { margin: 0px 0px 0vh 0px; display: table; z-index: 512; position: relative; width: 100%; box-shadow: var(--block-shadow); }
section.items div.content .block-item .block-title .block-title-border { display: table-caption; height: var(--block-title-border); background-color: #f1f1f1; }
section.items div.content .block-item .block-title .block-title-line { display: table-row; }
section.items div.content .block-item .block-title h1 { display: table-cell; font-size: var(--font-size-pi-h-block); background-color: var(--color-pi-gray); color: white; width: 100%; padding: 1vh 10px; }
section.items div.content .block-item .block-title h1 a { text-decoration: none !important; color: white; }
section.items div.content .block-item .block-info { margin: calc(var(--block-margin-x)*2) 0 var(--block-margin-x) 0; }
section.items div.content .block-list { padding: 1vh 0; }
section.items div.content .block-list ul { list-style: none; margin: 0px; padding: 0px; }
section.items div.content .block-list ul li { padding: 0.75vh 0vh; text-indent: 0; }
section.items div.content .block-list ul h2 { color: black; font-size: var(--font-size-pi-h-smalll); margin: 0; padding: 0; }
section.items div.content .block-list ul h2>a { display: block; color: black; text-decoration: none; }
section.items div.content .block-list.flat ul h2>a { float: left; }
section.items div.content .block-list ul h2>a::before { content: '— '; text-decoration: none !important; }
section.items div.content .block-list ul h2>a::after { clear: both; display: block; content: ''; }
section.items div.content .block-list ul h2>span { display: block; color: var(--color-pi-gray); text-decoration: none; float: left; }
section.items div.content .block-list ul h2>span::before { content: ', '; }
section.items div.content .block-list ul h2>span:last-child::after { clear: both; display: block; content: ''; }
section.items div.content .block-list ul .block-list-info { display: block; font-size: var(--font-size-pi-small); padding: 0.5vh 0; color: var(--color-pi-gray-l); }
section.items div.content .block-list ul .block-list-info span::after { content: ', '; }
section.items div.content .block-list ul .block-list-info span:last-child::after { content: ''; }
section.items div.content .block-list ul .block-list-info span a { color: inherit; text-decoration: none; }
section.items div.content .block-list ul .block-list-info span.red { color: var(--color-pi-red); }
section.items div.content .block-list ul .block-list-info span.blue { color: var(--color-pi-blue); }
section.items div.content .block-list ul .block-list-info span.green { color: var(--color-pi-green); }


section.items div.content .block-item .block-info.tags { color: var(--color-pi-gray-l); }
section.items div.content .block-item .block-info.tags p { margin: var(--block-margin-x) 0; }
section.items div.content .block-item .block-info.tags a { color: var(--color-pi-blue); text-decoration-style: dashed; text-underline-offset: 0.45vh; }

div.preloader-state { position: fixed; display: block; z-index: 65537; padding: 1.5vh 1.5vh; background-color: var(--color-pi-wnd-background-lite); backdrop-filter: blur(5px) grayscale(100%); border-radius: 50%; opacity: 1; }
div.preloader-state>span { display: block; margin: 0 auto; width: 6vh; height: 6vh; background-position: center; background-size: cover; background-repeat: no-repeat; align-self: center; border-radius: 0.5vh; background-color: RGBA(0,0,0,0); }
div.preloader-state.complite>span { transform: scale(3); transition: 0.5s ease-in-out; opacity: 0; }
div.preloader-state>span { background-image: URL(//i.penzainform.ru/icons/ui-loading.gray.svg); }

section.items div.content>div.pages { }
section.items div.content>div.pages .page-item { position: relative; }
section.items div.content>div.pages .page-item .img img.m { float: left; width: 100%; object-fit: cover; margin: 0px; min-height: 240px; border: none; border-bottom: solid 0.0vh var(--color-pi-blue); aspect-ratio: auto 230 / 129; }
section.items div.content>div.pages .page-item .page-title { margin: 0px 0px 0vh 0px; display: table; box-shadow: var(--block-shadow); z-index: 512; position: relative; width: 100%; }
section.items div.content>div.pages .page-item .page-title .spacer { }
section.items div.content>div.pages .page-item .page-title .page-title-border { display: table-caption; caption-side: top; height: var(--block-title-border); background-color: var(--color-pi-red); }
section.items div.content>div.pages .page-item .page-title .page-title-line { display: table-row; }
section.items div.content>div.pages .page-item .page-title h2 { display: table-cell; font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-red); color: white; padding: 1vh 10px; max-width: 25%; width: 100%; }
section.items div.content>div.pages .page-item .page-title h2 a { text-decoration: none !important; color: white; }
section.items div.content>div.pages .page-item .page-title h1 { display: table-cell; font-size: var(--font-size-pi-h-big); background-color: var(--color-pi-blue); color: white; width: 100%; max-width: 75%; padding: 1vh 10px; }
section.items div.content>div.pages .page-item .page-title h1 a { text-decoration: none !important; color: white; }
section.items div.content>div.pages .page-item .page-text { color: black; }
section.items div.content>div.pages .page-item .page-text p { margin: 2vh 0; }
section.items div.content>div.pages .page-item .page-text a { text-decoration: none; color: var(--color-pi-blue); border-bottom: dashed 1px var(--color-pi-blue); }
section.items div.content>div.pages .page-item .page-text img { margin: 0 auto; display: block; width: 100%; max-width: 100%; }
section.items div.content>div.pages .page-item div.text { padding: var(--block-margin-x) 0; }
section.items div.content>div.pages .page-item div.text h3 { font-size: var(--font-size-pi-h-medium); margin: calc(var(--font-size-pi-h-medium)) 0 calc(var(--font-size-pi-h-medium)/4) 0; font-weight: bold; }
section.items div.content>div.pages .page-item div.text h2 { font-size: var(--font-size-pi-h-big); margin: calc(var(--font-size-pi-h-big)) 0 calc(var(--font-size-pi-h-big)/4) 0; font-weight: bold; display: block; }
section.items div.content>div.pages .page-item div.text p { padding: calc(var(--block-margin-x)/2) 0; display: block; margin: 0; }

section.items div.content>div.news.questions div.news-text div.question-author { font-style: italic; color: var(--color-pi-gray-l); }
section.items div.content>div.news.questions div.news-text div.question-reply-author { font-style: italic; color: var(--color-pi-gray-l); }

/* Items */
div.main { margin: 0vh auto; width: 100%; max-width: var(--main-width); background-color: white; box-shadow: var(--block-shadow); padding: 0 0 2vh 0; overflow: hidden; }

/* Forms */
section.items div.content>div.item-form { }
section.items div.content>div.item-form div.form { }
section.items div.content>div.item-form div.form h2 { font-size: var(--font-size-pi-h-big); margin: var(--font-size-pi-h-big) 0 calc(var(--font-size-pi-h-big)/4) 0; font-weight: bold; border-bottom: solid 0.5vh white; }
section.items div.content>div.item-form div.form div.form-step div.e { margin-bottom: var(--block-margin-x); }
section.items div.content>div.item-form div.form div.form-step div.e>span { font-size: 90%; display: block; }
section.items div.content>div.item-form div.form div.form-step div.e>span>sup { color: red; }
section.items div.content>div.item-form div.form div.form-step div.e>span>sup::after { color: red; content: '*'; }
section.items div.content>div.item-form div.form div.form-step div.help { background-color: var(--color-pi-gray-ll); padding: var(--block-margin-x); }
section.items div.content>div.item-form div.form div.form-step div.e>input, section.items div.content>div.item-form div.form div.form-step div.e>textarea { width: 100%; box-sizing: border-box; font-size: var(--font-size-pi-h-medium); }
section.items div.content>div.item-form div.form div.form-step div.form-action { text-align: center; margin: calc(var(--block-margin-x)*2) 0; }
section.items div.content>div.item-form div.form div.form-step div.form-action input[type=button] { font-size: var(--font-size-pi-medium); padding: calc(var(--block-margin-x)); }
section.items div.content>div.item-form div.form div.form-step div.form-cb { display: flex; align-items: center; justify-content: center; gap: var(--block-margin-x); padding: calc(var(--block-margin-x)); }
section.items div.content>div.item-form div.form div.form-step label.form-file { position: relative; display: block; margin: var(--block-margin-x) 0; }
section.items div.content>div.item-form div.form div.form-step label.form-file span { position: relative; width: 100%; display: inline-block; cursor: pointer; vertical-align: middle; text-align: center; color: var(--color-pi-black); background-color: var(--color-pi-cyan); font-size: var(--font-size-pi-medium); padding: calc(var(--block-margin-x));  box-sizing: border-box; transition: background-color 0.2s; }
section.items div.content>div.item-form div.form div.form-step label.form-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; }

section.items div.content>div.item-form.questions div.form h2 { border-bottom-color: var(--color-pi-orange); }
section.items div.content>div.item-form.public div.form h2 { border-bottom-color: var(--color-pi-green-d); }

/* Content preloader */
.content-preloader { background-color: gray; height: 0vh; text-align: center; display: block; }
.content-preloader a { color: #3d5087; }
.content-preloader a.prelink { text-decoration: underline !important; }

/* Content share */
.content-share { padding: 2vh 0; margin: 0 auto; width: 26vh; }
.content-share ul { margin: 0; padding: 0; color: rgba(0,0,0,0); display: block; }
.content-share ul li { display: block; width: 4vh; height: 4vh; max-width: 4vh; max-height: 4vh; float: left; margin: 0 0.5vh; padding: 0vh; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; transition: transform .2s; opacity: 0.5; }
.content-share ul li:hover { transform: scale(1.15); opacity: 1; }
.content-share ul li.vk { background-image: URL(//i.penzainform.ru/share-icons/ico-vk.b.svg); }
.content-share ul li.ok { background-image: URL(//i.penzainform.ru/share-icons/ico-ok.b.svg); }
.content-share ul li.tg { background-image: URL(//i.penzainform.ru/share-icons/ico-tg.b.svg); background-size: 85%; }
.content-share ul li.email { background-image: URL(//i.penzainform.ru/share-icons/ico-email.b.svg); background-size: 78%; }
.content-share ul li.whatsapp { background-image: URL(//i.penzainform.ru/share-icons/ico-whatsapp.b.svg); background-size: 85%; }

/* Social icons */
.social-icons { padding: 0vh 0; margin: 0 auto; text-align: center; }
.social-icons ul { margin: 0; padding: 0; color: rgba(0,0,0,0); display: inline-block; }
.social-icons ul li { display: block; width: 4vh; height: 4vh; max-width: 4vh; max-height: 4vh; float: left; margin: 0 0.5vh; padding: 0vh; overflow: hidden;cursor: pointer; transition: transform .2s; opacity: 0.85; }
.social-icons ul li a { display: block; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; text-decoration: none; float: left; }
.social-icons ul li img { width: 4vh; height: 4vh; }
.social-icons ul li:hover { transform: scale(1.15); opacity: 1; }
.social-icons ul::after { clear: both; display: block; content: ''; }

div.block-wc {  padding: var(--block-margin-x) 0; margin: 0; }
div.block-wc p { margin: 0 0 var(--block-margin-x) 0; }

/* Emotion Actions */
.emotion-action { padding: 1.5vh 0 3.75vh 0; margin: calc(var(--block-margin-x)*2) 0 calc(var(--block-margin-x)*2) 0; background-color: var(--color-pi-gray-ll); display: flex; align-items: center; justify-content: center; gap: 0 var(--block-margin-x); user-select: none; user-drag: none; -webkit-tap-highlight-color: transparent; }
.emotion-action div.emotion-action-title { text-align: right;  color: var(--color-pi-gray-l); }
.emotion-action ul { margin: 0; padding: 0; display: block; width: 28h; color: var(--color-pi-transparent); }
.emotion-action ul li { display: block; position: relative; width: 3vh; height: 3vh; max-width: 3vh; max-height: 3vh; float: left; margin: 0 1.5vh; padding: 0vh; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; transition: transform .2s; opacity: 0.85; }
.emotion-action ul li:hover { }
.emotion-action ul li.my { }
.emotion-action ul li.thumbs-up { background-image: URL(//i.penzainform.ru/emotions/flat-thumbs-up.svg); }
.emotion-action ul li.thumbs-down { background-image: URL(//i.penzainform.ru/emotions/flat-thumbs-down.svg); }
.emotion-action ul li.heart { background-image: URL(//i.penzainform.ru/emotions/flat-heart.svg); }
.emotion-action ul li.angry { background-image: URL(//i.penzainform.ru/emotions/flat-angry.svg); }
.emotion-action ul li.cry { background-image: URL(//i.penzainform.ru/emotions/flat-cry.svg); }
.emotion-action ul li.laughing { background-image: URL(//i.penzainform.ru/emotions/flat-laughing.svg); }
.emotion-action ul li sup { display: block; position: absolute; padding: 0.25vh 0; top: 3.5vh; left: 0; width: 100%; text-align: center; color: var(--color-pi-black); font-size: 1.5vh; }
.emotion-action ul li.my sup { font-weight: bold; background-color: var(--color-pi-blue); color: var(--color-pi-white); border-radius: 0.5vh; }

/* UI LIST */
div.block-item div.list { list-style: none; padding: 0 !important; margin: calc(var(--block-margin-x)/2) 0 !important; display: inline-block !important; }
div.block-item div.list div { display: inline-block; margin: 0; padding: 0 !important; text-wrap-mode: nowrap; }
div.block-item div.list div::after { content: ', '; margin-right: var(--block-margin-x); }
div.block-item div.list div:last-child::after { content: ''; }

/* UI PAGER */
div.ui-pager { display: grid; grid-template-columns: 1fr auto 1fr; }
div.ui-pager div.ui-pager-cur { padding: 0 1.5vh; height: 5vh; line-height: 5vh; text-align: center; }
div.ui-pager div.ui-pager-cur a { color: inherit; text-decoration: underline; text-underline-offset: 0.5vh; }
div.ui-pager div.ui-pager-arrow { padding: 1vh 0; }
div.ui-pager div.ui-pager-arrow a { opacity: 0.75; display: block; width: 100%; height: 3vh; overflow: hidden; line-height: 3vh; margin: 0; padding: 0; background-repeat: no-repeat; background-size: contain; background-position: center center; }
div.ui-pager div.ui-pager-arrow a.na { opacity: 0.25 }
div.ui-pager div.ui-pager-arrow-prev { }
div.ui-pager div.ui-pager-arrow-next { }
div.ui-pager div.ui-pager-arrow-prev a { background-position: center right; background-image: url(//i.penzainform.ru/icons/ui-pager-prev.svg); }
div.ui-pager div.ui-pager-arrow-next a { background-position: center left; background-image: url(//i.penzainform.ru/icons/ui-pager-next.svg); }

/* AD W/H CALC */
div.ad { font-size: 3vh; text-align: center; color: white; font-weight: bold; background: var(--color-pi-white); }
div.ad.ad-ctx { width: 100%; max-height: 65vw; background-color: var(--color-pi-white); }
div.head-top>div.container>div.content>div.ad { overflow: hidden; background-color: var(--color-pi-white); }
div.ad.ad-thread { margin-left: var(--block-margin-x); width: calc(100% - var(--block-margin-x)*2); max-width: calc(100% - var(--block-margin-x)*2); max-height: 8vh; background-color: var(--color-pi-white); }
div.ad.ad-thread .ad-ctx { margin: var(--block-margin-x) 0; max-height: 8vh; height: 8vh; }
div.ad.ad-block-list .ad-ctx { margin: var(--block-margin-x) 0; max-height: 8vh; height: 8vh; }
div.ad.ad-vertical { overflow: hidden; margin: 0 var(--block-margin-x); width: calc(100% - var(--block-margin-x)*2); max-width: calc(100% - var(--block-margin-x)*2); background-color: red; }
div.ad a { display: block; width: 100%; height: 100%; }
div.ad img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; float: left; }
div.ad img::after { clear: both; display: block; content: ''; }

.grecaptcha-badge { visibility: hidden !important; }