:root {
	--invert: 0;
	--main-bg: #fff;
	--main-color: #111;
	--main-color-alt: #fff;
	--header-bg: #cc6600;
	--header-gradient: linear-gradient(0deg, #c46200 50%, #eda15b 100%);
	--logo-opacity: .95;
	--footer-bg: #c46200;
	--content-area-bg1: #f7f7f7;
	--content-area-bg2: #f1f1f1;
	--link-hover-color1: #666;
	--link-hover-color2: #c46200;
	--light-text-color1: #666;
	--light-text-color2: #999;
	--highlight-line: #e8e8e8;
	--block-header-bg: #333;
	--block-header-color: #fff;
	--border-color1: #ccc;
	--border-color2: #898989;
	--in-content-block-bg: #fff;
	--in-content-block-color: #111;
	--input-bg: #fff;
	--btn-bg1: #e8e8e8;
	--btn-bg2: #37884a;
	--btn-color2: #fff;
	--pagelist-item-bg: #e8e8e8;
	--pagelist-item-color: #111;
	--pagelist-item-active-bg: #c46200;
	--pagelist-item-active-color: #fff;
	--menu-color1: #fff;
	--menu-color2: #111;
	--menu-toggle-btn: #fff;
	--menu-underline-color: #fff;
	--menu-bg1: transparent; /*no use*/
	--menu-bg2: #fff;
	--menu-bg1-hover: transparent; /*no use*/
	--menu-bg2-hover: #eee;
	/* icons */
	--menu-arrow: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIuMDAyIDUxMi4wMDIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyLjAwMiA1MTIuMDAyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zODguNDI1IDI0MS45NTEtMjM2LjgxNi0yMzYuMTYxYy03Ljc1OS03LjczMy0yMC4zMjEtNy43Mi0yOC4wNjcuMDQtNy43NCA3Ljc1OS03LjcyIDIwLjMyOC4wNCAyOC4wNjdsMjIyLjcyIDIyMi4xMDUtMjIyLjcyOCAyMjIuMTA0Yy03Ljc1OSA3Ljc0LTcuNzc5IDIwLjMwMS0uMDQgMjguMDYxIDMuODgzIDMuODkgOC45NyA1LjgzNSAxNC4wNTcgNS44MzUgNS4wNzQgMCAxMC4xNDEtMS45MzIgMTQuMDE3LTUuNzk1bDIzNi44MTctMjM2LjE1NWMzLjczNy0zLjcxOCA1LjgzNC04Ljc3OCA1LjgzNC0xNC4wNXMtMi4xMDMtMTAuMzI2LTUuODM0LTE0LjA1MXoiIGZpbGw9IiMxMTExMTEiLz48L3N2Zz4K");
	--menu-tree: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+PHBhdGggZD0iTTEwLjU5NiA4LjIzYS42OC42OCAwIDAgMC0uMjItLjUyNUw0LjkyOCAyLjcxN2MtLjA0NC0uMDY2LS4xMzItLjA2Ni0uMjItLjA2Ni0uMzA4IDAtLjM5NS4zMjgtLjM5NS41OTF2OS45MDljMCAuMzI4LjA4OC41OTEuMzk1LjU5MS4wODggMCAuMTMyIDAgLjIyLS4wNjZsNS40NDktNC45MjJjLjExOS0uMTA3LjIyLS4zMTIuMjItLjUyNXoiIGZpbGw9IiMwMDExMTAiLz48L3N2Zz4K");
	--menu-tree-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+PHBhdGggZD0iTTYuNzMgMTAuNTYyYS42OC42OCAwIDAgMCAuNTI1LS4yMmw0Ljk4Ny01LjQ0OWMuMDY2LS4wNDQuMDY2LS4xMzIuMDY2LS4yMiAwLS4zMDgtLjMyOC0uMzk1LS41OTEtLjM5NUgxLjgwOWMtLjMyOCAwLS41OTEuMDg4LS41OTEuMzk1IDAgLjA4OCAwIC4xMzIuMDY2LjIybDQuOTIyIDUuNDQ5Yy4xMDcuMTE5LjMxMi4yMi41MjUuMjJ6IiBmaWxsPSIjMDAxMTEwIi8+PC9zdmc+Cg==");
	--icon-qrcode: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5wgEFAAOhBB7pwAAADh0RVh0Q29tbWVudABRUiBjb2RlIGljb24uIFZlY3RvciBpbGx1c3RyYXRpb24gaW4gZmxhdCBkZXNpZ27CYT1WAAAAu0lEQVQ4y61TQRLEIAhLGH7k/9/GXpYOUhTdWS6C2pBgyjGGASAAE08AQDwBAPo1+W6Y5KMpHCkGGXoh4jC0mrq8MCe8anNmiyYiTdutkvuu1ngxI3n+Gm9G8px5vpWgB10bxY9QLXixqEvVVc1KdVnrAdr02BZnVqAvOTJ9iBXHlyM7jry22WGY4M+RLWGdNZpzyuZC5z2uGGLn6ttz/XFUvAVczazbhxam20myBtj0VMrpz6edhNvH+QDpijiNfbicdwAAAABJRU5ErkJggg==");
	--icon-dl: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkuODc0IiBoZWlnaHQ9IjY5LjM3NyIgdmlld0JveD0iMCAwIDE4LjQ4NyAxOC4zNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6LjI2NTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTTEzMy45MjQgMTY0LjQ4NmMtLjg1Ny4wMDMtMS44MDUuMDY3LTIuMjU2LjUyNS0uMjguMjgzLS40MTQuNjk4LS40MTQgMS4xMDd2Ni4xMDNsLTMuNDkzLjAzNiA2Ljk2OCA3LjAzNyA2Ljk2OC03LjAzNy0zLjQ5My0uMDM2di02LjEwM2MwLS40MS0uMTM1LS44MjQtLjQxNC0xLjEwNy0uNjAyLS42MS0yLjA4Ny0uNTItMy4wNjEtLjUyLS4yNDQgMC0uNTItLjAwNy0uODA1LS4wMDZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1LjQ4NSAtMTY0LjQ4NikiLz48cGF0aCBzdHlsZT0iZmlsbDojZmZmO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDouMjY0NTgzcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTTEyNS40ODUgMTc3LjkxOHYzLjI5NGMuMDA2LjgwOC44NSAxLjYzIDEuNTExIDEuNjNoMTUuNDY2Yy42NjEgMCAxLjUwNC0uODIyIDEuNTEtMS42M3YtMy4yOTRsLTEuMzEuMDEyYzAgMS4wNTMtLjAwMyAyLjA5MyAwIDIuODk0IDAgLjM2LS4zNS41ODYtLjU5MS41ODdoLTE0LjY4NGMtLjI0Mi4wMDItLjU5MS0uMjI3LS41OTEtLjU4Ny4wMDMtLjggMC0xLjg0MSAwLTIuODk0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNS40ODUgLTE2NC40ODYpIi8+PC9zdmc+");
	--icon-sdl: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkuODc0IiBoZWlnaHQ9IjY5LjM3NyIgdmlld0JveD0iMCAwIDE4LjQ4NyAxOC4zNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3R5bGU9ImZpbGw6IzMzMztmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6LjI2NTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTTEzMy45MjQgMTY0LjQ4NmMtLjg1Ny4wMDMtMS44MDUuMDY3LTIuMjU2LjUyNS0uMjguMjgzLS40MTQuNjk4LS40MTQgMS4xMDd2Ni4xMDNsLTMuNDkzLjAzNiA2Ljk2OCA3LjAzNyA2Ljk2OC03LjAzNy0zLjQ5My0uMDM2di02LjEwM2MwLS40MS0uMTM1LS44MjQtLjQxNC0xLjEwNy0uNjAyLS42MS0yLjA4Ny0uNTItMy4wNjEtLjUyLS4yNDQgMC0uNTItLjAwNy0uODA1LS4wMDZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI1LjQ4NSAtMTY0LjQ4NikiLz48cGF0aCBzdHlsZT0iZmlsbDojMzMzO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDouMjY0NTgzcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MTtmaWxsLW9wYWNpdHk6MSIgZD0iTTEyNS40ODUgMTc3LjkxOHYzLjI5NGMuMDA2LjgwOC44NSAxLjYzIDEuNTExIDEuNjNoMTUuNDY2Yy42NjEgMCAxLjUwNC0uODIyIDEuNTEtMS42M3YtMy4yOTRsLTEuMzEuMDEyYzAgMS4wNTMtLjAwMyAyLjA5MyAwIDIuODk0IDAgLjM2LS4zNS41ODYtLjU5MS41ODdoLTE0LjY4NGMtLjI0Mi4wMDItLjU5MS0uMjI3LS41OTEtLjU4Ny4wMDMtLjggMC0xLjg0MSAwLTIuODk0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNS40ODUgLTE2NC40ODYpIi8+PC9zdmc+");
	--icon-www: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCA2NC43MjcgNTEyIDQ0OC40NjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZGF0YS1nbHlwaD0id2ViIiBkPSJNMzQ5IDE0OXEzIDI1IDMgNDN0LTMgNDNoNzJxNi0yMyA2LTQzdC02LTQzaC03MnpNMzExIDMxcTE5IDM1IDMwIDc2aDYzcS0xNi0yNy0zOS41LTQ2LjVUMzExIDMxem0tNSAxMThIMjA2cS0zIDIzLTMgNDN0MyA0M2gxMDBxMy0yNSAzLTQzdC0zLTQzek0yNTYgMjJxLTI4IDQxLTQxIDg1aDgycS0xMy00NC00MS04NXptLTg1IDI1NWgtNjNxMTYgMjcgMzkuNSA0Ni41VDIwMSAzNTNxLTE4LTMzLTMwLTc2em0tNjMtMTcwaDYzcTEyLTQzIDMwLTc2LTMwIDEwLTUzLjUgMjkuNVQxMDggMTA3em0tMTcgNDJxLTYgMjMtNiA0M3Q2IDQzaDcycS0zLTI1LTMtNDN0My00M0g5MXptMTY1IDIxM3EyOC00MSA0MS04NWgtODJxMTMgNDQgNDEgODV6bTE0OC04NWgtNjNxLTExIDQxLTMwIDc2IDMwLTEwIDUzLjUtMjkuNVQ0MDQgMjc3ek0yNTYgNDA1cS01OCAwLTEwNy0yOC41VDcxLjUgMjk5IDQzIDE5MnEwLTQyIDE2LTgxLjVUMTA1IDQxdDY5LjUtNDZUMjU2LTIxdDgxLjUgMTZUNDA3IDQxdDQ2IDY5LjUgMTYgODEuNS0xNiA4MS41LTQ2IDY5LjUtNjkuNSA0Ni04MS41IDE2eiIgc3R5bGU9ImZpbGw6IzMzMyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA0ODAuMzY0KSIvPjwvc3ZnPg==");
	--icon-more: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwIiBoZWlnaHQ9IjgwMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNSAxMmEzIDMgMCAxIDEtNiAwIDMgMyAwIDAgMSA2IDB6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHlsZT0ic3Ryb2tlOiNmZmY7c3Ryb2tlLW9wYWNpdHk6MSIvPjxwYXRoIGQ9Ik0xMi4wMDEgNUM3LjUyNCA1IDMuNzMzIDcuOTQzIDIuNDYgMTJjMS4yNzQgNC4wNTcgNS4wNjUgNyA5LjU0MiA3IDQuNDc4IDAgOC4yNjgtMi45NDMgOS41NDItNy0xLjI3NC00LjA1Ny01LjA2NC03LTkuNTQyLTd6IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHlsZT0iZmlsbC1vcGFjaXR5OjE7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS1vcGFjaXR5OjEiLz48L3N2Zz4K");
	--icon-arrow: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTYgMjU2IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTc5LjA5MyAwLTMwLjE4NiAzMC4xODcgOTcuODEzIDk3LjgxMy05Ny44MTMgOTcuODEzIDMwLjE4NiAzMC4xODcgMTI4LTEyOHoiIGZpbGw9IiMzMzMiLz48L3N2Zz4K");
}
@media (prefers-color-scheme: dark) {
	:root {
		--invert: 1;
		--main-bg: #0f0f0f;
		--main-color: #f1f1f1;
		--main-color-alt: #e1e1e1;
		--header-bg: #152e42;
		--header-gradient: linear-gradient(0deg, #152e42 50%, #204564 100%);
		--logo-opacity: .75;
		--footer-bg: #152e42;
		--content-area-bg1: #272727;
		--content-area-bg2: #222;
		--link-hover-color1: #fff;
		--link-hover-color2: #53728e;
		--light-text-color1: #b1b1b1;
		--light-text-color2: #606060;
		--highlight-line: #53728e;
		--block-header-bg: #152e42;
		--block-header-color: #fff;
		--border-color1: #898989;
		--border-color2: #898989;
		--in-content-block-bg: #383838;
		--in-content-block-color: #e1e1e1;
		--input-bg: #383838;
		--btn-bg1: #222;
		--btn-bg2: #487d48;
		--btn-color2: #f1f1f1;
		--pagelist-item-bg: #383838;
		--pagelist-item-color: #f1f1f1;
		--pagelist-item-active-bg: #f1f1f1;
		--pagelist-item-active-color: #272727;
		--menu-color1: #e1e1e1;
		--menu-color2: #e1e1e1;
		--menu-toggle-btn: #e1e1e1;
		--menu-underline-color: #e1e1e1;
		--menu-bg1: transparent; /*no use*/
		--menu-bg2: #383838;
		--menu-bg1-hover: transparent; /*no use*/
		--menu-bg2-hover: #444;
	}
}
/* cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(font/roboto_v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(font/roboto_v30/KFOlCnqEu92Fr1MmSU5fBBc4.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;
}
/* cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(font/roboto_v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(font/roboto_v30/KFOmCnqEu92Fr1Mu4mxK.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;
}
/* cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url(font/roboto_v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url(font/roboto_v30/KFOlCnqEu92Fr1MmEU9fBBc4.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;
}
/* cyrillic */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(font/roboto_v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(font/roboto_v30/KFOlCnqEu92Fr1MmWUlfBBc4.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;
}

*, *::after, *::before {
    box-sizing: border-box;
}
html {
	margin: 0px;
	overflow: auto;
}
body {
	background: var(--main-bg);
	color: var(--main-color);
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	/*letter-spacing: 0.3px;*/
	text-rendering: optimizelegibility;
	line-height: 1.3;
	margin: 0px;
	padding: 0;
}
div {
	text-align: left;
}
a, a:visited, a:active {
	color: var(--main-color);
	transition: all linear .1s;
}
a:hover {
	color: var(--main-color);
	text-decoration: none;
}
b, strong {
	font-weight: 500;
}
img {
	border: 0;
}
b, strong {
	font-weight: 700;
}
hr {
	margin: 30px 0;
	height: 0;
	border: none;
	border-top: 1px solid var(--border-color1);
}
.container {
	width: 100%;
	padding: 0 5px;
	margin: 0 auto;
	max-width: 720px;
	min-width: 300px;
	background-color: var(--main-bg);
}
@media (min-width: 576px) {
	.container {
		/*max-width: 540px;*/
	}
}
@media (min-width: 811px) {
	/*@media (min-width: 768px) {*/
	.container {
		max-width: 810px;
		padding: 0 15px;

	}
}
@media (min-width: 992px) {
	.container {
		max-width: 950px;
		padding: 0 15px;
	}
}
@media (min-width: 1090px) {
	.container {
		max-width: 1450px;
		padding: 0 15px;
	}
}
html.lock-scroll {
	overflow-y: hidden !important;
}
html.lock-scroll > body {
	overflow-y: scroll !important;
}
textarea {
	background: var(--input-bg);
	border: 1px solid var(--border-color2);
	color: var(--main-color);
	margin: 0 0 3px 0;
	max-width: 100%;
}
select {
	background: var(--input-bg);
	border: 1px solid var(--border-color2);
	color: var(--main-color);
	margin: 0 0 3px 0;
	padding: 5px 10px;
	max-width: 100%;
}
input, button {
	border: 1px solid var(--border-color2);
	border-radius: 2px;
	color: var(--main-color);
	margin: 0 0 3px 0;
	padding: 5px 10px;
	max-width: 100%;
}
input {
	background: var(--input-bg);
}
button {
	background: var(--btn-bg1);
}
.btn {
	background: var(--btn-bg1);
	cursor: pointer;
	display: inline-block;
	border: none;
	border-radius: 2px;
	color: var(--main-color);
	margin: 0;
	padding: 5px 10px;
	max-width: 100%;
	text-decoration: none;
}

input[type="submit"], button:hover {
	cursor:pointer
}
ul {
	/*padding-left: 20px;*/
}
h1 {
	font-size: 18px;
	font-weight: 500;
	color: var(--main-color);
	padding: 0;
	margin: 15px 0;
}
#content {
	margin: 20px 0 0 0;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#row_left {
	/*position: sticky;*/
	top: 0;
	width: 17%;
	padding: 0 6px 0 0;
	overflow: hidden;
	order: 0;
}
#row_center {
	width: 63%;
	order: 1;
}
#row_right {
	width: 20%;
	padding: 0 0 0 6px;
	order: 2;
}
footer {
	margin: 25px 0 0 0;
	background: var(--footer-bg);
	overflow: auto;
	clear: both;
	color: var(--main-color-alt);
	font-size: 12px;
	padding: 0 0 0 20px;
}
footer a, footer a:visited, footer a:active {
	color: var(--main-color-alt);
	transition: all linear .1s;
	font-weight: 500;
}
footer a:hover {
	color: var(--main-color-alt);
	text-decoration: none;
}
footer .bottomad {
	box-sizing: border-box;
	/*padding: 3px 100px 0 100px;*/
	/*width: 80%;*/
	/*text-align: center;*/
	/*float: left;*/
	font-size: 10px;
	/*color: var(--main-color-alt);*/
	margin-bottom: 10px;
}
footer .bottomad a,
footer .bottomad a:visited,
footer .bottomad a:active {
	/*color: var(--main-color-alt);*/
	text-decoration: none;
}
footer .bottomad a:hover {
	text-decoration: underline;
}
footer .copy {
	margin: 10px 0;
}
footer .copy p {
	margin: 5px 0;
}
footer .links {
	margin: 20px 0;
}
footer .links ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	/*display: flex;*/
	/*align-items: center;*/
}
footer .links ul > li {
	padding: 0 10px;
	/*vertical-align: middle;*/
	display: inline-block;
	border-left: 1px solid var(--border-color1);
}
footer .links ul > li:first-child {
	border: none;
	padding-left: 0;
}
@media (max-width: 551px) {
	footer .links ul {
		display: block;
	}
	footer .links ul > li {
		margin: 10px 0;
		display: block;
		border: none;
		padding: 0;
	}
}
.hmenu {
	padding: 5px;
	font-size: 15px;
	font-weight: 400;
	color: var(--block-header-color);
	background-color: var(--block-header-bg);
	clear: both;
}
.hmenu:first-child {
	border-radius: 2px 2px 0 0;
}
#side-menu.menu {
	/*border-top: 1px solid var(--border-color1);*/
}
#side-menu.menu {
	background: var(--content-area-bg1);
}
.rmenu {
	padding: 10px;
	background: var(--content-area-bg1);
}
.gmenu {
	padding: 10px;
	background: var(--content-area-bg1);
}
.gmenu, .gmenu a {
	text-decoration: none;
}
.gmenu a:hover {
	color: var(--link-hover-color1);
}
.user-menu {
	background: var(--content-area-bg1);
	display: flex;
}
.user-menu ul {
	margin: -5px 0 0 0;
	padding: 0;
}
.user-menu ul li {
	list-style: none;
	margin: 3px 0;
}
.user-menu ul li span {
	white-space: nowrap;
}
.user-menu,
.user-menu a {
	font-size: 13px;
	line-height: 1.15;
	text-decoration: none;
}
.user-menu a:hover {
	text-decoration: underline;
}
.user-menu .avatar {
	margin-right: 10px;
}
.user-menu .avatar img {
	display: block;
	margin: 0;
	max-width: 100%;
}

