:root {
	--transition-speed: .3s;
	--body-bg: #f6f7f8;
	--header-bg: rgba(1, 0, 0, 0.8);
	--menu-bg: #505050;
	--menu-lightbg: #646464;
	--light-text: #858585;
	--muted-text: #959595;
	--footer-color: #adb0b3;
	--inputs-border: 1px solid #ddd;
		/* pop-up hints: */
	--hint-transition: .2s;
	--hint-bgcolor: #727272;
	--hint-padding: 5px 9px;
	--hint-width: 80px;
	--hint-top: 38px;
	--hint-fontsize: 12px;
	--hint-radius: 4px;
	--hint-hidden-color: #fff0;
	--hint-hidden-z: -1;
	--hint-visible-color: #fff;
	--hint-visible-z: 4;
	--hint-arrow-top: -8px;
	--hint-arrow-left: 50%;
	--hint-arrow-margin: -4px;
	--hint-arrow-border: 4px solid transparent;
		/* social media colors: */
	--sm-vk: #4a76a8;
	--sm-ok: #ff7700;
	--sm-tg: #27a7e5;
	--sm-twi: #1da1f2;
	--sm-x-twi: #0f1419;
	--sm-fb: #0062ee;
	--sm-discord: #5865F2;
	--sm-threads: #000000;
}

html {
	width:100%;/* height: 100%;*/
}

.iblock-hl-checkboxes {
	max-height: 350px;
	overflow-y: auto;
}

@media screen and (max-width: 1017px) { 
	
	html{ /* DISABLE FONT SIZE BOOSTING IN ANDROID CHROME */
		font-family:sans-serif; 
		-ms-text-size-adjust:100%; 
		-webkit-text-size-adjust:100%
	}

}

body {
	height:100%;
	margin:0;
	padding:0;
	font-family: 'Manrope', Verdana, Arial, Helvetica, sans-serif;
	background-color: var(--body-bg);
	color: #414141;
}


/* BOF GLOBAL SCROLLBAR */

/* Firefox */
/*
* {
	scrollbar-width: thin;
	scrollbar-color: blue orange;
}
*/

/* Работает в Chrome, Edge и Safari */
/*
*::-webkit-scrollbar {
	width: 12px;
}

*::-webkit-scrollbar-track {
  background: orange;
}

*::-webkit-scrollbar-thumb {
	background-color: blue;
	border-radius: 20px;
	border: 3px solid orange;
}
*/


/* disable font boosting on mobile browsers - real works */
body * {
	max-height: 1000000em; /* Chrome for Android */
	-moz-text-size-adjust: none; /* Firefox Mobile */
}


/* === DEFAULTS == */

::selection {  /* Safari */
	background: var(--theme-color);
	color: #fff;
}

::-moz-selection { /* Firefox */
	background: var(--theme-color);
	color: #fff;
}

a {
	color: #006BC6;
	text-decoration: none;
	transition: .3s;
}

a:hover {
	color: var(--theme-color);
}

a.break {  /* very long links */
	word-break: break-all;
}

a.protv:before, 
a.provpn:before, 
a.prohosting:before, 
a.prosim:before {
	content: '';
	padding-right: 4px;
	margin-left: 4px;
}

a.protv:before {
	content: url(/icons/pro-sites/protv_h33.svg);
}

a.provpn:before {
	content: url(/icons/pro-sites/provpn_h33.svg);
	zoom: 1.2;
	line-height: 1;
}

a.prohosting:before {
	content: url(/icons/pro-sites/prohosting_h33.svg);
}

a.prosim:before {
	content: url(/icons/pro-sites/prosim_h33.svg);
	zoom: 1.2;
	line-height: 1;
}

p,
blockquote {
	line-height: 1.6em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.3em 0 0.7em;
	font-weight: normal;
}

h1 {
	margin: 0 0 1em;
	color: var(--theme-color);
	text-align: center;
	text-wrap: balance;
	margin-top: 30px;
	padding: 0 50px;
	font-weight: 700;
	font-size: 24px;
}