.path {
	padding: 5px;
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	color: var(--block-header-color);
	background-color: var(--block-header-bg);
}
.path a,
.path a:visited,
.path a:active {
	color: var(--block-header-color);
	text-decoration: none;
}
.path a:hover {
	text-decoration: underline;
}
.path:first-child {
	border-radius: 2px 2px 0 0;
}
.path:last-child {

}
.headline {
	border-bottom: 1px solid var(--border-color1);
	padding: 15px 0;
	background: var(--content-area-bg1);
	text-align: center;
}
.headline h1 {
	margin: 5px 0;
}
.pagelist {
	color: var(--light-text-color2);
	/*font-weight: 300;*/
	font-size: 16px;
	padding: 15px;
	/*letter-spacing: -1px;*/
	background: var(--content-area-bg1);
	text-align: center;
}
#pagelist_top {
	border-bottom: 1px solid var(--border-color1);
	/*margin-bottom: 15px;*/
}
#pagelist_bottom {
	border-bottom: 1px solid var(--border-color1);
}
.pagelist .abc span, .pagelist .add span,
.pagelist .abc a, .pagelist .add a {
	color: var(--pagelist-item-color);
	background-color: var(--pagelist-item-bg);
	text-decoration: none;
	display: inline-block;
	min-width: 20px;
	padding: 2px 5px;
	text-align: center;

	border-radius: 2px;
	margin-bottom: 10px;
}
.pagelist .abc span, .pagelist .add span {
	opacity: .3;
	background-color: transparent;
	pointer-events: none;
}
.pagelist .abc span:hover, .pagelist .add span:hover,
.pagelist .abc a:hover, .pagelist .add a:hover {
	opacity: .7;
}
.pagelist .abc a.active, .pagelist .add a.active {
	color: var(--pagelist-item-active-color);
	background-color: var(--pagelist-item-active-bg);
}
.pagelist .abc {
	text-align: center;
	margin: 10px 0;
}
.pagelist .add {
	text-align: center;
	margin: 10px 0;
}
.pagelist .num a.active {
	color: var(--pagelist-item-active-color);
	background-color: var(--pagelist-item-active-bg);
}
.pagelist .num a {
	color: var(--main-color);
	text-decoration: none;
	display: inline-block;
	min-width: 20px;
	padding: 2px 5px;
	text-align: center;
	border-radius: 2px;
	margin: 0 1px 10px 1px;
}
.pagelist .num a:hover {
	background-color: var(--pagelist-item-bg);
}
.pagelist .num a.active:hover {
	background-color: var(--pagelist-item-active-bg);
	opacity: .7;
}
.pagelist .num {
	margin: 10px 0 0;
	text-align: center;
}
.fcontainer {
	border-bottom: 1px solid var(--border-color1);
	padding: 0 15px;
	overflow: hidden;
	background: var(--content-area-bg1);
}
.ncontainer:first-child {
	border-top: 1px solid var(--border-color1);
}
.rheader {
	margin: 10px 0;
	font-weight: 500;
	clear: both;
	font-size: 18px;
}
.rheader > h1 {
	margin: 0;
	font-size: 18px;
}
.rheader a {
	text-decoration: none;
}
.rheader a:hover {
	color: var(--main-color);
	text-decoration: underline;
}
.fheader {
	margin: 10px 0;
	font-weight: 500;
	font-size: 18px;
	clear: both;
}
.fheader > img {
	vertical-align: middle;
}
.fheader a {
	vertical-align: middle;
	text-decoration: none;
}
.fheader a:hover {
	color: var(--main-color);
	text-decoration: underline;
}
.fheader > h1 {
	margin: 0;
}
.fheader img {
	margin: 0;
}
.atitles {
	margin: -7px 0 10px;
}
.atitles > div {
	display: inline-block;
	margin-right: 10px;
	/*font-size: 14px;*/
}
.acontainer {
	border-bottom: 1px solid var(--border-color1);
	padding: 15px;
	text-align: center;
	background: var(--content-area-bg1);
}
.acontainer .fheader {
	margin-top: 0;
}
.acontainer .ftext {
	overflow: auto;
}
.acontainer .ftext img {
	max-width: 100%;
}
.ftext, .ntext {
	margin: 10px 0 0;
}
.fcontainer .description .picture {
	/*border: 1px solid var(--border-color2);*/
	background-color: #000;
	margin: 10px 10px 2px 0;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.fcontainer .description .picture.resize img {
	width: 100%;
	height: auto;
}
.fcontainer .description .picture  {
	/*max-width: 100%;*/
}
.fcontainer .description {
	clear: both;
	overflow: hidden;
	margin: -10px 0 10px 0;
}
ul.finfo  {
	margin: 10px 0;
	padding: 0;
}
.finfo li,
.finfo li a,
.finfo li a:hover {
	list-style: none;
}
.lnews > p {
	margin: 5px 0;
}
.ntext img {
	margin: 5px;
	max-width: 100%;
	height: auto !important;
}
.pinfo {
	float: left;
}
.fllinks {
	margin-top: -10px;
	padding: 10px;
	clear: both;
}
.fllinks a,
.fllinks a:visited,
.fllinks a:active {
	color: var(--main-color);
	text-decoration: none;
}
.fllinks a:hover {
	color: var(--main-color);
	text-decoration: underline;
}
.fllinks p {
	margin: 5px 0;
}
.rating {
	margin: 15px 0;
	clear: both;
}
.rating_info {
	margin: 15px 0;
	clear: both;
}
.filelist {
	margin: 15px 0;
	padding: 10px 15px;
	max-height: 150px;
	clear: both;
	overflow: auto;
	border: 1px solid var(--border-color2);
	background: var(--in-content-block-bg);
	color: var(--in-content-block-color);
	font-size: 14px;
}
.filelist a,
.filelist a:visited,
.filelist a:active {
	text-decoration: none;
	color: var(--in-content-block-color);
}
.filelist a:hover {
	text-decoration: underline;
}
.faddfunc {
	padding: 10px 0;
	font-weight: 600;
	text-align: right;
	clear: both;
}
.faddfunc a {
	text-decoration: none;
}
.faddfunc a:hover {
	text-decoration: underline;
}
.fbottom {
	margin: 10px 0;
	padding: 7px 0;
	clear: both;
	background-color: var(--content-area-bg2);
	border-radius: 2px;
}
.fbottom ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	align-items: center;
}
.fbottom ul > li {
	padding: 0 10px;
	vertical-align: middle;
	display: inline-block;
	border-left: 1px solid var(--border-color1);
}
.fbottom ul > li:first-child,
.fbottom ul > li:last-child {
	border-left: none;
}
.fbottom ul > li.download {
	flex-grow: 1;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.fbottom ul > li .btn-rqc {
	width: 30px;
	filter: invert(var(--invert));
	background-color: transparent;
	background-image: var(--icon-qrcode);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	image-rendering: pixelated;
	transition: opacity linear .2s;
}
.fbottom ul > li .btn-sdl {
	width: 30px;
	filter: invert(var(--invert));
	background-color: transparent;
	background-image: var(--icon-sdl);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	transition: opacity linear .2s;
}
.fbottom ul > li .btn-www {
	width: 30px;
	filter: invert(var(--invert));
	background-color: transparent;
	background-image: var(--icon-www);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	transition: opacity linear .2s;
}
.fbottom ul > li .btn-dl {
	margin-left: 5px;
	color: var(--main-color-alt);
	background-color: var(--btn-bg2);
	background-image: var(--icon-dl);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 17px;
	padding-left: 34px;
	transition: opacity linear .2s;
}
.fbottom ul > li .btn-more {
	margin-left: 5px;
	color: var(--main-color-alt);
	background-color: var(--btn-bg2);
	background-image: var(--icon-more);
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 17px;
	padding-left: 34px;
	transition: opacity linear .2s;

}
.fbottom ul > li .btn-rqc:hover,
.fbottom ul > li .btn-sdl:hover {
	opacity: .8;
}

.bcontent {
	padding: 13px 0 10px 0;
	text-align: center;
	background: var(--content-area-bg1);
}
.bcontent a {
	color: var(--main-color);
}
.lcontainer {
	padding: 10px;
	background: var(--content-area-bg1);
	clear: both;
	overflow: auto;
}
.lheader {
	font-size: 12px;
	line-height: 1.1;
	color: var(--main-color);
	margin: 2px 0 2px 0;
	clear: both;
	overflow: auto;
}
.lhname {
	width: 78%;
	float: left;
}
.lhdwnl {
	width: 11%;
	float: left;
}
.lhsize {
	width: 11%;
	float: left;
}
.lcol {
	padding-left: 10px;
	clear: both;
	overflow: auto;
	border: 1px;
	padding: 5px 0;
}
.lcol a,
.lcol a:visited,
.lcol a:active {
	color: var(--main-color);
	text-decoration: none;
}
.lcol a:hover {
	color: var(--main-color);
	text-decoration: underline;
}
#lactiv {
	background: var(--highlight-line);
}
.lcname {
	padding-left: 5px;
	width: 80%;
	float: left;
}
.lcdwnl {
	width: 10%;
	float: left;
}
.lcsize {
	width: 10%;
	float: left;
}
.subcat {
	padding: 30px 5px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid var(--border-color1);
	background: var(--content-area-bg1);
}
.subcat img {
	border: 1px solid var(--border-color2);
	margin: 0 5px 0 5px;
}
.subcat,
.subcat a {
	text-decoration: none;
}
.subcat a:hover {
	text-decoration: underline;
}
.info {
	padding: 15px;
	text-align: justify;
	border-bottom: 1px solid var(--border-color1);
	clear: both;
	background: var(--content-area-bg1);
}
.info p {
	margin: 10px 0;
}
.tags-list {
	padding: 15px;
	text-align: center;
	border-bottom: 1px solid var(--border-color1);
	clear: both;
	background: var(--content-area-bg1);
	font-size: 16px;
}
.tags-list a {
	color: var(--pagelist-item-color);
	background-color: var(--pagelist-item-bg);
	text-decoration: none;
	display: inline-block;
	min-width: 20px;
	padding: 2px 5px;
	text-align: center;
	border-radius: 2px;
	margin: 0 5px 10px;
}
.tags-list a:hover {
	opacity: .7;
}
.tags-list a.active {
	color: var(--pagelist-item-active-color);
	background-color: var(--pagelist-item-active-bg);
}