h2, h3, h4, h5, h6 {
	color: #414141;
}

h2 {
	font-size: 19px;
	font-weight: 800;
	text-align: center;
	text-wrap: balance;
	margin-top: 0;
	margin-bottom: 50px;
	width: 100%;
}

h2:after {
	content: '';
	display: block;
	margin: 22px auto;
	width: 45px;
	height: 1.5px;
	height: 2px;
	background: var(--theme-color);
}

h3 {
	font-size: 130%;
	font-weight: bold;
	margin: 40px 0;
	color: var(--theme-color);
}

h4 {
	font-size: 112%;
	font-weight: 700;
	margin: 40px 0 25px 0;
}

h5 {
	font-size: 105%;
	font-weight: 900;
}

h6 { font-size:100%; }



hr, 
.hr { 
	 border-color: #E9E9E9;
}


ul, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}


/* forms */

input[type="text" i] {
	padding: 4px 10px 5px 10px;
	border: 1px solid #ccc;
	border-radius: 40px;
	font: normal 16px 'Manrope', Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
	transition: .4s;
}

textarea {
	padding: 4px 10px 5px 10px;
	border: 1px solid #ccc;
	border-radius: 15px;
	resize: none;
	font: normal 16px 'Manrope', Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
	transition: .4s;
}

input[type="submit" i] { /* кнопка submit */
	padding: 6.5px 14px;
	font: normal 13px 'Manrope', Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid var(--theme-color);
	background: var(--theme-color);
	color: #fff;
	transition: .3s;
	border-radius: 25px;
	text-transform: uppercase;
	font-weight: 700;
}

input[type="submit" i]:hover {
	opacity: .7;
	cursor: pointer;
}

input.preview {
	background: #fff;
	color: var(--theme-color);
}



select {
	background: #fff;
	border: 1px solid #ddd;
	min-width: 210px;
	max-width: 100%;
	padding: 3px 7px 3px 5px;
	font: normal 14px 'Manrope', Verdana, Arial, Helvetica, sans-serif;
	color: #414141;
	border-radius: 2px;
}

select option {
	background: #fff;
	border: 1px dotted #fff;
}