.reg_link {
	margin: 10px 0;
	color: var(--light-text-color1);
}
.reg_link a,
.reg_link a:visited,
.reg_link a:active {
	color: var(--light-text-color1);
}
.form-block .form-group {
	margin: 5px 0;
}
.form-block .form-group label {
}
.form-block .form-group input {
	width: 100%;
}
.rmenu .form-block input,
.gmenu .form-block input {
	max-width: 170px;
}

.elform {
	padding: 20px 15px;
	clear: both;
	background: var(--content-area-bg1);
}
.elform fieldset {
	border: solid 1px var(--border-color2);
	padding: 0 10px 10px;
}
.elform legend {
	color: var(--main-color);
	background:inherit;
}
.elform label {
	float: left;
	width: 120px;
	margin-right: 5px;
	text-align: right;
}
.elform textarea {
	width: 415px;
}
.elform input {
	width: 150px;
}
.elform .noresize {
	width: auto;
}
.message {
	padding: 15px;
	text-align: center;
	background: var(--content-area-bg1);
	clear: both;
}
.message fieldset {
	border: solid 1px var(--border-color2);
	padding: 15px 10px 20px;
}
.message legend {
	text-align: left;
	color: var(--main-color);
	background:inherit;
}
#row_right .sidebar {
	padding: 20px 0;
	background: var(--content-area-bg1);
	overflow: hidden;
}
#row_right #rightad {
	font-size: 10px;
	text-align: center;
	color: var(--light-text-color1);
	padding: 10px;
	background: var(--content-area-bg1);
}
#row_right #rightad a,
#row_right #rightad a:visited,
#row_right #rightad a:active {
	color:var(--light-text-color1);
	text-decoration: none;
}
#row_right #rightad a:hover {
	text-decoration: underline;
}
.sinfo {
	overflow: hidden;
	padding: 10px;
	background: var(--content-area-bg1);
}
.sinfo, .sinfo a {
}
.sinfo p {
	margin: 5px 0;
}
.rand_screenshot,
.rand_video {
	padding: 15px 10px;
	background: var(--content-area-bg1);
	text-align: center;
}
.rand_screenshot img,
.rand_video img {
	image-rendering: pixelated;
	max-width: 300px;
}
.rand_screenshot p {
	font-size: 12px;
	margin: 5px;
}
.rand_screenshot p > span {
	color: var(--light-text-color2);
	font-size: 11px;
}
.lfiles {
	padding: 10px;
	background: var(--content-area-bg1);
}
.lfiles,
.lfiles a {
	text-decoration: none;
}
.lfiles a:hover {
	text-decoration: underline;
}
.lfiles img {
	margin-bottom: 1px;
}
.lfiles > .item {
	margin: 2px 0;
}
/* forum recent posts */
.lposts {
	padding: 10px;
	background: var(--content-area-bg1);
}
.lposts span {
	font-size: 11px;
	color: var(--light-text-color2);
}
.lposts a {
	text-decoration: none;
	/*color: var(--light-text-color1);*/
}
.lposts a:hover {
	text-decoration: underline;
}
.lposts p {
	margin: 3px 0;
	word-wrap: break-word;
}
.menu_block {
	padding: 0 0 2px 5px;
}
.nhcontainer {
	margin: 5px 0 5px -10px;
	overflow: visible;
}
.navatar {
	float: left;
	margin: 0 5px 0 0;
	width: 40px;
	height: 40px;
}
.nheadline {
	font: 600 18px Roboto, sans-serif;
	clear: right;
}
.ndate {

}
.ndate a {
	text-decoration: none;
}
.ndate a:hover {
	text-decoration: underline;
}
.ndate > span {
	font-size: 11px;
	color: var(--light-text-color1);
}
.nbottom {
	margin: 10px 0;
	clear: both;
	font-weight: 500;
}
.nbottom a {
	font-weight: 300;
	text-decoration: none;
}
.nbottom a:hover {
	text-decoration: underline;
}
.mcnt {
	padding: 10px 0;
}
.mbl {
	padding: 0 0 10px 5px;
	overflow: auto;
	color: var(--main-color);
}
.mbl a {
	text-decoration: none;
}
.mbl a:hover {
	color: var(--link-hover-color1);
}
.mlnk {
	padding-left: 10px;
	clear: right;
}
.mbut {
	cursor: pointer;
	float: left;
	width: 11px;
	height: 12px;
}
.mbuto {
	cursor: pointer;
	float: left;
	width: 11px;
	height: 14px;
	filter: invert(var(--invert));
	background-image: var(--menu-tree-open);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 2px;
}
.mbutc {
	cursor: pointer;
	float: left;
	width: 11px;
	height: 14px;
	filter: invert(var(--invert));
	background-image: var(--menu-tree);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 2px;
}
#mact {
	font-weight: 500;
}
.tb_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 1px solid var(--border-color1);
	padding: 15px 2px;
	background: var(--content-area-bg1);
	color: var(--main-color);
	clear: both;
	overflow: auto;
	text-align: center;
}
.tb_a {
	display: flex;
	justify-content: center;
	flex-flow: column;
	margin: 5px 2px;
}
.tb_w {
	margin: 0 0;
	vertical-align: top;
	text-align: center;
}
.tb_w .system {
	color: var(--light-text-color1);
}
.tb_w > div {
	text-align: center;
}
.tb_b {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.tb_container a img {
	max-width: 100%;
	max-height: 320px;
	border: 1px solid var(--border-color2);
	display: block;
	margin: 0 auto 5px;
	image-rendering: pixelated;
}
.game-screens {
	cursor: pointer;
}

#sublogoad {
	margin: 5px 0 0 0;
	overflow: auto;
	text-align: center;
}
.ftext p {
	margin-bottom: 0;
}
.ftext .tags {
	margin: 15px 0;
	clear: both;
}
.ftext .link_content {
	margin: 10px 0;
}
.ftext .link_content span {
	text-decoration: underline;
}
.ftext .link_content span:hover {
	text-decoration: none;
}
.ftext .game_list {
	margin: 10px 0;
}
.ftext .game_list .gl_header {
	margin: 5px 0;
	font-weight: 700;
	display: block;
}
.fintheader {
	margin: 10px 0;
	font-weight: 500;
	font-size: 18px;
	color: var(--main-color);
}
.fintheader,
.fintheader a,
.fintheader a:visited,
.fintheader a:active {
	color: var(--main-color);
	font: bold 18px Roboto, sans-serif;
	text-decoration: none;
}
.fintheader a:hover {
	text-decoration: underline;
}
.fvideo {
	font: 12px Roboto, sans-serif;
	color: var(--main-color);
	clear: both;
	overflow: auto;
	text-align: center;
}
.fvideo_obj {
	display: inline-block;
	margin: 7px;

}
.fvideo_obj video {
	max-width: 100%;
	height: auto;
	width: auto;
}
.plaintext  {
	font-family: monospace;
	font-weight: 400;
	font-size: 12px;
	white-space: pre-wrap;
	background: var(--in-content-block-bg);
	border: 1px solid var(--border-color2);
	color: var(--in-content-block-color);
	margin: 15px;
	overflow: auto;
	padding: 10px;
	max-height: 200px;
}
.plaintext b, .plaintext strong {
	font-weight: 700;
}
.cheader {
	margin: 10px 0;
	color: var(--main-color);
	clear: both;
	font-weight: 600;
}
.cheader a {
	text-decoration: none;
}
.cheader a:hover {
	text-decoration: underline;
}
.ctext {
	margin: 10px 0;
	clear: both;
	overflow: auto;
}
.hand {
	cursor: pointer;
}
.hand:hover {
	text-decoration: underline;
}
.full-image.enlarge {
	image-rendering: pixelated;
}
.ss-area {
	margin: 10px 0 0;
	padding: 10px;
	background-color: var(--content-area-bg2);
	border-radius: 2px;
	max-height: 610px;
	overflow: hidden;
	position: relative;
	transition: max-height 0.3s ease-out;
}
.ss-area .wrapper {
	display: flex;
	flex-wrap: wrap;
	/*width: fit-content;*/
	/*margin: 0 auto;*/
	justify-content: center;
}
.ss-area .wrapper-grid {
	display: grid;
	gap: 15px;
	justify-content: center;
	grid-template-columns: repeat(auto-fill, 320px);
}
.ss-area .ss-show-more-ctrl {
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
	z-index: 1;
	background: -webkit-linear-gradient(bottom, var(--content-area-bg2), var(--content-area-bg2), transparent);
	cursor: pointer;
	display: none;
	padding: 30px 0 10px;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}
.ss-area .item {
	margin: 5px;
	flex-shrink: 0;
	/*flex-grow: 1;*/
	width: min-content;
}
.ss-area .item a {
	display: block;
	background-color: #000;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ss-area .item p {
	margin: 5px 0;
	font-size: 12px;
}
.ss-area .region {
	color: var(--light-text-color1);
	white-space: nowrap;
}

.featured-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 15px 0;
	padding: 10px;
	background-color: var(--content-area-bg2);
	border-radius: 2px;
}
.featured-area .item {
	margin: 5px 5px 10px;
	flex-shrink: 0;
	width: min-content;
}
.featured-area .item p {
	white-space: pre-wrap;
}
.featured-area .item a,
.featured-area .item span {
	display: block;
	background-color: #000;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.featured-area .item.resize img {
	width: 100%;
	height: auto;
}
.featured-area .item p {
	margin: 5px 0;
	font-size: 16px;
	font-weight: bold;
}
.featured-area .region {
	color: var(--light-text-color1);
}

.pixelated {
	image-rendering: pixelated;
}

@media (max-width: 1089px) {
	#content {
		display: grid;
		grid-template-areas:
			"post-1 post-2"
			"post-3 post-2";
		grid-template-columns: 230px 1fr;
		grid-template-rows: auto 1fr;
	}
	#row_left {
		grid-area: post-1;
		width: 100%;
	}
	#row_center {
		grid-area: post-2;
		width: 100%;
	}
	#row_right {
		grid-area: post-3;
		width: 100%;
		padding: 0 6px 0 0;
	}
	.user_menu img {
		display: none;
	}
	.ss-area {
		padding: 0;
	}
	/* fix width rating select */
	.rating select {
		width: 400px;
	}
}
@media (max-width: 991px) {
	#content {
		grid-template-columns: 220px 1fr;
	}
	.ntext div {
		float: inherit !important;
	}
	.ntext img {
		float: inherit !important;
	}
	.ntext p {
		float: inherit !important;
	}
}
@media (max-width: 810px) {
	/* fix width rating select */
	.rating select {
		width: 100%;
	}
	/*@media (max-width: 768px) {*/
	#content {
		display: flex;
		flex-wrap: wrap;
	}
	#row_center {
		width: 100%;
		order: 0;
	}
	#row_left {
		width: 50%;
		order: 1;
		padding: 10px 3px 0 0;
	}
	#row_right {
		width: 50%;
		order: 2;
		padding: 10px 0 0 3px;
	}
	/*	#content {
			display: grid;
			grid-template-areas:
				"post-2"
				"post-1"
				"post-3";
			grid-template-columns: auto;
			grid-template-rows: auto;
		}
		#row_left {
			grid-area: post-1;
			width: 100%;
		}
		#row_center {
			grid-area: post-2;
			width: 100%;
		}
		#row_right {
			grid-area: post-3;
			width: 100%;
			padding: 0 6px 0 0;
		}*/
	#side-menu {
		display: none;
	}
	.ss-area {
		padding: 10px;
	}
}
@media (max-width: 620px) {
}
@media (max-width: 550px) {
	.mobile_hide {
		display: none;
	}
	body {
		font-size: 16px;
		/*font-weight: 300;*/
	}
	.rheader,
	.rheader h1 {
		font-size: 20px;
	}
	#content {
		display: flex;
		flex-wrap: wrap;
	}
	#row_center {
		width: 100%;
		order: 0;
	}
	#row_left {
		width: 100%;
		order: 1;
		padding: 20px 0 0 0;
	}
	#row_right {
		width: 100%;
		order: 2;
		padding: 20px 0 0 0;
	}
	.fcontainer {
		padding: 0 10px;
	}
	.fcontainer .description .picture {
		/*display: block;*/
		float: inherit;
		margin: 20px auto;
	}
	.nhcontainer {
		margin-left: 0;
	}
	.pagelist {
		padding: 15px 5px;
	}
	.pagelist .abc {
		max-width: 384px;
		margin-left: auto;
		margin-right: auto;
	}
	.pagelist .num a {
		display: none;
		font-size: 18px;
	}
	.pagelist .num a.show-always {
		display: inline-block;
	}
	.pagelist .abc a, .pagelist .add a,
	.pagelist .abc span, .pagelist .add span {
		font-size: 20px;
	}
	.subcat,
	.subcat a {
		font-size: 18px;
	}
	.lposts span {
		font-size: 12px;
		color: var(--light-text-color2);
	}
	.fcontainer .description .picture {
		background-color: transparent;
	}
	.fbottom ul {
		display: block;
		position: relative;
		padding-bottom: 55px;
	}
	.fbottom ul > li {
		display: block;
		margin: 5px 0;
		border-left: none;
	}
	.fbottom ul > li span {
		white-space: nowrap;
	}
	.fbottom ul > li.download {
		width: 100%;
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.fbottom ul > li .btn-dl {
		margin-left: 10px;
		font-weight: bold;
		line-height: 1.5;
	}
	.lheader .lhname,
	.lcol .lcname {
		width: 89%;
	}
	.lheader .lhdwnl,
	.lcol .lcdwnl {
		display: none;
	}
	.atitles > div {
		display: block;
	}
}
@media (max-width: 400px) {
	.pagelist .abc {
		max-width: 350px;
	}
}
/* header */
header {
	width: 100%;
	-webkit-transition: box-shadow .4s;
	transition: box-shadow .4s;
}
header .icon {
	display: inline-block;
	vertical-align: middle;
}
header .menu-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 15px;
	background-color: var(--header-bg);
	background-image: var(--header-gradient);
	border-radius: 0 0 2px 2px;
}
header .menu-wrapper .logo {
	display: block;
	padding-top: 5px;
}
header .menu-wrapper .logo > .img {
	height: 55px;
	width: 245px;
	background-repeat: no-repeat;
	background-image: url('img/emu-land_logo.svg');
	background-size: contain;
	background-position: left center;
	opacity: var(--logo-opacity);
}
header .menu-wrapper .menu {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
header .menu-btn {
	display: none;
}
header .menu-btn > .menu-icons {
	margin-right: 10px;
}
header .menu-btn > .menu-icons ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
header .menu-btn > .menu-icons ul > li {
	padding: 0;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}
header .menu-btn > .menu-icons .icon {
	width: 28px;
	height: 28px;
}
header .menu-btn > .toggle-menu {
	text-decoration: none;
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 20px;
}
/* menu all levels */
header .menu ul {
	margin: 0;
	padding: 0;
}
header .menu ul li {
	list-style: none;
	position: relative;
}

header .menu ul li span {
	cursor: default;
}
/* menu top level */
header .menu > ul {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
header .menu > ul > li {
	/*	-webkit-flex-grow: 1;
		flex-grow: 1;*/
}
header .menu > ul > li > a,
header .menu > ul > li > span {
	position: relative;
	text-decoration: none;
	text-align: center;
	color: var(--block-header-color);
	font: bold 15px/18px Roboto, sans-serif;
	text-transform: uppercase;
	-webkit-transition: opacity linear .2s;
    transition: opacity linear .2s;
	display: block;
	position: relative;
	/*padding: 5px 0;*/
	padding: 15px 15px;
}
header .menu > ul > li > span {
	cursor: default;
}
header .menu > ul > li > a::before,
header .menu > ul > li > span::before {
	content: "";
    position: absolute;
    bottom: 7px;
    left: 5px;
	right: 5px;
    height: 2px;
    background-color: var(--menu-underline-color);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity linear .2s;
    transition: opacity linear .2s;
}
header .menu > ul > li.active > a::before,
header .menu > ul > li.active > span::before,
header .menu > ul > li:hover > a::before,
header .menu > ul > li:hover > span::before {
	visibility: visible;
	opacity: 1;
}
header .menu > ul > li.active > a,
header .menu > ul > li.active > span,
header .menu > ul > li:hover > a,
header .menu > ul > li:hover > span {
	color: var(--menu-color1);
}
/* menu for next levels */
header .menu ul.submenu {
	position: absolute;
	top: 100%;
	left: 0;
}
header .menu ul.submenu {
	padding-left: 0;
	-webkit-transition: all linear .2s;
    transition: all linear .2s;
	min-width: 220px;
	background-color: var(--menu-bg2);
	display: block;
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
header .menu ul.submenu a,
header .menu ul.submenu span {
	position: relative;
	text-decoration: none;
	color: var(--main-color);
	font: 300 15px/18px Roboto, sans-serif;
	transition: ease .5s;
	display: block;
	position: relative;
	padding: 10px 30px 10px 20px;
}
header .menu ul.submenu span {
	cursor: default;
}
header .menu ul.submenu > li.active > a,
header .menu ul.submenu > li.active > span {
	/*color: red;*/
}
header .menu ul.submenu > li:hover > a,
header .menu ul.submenu > li:hover > span {
	background-color: var(--menu-bg2-hover);
	color: var(--menu-color2);
}
/* third and deeper */
header .menu ul.submenu > li ul.submenu {
	top: 0;
	left: 100%;
}
header .menu ul.submenu > li ul.submenu {
	background-color: var(--menu-bg2);
}
@media (min-width:768px) {
	header .menu ul li:hover > ul.submenu,
	header .menu ul li ul li:hover > ul.submenu {
		visibility: visible;
		opacity: 1;
	}
}
header .menu ul.submenu .back {
	display: none;
	cursor: pointer;
}
/* fix last for root item */
header .menu > ul > li:last-child ul.submenu {
	right: 0 !important;
	left: inherit;
}
/* arrow */
header .menu .submenu li.has-submenu > a::before,
header .menu .submenu li.has-submenu > span::before {
	content: '';
	position: absolute;
	right: 10px;
	bottom: calc(50% - 10px);
	width: 20px;
	height: 20px;
	-webkit-transition: all linear .5s;
    transition: all linear .5s;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: var(--menu-arrow);
	filter: invert(--var(invert));
}
header .menu ul.submenu > li > a:hover::before,
header .menu ul.submenu > li > span:hover::before {
	visibility: hidden;
	opacity: 0;
}
header .menu ul.submenu > li > a:hover::after,
header .menu ul.submenu > li > span:hover::after {
	visibility: visible;
	opacity: 1;
}

@media (max-width:1279px) {
	header .menu > ul > li > a,
	header .menu > ul > li > span {
		padding: 15px 10px;
	}
}
@media (max-width:1239px) {
	header .menu-wrapper {
		/*height: 60px;*/
		padding: 10px;
	}
	header .menu-wrapper .logo {
		padding-top: 4px;
	}
	header .menu-wrapper .logo > .img {
		height: 40px;
		width: 180px;
	}
	header .menu > ul {
		max-width: 550px;
		margin: 0 auto;
	}
	header .menu > ul > li > a,
	header .menu > ul > li > span {
		font-size: 13px;
		line-height: 1;
		padding: 5px 10px;
	}
	header .menu > ul > li > a:hover {
		text-decoration: underline;
	}
	header .menu ul.submenu a,
	header .menu ul.submenu span {
		font-size: 13px;
		line-height: 1.1;
	}
	header .menu > ul > li > a::before,
	header .menu > ul > li > span::before {
		display: none;
	}
}
@media (max-width: 991px) {
	header .menu-wrapper {
		padding: 5px 10px;
	}
	header .menu-wrapper .logo {
		padding-top: 2px;
	}
	header .menu-wrapper .logo > .img {
		height: 30px;
		width: 140px;
	}
	header .menu > ul {
		max-width: 550px;
		margin: 0 auto;
	}
	header .menu > ul > li > a,
	header .menu > ul > li > span {
		font-size: 12px;
		line-height: 1;
		padding: 5px 10px;
	}
	header .menu > ul > li > a:hover {
		text-decoration: underline;
	}
	header .menu ul.submenu a,
	header .menu ul.submenu span {
		font-size: 15px;
		line-height: 1.1;
		font-weight: bold;
		padding: 10px 30px 10px 20px;
	}
	header .menu > ul > li > a::before,
	header .menu > ul > li > span::before {
		display: none;
	}
}
@media (max-width:810px) {
	/*@media (max-width:768px) {*/
	body {
		padding-top: 50px;
	}
	header {
		position: fixed;
		top: 0;
		z-index: 1100;
	}
	header .menu-wrapper {
		height: 50px;
		padding: 0 15px;
	}
	header .menu-wrapper {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	header .menu-wrapper .logo {
		padding: 0;
		flex-grow: 1;
	}
	header .menu-wrapper .logo > .img {
		margin-top: 4px;
		height: 38px;
		width: 180px;
	}
	header .menu-btn {
		display: flex;
		display: -webkit-flex;
		-webkit-align-items: center;
		align-items: center;
	}
	header .menu {
		position: absolute;
		left: 0;
		top: 50px;
		background-color: var(--menu-bg2);
		height: 100vh;
		width: 100vw;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-transform: translateX(-100vw);
		transform: translateX(-100vw);
	}
	@keyframes open-mobile-menu {
		0% {
			-webkit-transform: translateX(-100vw);
			transform: translateX(-100vw);
		}
		100% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
	}
	@keyframes close-mobile-menu {
		0% {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		100% {
			-webkit-transform: translateX(-100vw);
			transform: translateX(-100vw);
		}
	}
	header .menu.open-animation {
		animation: open-mobile-menu .3s ease-out;
		animation-fill-mode: forwards;
	}
	header .menu.open {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	header .menu.close-animation {
		animation: close-mobile-menu .3s ease-out;
		animation-fill-mode: forwards;
	}
	header .menu ul li.open > ul.submenu,
	header .menu ul li ul li.open > ul.submenu {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		width: 100%;
	}
	header .menu > ul {
		max-width: 100%; /*fix width from from prev resolution */
	}
	header .menu ul {
		position: relative;
		height: calc(100vh - 50px);
	}
	header .menu > ul > li:first-child a,
	header .menu > ul > li:first-child span {
		margin-top: 30px;
	}
	header .menu ul li:last-child > a,
	header .menu ul li:last-child > span {
		border: none;
	}
	header .menu > ul > li > a,
	header .menu > ul > li > span {
		color: var(--menu-color2);
		transition: all 0.5s ease 0s;
	}
	header .menu > ul > li.active > a,
	header .menu > ul > li.active > span,
	header .menu > ul > li:hover > a,
	header .menu > ul > li:hover > span {
		color: var(--menu-color2);
		background-color: var(--menu-bg2-hover);
		text-decoration: none;
	}
	header .menu ul.submenu,
	header .menu ul.submenu > li ul.submenu {
		-webkit-transition: all .3s ease-out ;
		transition: all .3s ease-out;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		-webkit-transform: translateX(200vw);
		transform: translateX(200vw);
		box-shadow: none;
	}
	header .menu ul.submenu .back {
		display: block;
		position: relative;
	}
	header .menu ul.submenu .back:before {
		content: '';
		position: absolute;
		left: 0;
		top: calc(50% - 12.5px);
		z-index: 1;
		height: 25px;
		width: 100%;
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: var(--menu-arrow);
		filter: invert(var(--invert));
	}
	header .menu > ul > li > a::before,
	header .menu > ul > li > span::before {
		display: none;
	}
	header .menu ul.submenu {
		/*display: none;*/
	}
	header .menu ul {
		display: block;
		padding: 0;
	}
	header .menu ul li {
		position: static;
		padding: 0;
		max-width: 450px;
		margin: 0 auto;
	}
	header .menu ul li a,
	header .menu ul li span {
		display: block;
		padding: 15px;
		border-bottom: 1px solid var(--border-color2);
		font-size: 15px;
		text-align: center;
		cursor: pointer;
	}
	header .menu ul li ul {
		position: static;
		margin: 0;
		display: block;
		background-color: var(--menu-bg2);
	}
	header .menu ul li ul li {
		padding: 0
	}
	header .menu ul li ul li a {
		padding: 10px 20px;
		padding-left: 25px
	}
	/*	header .menu ul.submenu {
			position: static;
			opacity: 1;
			visibility: visible;
			height: 0;
			overflow: hidden;
		}*/
}

/* menu btn */
.toggle-menu {
	display: inline-block;
	cursor: pointer;
}
.toggle-menu .bar1, .bar2, .bar3 {
	width: 28px;
	height: 3px;
	background-color: var(--menu-toggle-btn);
	margin: 6px 0;
	transition: 0.4s;
}
.toggle-menu.active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
	transform: rotate(-45deg) translate(-7px, 6px) ;
}
.toggle-menu.active .bar2 {
	opacity: 0;
}
.toggle-menu.active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -8px) ;
	transform: rotate(45deg) translate(-6.5px, -6px) ;
}

/* policy-validation */
.policy-validation {
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 100000;
	transition: visibility .5s ease-in-out, opacity .5s ease-in-out;
	position: fixed;
	padding: 0 20px;
}
.policy-validation .form {
	font-size: 14px;
	box-shadow: rgba(0, 0, 0, 0.34) 0px 3px 10px 0px;
	background-color: var(--content-area-bg1);
	border: 1px solid #ccc;
	display: flex;
	margin-left: -38%;
	padding: 10px 20px;
	align-items: center;
	margin: 0 auto;
	max-width: 1160px;

}
.policy-validation.hide {
	opacity: 0;
	visibility: hidden;
}
.policy-validation .message {
	flex-grow: 1;
}
.policy-validation .actions {
	padding: 0 0 0 20px;

}
@media (max-width: 767px) {
	.policy-validation .form {
		flex-wrap: wrap;
		font-size: 12px;
	}
	.policy-validation .message {
		padding: 5px 0 15px 0;
		/* 		margin-bottom: 15px; */
	}
	.policy-validation .form > div {
		width: 100%;
	}
	.policy-validation .actions {
		padding: 0;
		text-align: right;

	}
}

/* lang dialog */
.change_lang {
	position: fixed;
	inset: 0;
	background-color: rgba(0,0,0,.7);
	display: none;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	opacity: 0;
	transition: opacity ease-in-out .3s;
}
.change_lang.show {
	display: flex;
	visibility: visible;
	opacity: 1;
}
.change_lang .dialog {
	width: 100%;
	max-width: 500px;
	padding: 15px;
	text-align: center;
	background: var(--content-area-bg1);
	clear: both;
}
.change_lang .buttons {
	text-align: center;
}

/* romlist */

.romlist-area {
	margin: 15px 0;
	height: 0;
	opacity: 0;
	clear: both;
	color: var(--in-content-block-color);
	transition: all ease-in-out .3s;
}
.romlist-area.show {
	opacity: 1;
}
.romlist-area .item {
	margin: 10px 0;
	display: flex;
	align-items: center;
}
.romlist-area .item .file small {
	white-space: nowrap;
}
.romlist-area .body .item:last-child {
	margin-bottom: 15px;
}
.romlist-area .item .qc {
	height: 20px;
	width: 20px;
	cursor: pointer;
	filter: invert(var(--invert));
	background-color: transparent;
	background-image: var(--icon-qrcode);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px;
	image-rendering: pixelated;
	transition: opacity linear .2s;
	flex-shrink: 0;
	margin-right: 10px;
}

/*.romlist-area .group h4 {
	margin: 0;
	font-weight: bold;
	position: relative;
	padding-right: 25px;

}*/

.romlist-area a,
.romlist-area a:visited,
.romlist-area a:active {
	text-decoration: none;
	color: var(--in-content-block-color);
}
.romlist-area a:hover {
	text-decoration: underline;
}
@media (max-width: 550px) {
	.romlist-area .item {
		margin: 10px 0;
		font-size: 16px;
		align-items: flex-start;
	}
	.romlist-area .body .item:last-child {
		margin-bottom: 20px;
	}
}

.muted-text {
	color: var(--light-text-color2);
}

/* baguetteBox edit */
#baguetteBox-overlay .full-image figcaption {
	font-family: "Roboto", sans-serif !important;
	font-weight: 500;
	margin-bottom: 20px;
}

/*ballon*/
:root {
	--balloon-border-radius: 2px;
	--balloon-color: rgba(16, 16, 16, 0.95);
	--balloon-text-color: #fff;
	--balloon-font-size: 12px;
	--balloon-move: 4px;
}
[aria-label][data-balloon-pos] {
	position: relative;
	cursor: pointer;
}
[aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-weight: normal;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
	filter: invert(var(--invert));
}
[aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10;
	filter: invert(var(--invert));
}
[aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none;
}
[aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre;
}
[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word;
}
[aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px;
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0);
}
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move));
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1));
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%);
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px;
}
[aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color);
}
[aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal;
}
[aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px;
}
[aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px;
}
[aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px;
}
[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px;
}
@media screen and (max-width: 768px) {
	[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw;
	}
}
[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%;
}
/*end ballon*/