input:not([type=checkbox]):not([type=radio]),
textarea { /* Убираем тени в Safari; исключая input type=submit */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text" i]:focus,
input[type="password" i]:focus,
select:focus,
textarea:focus {
	outline: none; /* Убираем рамку в Safari и Chrome */
	border: 1px solid var(--theme-color);
}

input[type="submit" i]:focus {
	outline: none; /* Убираем рамку в Safari и Chrome */
}

.center {text-align:center; margin:0 auto;}
.fleft {float:left}
.fright {float: right;}

form {
	margin:0; padding:0;
}

.flex-row {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

span.form-header {
	font-size: 12px;
	text-transform: uppercase;
}

form.main-form {
	display: block;
	margin:0; 
	padding:0;
	width:100%;
	height:100%;
}

header,
section,
footer {
	width: 100%;
}

section {
    padding: 70px 0;
}


.inner {
 	width: 990px;
 	margin: 0 auto;
}

.inner_narrow {
	width: 700px;
	margin: 0 auto;
}

@media screen and (min-width: 1017px) { /* PC ONLY */
	
	.sticky-sidebar {
		position: sticky;
		top: 85px;
		z-index: 9;
	}

}


/* Top Bar for Language Selector & Other Projects Links */


topbar {
	height: 22px;
	padding: 6px 0;
	display: block;
	background: #161616;
}

.topbar-functions {
	display: grid;
	grid-template-columns: 50% 50%;
	justify-items: center;
}



/* Pro Sites */

.projects-list {
	display: inline-flex;
	gap: 9px;
}

.projects-list li {
}

.projects-list li a {
	color: #aaa;
	font-size: 13px;
	font-weight: 100;
	filter: grayscale(1);
}

.projects-list li a:hover {
	opacity: .8;
	filter: grayscale(0);
}


/* language selector */

.lng-select-container {
	position: relative;
}

.lng-select-container .btn {
	position: absolute;
	left: 15px;
	cursor: pointer;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: 7px;
	align-items: baseline;
}

.lng-select-container .btn i,
.lng-select-container span.current-lng {
	color: var(--light-text);
	transition: var(--transition-speed);
}

.lng-select-container .btn:hover i, 
.lng-select-container .btn:hover .current-lng {
	color: #aaa;
}

.lng-list {
	position: absolute;
	top: 35px;
	z-index: 101;
	right: -60px;
	border-radius: 10px;
	background: #323232;
	padding: 15px;
	box-shadow: 0 0 5px 1px #242424;
	display: grid;
	grid-gap: 7px;
}

.lng-list li {
	
}

.lng-list li a {
	color: #fff;
	display: grid;
	grid-template-columns: 25px auto;
	align-items: center;
	transition: var(--transition-speed);
}

.lng-list li a:hover {
	color: var(--muted-text);
}

.lng-list li img {
	width: 15px;
	border-radius: 50%;
}


/* new header */

header {
	height: 77px;
	padding: 0;
	position: fixed;
	z-index: 100;
	background: var(--header-bg);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

header.sticky { /* чтобы была возможность сделать не для всех сайтов */
	position: sticky;
	top: 0;
}

.nav-container {
	max-width: 990px;
	margin: 0 auto;
}

.brand {
	position: absolute;
	top: 23px;
}
.brand a,
.brand a:visited {
	color: #ffffff;
	text-decoration: none;
}

.brand svg {
	height: 32px;
	width: auto;
}


/* logo - header */

header .logo_i {fill: var(--theme-color);}
header .logo_i_white {fill: #ffffff;}
header .logo_w1 {fill: #c2c2c2;}
header .logo_w2 {fill: #ffffff;}


/* Subbar - for Correct Padding With Sticky Header */

subbar {
	height: 77px;
	display: block;
	background: #000000;
	margin-top: -77px;
}


/* links-buttons at the main */

.promo-links {
	width: 100%;
	display: inline-grid;
	justify-content: center;
	margin: 35px auto 0 auto;
}

.promo-links a,
.promo-links input[type="submit" i],
.promo-links button[type="submit" i] {
	border-radius: 50px;
	background: #efefef;
	padding: 18px 70px;
	margin-bottom: 29px;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
}

.promo-links a:hover {
	background: #e5e5e5;
}

.promo-links .go {
	color: #fff;
	background: var(--theme-color);
	box-shadow: 1px 1px 1px 1px #cacaca;
}

.promo-links .more {
	background: #f0f0f0;
	color: #000;
}


/* reply-buttons */

.reply-buttons {
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}

.reply-buttons input[type="submit" i] {
	min-width: 207px;
	padding: 15px 10px;
	margin: 9px;
}



/* small buttons */

.small-btns {
	margin-top: 35px;
}

.small-btns a {
	background: #efefef;
	padding: 9px 20px;
	border-radius: 14px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
}



section.ptop-0 {
	padding-top: 0;
}

section.page-header {
	padding: 20px 0 0 0;
}


section.breadcrumb {
	padding: 85px 0 5px 0;
	color: #7A7A7A;
}

section.breadcrumb-sticky {
	padding-top: 10px;
}

section.breadcrumb p {
	margin: 0;
	padding: 6px 0;
	font-size: 14px;
}

section.breadcrumb a, 
section.breadcrumb span {
	text-decoration: none;
	color: #7A7A7A;
	margin-right: 5px;
}

section.breadcrumb a.breadcrumb-icon {padding-left:0}

section.breadcrumb a:hover {
	text-decoration: underline;
}

section.breadcrumb b {
	border-right: 1px solid; 
	border-left: 1px solid;
	border-color: #FBFBFB;
}

section.breadcrumb b.top {
	margin-bottom: 2px;
}

section.breadcrumb p.bottom {
	margin-top: 2px;
}


.card {
	background: #fff;
	padding: 15px;
	box-shadow: 0px 0px 14px 3px #efefef;
	border-radius: 3px;
	transition: .4s;
}

.hlhover:hover {
	box-shadow: 0px 0px 14px 10px #e1e1e1;
}

.card-text {
	padding: 30px;
}


section.news {
	padding: 40px 0 70px 0;
}

.news img {
	max-width: 100%;
	height: auto;
}

.news ol {
	list-style: decimal outside;
}

.news ol li {
	margin: 0 0 20px 28px;
	padding-left: 15px;
	line-height: 1.6;
}

.news ol li::marker {
	color: var(--theme-color);
	font-weight: 900;
}

.news ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 30px;
}

.news ul li {
	behavior: expression( !this.before ? this.before = this.innerHTML = '<span class="dash">— </span>' + this.innerHTML :'' );
	padding: 0 0 0 25px;
	margin: 0 0 15px 15px;
	position: relative;
	line-height: 1.6em
}

.news ul li:before {
	content: '\2022';
	color: var(--theme-color);
	position: absolute;
	top: -2px;
	left: -4px;
	font-weight: 900;
	font-size: 25px;
}

.news ul.plus,
.news ul.minus {
	background: #efefef;
	padding: 30px;
	border-radius: 30px;
}

.news ul.plus li:before,
.news ul.minus li:before {
	width: 25px;
	height: 25px;
	margin-top: 2px;
	margin-left: -18px;
	border-radius: 30px;
	background: var(--body-bg);
	display: flex;
	align-items: center;
	justify-content: center;	
}

.news ul.plus li:before {
	content: '+';
}

.news ul.minus li:before {
	content: '-';
}

.news ul ul { padding:0 0 0 1.5em; margin: 0.6em 0}

.news p[style*="text-align: center"]>i {/* автоформатирование примечаний к фото */
	color: var(--muted-text);
	font-size: 14px;
	font-style: normal;
	display: inline-block;
	margin-top: 10px;
	line-height: 1.4em;
	text-wrap-style: balance;
}

span[style*="background-color: #ebebeb"],
span[style*="background-color: rgb(235, 235, 235); cursor: pointer; position: relative;"] {/* автоформатирование выделенного серым */
	padding: 0 5px;
	border-radius: 3px;
	font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	font-size: 16px;
	color: #000;
}


/* bof table in the news */

.news .story-body table {
	margin: 0 auto;
	border-collapse: collapse;
	width: 700px;
}

.news .story-body table th {
	font-weight: 600;
	background: #d8d8d8;
	padding: 30px 15px;
	text-align: left;
}

.news .story-body table tr th:first-child
/*.news .story-body .story-body table tr:first-child td:first-child */{
	border-radius: 8px 0 0 8px;
}

.news .story-body table tr th:last-child
/*.news .story-body table tr:first-child td:last-child */{
	border-radius: 0 8px 8px 0;
}

.news .story-body table tbody tr:nth-child(odd) {
	background: #f3f3f3;
}

.news .story-body table tbody tr:nth-child(even) {
/*	background: #f3f3f3;*/
}

.news .story-body table td {
	padding: 20px 15px;
	vertical-align: top;
	hyphens: auto;
}

.news .story-body table tbody tr td:first-child {
	border-radius: 8px 0 0 8px;
}

.news .story-body table tbody tr td:last-child {
	border-radius: 0 8px 8px 0;
}

/* bof table in the news */



/* bof frames (YouTube, Twitter,etc) for news */

.story-body iframe,
.story-body video {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: 0 auto;
	border: 0;
}

/* eof frames (YouTube, Twitter, etc) for news */


/* bof notice blocks */

p.code, 
code, 
pre {
	font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
	font-size: 14px;
	line-height: 1.2em;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
	padding: 20px;
	text-wrap: nowrap;
	overflow-x: auto;
	color: #242f6b;
	cursor: text;
}

p.info, 
p.advice,
p.success, 
p.warning, 
p.error, 
p.quote,
.news blockquote {
	margin: 30px 0 30px 0;
	padding: 20px 50px 20px 70px;
}

p.info a, 
p.advice a,
p.success a, 
p.warning a, 
p.error a, 
p.quote a,
.news blockquote a {
	text-decoration: underline;
}

p.quote,
.news blockquote {
	color: #222;
	background: #e9e9e9 url(./icons/blocks/quote.svg) no-repeat 15px 22px;
}

p.error {
	color: #842029;
	background: #ffccba url(./icons/blocks/error.svg) no-repeat 15px 12px;
}

p.warning {
	color: #5f5000;
	background: #feefb3 url(./icons/blocks/warning.svg) no-repeat 15px 12px;
}

p.success {
	color: #0f5132;
	background: #dff2bf url(./icons/blocks/success.svg) no-repeat 15px 12px;
}

p.advice {
	color: #464d3c;
	background: #dff2bf url(./icons/blocks/advice.svg) no-repeat 18px 15px;
	background-size: 33px;
}

p.info {
/*	color: #084298;*/
	background: #bde5f8 url(./icons/blocks/info.svg) no-repeat 15px 12px;
}

/* eof notice blocks */


/* BOF Nice Links */

.nice-link-s, 
.nice-link-m {
	text-align: center;
	flex-grow: 1;
}

.nice-link-s span, 
.nice-link-m span {
	/* background: #fdfbfb; */
	/* font-size: 15px; */
	/* font-weight: 600; */
	/* border-radius: 13px; */
	/* max-width: 70%; */
	/* box-shadow: 2px 3px 6px 0px #e5e5e5; */
	/* align-items: center; */
	/* border: 1px solid #f7f7f7; */
}

.nice-link-s .nice-i-bg,
.nice-link-m .nice-i-bg {
	padding: 0 10px;
	/* background: #fff; */
}

.nice-link-s span {/* small image */
	display: inline-flex;
}

.nice-link-s .nice-i-bg {/* small image */
	/* display: inline-flex; */
	/* border-top-left-radius: 13px; */
	/* border-bottom-left-radius: 13px; */
}

.nice-link-s img, 
.nice-link-s svg {/* small image */
	max-width: 25px;
	max-height: 25px;
}

.nice-link-s a {/* small image */
	margin: 3px 0;
	color: var(--muted-text);
	text-transform: uppercase;
}

.nice-link-m span {/* medium image */
	display: inline-block;
}

.nice-link-m .nice-i-bg {/* medium image */
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

.nice-link-m img, 
.nice-link-m svg {/* medium image */
	max-width: 35px;
	max-height: 35px;
}

.nice-link-m a {/* medium image */
	margin: 5px 20px;
	display: block;
}

/* EOF Nice Links */


/* bof TWO-COLS TABLE FOR FAQ */

table.two-cols {
	width: 100%;
	-webkit-border-horizontal-spacing: 20px;
}

table.two-cols td {
	vertical-align: top;
	width: 50%;
}

.glossary-list {
	padding: 25px 0 10px 0px;
	margin: 0 0 60px 40px;
}

.glossary-list ul {
	margin-bottom: 0;
}

table.two-cols td span {
	background: #f0f0f0;
	width: 12px;
	height: 20px;
	padding: 10px 15px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	border-bottom-right-radius: 0;
	font-weight: bold;
	color: var(--theme-color);
	margin-bottom: 30px;
}



footer {
	background: var(--footer-color);
	padding: 70px 0;
}

footer a {
	color: #000;
}

footer .inner {
	display: grid;
	gap: 60px;
}

.footer-row {
	display: flex;
	gap: 50px;
	justify-content: space-between;
}

.footer-logo svg {
	max-height: 32px;
	width: auto;
}


/* logo - footer */

footer .logo_i {fill: var(--theme-color);}
footer .logo_i_white {fill: none;}
footer .logo_w1 {fill: #585858;}
footer .logo_w2 {fill: #000000;}


.footer-description-area {
	flex: 0 1 40%;
	display: flex;
	flex-direction: column;
	gap: 30px 0;
}


.footer-h {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
}

.footer-h:after {
	content: '';
	display: block;
	width: 20px;
	height: 2px;
	margin-top: 15px;
	background: var(--theme-color);
}

.footer-menu-area {
/*	flex: 1 0 auto;*/
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.footer-menu {
	width: 30%;
}

.social {

}

.social i {
	font-size: 21px;
	height: 20px;
	width: 20px;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 10px;
	padding: 10px;
	background: #fff;
	border-radius: 50%;
	transition: .3s;
	color: var(--footer-color);
}

.social i.fa-vk:hover {
	color: #fff;
	background: #4a76a8;
}

.social i.fa-odnoklassniki:hover {
	color: #fff;
	background: #ff7700;
}

.social i.fa-telegram:hover {
	color: #fff;
	background: #27a7e5;
}

.social i.fa-twitter:hover {
	color: #fff;
	background: #1da1f2;
}

.social i.fa-x-twitter:hover {
	color: #fff;
	background: var(--sm-x-twi);
}

.social i.fa-facebook:hover {
	color: #fff;
	background: #0062ee;
}

.social i.fa-threads:hover {
	color: #fff;
	background: #000000;
}


.footer-links {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-links li {
	margin-bottom: 15px;
}

.footer-links a {
	color: #fff;
}

.footer-links a:hover {
	color: #000;
}

.footer_b {
}

.footer_b img {
	max-width: 100%;
	height: auto;
}

.footer-law {
/*	margin-top: 50px;*/
}

.footer-law ul {
	display: flex;
	gap: 40px;
	font-size: 14px;
}



/* Nice srcollbars in forms */

.blur-lr {
	position: relative;
}

.blur-lr:before, 
.blur-lr:after {
	content: '';
	position: absolute;
	top: 0;
	width: 30px;
	height: calc(100% - 30px);
	z-index: 3;
}

.blur-lr:before {
	left: 0;
	background: linear-gradient(90deg, var(--body-bg), transparent);
}

.blur-lr:after {
	right: 0;
	background: linear-gradient(270deg, var(--body-bg), transparent);
}

.h-scroll-container {
	padding-bottom: 40px;
	overflow-x: auto;
}

.v-scroll-container {
	overflow-y: auto;
}

.scrolling::-webkit-scrollbar-track,
.h-scroll-container::-webkit-scrollbar-track,
.v-scroll-container::-webkit-scrollbar-track,
p.code::-webkit-scrollbar-track { /*фон и тень фона, на котором плавает прокрутчик*/
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: #efefef;
}

.scrolling::-webkit-scrollbar,
.h-scroll-container::-webkit-scrollbar,
.v-scroll-container::-webkit-scrollbar,
p.code::-webkit-scrollbar { /*толщина скроллбара*/
	width: 5px;
	height: 5px;
	background-color: #eee;
}

.scrolling::-webkit-scrollbar-thumb,
.h-scroll-container::-webkit-scrollbar-thumb,
.v-scroll-container::-webkit-scrollbar-thumb,
p.code::-webkit-scrollbar-thumb {/*сам прокрутчик*/
	background-color: #ccc;
	border-radius: 3px;
}

@media (hover: none) {  /*скрываем полосу прокрутки для тач-устройств, если есть блюр по сторонам*/

	.blur-lr .scrolling::-webkit-scrollbar-track,
	.blur-lr .scrolling::-webkit-scrollbar,
	.blur-lr .scrolling::-webkit-scrollbar-thumb {
		display:none;
	}

}


/* navigation btns */

.page-nav {
	margin-top: 20px;
	text-align: center;
}

.btn-nav {
	display: inline-flex;
	min-width: 17px;
	padding: 7px 10px;
	border-radius: 6px;
	justify-content: center;
}

span.nav-current {
	color: #000;
	background: #ebebeb;
}

a.btn-nav {
	font-weight: 600;
}

a.btn-nav:hover {
	background: #efefef;
	color: #000;
}

a.nav-page-all {
	line-height: 4em;
}




/* Click to top button */

.clicktotop {
	position: fixed;
	right: 55px;
	bottom: -60px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	z-index: 998;
	transition: .3s;
}

.clicktotop i {
	font-size: 40px;
	background: #ededed;
	color: var(--theme-color);
	padding: 10px;
	border-radius: 50px;
	/* box-shadow: 0 0 5px 2px #dfdfdf; */
}

.clicktotop.active {
	opacity: .6;
	visibility: visible;
	transition: .3s;
	bottom: 55px;
}

.clicktotop:hover {
	opacity: 1;
}




/*Site Map */
table.map-columns {
	width: 100%;
}
table.map-columns td {
	vertical-align: top; padding: 0;
}
table.map-columns ul {
	padding:0 0 2em 0; font-weight: bold;
}
table.map-columns li {
	margin: 0 0 1.5em 0 !important;
}
table.map-columns li li {
	margin: 0 0 0.6em 0 !important;
}
table.map-columns ul ul {
	font-weight: normal; padding:0 0 0 1.5em; margin: 0.6em 0}








/* News List */

div.news-date { color: #919191;}




/* Search results*/
div.search-item { border-color: #E9E9E9;}
div.search-page input.search-query { background: #F8F7F7; border-color: #D9D9D9; }

/*Error & OK messages*/
.errortext, .starrequired { color: red;}  
.errortext, .notetext { background:#FFFEEB; border-color: #FFD482;} 



/* =================== COMMON.CSS =============== */


/* Tags cloud */

div.search-cloud { 
	text-align:center; 
} 

div.search-cloud a { 
	line-height:1.4em; 
	text-decoration:none; 
}

div.search-cloud a:hover { 
	text-decoration:underline; 
}


/* Search results*/

div.search-item { 
	margin: 0 0 1.5em; 
	padding: 0 0 1.5em; 
	border-bottom: 1px solid;
}

div.search-result { 
	margin: 1em 0;
}

div.search-preview {
	margin: 0.5em 0;
}

div.search-page input.search-query {
	width: 99%; 
	border: 1px solid; 
	font-size:1.3em;
}

div.search-page input.search-button { 
	font-size: 1.2em; 
}





/*Error & OK messages*/

.errortext, 
.notetext {
	display: block;
	margin:0 0 1.5em 0;
	padding:0.4em 1.117em;
	border: 1px solid;
}

.errortext ul, 
.notetext ul {
	padding:0.3em 0 0.3em 2em; 
	margin:0;
}

.errortext ul li, 
.notetext ul li {
	margin:0; 
	padding:0;
}



/* =================== RSPNSV =================== */


@media screen and (min-width: 481px) and (max-width: 1017px) { /* HEADER - ONLY FOR TABLETS */
	
	header,
	header.sticky {
		position: initial;
		background-color: #000;
	}

	section.submenu {/*old*/
		padding-top: 0;
	}

	section.breadcrumb {
		padding-top: 5px;
	}

}

@media screen and (max-width: 1017px) { /* LANDSCAPE & TABLETS */
	
	:root {
		/* pop-up hints: */
		--hint-arrow-top: -7px;
	}

	html{ /* DISABLE FONT SIZE BOOSTING IN ANDROID CHROME */
		font-family:sans-serif; 
		-ms-text-size-adjust:100%; 
		-webkit-text-size-adjust:100%
	}

	/* === DEFAULTS === */

	input[type="text" i], 
	textarea {
    	font-size: 16px;
    	padding: 5px 8px;
    }

	textarea {
		width: calc(100% - 20px);
	}

	input[type="submit" i] { /* кнопка submit */
		padding: 5px 11px;
	}

	.reply-buttons input[type="submit" i] {
		margin: 5px auto;
	}

	select {
    		font-size: 16px;
    		padding: 4px 3px 4px 3px;
	}

	select option {
		
	}

	input[type="text" i]:focus,
	input[type="password" i]:focus,
	select:focus,
	textarea:focus {
		
	}

	input[type="submit" i]:focus {
		
	}

	body {
		font-size: 16px;
	}

	h1 {
		font-size: 140%;
	}

	.projects-list li a {
		font-size: 0;
	}

	#panel {display:none} /* ONLY FOR TESTS */


	header {
		height: 90px;
	}

	.inner,
	.inner_narrow {
	 	width: calc(100% - 30px);
	 	margin: 0 auto;
	}

	.brand {
		left: 15px;
		top: 29px;
	}

	.guide_col1 {
		font-size: 30px;
	}
    
	.card-text {
		padding: 30px 15px;
	}

	.news .story-body table {
		width: auto;
	}

	.news .story-body table th {
		padding: 30px 5px;
	}

	footer {
		width: 100%;
	}

	.footer-row {
		flex-direction: column;
	}

	.footer-description-area {
		text-align: center;
	}

	.footer-search form {
		margin: 0 auto;
	}

	.footer-search button {
		height: 34px;
	}

	.footer-search button:before {
		top: 4px;
	}

	.footer_b {
		text-align: center;
	}

	.footer-law ul {
		display: grid;
		justify-items: center;
		grid-gap: 10px 0;
	}

	.clicktotop {
		width: 40px;
		height: 40px;
		right: 25px;
	}

	.clicktotop i {
		font-size: 20px;
	}

	.clicktotop.active {
		bottom: 25px;
	}

}

@media screen and (max-width: 480px) { /* SMARTPHONES */

	input[type="submit" i] {
		padding: 10px 11px;
		margin: 10px auto;
	}

	h1 {
		padding: 0 10px;
	}

	header.sticky {
		position: sticky;
	}

	subbar {
		margin-top: -89px;
		height: 89px;
	}

	section.breadcrumb {
		padding-top: 95px;
	}

	section.breadcrumb-sticky {
		padding-top: 10px;
	}

	section.xpressguide .container {
		flex-direction: column;
	}

	p.info, 
	p.advice, 
	p.success, 
	p.warning, 
	p.error, 
	p.quote, 
	.news blockquote {
		margin: 10px -15px 20px -15px;
	}

	.news img,
	.news iframe {
		max-width: max-content;
		margin: 0 -15px;
		width: calc(100% + 30px);
		height: auto;
	}

	/* bof table in the news */

	.news .story-body table {
		width: calc(100% + 30px);
		margin: 0px -15px;
		font-size: 12px;
		border-bottom: 1px solid #f3f3f3;
	}

	.news .story-body table.wide th { /* заголовки по вертикали */
		writing-mode: vertical-rl;
		transform: scale(-1);
	}

	.news .story-body table tr th:first-child,
	.news .story-body table tr:first-child td:first-child,
	.news .story-body table tr th:last-child,
	.news .story-body table tr:first-child td:last-child {
		border-radius: 0 0 0 0;
	}

	.news .story-body table td {
		padding: 10px 5px;
	}

	.news .story-body table tbody tr td:first-child {
		border-radius: 0 0 0 0;
	}

	.news .story-body table tbody tr td:last-child {
		border-radius: 0 0 0 0;
	}

	/* eof table in the news */



	table.two-cols td {
		display: block;
		width: 100%;
	}

	.footer-h:after {
		margin: 15px auto;
	}

	.footer-menu-area {
		flex-direction: column;
		text-align: center;
	}

	.footer-menu {
		width: auto;
	}

}