.collaps-item {
	margin: 2px 0;
}
.collaps-item .title {
	padding: 5px 10px;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	background-color: var(--content-area-bg2);
	cursor: pointer;
	display: flex;
	align-items: center;
	/*z-index: 1;*/
}
.collaps-item .body {
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: all ease-in-out .3s;
	padding: 0 10px 0 10px;
	box-sizing: border-box;
}
.collaps-item.open .body {
	opacity: 1;
}
.collaps-item .body ul {
	padding-left: 0;
}
.collaps-item .title:before {
	position: absolute;
	content: '';
	right: 10px;
	top: 0;
	width: 17px;
	height: 100%;
	filter: invert(var(--invert));
	background-image: var(--icon-arrow);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	cursor: pointer;
	transition: all ease-in-out .3s;
}
.collaps-item .title .hint {
	cursor: help;
	margin-left: 7px;
	/*filter: invert(var(--invert));*/
	/*	display: inline-block;
		width: 20px;
		height: 14px;
		background-image: url("/css/img/help_icon.svg");
		background-position: center right;
		background-size: contain;
		background-repeat: no-repeat;*/
}
.collaps-item.open .title:before {
	transform: rotate(90deg) !important;
}
@media (max-width: 550px) {
	.collaps-item .title {
		font-size: 18px;
	}
}
.csr-uniq1 {
	z-index: 2147483647 !important;
}
#under-header-area {
	text-align: center;
	width: 100%;
	margin: 20px 0 10px;
	overflow: hidden;
}
#admaven-banner {
	max-width: 100%;
	cursor: pointer;
}
.rich-text img {
	margin: 5px;
}
.scanlines {
	position: relative;
}
.scanlines::before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: auto, auto;
	z-index: 2;
	background-size: 320px 2px, 3px 256px;
	pointer-events: none;
}