/*
Theme Name: DENRESP
Text Domain: DENRESP
Version: 0.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Шаблон для сайта День республики. Разработан в Конторе.
Author: the WordPress team
Author URI: https://kontora.gq/
Theme URI: 
License: MIT
License URI: https://opensource.org/licenses/MIT

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)


*/

/* Fonts ------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap&subset=cyrillic');

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the classic editor and
 * block editor. The following font-face override fixes the issue by manually
 * inserting a custom font that includes just a Hoefler Text space replacement
 * for that character instead.
 */
 @font-face {
	font-family: NonBreakingSpaceOverride;
	src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
}

@font-face {
	font-family: 'GolosTextWebRegular';
	src: url('./assets/fonts/golos/Golos%20Text_Regular.eot');
	src:
	     url('./assets/fonts/golos/Golos%20Text_Regular.eot?#iefix') format('embedded-opentype'),
	     url('./assets/fonts/golos/Golos%20Text_Regular.woff2') format('woff2'),
	     url('./assets/fonts/golos/Golos%20Text_Regular.woff') format('woff'),
	     url('./assets/fonts/golos/Golos%20Text_Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GolosTextWebMedium';
	src: url('./assets/fonts/golos/Golos%20Text_Medium.eot');
	src:
	     url('./assets/fonts/golos/Golos%20Text_Medium.eot?#iefix') format('embedded-opentype'),
	     url('./assets/fonts/golos/Golos%20Text_Medium.woff2') format('woff2'),
	     url('./assets/fonts/golos/Golos%20Text_Medium.woff') format('woff'),
	     url('./assets/fonts/golos/Golos%20Text_Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('./assets/fonts/ibm-plex-serif/IBMPlexSerif-Italic.eot');
    src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
        url('./assets/fonts/ibm-plex-serif/IBMPlexSerif-Italic.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/ibm-plex-serif/IBMPlexSerif-Italic.woff') format('woff'),
        url('./assets/fonts/ibm-plex-serif/IBMPlexSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

:root {
	--Black100: #252525;
	--Black92: rgba(37, 37, 37, .92);
	--Black80: rgba(37, 37, 37, .80);
	--Black72: rgba(37, 37, 37, .72);
	--Black64: rgba(37, 37, 37, .64);
	--Black32: rgba(37, 37, 37, .32);
	--Black16: rgba(37, 37, 37, .16);

	--White100: #fff;
	--White92: rgba(255, 255, 255, .92);
	--White80: rgba(255, 255, 255, .8);
	--White72: rgba(255, 255, 255, .72);
	--White64: rgba(255, 255, 255, .64);
	--White32: rgba(255, 255, 255, .32);

	--Gray100: #a8aabb;
	--Gray32: rgba(168, 170, 187, .32);

	--LightGray100: #d0d2d6;

	--Blue100: #05f;
	--Blue32: rgba(0, 85, 255, 0.32);
	--Blue16: rgba(0, 85, 255, 0.16);

	--LightBlue100: #f5f7fa;

	--Green100: #04c284;

	--Red100: #FF4500;
	--Red32: rgba(255, 69, 0, .32);

	--Purple100: #A072DA;
	--Purple32: rgba(155, 86, 242, .32);
}


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries
	18.Animations
----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}


/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
}

body {
	background: rgba(0, 0, 0, .5) url('./assets/img/bg-dots-transparent.png') 0 0 repeat;
	background-size: .4rem;
	box-sizing: border-box;
	color: var(--Black100);
	font-family: 'GolosTextWebRegular', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	text-align: left;
}

@supports ( font-variation-settings: normal ) {

	body {
		font-family: 'GolosTextWebRegular', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

*,
*::before,
*::after {
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	word-break: break-word;
	word-wrap: break-word;
}

::selection {
	background: #05f;
	color: var(--White100);
}


/* Clearing ---------------------------------- */

.group::after,
.entry-content::after {
	clear: both;
	content: "";
	display: block;
}


/* Base Transitions -------------------------- */

a,
path,
.post-title {
	transition: all 0.1s linear;
}


/* Screen Reader Text ------------------------ */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}


/* Skip Link --------------------------------- */

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}

/* Accessibility Settings -------------------- */

@media ( prefers-reduced-motion: reduce ) {

	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}


/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* ---------------------------------------------*---------------------------- */

main,
#site-content,
#search-results {
	display: block;
	margin: 0 auto;
	padding-top: 4rem;
	width: calc(100% - 4rem);
	max-width: 1332px;
}

#site-content {
	position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6,
.faux-heading {
	font-family: 'Open Sans Condensed', sans-serif;
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 700;
	letter-spacing: -0.0415625em;
	line-height: 1.25;
	/* margin: 3.5rem 0 2rem; */
}

h1,
.heading-size-1 {
	font-size: 6.4rem;
	font-weight: 800;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 5.6rem;
}

h3,
.heading-size-3 {
	font-size: 4rem;
}

h4,
.heading-size-4 {
	font-size: 3.2rem;
}

h5,
.heading-size-5 {
	font-size: 2.8rem;
}

h6,
.heading-size-6 {
	font-size: 1.6rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}

em,
i,
q,
dfn {
	font-style: italic;
}

em em,
em i,
i em,
i i,
cite em,
cite i {
	font-weight: bolder;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.75em;
}

b,
strong {
	font-family: 'GolosTextWebMedium', sans-serif;
	font-weight: normal;
	letter-spacing: -.04em;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 56%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.8em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	border-color: #dcd7ca;
	margin: 4rem 0;
}

.entry-content hr,
hr.styled-separator {
	background: linear-gradient(to left, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px));
	background-color: transparent !important;
	border: none;
	height: 0.1rem;
	overflow: visible;
	position: relative;
}

.entry-content hr:not(.has-background),
hr.styled-separator {
	color: #6d6d6d;
}

.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after {
	background: currentColor;
	content: "";
	display: block;
	height: 1.6rem;
	position: absolute;
	top: calc(50% - 0.8rem);
	transform: rotate(22.5deg);
	width: 0.1rem;
}

.entry-content hr::before,
hr.styled-separator::before {
	left: calc(50% - 0.5rem);
}

.entry-content hr::after,
hr.styled-separator::after {
	right: calc(50% - 0.5rem);
}

a {
	color: var(--Black100);
	border-bottom: .5px solid var(--Black16);
	text-decoration: none;
}

.main-site-content a:visited {
	color: var(--Purple100);
	border-color: var(--Purple32);
}

a:hover,
a:hover:visited,
a:focus {
	color: var(--Blue100);
	border-color: var(--Blue32);
}

/* Lists ------------------------------------- */

ul,
ol {
	margin: 0 0 3rem 4rem;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
	line-height: 1.5;
	margin: 0.5rem 0 0 2rem;
}

li > ul,
li > ol {
	margin: 1rem 0 0 2rem;
}

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

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 700;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

blockquote,
.single-blockquote {
	background: linear-gradient(to top right, rgba(0, 30, 100, 0.08), rgba(0, 30, 100, 0));
	border-color: var(--Blue100);
	border-style: solid;

	/*rtl:ignore*/
	border-width: 0 0 0 0.2rem;
	color: inherit;
	font-size: 1em;
	letter-spacing: normal;
	margin: 4rem 0;

	/*rtl:ignore*/
	padding: 3.2rem 0 3.2rem 3.4rem;

	overflow: auto;
}

.single-blockquote {
	padding: 3.8rem 0 4.4rem 3.4rem;
	position: relative;
}

.single-blockqoute-content {
	margin-left: 6rem;
	margin-right: 8rem;
}

.single-blockqoute-content::before {
	color: var(--Blue100);
	content: '❝';
	font-size: 7.2rem;
	left: 1.6rem;
	line-height: 6rem;
	position: absolute;
}

.single-blockquote p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

cite,
blockquote cite,
.single-blockqoute-author {
	float: left;
	font-size: 1.8rem;
	font-style: normal;
	letter-spacing: normal;
	line-height: 2.8rem;
	margin: 1rem 0 0 6rem;
}

.single-blockqoute-author-meta {
	display: inline-block;
	margin-top: 2.2rem;
}

.single-blockqoute-author-name { }

.single-blockqoute-author-pos {
	font-size: 1.4rem;
	line-height: 2.2rem;
}

.single-blockqoute-author-img-wrapper {
	border-radius: 100px;
	display: inline-block;
	float: left;
	height: 10rem;
	margin-right: 1.6rem;
	width: 10rem;
	overflow: hidden;
}

.single-blockqoute-author-img-wrapper img {
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
}

blockquote p:last-child {
	margin: 0;
}


/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.075);
	border-radius: 0.2rem;
}

pre {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.5;
	margin: 4rem 0;
	overflow: auto;
	padding: 3rem 2rem;
	text-align: left;
}

pre code {
	background: transparent;
	padding: 0;
}


/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.2;
	margin: 1.6rem 2.4rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}

/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

legend {
	font-size: 0.85em;
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input,
textarea,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button {
	font-family: 'GolosTextWebRegular', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1;
}

@supports ( font-variation-settings: normal ) {

	input,
	textarea,
	button,
	.button,
	.faux-button,
	.faux-button.more-link,
	.wp-block-button__link,
	.wp-block-file__button {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

input,
textarea {
	border-color: var(--Gray100);
	color: var(--Black100);
}
input::placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
input::-moz-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
input:-moz-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
input::-webkit-input-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
input::-ms-input-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
input:-ms-input-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
textarea::placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
textarea::-moz-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
textarea:-moz-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
textarea::-webkit-input-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
textarea::-ms-input-placeholder { color: var(--Gray100); opacity: 1; transition: all 0.2s ease; }
textarea:-ms-input-placeholder { color: var(--Gray100); opacity: 1;transition: all 0.2s ease; }

input:focus::placeholder { opacity: 0; }
input:focus::-moz-placeholder { opacity: 0; }
input:focus:-moz-placeholder { opacity: 0; }
input:focus::-webkit-input-placeholder { opacity: 0; }
input:focus::-ms-input-placeholder { opacity: 0; }
input:focus:-ms-input-placeholder { opacity: 0; }
textarea:focus::placeholder { opacity: 0; }
textarea:focus::-moz-placeholder { opacity: 0; }
textarea:focus:-moz-placeholder { opacity: 0; }
textarea:focus::-webkit-input-placeholder { opacity: 0; }
textarea:focus::-ms-input-placeholder { opacity: 0; }
textarea:focus:-ms-input-placeholder {opacity: 0; }


code,
input[type="url"],
input[type="email"],
input[type="tel"] {
	/*rtl:ignore*/
	direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: rgba(0,30,60,.08);
	border-radius: 100px;
	border: none;
	box-shadow: none;
	display: block;
	font-size: 1.6rem;
	letter-spacing: -0.015em;
	margin: 0;
	max-width: 100%;
	padding: 1.6rem 2rem;
	width: 100%;
	transition: background-color .2s ease;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
textarea:hover {
	background-color: rgba(0,30,60,.04);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus {
	background-color: rgba(0,30,60,.04);
	outline: none;
}

select {
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='8' viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.53833 1.34097L1.4618 0.158936L9.00006 6.04821L16.5383 0.158936L17.4618 1.34097L9.00006 7.9517L0.53833 1.34097Z' fill='%23252525'/%3E%3C/svg%3E%0A");
	background-position: 91% 55%;
	background-repeat: no-repeat;
	border: 1.5px solid var(--Black100);
	border-radius: 100px;
	color: var(--Black100);
	cursor: pointer;
	display: block;
	font-size: 1.6rem;
	height: auto;
	letter-spacing: -0.015em;
	outline: none;
	padding: 1.6rem 4rem 1.6rem 2rem;
	-webkit-appearance: none;
	transition: transform .15s ease-in-out, box-shadow .2s linear;
}
select:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.34097L0.923466 0.158936L8.46173 6.04821L16 0.158936L16.9235 1.34097L8.46173 7.9517L0 1.34097Z' fill='%230055FF'/%3E%3C/svg%3E%0A");
	border-color: var(--Blue100) !important;
	color: var(--Blue100) !important;
	box-shadow: 6px 6px 0 0 var(--Blue100);
	transform: translateY(-.4rem);
}

select::before {
	content: '#';
	display: inline-block;
}

textarea {
	height: 16rem;
	line-height: 1.5;
	width: 100%;
}

input::-webkit-input-placeholder {
	line-height: normal;
}

input:-ms-input-placeholder {
	line-height: normal;
}

input::-moz-placeholder {
	line-height: normal;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: var(--White100);
	border: 1.5px solid var(--Black100);
	border-radius: 100px;
	color: var(--Black100);
	cursor: pointer;
	display: inline-block;
	font-family: 'GolosTextWebRegular', sans-serif;
	font-size: 1.7rem;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 2.2rem;
	margin: 0;
	outline: none;
	padding: 1.2rem 3.2rem;
	text-align: center;
	text-decoration: none;
	transition: transform .15s ease-in-out, box-shadow .15s ease;
}

button:hover,
.button:hover,
.faux-button:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--Blue100) !important;
	color: var(--Blue100) !important;
	box-shadow: 6px 6px 0 0 var(--Blue100);
	transform: translateY(-.4rem);
}

.faux-button:focus,
.faux-button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	text-decoration: underline;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: currentColor;
}

input[type="search"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

.outline-text {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--Black100);
}
.outline-text::selection {
	-webkit-text-stroke-color: var(--White100);
}

/* Tables ------------------------------------ */

table {
	border: 0.1rem solid #dcd7ca;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 4rem 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

.alignleft > table {
	margin: 0;
}

.alignright > table {
	margin: 0;
}

th,
td {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

caption {
	background: #dcd7ca;
	font-weight: 600;
	padding: 0.5em;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	font-weight: 700;
}


/* -------------------------------------------------------------------------- */

/*	3. Helper Classes
/* -------------------------------------------------------------------------- */


/* Layout ------------------------------------ */

.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.screen-height {
	min-height: 100vh;
}

.admin-bar .screen-height {
	min-height: calc(100vh - 32px);
}

@media (max-width: 782px) {

	.admin-bar .screen-height {
		min-height: calc(100vh - 46px);
	}
}

.screen-width {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}

/* Sections ---------------------------------- */

section {
	padding: 5rem 0;
	width: 100%;
}

.section-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 120rem;
	width: calc(100% - 4rem);
}

.section-inner.max-percentage {
	width: 100%;
}

.section-inner.thin {
	max-width: 58rem;
}

.section-inner.small {
	max-width: 80rem;
}

.section-inner.medium {
	max-width: 100rem;
}

.section-inner.no-margin {
	margin: 0;
}


/* Toggles ----------------------------------- */

.toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: inherit;
	user-select: none;
}

button.toggle {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	padding: 0;
	text-transform: none;
}

/* Hiding and Showing ------------------------ */

.js .show-js {
	display: block !important;
}

.js .hide-js {
	display: none !important;
}

.no-js .show-no-js {
	display: block !important;
}

.no-js .hide-no-js {
	display: none !important;
}


/* Typography -------------------------------- */

.font-size-xl {
	font-size: 1.25em;
}

.font-size-xs {
	font-size: 0.8em;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Colors ------------------------------------ */

/* COLOR */

.white-bg {
	background: var(--White100); 
}

.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
	color: #cd2653;
}

/* BACKGROUND COLOR */

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
	background-color: #cd2653;
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
	border-color: #cd2653;
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
	fill: #cd2653;
}

.fill-children-current-color,
.fill-children-current-color * {
	fill: currentColor;
}


/* Opacity ----------------------------------- */

.opacity-0 {
	opacity: 0;
}

.opacity-5 {
	opacity: 0.05;
}

.opacity-10 {
	opacity: 0.1;
}

.opacity-15 {
	opacity: 0.15;
}

.opacity-20 {
	opacity: 0.2;
}

.opacity-25 {
	opacity: 0.25;
}

.opacity-30 {
	opacity: 0.3;
}

.opacity-35 {
	opacity: 0.35;
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-45 {
	opacity: 0.45;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-55 {
	opacity: 0.55;
}

.opacity-60 {
	opacity: 0.6;
}

.opacity-65 {
	opacity: 0.65;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-75 {
	opacity: 0.75;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-85 {
	opacity: 0.85;
}

.opacity-90 {
	opacity: 0.9;
}

.blend-mode-exclusion {
	mix-blend-mode: exclusion;
}

.blend-mode-hue {
	mix-blend-mode: hue;
}

.blend-mode-saturation {
	mix-blend-mode: saturation;
}

.blend-mode-color {
	mix-blend-mode: color;
}

.blend-mode-luminosity {
	mix-blend-mode: luminosity;
}


/* Image Classes ----------------------------- */

.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-attachment-fixed {
	background-attachment: fixed;
}

@supports ( -webkit-overflow-scrolling: touch ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

@media ( prefers-reduced-motion: reduce ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

.wp-block-image.is-resized {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-lazyblock-post-image {
	margin-bottom: 3.2rem;
}

.wp-block-image {
	background: rgba(0, 30, 80, 0.06);
	height: 100%;
	margin: 3.6rem 0 0;
	position: relative;
	overflow: hidden;
}

.wp-block-image img {
	object-fit: contain;
	height: 100%;
	max-height: 80vh;
	width: 100%;
}

.with-background {
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.background-blur {
	filter: blur(3.2rem);
	object-fit: cover !important;
	position: absolute;
    width: 100%;
    z-index: 0;
}

/* Search Form ------------------------------- */

.search-form {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 -0.8rem -0.8rem;
}

.search-form .search-field,
.search-form .search-submit {
	margin: 0 0 0.8rem 0.8rem;
}

.search-form label {
	align-items: stretch;
	display: flex;
	font-size: inherit;
	margin: 0;
	width: 100%;
}

.search-form .search-field {
	width: 100%;
}

.search-form .search-submit {
	flex-shrink: 0;
}

.search-form .search-submit:focus,
.search-form .search-submit:hover {
	text-decoration: none;
}

#search-results {
	z-index: 3000;
}

.search-results-archive-grid {
	display: grid;
	grid-auto-flow: row dense;
	grid-column-gap: 2.4rem;
	grid-row-gap: 3.2rem;
	grid-template-columns: repeat(5, calc((100% - 9.6rem) / 5));
	grid-template-rows: auto;
	margin: 2.8rem 0 2.4rem;
	width: 100%;
}

.search-result-archive-item {
	grid-row: span 1;
	grid-column: span 1;
}

.search-result-archive-item > a {
	display: block;
	height: 100%;
	transition: transform .2s ease-in-out, box-shadow .12s ease-in-out;
	width: 100%;
}
.search-result-archive-item > a:hover {
	transform: scale(1.02);
	box-shadow: 6px 6px 0 var(--White32);
}

.search-result-archive-item > a > img {
	height: auto;
	width: 100%;
}



.search-result-posts-grid {
	display: grid;
	grid-auto-flow: row dense;
	grid-column-gap: 2.4rem;
	grid-row-gap: 3.2rem;
	grid-template-columns: repeat(6, calc((100% - 12rem) / 6));
	grid-template-rows: repeat(auto-fill, 20rem);
	margin: 2.8rem 0 8rem;
	width: 96%;
} 

.search-result-post {
	height: 41.6rem;
	background: var(--Black100);
	border-bottom: none;
	transition: transform .2s ease-in-out, box-shadow .12s ease-in-out;
}

.search-result-post:hover {
	transform: scale(1.02);
	box-shadow: 6px 6px 0 var(--White32);
}

.search-result-post .post-title {
	border-color: var(--White32) !important;
	color: var(--White92) !important;
}
.search-result-post:hover .post-title {
	border-color: var(--White64) !important;
	color: var(--White100) !important;
}
.search-result-post .post-content {
	color: var(--White72) !important;
}
.search-result-post .post-img2x2::before {
	background: linear-gradient(rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.12) 24%, rgba(255, 255, 255, 0.2) 44%, rgba(255, 255, 255, 0.22) 72%, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.28) 92%), rgba(0, 0, 0, 0) !important;
	opacity: 0;
	transition: opacity .2s linear;
}
.search-result-post:hover .post-img2x2::before {
	opacity: 1;
}

.search-result-post .post-img2x2::after {
	background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.12) 24%, rgba(0, 0, 0, 0.2) 44%, rgba(0, 0, 0, 0.28) 72%, rgba(0, 0, 0, 0.36), rgba(0, 0, 0, 0.44) 92%), rgba(0, 0, 0, 0) !important;
	opacity: 1;
	transition: opacity .2s linear;
}
.search-result-post:hover .post-img2x2::after {
	opacity: 0;
}

.search-result-post.post2x2 {
	grid-column: span 2;
	grid-row: span 2;
	position: relative;
}

.search-result-post.post2x2 .post-title-wrapper {
	color: var(--White100) !important;
	display: -webkit-box;
	font-size: 2.8rem;
	line-height: 3.8rem;
	margin-top: 19.4rem;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.search-result-post.no-img.post2x2 .post-title-wrapper {
	margin-top: 0 !important;
}

.search-result-post.post2x2 .post-title {
	color: var(--White100);
	font-size: 2.8rem;
	line-height: 3.8rem;
}

.search-result-post.post3x2 {
	grid-column: span 3;
	grid-row: span 2;
}

.search-result-title {
	color:var(--White100);
	margin-top: 6rem;
}

#search-result-authors {
	display: grid;
	grid-auto-flow: row dense;
	grid-column-gap: 1.6rem;
	grid-row-gap: 1.6rem;
	grid-template-columns: repeat(6, calc((100% - 8rem) / 6));
	grid-template-rows: repeat(auto-fill, 12rem);
	margin-top: 3.2rem;
}

.search-result-author {
	background: var(--Black100);
	color: var(--White100);
	grid-column: span 2;
	grid-row: span 1;
	position: relative;
	padding: 1.6rem;
	transition: transform .2s ease-in-out, box-shadow .12s ease-in-out;
}
.search-result-author:hover {
	cursor: pointer;
	transform: scale(1.02);
	box-shadow: 6px 6px 0 var(--White32);
}

.search-result-author-name {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	margin: .4rem 0 1.2rem;
	font-size: 2.8rem;
	display: -webkit-inline-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.search-result-author-pos {
	color: var(--White64);
}



/* Social Icons ------------------------------ */

ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	margin: -0.9rem 0 0 -0.9rem;
	width: calc(100% + 0.9rem);
}

ul.social-icons li {
	margin: 0.9rem 0 0 0.9rem;
}

.social-icons a {
	align-items: center;
	background: #cd2653;
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 4.4rem;
	justify-content: center;
	padding: 0;
	text-decoration: none;
	transition: transform 0.15s ease-in-out;
	width: 4.4rem;
}

.social-icons a:focus,
.social-icons a:hover {
	transform: scale(1.1);
	text-decoration: none;
}


/* Cover Modals ------------------------------ */

.cover-modal {
	display: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.cover-modal::-webkit-scrollbar {
	display: none !important;
}

.cover-modal.show-modal {
	display: block;
	cursor: pointer;
}

.cover-modal.show-modal > * {
	cursor: default;
}



/* -------------------------------------------------------------------------- */

/*	4.	Marquee
/* -------------------------------------------------------------------------- */
#marquee {
  background: var(--Blue100); 
  color:var(--White100);
  height:4rem; 
  position: relative;
  left:0px;
  top:0px; 
  z-index: 4; 
  width: 100%;
  overflow: hidden;
}

.marquee-inner{
  display:block;
  align-items: baseline;
  justify-items: stretch;
  width: 200%;
  animation: marquee 30s linear infinite;
  position: relative;
  overflow: hidden;
}

#marquee span {
  float:left;
  min-width: 50%;
  padding-top:0.8rem;
}

.marquee-item {
  margin: .8rem 4rem 0;
}

#marquee span>a  {
	border-bottom-color: var(--White32);
	color: var(--White80);
	font-size: 1.6rem;
	transition: all .15s linear;
}

#marquee span>a:hover {
	border-bottom-color: var(--White64);
	color: var(--White100);
}

#marquee span>a::before {
	content: '';
	background: url('https://denresp.ru/wp-content/themes/denresp/assets/img/bg-dots-white.png') 0 0 repeat;
	background-size: .4rem;
	display: inline-block;
	height: 1.6rem;
	margin-left: -1.2rem;
	position: relative;
	vertical-align: middle;
	width: .8rem;
}



/* -------------------------------------------------------------------------- */

/*	4.	Site Header
/* -------------------------------------------------------------------------- */


/*#site-header {
	background: var(--Blue100);
	border-radius: 2.4rem;
	height: 4.8rem;
	left: 50%;
	margin: 0;
	position: fixed;
	transform: translateX(-50%);
	top: 1.2rem;
	width: calc(100% - 2.4rem);
	max-width: 1332px;
	transition: all .15s ease-in-out;
	z-index: 100;
}*/

#site-header {
	background: var(--White100);
	border: 2px solid var(--Black100);
	border-radius: 2.6rem;
	height: 5.2rem;
	margin: .4rem auto 0;
	position: sticky;
	position: -webkit-sticky;
	top: .4rem;
	width: calc(100% - 2.4rem);
	max-width: 1332px;
	transition: all .15s ease-in-out;
	z-index: 100;
}

/*#site-header a {
	color: var(--White92);
	transition: all .15s linear;
}

#site-header a:hover {
	border-bottom-color: var(--White32);
	color: var(--White100);
}*/

/*.site-header-collapse {
	border-radius: 10px !important;
	height: 9.6rem !important;
}*/
.site-header-collapse {
	border-radius: 10px !important;
	height: 10.2rem !important;
}

.site-header-inner {
	display: inline-block;
	vertical-align: top;
}

.menu-mobile {
	border-bottom: none;
	display: inline-block;
	margin: .8rem 0 0 1.2rem;
	position: absolute;
}

.menu-mobile:hover .icon-burger-line {
	background: var(--Blue100);
}

/*.site-header-logo {
	border-bottom: none;
	height: 5.4rem;
	min-height: 4.8rem;
	margin-top: -.6rem;
	margin-left: -1rem;
	margin-right: -6.5rem;
	overflow: hidden;
	width: 35rem;
}*/
/*.site-header-logo {
	border-bottom: none;
	height: 5.3rem;
	min-height: 4.8rem;
	margin-top: -.5rem;
	margin-left: 1rem;
	margin-right: -3rem;
	overflow: hidden;
	width: 33rem;
}*/
.site-header-logo {
	border-bottom: none;
	height: 4.4rem;
	margin-top: .2rem;
	margin-right: 1.2rem;
	margin-left: 1.2rem;
	width: 20.5rem;
	position: relative;
	transition: transform .15s ease-in-out;
}
.site-header-logo-inner {
	height: inherit;
	width: 100%;
	position: relative;
	transition: transform .15s ease-in-out;
}
.site-header-logo:hover .site-header-logo-inner {
	transform: scale(1.01) translateX(-2px) translateY(-2px);
}

.site-header-logo-img,
.site-header-logo-img-hover,
.site-header-logo-img-hover-shadow {
	background-color: transparent;
	background-image: url('./assets/img/logos/logo-dr-header.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	overflow: visible;
	position: absolute;
	width: 100%;
	min-width:20.5rem;
	transition: all .2s linear;
}

.site-header-logo-img {
	background-position: 0 0;
	opacity: 1;
	z-index: 2;
}
.site-header-logo:hover .site-header-logo-img {
	opacity: 0;
}
.site-header-logo-img-hover {
	background-position: 0 -4.5rem;
	opacity: 1;
	z-index: 1;
}
.site-header-logo-img-hover-shadow {
	background-position: 0 -8.9rem;
	opacity: 1;
	transition: transform .2s linear;
}
.site-header-logo:hover .site-header-logo-img-hover-shadow  {
	transform: translateX(4px) translateY(4px);
}

/*.site-header-logo svg {
	min-height: 48px;
	width: 34rem;
	height: auto;
	transition: transform .15s ease-in-out;
	transform: translateX(1.8rem) translateY(.4rem);
}
.site-header-logo:hover svg {
	transform: translateX(1.4rem) translateY(0);
}
.site-header-logo:hover svg {
	transform: translateX(2rem) translateY(.2rem) scale(1.02);
}*/
/*.site-header-logo-svg {
	height: 5.2rem;
	margin-top: .5rem;
	transform: translateX(.6rem);
	transition: transform .2s ease-in-out;
}
.site-header-logo:hover .site-header-logo-svg {
	transform: translateX(.6rem) translateY(-.3rem) scale(1.04);
}*/

.site-header-logo-subtitle {
	font-size: .9rem;
	letter-spacing: .02em;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	right: .6rem;
}

.site-header-search {
	z-index: 2999 !important;
	transition:all 0.25s;
  background:var(--Black92) !important;
  margin:-5.6rem auto 0 !important;
}

#close-header-menu {
	border-bottom: none;
	cursor: pointer;
	height: 4.8rem;
	margin: 0;
	width: 4.8rem;
}

/*.site-header-rubrics {
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: calc(100% - 56rem);
	height: 100%;
	padding: 0;
	transition: all .15s ease-in-out;
}*/
.site-header-rubrics {
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	width: calc(100% - 52rem);
	height: 5rem;
	padding: 0;
	transition: all .15s ease-in-out;
}

/*.site-header-collapse .site-header-rubrics {
	width: calc(100% - 10.8rem);
	margin: 0 0 0 .8rem;
}*/
.site-header-collapse .site-header-rubrics {
	width: calc(100% - 10.8rem);
	height: 10rem;
	margin: 0 0 0 .8rem;
}

/*.site-header-rubrics-showmore {
	background: linear-gradient(to right, rgba(0, 85, 255, 0), var(--Blue100) 30%, var(--Blue100)) 0 0 no-repeat;
	border-bottom: none;
	font-size: 2.4rem;
	height: 100%;
	letter-spacing: .05rem;
	line-height: 1.5rem;
	padding: .8rem 1.2rem;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-position .2s ease-in-out;
	width: 6.4rem;
	z-index: 3;
}
.site-header-rubrics-showmore:hover {
	background-position-x: 1.5rem;
}*/

.site-header-rubrics-showmore {
	background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--White100) 30%, var(--White100)) 0 0 no-repeat;
	border-bottom: none;
	font-size: 2.4rem;
	height: 4.8rem;
	letter-spacing: .05rem;
	line-height: 1.5rem;
	padding: .8rem 1.2rem;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-position .2s ease-in-out;
	width: 6.4rem;
	z-index: 3;
}
.site-header-rubrics-showmore:hover {
	background-position-x: 1.5rem;
}

.icon-burger {
	cursor: pointer;
	display: block;
	float: right;
	height: 2rem;
	margin-top: .7rem;
	width: 2.8rem;
	transition: margin .15s ease-in-out;
}
.site-header-rubrics-showmore:hover .icon-burger {
	margin-top: .4rem;
}

/*.icon-burger-line {
	display: block;
	height: 2px;
	margin-bottom: 5px;
	background-color: var(--White80);
	transition: background-color .15s linear, margin .15s ease-in-out;
}
.site-header-rubrics-showmore:hover .icon-burger-line {
	background-color: var(--White100);
	margin-bottom: 8px;
}*/
.icon-burger-line {
	display: block;
	height: 2px;
	margin-bottom: 5px;
	background-color: var(--Black100);
	transition: background-color .15s linear, margin .15s ease-in-out;
}
.site-header-rubrics-showmore:hover .icon-burger-line {
	background-color: var(--Blue100);
	margin-bottom: 8px;
}

.site-header-rubrics-ul {
	display: block;
	min-height: 4.8rem;
	margin: 0;
	width: 600%;
}

/*.site-header-collapse .site-header-rubrics-ul {
	height: 9.6rem;
}*/
.site-header-collapse .site-header-rubrics-ul {
	height: 10.2rem;
}

.site-header-rubrics-ul-li {
	display: inline-block;
	float: left;
	margin: 0 2rem 0 0;
}
.site-header-rubrics-ul-li:last-child {
	margin-right: 0;
}

.icon-menu {
	height: 3.2rem;
	margin: .8rem auto;
	width: 3.2rem;
}

/*.icon-menu-line {
	background: var(--White92);
	display: block;
	height: 2px;
	opacity: 0;
	position: relative;
	width: 100%;
	transition: all .15s ease-in-out;
}*/
.icon-menu-line {
	background: var(--Black100);
	display: block;
	height: 2px;
	opacity: 0;
	position: relative;
	width: 100%;
	transition: all .15s ease-in-out;
}

.site-header-collapse #close-header-menu .icon-menu-line {
	opacity: 1;
}

.site-header-collapse #close-header-menu .icon-menu-line:first-child {
	top: 1.5rem;
	transform: rotate(45deg);
}
.site-header-collapse #close-header-menu .icon-menu-line:last-child {
	top: 1.3rem;
	transform: rotate(-45deg);
}

#close-header-menu:hover .icon-menu-line {
	background: var(--White100);
}

/*.site-header-rubrics-link {
	border-bottom: 4px solid transparent;
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	height: 3.7rem;
	letter-spacing: .015em;
	margin-top: 1.1rem;
	text-transform: uppercase;
}
.site-header-rubrics-link:hover {
	border-bottom-color: var(--White32);
}

.site-header-rubrics-ul-li-active .site-header-rubrics-link {
	color: var(--White100) !important;
	border-bottom-color: var(--White72) !important;
}*/
.site-header-rubrics-link {
	border-bottom: 2px solid transparent;
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
	height: 3.9rem;
	letter-spacing: .015em;
	margin-top: 1.1rem;
	text-transform: uppercase;
}
.site-header-rubrics-link:hover {
	border-bottom-color: var(--Blue100);
}

.site-header-rubrics-ul-li-active .site-header-rubrics-link {
	color: var(--Blue100) !important;
	border-bottom-color: var(--Blue100) !important;
}

.secondary-links.site-header-inner {
	float: right;
	margin: 0 .8rem 0 0;
	position: relative;
	z-index: 3;
}

.secondary-link {
	border-bottom: .5px solid var(--Gray32);
	color: var(--Gray100);
	font-size: 1.2rem;
	letter-spacing: 0;
}

/*.header-secondary-link {
	border-bottom: none;
	color: var(--White72) !important;
	display: inline-block;
	float: left;
	margin: 0 .8rem;
	vertical-align: top;
}
.header-secondary-link:first-child {
	margin-left: 0;
}
.header-secondary-link:last-child {
	margin-right: 0;
}
.header-secondary-link:hover {
	color: var(--White100) !important;
}*/
.header-secondary-link {
	border-bottom: .5px solid var(--Black32) !important;
	color: var(--Black100) !important;
	display: inline-block;
	float: left;
	margin: 0 .8rem;
	vertical-align: top;
}
.header-secondary-link:first-child {
	margin-left: 0;
}
.header-secondary-link:last-child {
	margin-right: 0;
}
.header-secondary-link:hover {
	color: var(--Blue100) !important;
	border-bottom-color: var(--Blue32) !important;
}

.secondary-link-span-wrapper {
	display: inline-block;
	position: relative;
	top: .8rem;
}

.secondary-link-span-wrapper>span {
	border-bottom: .5px solid var(--Gray32);
}

.header-secondary-link .secondary-link-span-wrapper>span {
	border-bottom: .5px solid var(--White32);
}

.header-secondary-link:hover .secondary-link-span-wrapper>span {
	border-bottom-color: var(--White32);
}

.header-secondary-link .header-icon-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.secondary-link-archive .header-icon-wrapper {
	display: inline-block;
	margin-right: -1.2rem;
	max-height: 4.8rem;
	height: 4.8rem;
	overflow: hidden;
	width: 7rem;
}

.header-icon {
	height: 100%;
	padding: .2rem 1.2rem 0 1.6rem;
	overflow-x: visible;
	width: inherit;
	max-height: inherit;
	overflow-y: hidden;
}

.header-icon.icon-archive {
	opacity: 1;
	position: absolute;
	transition: opacity .25s linear;
}
.secondary-link-archive:hover .header-icon.icon-archive {
	opacity: 0;
}

.header-icon.icon-archive g {
	transition: transform .15s ease-in-out, opacity .15s ease;
}

.icon-archive-newspaper-1,
.icon-archive-newspaper-2 {
	background-image: url('./assets/img/icons/icon-archive.png');
	background-repeat: no-repeat;
	background-size: 200%;
	height: 4.8rem;
	width: 4.1rem;
	position: absolute;
	transition: transform .2s ease-in-out, opacity .15s linear;
}

.header-icon.icon-archive .icon-archive-newspaper-1 {
	background-position: 0 0;
	z-index: 1;
}

.header-icon.icon-archive .icon-archive-newspaper-2 {
	background-position: -4.2rem 0;
}

.header-icon.icon-archive-hover {
	position: absolute;
	transition: opacity .2s linear;
	opacity: 0;
}
.secondary-link-archive:hover .header-icon.icon-archive-hover {
	opacity: 1;
}

.header-icon.icon-archive-hover .icon-archive-newspaper-1 {
	background-position: 0 -5rem;
	z-index: 1;
}

.header-icon.icon-archive-hover .icon-archive-newspaper-2 {
	background-position: -4.2rem -5rem;
}

.secondary-link-archive:hover .icon-archive-newspaper-2 {
	transform: translateX(.8rem) translateY(-.2rem) rotate(8deg) scale(1.05);
	opacity: .44;
}

.secondary-link-archive:hover .icon-archive-newspaper-1 {
	transform: translateX(-1.2rem) translateY(.2rem) rotate(-2deg) scale(1.1);
}

/*.secondary-link-archive:hover #newspaper-2 {
	transform: translateX(.8rem) translateY(-.2rem) rotate(8deg) scale(1.05);
	opacity: .44;
}

.secondary-link-archive:hover #newspaper-1 {
	transform: translateX(-1.2rem) translateY(.2rem) rotate(-2deg) scale(1.1);
}*/

.secondary-link-login {
	width: 9.4rem;
}

.secondary-link-login .header-icon-wrapper {
	height: 100%;
	min-height: 4.8rem;
	margin-right: -.4rem;
	max-height: 4.8rem;
	max-width: 5rem;
	overflow: hidden;
	width: 100%;
}

.icon-user-login-inner {
	transition: transform .2s ease-in-out;
}
.secondary-link-login:hover .icon-user-login-inner {
	transform: scale(1.07) translateY(-.3rem);
}

.icon-user-login,
.icon-user-login-hover {
	background-image: url('./assets/img/icons/icon-user.png');
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 4.2rem;
	margin: .6rem .4rem 0;
	position: absolute;
	width: 4.3rem;
	transition: opacity .15s linear;
}
.icon-user-login {
	background-position: 0 0;
	opacity: 1;
	z-index: 1;
}
.icon-user-login-hover {
	background-position: 0 -4.4rem;
	opacity: 1;
}
.secondary-link-login:hover .icon-user-login {
	opacity: 0;
}

.secondary-link-user {
	margin-left: 1.6rem;
	margin-right: .8rem !important;
}

.secondary-link-user .header-user-avatar {
	border-bottom: none;
	display: inline-block;
	height: 4rem;
	margin: .4rem 0;
	width: 4rem;
}

.header-user-avatar img {
	border-radius: 100px;
	display: inline-block;
	height: 100%;
	min-height: 4rem;
	min-width: 4rem;
	object-fit: cover;
	transition: transform .15s ease-in-out;
	width: 100%;
}
.secondary-link-user:hover .header-user-avatar img {
	transform: scale(1.1);
}


.login-form-wrapper {
	background: var(--White100);
	border-radius: 32px;
	box-shadow: 0 0 20rem 18rem var(--White100);
	display: block;
	height: auto;
	padding: 5rem;
	position: fixed;
	left: 50%;
    top: 44%;
	transform: translate(-50%, -50%);
	max-width: 83rem;
	width: 100%;
	z-index: 3000;
}

.login-form-wrapper h1 {
	margin-bottom: 3.2rem;
}

.login-buttons button {
	float: left;
	height: 6.4rem;
	margin-right: 1.6rem;
	position: relative;
	transition: transform .15s ease-in-out, box-shadow .15s ease;
}
.login-buttons button:hover {
	transform: translateY(-.4rem);
}

.login-vk,
.login-google,
.login-facebook,
.login-twitter {
	padding-left: .8rem;
	padding-top: .8rem;
	border: none;
}

.login-vk::before,
.login-google::before,
.login-facebook::before,
.login-twitter::before {
	background-size: contain !important;
	content: '';
	margin-right: .8rem;
	height: 4.8rem;
	display: inline-block;
	vertical-align: middle;
	width: 4.8rem;
}

.login-vk {
	background: #4680C2;
	color: var(--White100);
	border-color: transparent;
}
.login-vk:hover {
	color: var(--White100) !important;
	border-color: transparent !important;
	box-shadow: 10px 10px 0 0 #4680C252;
}
.login-vk::before {
	background: transparent url('./assets/img/icons/icon-vk-white100.svg') .4rem 1.1rem no-repeat;
	background-size: 4.4rem !important;
}

.login-google {
	background: #4285f4;
	color: var(--White100);
	border-color: transparent;
}
.login-google:hover {
	color: var(--White100) !important;
	border-color: transparent !important;
	box-shadow: 10px 10px 0 0 #4286f452;
}
.login-google::before {
	background: transparent url('./assets/img/icons/icon-google.svg') 0 0 no-repeat;
}

.login-facebook {
	background: #1877f2;
	color: var(--White100);
	border-color: transparent;
}
.login-facebook:hover {
	color: var(--White100) !important;
	border-color: transparent !important;
	box-shadow: 10px 10px 0 0 #1876f252;
}
.login-facebook::before {
	background: transparent url('./assets/img/icons/icon-facebook-white100.svg') 0 0 no-repeat;
}

.login-twitter {
	background: #1da1f2;
	color: var(--White100);
	border-color: transparent;
	margin-right: 0 !important;
}
.login-twitter:hover {
	color: var(--White100) !important;
	border-color: transparent !important;
	box-shadow: 10px 10px 0 0 #1da1f252;
}
.login-twitter::before {
	background: transparent url('./assets/img/icons/icon-twitter-white100.svg') .6rem .8rem no-repeat;
	background-size: 4rem !important;
}

.login-email {
	margin-top: 6.4rem;
}
.login-email:hover {
	box-shadow: 10px 10px 0 0 #0055ff52;
}

#loginform-app .error.login-error {
	background: #ffeef5;
	border-radius: 0 100px 100px 0;
	height: 5.2rem;
	padding: .8rem 0rem .8rem .8rem;
	position: absolute;
	left: -50%;
	transform: translate(48%);
	top: -16.9%;
}

#loginform-app .error.login-error .error-close {
	margin-left: .8rem;
}

.email-login-form {
	width: 56rem;
	margin: 0 auto;
}

.email-login-form-back {
	cursor: pointer;
	display: inline-block;
	margin-top: 1.6rem;
}

.email-login-form input,
.register-form input {
	border-radius: 100px;
	font-size: 1.8rem;
	height: 6.4rem;
	margin: 0 0 2.8rem;
	padding-left: 2.4rem;
	padding-right: 2.4rem;
	width: 56rem;
}

.email-login-form-top {
	height: 4.8rem;
	margin: -6rem 0 2.4rem;
	width: 100%;
}

#show-register-form {
	float: right;
}
#show-register-form:hover {
	box-shadow: 6px 6px 0 0 var(--Blue32);
}

.register-form {
	display: block;
	margin: 0 auto;
	width: 56rem;
}

.button-login-submit {
	background: var(--Blue100);
	border-color: transparent;
	color: var(--White100);
	height: 6.4rem;
	min-width: 16rem;
	width: auto;
}
.button-login-submit:hover {
	border-color: transparent !important;
	box-shadow: 6px 6px 0 0 var(--Blue32);
	color: var(--White100) !important;
}

.login-form-note {
	color: var(--Gray100);
	font-size: 1.4rem;
	display: inline-block;
	line-height: 2rem;
	margin-left: 2.4rem;
	max-width: 29rem;
	vertical-align: middle;
}

.search-block {
  float: right;
  display:inline-block;
  height: 4.8rem;
  width: 4.8rem;
  transition:left 0.25s ease;
}



.search-input-block {
	position: relative;
	width: 100% !important;
	max-height: 4.8rem;
	height: 4.8rem;
	z-index: 3000;
	top:0;
	background:transparent;
	box-shadow: none;
}


#search-input::placeholder { color: rgba(255,255,255,.16); }
#search-input::-moz-placeholder { color: rgba(255,255,255,.16); }
#search-input:-moz-placeholder { color: rgba(255,255,255,.16); }
#search-input::-webkit-input-placeholder { color: rgba(255,255,255,.16); }
#search-input::-ms-input-placeholder { color: rgba(255,255,255,.16); }
#search-input:-ms-input-placeholder { color: rgba(255,255,255,.16); }

#search-input:focus{
	outline: none;
}

#search-wrapper{
	overflow-y: scroll;
	overflow-x:hidden;
	position:fixed;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: calc(100vh + 6rem);
	background:transparent;
	z-index: 3000;
}


#search-input-wrapper {
   display: flex;
  position: fixed;
  overflow-y: hidden;
  z-index: 3000;
  left: 50%;
  transform: translateX(-50%);
  top: 0.4rem;
  width: calc(100% - 2.4rem); 
  max-width: 1332px;
  background-color:var(--Black92);
  border: none;
  border-radius: 2.8rem;
  color: var(--White100);
  padding-left: 0rem;
  height: 5.2rem;
  outline: none;
  margin: 0;
}

#marquee~#search-wrapper>#search-input-wrapper {
	top:4.5rem;
}

.search-input-contenteditable{
  flex-grow:1;
	display: flex;
	justify-content: flex-start;
	font-size:2.2rem;
	height: 4.6rem;
	line-height: 2.2rem;
	width: 100%;
	outline: none;
  color:var(--White100);
}

#search-input {
	color:var(--White100);
	font-size:2.2rem;
	line-height: 2.2rem;
	flex-grow: 1;
	border-radius: 0px;
	border:none;
	padding: 0;
  margin: 0;
  background-color: var(--Black92);
}

.search-block-tag {
	background: var(--Blue100);
	border-radius: 10px;
	display: block;
	flex-shrink: 0;
	height: 100%;
	letter-spacing: -0.015em;
	line-height: 4.4rem;
	margin: .2rem .8rem 0 0;
	max-width: 40rem;
	outline: none;
	padding: 0 2.8rem 0 1.2rem;
	position: relative;
}
.search-block-close {
	background: linear-gradient(to right, rgba(0, 85, 255, 0), #05f 20%, #05f);
	color: var(--White32);
	cursor: pointer;
	border-bottom: none;
	height: calc(100% - .5rem);
	margin-left: .4rem;
	padding: .1rem .4rem .4rem;
	transition: color .15s linear;
	position: absolute;
	right: .8rem;
	top: 0rem;
}
.search-block-close:hover {
	color: var(--White64);
}

.search-link {
	display: block;
	border: none;
	height: 100%;
	padding: 1.2rem;
	text-align: center;
	vertical-align: middle;
	width: 4.8rem;
	transition:all 0.15s ease-out;
}

.search-link-grey {
	display: block;
	fill: #c2c2c2;
}

.search-link-grey path {
	fill: #c2c2c2 !important;;
}

.search-block .search-icon {
	display: inline-block;
}

/*.search-link:hover path {
	fill: var(--White100) !important;
}*/
.search-icon path {
	fill: var(--Black100);
}
.search-link:hover path {
	fill: var(--Blue100) !important;
}

.search-close {
	border:none;
	border-radius: 0 2.8rem 2.8rem 0;
	background:var(--Black100);
	color:var(--White100);
	min-width: 4.8rem;
	min-height: 4.8rem;
}

.icon-cross {
	height: 3.2rem;
	margin: .8rem auto;
	width: 3.2rem;
}
.icon-cross-line {
	background: var(--White92);
	display: block;
	height: 2px;
	position: relative;
	width: 100%;
	transition: all .15s ease-in-out;
}
.icon-cross-line:first-child {
	top: 1.5rem;
	transform: rotate(45deg);
}
.icon-cross-line:last-child {
	top: 1.3rem;
	transform: rotate(-45deg);
}

/*#close-header-menu:hover .icon-menu-line {
	background: var(--White100);
}*/
#close-header-menu:hover .icon-menu-line {
	background: var(--Blue100);
}

.search-result {
  position: absolute;
  z-index: 3000;
  top:20%;
}
/* -------------------------------------------------------------------------- */

/*	5.	Filter sidebar
/* -------------------------------------------------------------------------- */

.secondary-links-sidebar {
	background: var(--White100);
	color: var(--Black100);
	padding: .8rem .8rem 1.2rem;
	position: absolute;
	right: 1.2rem;
	width: 4.8rem;
	top: 16rem;
	writing-mode: vertical-rl;
	z-index: 0;
}

.secondary-links-sidebar::before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 23.8C18.7408 23.8 23.8 18.7408 23.8 12.5C23.8 6.25918 18.7408 1.2 12.5 1.2C6.25918 1.2 1.2 6.25918 1.2 12.5C1.2 18.7408 6.25918 23.8 12.5 23.8ZM12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.90625 6C8.4108 6 7.96855 6.14653 7.59023 6.44209C7.21552 6.73483 6.91665 7.16329 6.68412 7.70829C6.22131 8.79299 6 10.3902 6 12.4756C6 14.6942 6.20648 16.334 6.64237 17.3627L6.64304 17.3642C6.86649 17.8817 7.1661 18.2877 7.55055 18.5639C7.93706 18.8415 8.39289 18.9761 8.90625 18.9761C9.40287 18.9761 9.84573 18.8264 10.224 18.5253C10.5984 18.2274 10.8967 17.7917 11.1288 17.2377C11.5965 16.1345 11.8208 14.5396 11.8208 12.4756C11.8208 10.3749 11.6053 8.77396 11.1541 7.69781C10.9294 7.15522 10.6318 6.7286 10.2514 6.43747C9.86786 6.14386 9.41554 6 8.90625 6ZM7.34668 12.4756C7.34668 10.645 7.49081 9.31029 7.76615 8.45206C7.90567 8.02584 8.07704 7.73113 8.26738 7.54537C8.45171 7.36549 8.66073 7.28027 8.90625 7.28027C9.34637 7.28027 9.74052 7.59609 10.0325 8.47077C10.3224 9.33919 10.4741 10.6678 10.4741 12.4756C10.4741 14.2917 10.3224 15.6267 10.0324 16.4994C9.74014 17.3789 9.3457 17.6958 8.90625 17.6958C8.66172 17.6958 8.45303 17.61 8.26848 17.4276C8.07784 17.2393 7.90619 16.9404 7.76649 16.5085C7.49067 15.6327 7.34668 14.2944 7.34668 12.4756Z' fill='black'/%3E%3Cpath d='M17.3198 8.36572H16.1392V11.9683H13.5659V13.1489H16.1392V16.7349H17.3198V13.1489H19.8848V11.9683H17.3198V8.36572Z' fill='black'/%3E%3C/svg%3E%0A");
    background-size: contain;
	content: '';
	display: inline-block;
	height: 3rem;
	margin: .2rem .1rem .8rem 0;
	vertical-align: middle;
	width: 3rem;
}

.secondary-links-sidebar-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.secondary-links-sidebar-inner {
	line-height: 0;
}

.sidebar-secondary-link {
	border-bottom: none;
	border-left: 1.5px solid var(--Black16);
	color: var(--Black100);
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	vertical-align: middle;
	padding: 0 0 0 .2rem;
	text-transform: uppercase;
}
.sidebar-secondary-link:not(:first-child) {
	margin-top: 1rem;
}
.sidebar-secondary-link:hover {
	border-left-color: var(--Blue32);
}


/* -------------------------------------------------------------------------- */

/*	6.	News grid
/* -------------------------------------------------------------------------- */

.day-wrapper {
	display: grid;
	grid-auto-flow: row dense;
	grid-column-gap: 2.4rem;
	grid-row-gap: 3.2rem;
	grid-template-columns: repeat(6, calc((100% - 12rem) / 6));
	grid-template-rows: 8.8rem repeat(auto-fill, 20rem);
	margin-bottom: 12rem;
	width: 96%;
}

.day-title {
	cursor: default;
	font-size: 6.4rem;
	font-family: 'Open Sans Condensed', sans-serif;
	grid-column: span 6;
	letter-spacing: -0.04em;
	margin-top: 0;
}

.day-title-inner.white-bg {
	display: inline-grid;
	min-width: 52rem;
}

.day-wrapper-empty {
	display: block;
	margin: 0;
	position: relative;
	z-index: 1;
}

.day-wrapper-empty .day-title-inner.white-bg {
	box-shadow: 8px 8px 0 var(--Black100), 0 0 0 2px var(--Black100);
	display: inline-grid;
	margin: -3.4rem 0 0 -.6rem;
	position: absolute;
}

.day-wrapper-empty .day-title.day-title-today,
.day-wrapper-empty .datetime {
	font-size: 3.2rem;
}
.day-wrapper-empty .datetime {
	font-size: 3.2rem;
}

.day-wrapper-empty .day-title-time {
	-webkit-text-stroke-width: .75px;
}

.day-title .datetime {
	grid-column: 1/2;
	padding: 0 0 0 1.2rem;
}

.day-title-weather {
	grid-column: 2/3;
	padding: 0 .8rem 0 2rem;
}

.icon-weather {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	float: left;
	margin-top: 1.2rem;
	margin-right: -2rem;
	height: 8rem;
	vertical-align: middle;
	width: 8rem;
}

.day-wrapper-empty .icon-weather {
	height: 4rem;
	margin-top: .6rem;
	width: 4.4rem;
}
.weather-sun {
	background-image: url('./assets/img/icons/weather/icon-weather-sun.png');
}
.weather-moon {
	background-image: url('./assets/img/icons/weather/icon-weather-moon.png');
}
.weather-cloud {
	background-image: url('./assets/img/icons/weather/icon-weather-cloud.png');
}
.weather-partly-sunny {
	background-image: url('./assets/img/icons/weather/icon-weather-partly-sunny.png');
}
.weather-rainfall {
	background-image: url('./assets/img/icons/weather/icon-weather-rainfall.png');
}
.weather-thunder {
	background-image: url('./assets/img/icons/weather/icon-weather-thunder.png');
}
.weather-frosty {
	background-image: url('./assets/img/icons/weather/icon-weather-frosty.png');
}
.weather-snowing {
	background-image: url('./assets/img/icons/weather/icon-weather-snowing.png');
}
.weather-cloudy {
	background-image: url('./assets/img/icons/weather/icon-weather-cloudy.png');
}
.weather-raining {
	background-image: url('./assets/img/icons/weather/icon-weather-raining.png');
}
.weather-t-storm {
	background-image: url('./assets/img/icons/weather/icon-weather-t-storm.png');
}
.weather-sleet {
	background-image: url('./assets/img/icons/weather/icon-weather-sleet.png');
}
.weather-night-cloudy {
	background-image: url('./assets/img/icons/weather/icon-weather-night-cloudy.png');
}
.weather-night-rain {
	background-image: url('./assets/img/icons/weather/icon-weather-night-rain.png');
}
.weather-night-snowing {
	background-image: url('./assets/img/icons/weather/icon-weather-night-snowing.png');
}
.icon-weather::after {
	background: var(--White100);
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0,0,0,.12);
	display: inline-block;
	font-family: 'GolosTextWebRegular', sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.8rem;
	margin: 4.4rem 0 0 6.8rem;
	opacity: 0;
	padding: .4rem .6rem;
	position: absolute;
	transition: all .25s ease-in-out;
}
.icon-weather:hover::after {
	opacity: 1;
}
.icon-weather-partly-sunny::after {
	content: 'Местами облачно';
}

.day-wrapper-empty .icon-weather::after {
	margin: 2rem 0 0 4rem;
}

.weather-info,
.day-title-curency {
	display: inline-block;
	font-family: 'GolosTextWebRegular', sans-serif;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: normal;
	vertical-align: middle;
}

.weather-deg {
	display: block;
	font-family: 'GolosTextWebMedium', sans-serif;
	font-size: 2rem;
	line-height: 2rem;
	margin-bottom: .2rem;
}

.day-wrapper-empty .weather-deg {
	font-size: 1.2rem;
	line-height: 1.2rem;
}

.day-title-curency {
	grid-column: 3/4;
	margin: 0;
	padding: 3.2rem 1.2rem .45rem;
}

.day-title-curency nobr {
	display: block;
	margin: 0 0 .6rem;
}

.day-title-curency nobr:last-child {
	display: block;
	margin: 0;
}

.day-wrapper-empty .day-title-curency {
	margin: 0;
	padding-top: .8rem;
}

.day-wrapper-empty .day-title-curency nobr {
	margin: 0 0 .2rem;
}

.day-title-time {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--Black100);
}
.day-title-time::selection {
	-webkit-text-stroke-color: var(--White100);
}

.day-title-today,
.day-title-dayname {
	font-weight: 700;
}

.day-title-date {
	font-weight: 300;
}

.post-title-wrapper {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: -.03em;
	margin: .4rem 0 1.2rem;
}

.post-link .post-title {
	color: var(--Black100);
	border-bottom: .5px solid var(--Black16);
}

.post-link:visited .post-title {
	color: var(--Purple100);
	border-bottom-color: var(--Purple32);
}

.post-link:hover .post-title {
	color: var(--Blue100);
	border-bottom-color: var(--Blue32);
}

.post-link.post-wrapper {
	border-bottom: none;
	transition: transform .2s ease-in-out,
				box-shadow .18s linear;
}

.post-link.post-wrapper:hover {
	box-shadow: 8px 8px 0 var(--Blue100), 0 0 0 2px var(--Blue100);
	transform: scale(1.02);
}
.post-link.post-wrapper.post4x2:hover {
	transform: scale(1.012);
}
.post-link.post-wrapper.post4x2.has-img:hover {
	box-shadow: 8px 8px 0 var(--Blue100), 0 0 0 2px var(--Blue100);
}
.post-link.post-wrapper.post3x2:hover {
	transform: scale(1.016);
}
.post-link.post-wrapper.post3x2.has-img:hover {
	box-shadow: 8px 8px 0 var(--Blue100), 0 0 0 2px var(--Blue100);
}

.post-wrapper {
	background: var(--White100);
	position: relative;
}

.post-img4x2,
.post-img3x2,
.post-img2x2 {
	position: absolute;
	overflow: hidden;
	width: 100%;
}

.post-img4x2::before,
.post-img4x2::after,
.post-img3x2::before,
.post-img3x2::after,
.post-img2x2::before,
.post-img2x2::after{
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	transition: all .2s linear;
}

.post-img4x2 img,
.post-img3x2 img,
.post-img2x2 img {
	width: 100%;
	height: auto;
	min-height: 100%;
	object-fit: cover;
}

.post-link .post-img2x2::before {
	background: linear-gradient(transparent 10%, rgba(0, 85, 255, 0.12) 24%, rgba(0, 85, 255, 0.2) 44%, rgba(0, 85, 255, 0.32) 56%, rgba(0, 85, 255, 0.48) 72%, rgba(0, 85, 255, 0.72) 94%);
	height: 100%;
	opacity: 0;
	z-index: 1;
}
.post-link:hover .post-img2x2::before {
	opacity: 1;
}

.post-link .post-img2x2::after {
	background: rgba(0, 0, 0, .12);
	opacity: 1;
}
.post-link:hover .post-img2x2::after {
	opacity: 0;
}

.post-inner {
	height: calc(100% - 3.2rem);
	width: calc(100% - 3.2rem);
	position: absolute;
	left: 1.6rem;
	bottom: 1.6rem;
}

.post-category-wrapper {
	height: 2.4rem;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
	width: 100%;
}

.post-single-container .post-category-wrapper {
	position: relative;
}

.post-category {
	color: var(--Black100);
	background: #f5f5f5;
	border-radius: 100px;
	display: inline-block;
	float: left;
	font-family: 'GolosTextWebMedium', sans-serif;
	letter-spacing: .015em;
	margin: 0 .4rem 0 0;
	padding: .4rem .8rem;
	text-transform: uppercase;	
}

.post-content {
	color: #444;
	display: -webkit-box;
	font-size: 1.5rem;
	line-height: 2.4rem;
	margin-bottom: 2rem;
	max-width: 58rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.post-category-wrapper,
.post-meta {
	color: var(--Gray100);
	font-size: 1.2rem;
}

.post-inner .post-meta {
	width: 100%;
	bottom: 0;
	position: absolute;
}

.post-comment-number {
	display: inline-block;
	float: right;
}

.post-comment-number::before {
	background: url(./assets/img/icons/icon-comments-gray.svg) 0 0 no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 2rem;
	margin-top: -.2rem;
	margin-left: -2.6rem;
	position: absolute;
	vertical-align: middle;
	width: 2rem;
}

/* Post 4x2*/
.post4x2.post-wrapper {
	grid-column: span 4;
	grid-row: span 2;
	height: 41.6rem;
}

.post-img4x2 {
	min-height: 41.6rem;
	height: 100%;
}

.post-img4x2::before {
	background: linear-gradient(transparent 20%, rgba(0, 85, 255, 0.12) 32%, rgba(0, 85, 255, 0.2) 44%, rgba(0, 85, 255, 0.44) 56%, rgba(0, 85, 255, 0.64) 68%, rgba(0, 85, 255, 0.88) 80%), rgba(0, 0, 0, 0);
	height: 100%;
	opacity: 0;
	z-index: 1;
}
.post-link:hover .post-img4x2::before {
	opacity: 1;
}

.post-img4x2::after {
	background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.24) 32%, rgba(0, 0, 0, 0.44) 44%, rgba(0, 0, 0, 0.6) 56%, rgba(0, 0, 0, 0.8) 68%, rgba(0, 0, 0, 0.92) 80%), rgba(0, 0, 0, .12);
	height: 100%;
	bottom: 0;
	opacity: 1;
	transition: opacity .3s linear;
}
.post-link:hover .post-img4x2::after {
	opacity: 0;
}

.has-img.post4x2 .post-inner {
	align-content: end;
	display: grid;
	z-index: 2;
}

.has-img.post4x2 .post-title-wrapper {
	margin-bottom: 1.9rem;
	margin-top: 2.8rem;
	padding-bottom: .6rem;
	width: 84%;
}

.has-img.post4x2.post-wrapper .post-title {
	color: var(--White100);
	border-bottom-color: var(--White32);
	border-bottom-width: 3.5px;
	font-size: 3.6rem;
	line-height: 5rem;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	transition: border-bottom-color .2s ease;
}

.has-img.post4x2.post-wrapper.post-link:hover .post-title {
	border-bottom-color: var(--White64);
}

.has-img.post4x2.post-wrapper .post-content {
	color: var(--White72);
}

.has-img.post4x2.post-wrapper .post-meta {
	color: var(--White72);
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.44);
	position: relative;
}

.has-img.post4x2 .post-comment-number::before {
	background: url(./assets/img/icons/icon-comments-white.svg) 0 0 no-repeat;
	background-size: contain;
	opacity: .72;
}

.no-img.post4x2 .post-inner {
	
}

.no-img.post4x2 .post-title-wrapper {
	display: -webkit-box;
	font-size: 5.2rem;
	line-height: 6.8rem;
	margin-bottom: 1.9rem;
	margin-top: 2.8rem;
	overflow: hidden;
	padding-bottom: .6rem;
	width: 84%;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.no-img.post4x2.post-link:visited .post-title-wrapper {
	color: var(--Purple100);
}
.no-img.post4x2.post-link:hover .post-title-wrapper {
	color: var(--Blue100);
}

.no-img.post4x2 .post-title {
	font-size: 5.2rem;
	line-height: 6.8rem;
	border-bottom-width: 3.5px;
}


/* Post 3x2*/

.post3x2.post-wrapper {
	grid-column: span 3;
	grid-row: span 2;
	height: 41.6rem;
}

.post-img3x2 {
	min-height: 41.6rem;
	height: 100%;
}

.post3x2 .post-title-wrapper {
	display: -webkit-box;
	color: var(--White100);
	font-size: 3.6rem;
	line-height: 5rem;
	margin-bottom: 1.9rem;
	overflow: hidden;
	padding-bottom: .4rem;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	width: 88%;
}

.post-img3x2::before {
	background: linear-gradient(transparent 20%, rgba(0, 85, 255, 0.12) 32%, rgba(0, 85, 255, 0.2) 44%, rgba(0, 85, 255, 0.44) 56%, rgba(0, 85, 255, 0.64) 68%, rgba(0, 85, 255, 0.88) 80%), rgba(0, 0, 0, 0);
	height: 100%;
	opacity: 0;
	z-index: 1;
}
.post-link:hover .post-img3x2::before {
	opacity: 1;	
}

.post-img3x2::after {
	background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.24) 32%, rgba(0, 0, 0, 0.44) 44%, rgba(0, 0, 0, 0.6) 56%, rgba(0, 0, 0, 0.8) 68%, rgba(0, 0, 0, 0.92) 80%), rgba(0, 0, 0, .12);
	height: 100%;
	bottom: 0;
	opacity: 1;
	transition: opacity .3s linear;
}
.post-link:hover .post-img3x2::after {
	opacity: 0;	
}

.has-img.post3x2 .post-inner {
	align-content: end;
	display: grid;
	z-index: 2;
}

.has-img.post3x2.post-wrapper .post-title {
	color: var(--White100);
	border-bottom-color: var(--White32);
	border-bottom-width: 3px;
	font-size: 3.6rem;
	line-height: 5rem;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	transition: border-bottom-color .2s ease;
}

.has-img.post3x2.post-wrapper.post-link:hover .post-title {
	border-bottom-color: var(--White64);
}

.has-img.post3x2.post-wrapper .post-content {
	color: var(--White72);
}

.has-img.post3x2.post-wrapper .post-meta {
	color: var(--White72);
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.44);
}

.has-img.post3x2.post-wrapper .post-meta {
	position: relative;
}

.no-img.post3x2 .post-inner {
}

.no-img.post3x2 .post-title-wrapper {
	color: var(--Black100);
	font-size: 5.2rem;
	line-height: 6.2rem;
	margin-bottom: 1.9rem;
	margin-top: 2.8rem;
	/*padding-bottom: 1rem;*/
	width: 84%;
	-webkit-line-clamp: 4;
	transition: color .15s ease-in-out;
}
.no-img.post3x2:visited .post-title-wrapper {
	color: var(--Purple100);
}
.no-img.post3x2:hover .post-title-wrapper {
	color: var(--Blue100);
}

.no-img.post3x2 .post-title {
	border-bottom-width: 3.5px;
	font-size: 5.2rem;
	line-height: 6.2rem;
}

.no-img.post3x2 .post-content {
	width: 84%;
}


/* Post 2x2*/

.post2x2 {
	grid-column: span 2;
	grid-row: span 2;
	height: 41.6rem;
}

.post-img2x2 {
	height: 20rem;
}

.post-img2x2::after {
	background: rgba(0, 0, 0, .12);
	height: 100%;
	min-height: 16rem;
	top: 0;
}

.no-img.post2x2 .post-inner {
}

.no-img.post2x2 .post-title-wrapper  {
	display: -webkit-box;
	font-size: 3.1rem;
	line-height: 4.3rem;
	margin: 3.2rem 0 1.2rem;
	overflow: hidden;
	padding-bottom: 2px;
	width: 92%;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.no-img.post2x2.post-link:visited .post-title-wrapper {
	color: var(--Purple100);
}
.no-img.post2x2.post-link:hover .post-title-wrapper {
	color: var(--Blue100);
}

.no-img.post2x2 .post-title {
	color: var(--Black100);
}
.no-img.post2x2:visited .post-title {
	color:var(--Purple100);
}
.no-img.post2x2:hover .post-title {
	color:var(--Blue100);
}

.has-img.post2x2 .post-title-wrapper {
	display: -webkit-box;
	margin-top: 19.4rem;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-bottom: 2px;
}

.has-img.post2x2 .post-title {
	font-size: 2.8rem;
	line-height: 3.8rem;
}
.post2x2 .post-title {
	border-bottom-width: 1.5px;
}

.has-img.post2x2 .post-content {
	margin-bottom: 0;
}

.no-img.post2x2 .post-content   {
	width: 84%;
	-webkit-line-clamp: 4;
}


/*.post2x1.post-wrapper {
	grid-column: span 2;
	grid-row: span 1;
	height: 20rem;
}*/

/*.post-img2x1 {
	display: none;
}*/

.our-social {

}

.our-social-link {
	border-bottom: none;
	cursor: pointer;
	display: block;
	height: 20rem;
	transition: background-position .25s linear,
				background-size .25s linear,
				box-shadow .2s linear,
				transform .25s ease-in-out;
}

.our-social-link:hover {
	box-shadow: 0 0 0 2px #05f, 8px 8px 0 0 #05f;
	transform: scale(1.02);
}

.our-instagram.post-wrapper {
	background-image: url("data:image/svg+xml,%3Csvg width='229' height='229' viewBox='0 0 229 229' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M114.455 20.6323C145.033 20.6323 148.623 20.7686 160.709 21.314C171.886 21.8139 177.929 23.6771 181.973 25.2677C187.335 27.3582 191.151 29.8123 195.15 33.8115C199.148 37.8107 201.647 41.6281 203.692 46.9907C205.237 51.0353 207.145 57.0796 207.645 68.2592C208.19 80.3477 208.326 83.9379 208.326 114.523C208.326 145.108 208.19 148.698 207.645 160.786C207.145 171.966 205.282 178.01 203.692 182.055C201.602 187.417 199.148 191.235 195.15 195.234C191.151 199.233 187.335 201.733 181.973 203.778C177.929 205.323 171.886 207.232 160.709 207.732C148.623 208.277 145.033 208.413 114.455 208.413C83.8758 208.413 80.2863 208.277 68.2002 207.732C57.0228 207.232 50.9798 205.368 46.9359 203.778C41.5744 201.687 37.7577 199.233 33.7593 195.234C29.7609 191.235 27.2619 187.417 25.2173 182.055C23.6724 178.01 21.7641 171.966 21.2643 160.786C20.719 148.698 20.5827 145.108 20.5827 114.523C20.5827 83.9379 20.719 80.3477 21.2643 68.2592C21.7641 57.0796 23.627 51.0353 25.2173 46.9907C27.3073 41.6281 29.7609 37.8107 33.7593 33.8115C37.7577 29.8123 41.5744 27.3128 46.9359 25.2677C50.9798 23.7226 57.0228 21.8139 68.2002 21.314C80.2863 20.7232 83.9212 20.6323 114.455 20.6323ZM114.455 0C83.376 0 79.4685 0.136337 67.246 0.681683C55.069 1.22703 46.7542 3.18119 39.4843 5.99881C31.9419 8.90732 25.5808 12.8611 19.2196 19.2235C12.8585 25.5858 8.95099 31.9936 5.99762 39.4922C3.18056 46.7634 1.22679 55.08 0.681548 67.3048C0.136309 79.4842 0 83.3925 0 114.477C0 145.562 0.136309 149.47 0.681548 161.695C1.22679 173.875 3.18056 182.191 5.99762 189.508C8.90556 197.052 12.8585 203.414 19.2196 209.777C25.5808 216.139 31.9873 220.047 39.4843 223.001C46.7542 225.819 55.069 227.773 67.2915 228.318C79.5139 228.864 83.376 229 114.5 229C145.624 229 149.486 228.864 161.709 228.318C173.886 227.773 182.2 225.819 189.516 223.001C197.058 220.093 203.419 216.139 209.78 209.777C216.141 203.414 220.049 197.006 223.002 189.508C225.819 182.237 227.773 173.92 228.318 161.695C228.864 149.47 229 145.607 229 114.477C229 83.3471 228.864 79.4842 228.318 67.2594C227.773 55.08 225.819 46.7634 223.002 39.4467C220.094 31.9028 216.141 25.5404 209.78 19.178C203.419 12.8156 197.013 8.90732 189.516 5.95336C182.246 3.13574 173.931 1.18158 161.709 0.636237C149.441 0.136337 145.533 0 114.455 0Z' fill='url(%23paint0_radial)' fill-opacity='0.16'/%3E%3Cpath d='M114.454 55.7162C82.0128 55.7162 55.6597 82.0292 55.6597 114.523C55.6597 147.016 81.9674 173.329 114.454 173.329C146.942 173.329 173.249 147.016 173.249 114.523C173.249 82.0292 146.942 55.7162 114.454 55.7162ZM114.454 152.652C93.372 152.652 76.2878 135.564 76.2878 114.477C76.2878 93.3906 93.372 76.3031 114.454 76.3031C135.537 76.3031 152.621 93.3906 152.621 114.477C152.621 135.564 135.537 152.652 114.454 152.652Z' fill='url(%23paint1_radial)' fill-opacity='0.16'/%3E%3Cpath d='M175.567 67.0775C183.145 67.0775 189.289 60.9328 189.289 53.353C189.289 45.7731 183.145 39.6284 175.567 39.6284C167.988 39.6284 161.845 45.7731 161.845 53.353C161.845 60.9328 167.988 67.0775 175.567 67.0775Z' fill='url(%23paint2_radial)' fill-opacity='0.16'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-1.60975e-05 252.044) rotate(-51.8607) scale(320.458 318.194)'%3E%3Cstop stop-color='%23FFF5D9'/%3E%3Cstop offset='0.22886' stop-color='%23FFDF87'/%3E%3Cstop offset='0.3252' stop-color='%23FA8B2C'/%3E%3Cstop offset='0.459226' stop-color='%23E84358'/%3E%3Cstop offset='0.646542' stop-color='%23C72F9D'/%3E%3Cstop offset='1' stop-color='%233F6BDD'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-1.60975e-05 252.044) rotate(-51.8607) scale(320.458 318.194)'%3E%3Cstop stop-color='%23FFF5D9'/%3E%3Cstop offset='0.22886' stop-color='%23FFDF87'/%3E%3Cstop offset='0.3252' stop-color='%23FA8B2C'/%3E%3Cstop offset='0.459226' stop-color='%23E84358'/%3E%3Cstop offset='0.646542' stop-color='%23C72F9D'/%3E%3Cstop offset='1' stop-color='%233F6BDD'/%3E%3C/radialGradient%3E%3CradialGradient id='paint2_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(-1.60975e-05 252.044) rotate(-51.8607) scale(320.458 318.194)'%3E%3Cstop stop-color='%23FFF5D9'/%3E%3Cstop offset='0.22886' stop-color='%23FFDF87'/%3E%3Cstop offset='0.3252' stop-color='%23FA8B2C'/%3E%3Cstop offset='0.459226' stop-color='%23E84358'/%3E%3Cstop offset='0.646542' stop-color='%23C72F9D'/%3E%3Cstop offset='1' stop-color='%233F6BDD'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: 160% 40%;
	background-repeat: no-repeat;
	background-size: 80%, 110%;
	margin-bottom: 1.6rem;
}
.our-instagram.post-wrapper:hover {
	background-position: 224% 40%;
	background-size: 88%;
}

.our-facebook.post-wrapper {
	background-image: url("data:image/svg+xml,%3Csvg width='232' height='228' viewBox='0 0 232 228' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M232 114.418C232 51.2201 180.072 0 116 0C51.9281 0 0 51.2201 0 114.418C0 171.538 42.4125 218.87 97.875 227.451V147.492H68.4219V114.418H97.875V89.2105C97.875 60.5389 115.184 44.6946 141.692 44.6946C154.38 44.6946 167.656 46.9294 167.656 46.9294V75.087H153.02C138.611 75.087 134.125 83.9142 134.125 92.9648V114.418H166.297L161.154 147.492H134.125V227.451C189.588 218.87 232 171.538 232 114.418Z' fill='%231877F2' fill-opacity='0.16'/%3E%3C/svg%3E%0A");
	background-position: 160% 40%;
	background-repeat: no-repeat;
	background-size: 80%;
}
.our-facebook.post-wrapper:hover {
	background-position: 190% 48%;
	background-size: 88%;
}

.our-telegram.post-wrapper {
	background-image: url("data:image/svg+xml,%3Csvg width='232' height='232' viewBox='0 0 232 232' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M232 116C232 180.065 180.065 232 116 232C51.935 232 0 180.065 0 116C0 51.935 51.935 0 116 0C180.065 0 232 51.935 232 116ZM126.974 73.7206C105.946 82.4825 45.3138 107.366 45.3138 107.366C30.9444 112.974 39.3557 118.231 39.3557 118.231C39.3557 118.231 51.6223 122.437 62.1365 125.591C72.6508 128.745 78.2583 125.24 78.2583 125.24C78.2583 125.24 102.792 109.119 127.675 91.9453C145.199 80.0292 140.993 89.8425 136.788 94.0481C127.675 103.16 112.605 117.53 99.9877 129.096C94.3802 134.002 97.184 138.208 99.6373 140.311C106.769 146.345 123.562 157.318 131.197 162.307C133.317 163.692 134.73 164.615 135.035 164.844C136.788 166.246 146.601 172.554 152.559 171.152C158.517 169.751 159.218 161.69 159.218 161.69C159.218 161.69 163.774 132.951 167.98 106.665C168.758 101.506 169.537 96.4558 170.263 91.746C172.152 79.4973 173.685 69.5542 173.938 66.0102C174.989 54.0941 162.372 59.0007 162.372 59.0007C162.372 59.0007 135.035 70.2159 126.974 73.7206Z' fill='%234EA4F6' fill-opacity='0.16'/%3E%3C/svg%3E%0A");
	background-position: 160% 40%;
	background-repeat: no-repeat;
	background-size: 80%;
}
.our-telegram.post-wrapper:hover {
	background-position: 190% 48%;
	background-size: 88%;
}

.our-social-link.post-wrapper .post-inner {
	height: calc(20rem - 3.2rem);
}

.our-social-link.post-wrapper .post-title-wrapper {
	margin-top: -.4rem;
}

.our-social-link.post-wrapper .post-title,
.our-social-link.post-wrapper:visited .post-title {
	border-bottom: 1.5px solid var(--Black16);
	cursor: pointer;
	font-size: 2.8rem;
	line-height: 3.8rem;
	transition: all .15s linear;
}
.our-social-link.post-wrapper:hover .post-title,
.our-social-link.post-wrapper:visited:hover .post-title {
	border-bottom-color: var(--Blue32);
}

.our-social-link.post-wrapper .social-acc,
.our-social-link.post-wrapper:visited .social-acc {
	color: var(--Gray100);
}

.our-social-link.post-wrapper:hover .social-acc,
.our-social-link.post-wrapper:hover .social-acc-icon path,
.our-social-link.post-wrapper:visited:hover .social-acc,
.our-social-link.post-wrapper:visited:hover .social-acc-icon path {

}

.social-acc {
	bottom: 0;
	min-width: 16rem;
	position: absolute;
}

.social-acc-icon {
	display: inline-block;
	margin: 0 .4rem 0 0;
	vertical-align: middle;
}

.social-acc-icon path {
	transition: fill .15s linear;
}

.loadmore {
	height: 10rem;
	margin: -8rem 0 0;
}

button#loadmore {
	border-width: 2px;
	border-radius: 100px;
	box-shadow: 0 0 0 4px var(--White100);
	font-size: 2rem;
	letter-spacing: normal;
	line-height: 2.4rem;
	margin: .8rem .4rem;
	padding: 2.4rem 4rem;
	position: relative;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	width: 40%;
}

button#loadmore:hover {
	box-shadow: 8px 8px 0 var(--Blue100), 0 0 0 4px var(--White100);
}

button#loadmore::before {
	content: '↓';
	display: inline-block;
	margin: 0 1.2rem 0 0;
}


/* -------------------------------------------------------------------------- */

/*	99.	Category
/* -------------------------------------------------------------------------- */

.category-title {
	font-weight: 700;
	height: 8.8rem;
	margin-bottom: 3.2rem;
}

.category-title .white-bg {
	float: left;
	padding: 0 1.6rem 0 1.2rem;
}

#filter-app {
	background: var(--White100);
	display: inline-block;
	height: 100%;
	padding: 0 1.6rem 0 2rem;
	vertical-align: top;
}

#filter-app::before {
	/* background: url('./assets/img/icons/icon-filter.png') 0 0 no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 5rem;
	margin-right: 1.2rem;
	width: 4.5rem;
	vertical-align: middle; */
}

.filter-input-wrapper {
	display: inline-block;
	vertical-align: middle;
}

.filter-to-date {
	color: var(--Gray100);
	display: inline-block;
	float: left;
	font-family: 'GolosTextWebRegular', sans-serif;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.8rem;
	margin-right: .6rem;
	vertical-align: middle;
}

#filter-app .el-input {
	vertical-align: middle;
	float: left;
}

#filter-app button {
	display: inline-block;
	vertical-align: middle;
	padding: .8rem 1.6rem;
}

.el-picker-panel__icon-btn {
	padding: .8rem 1.2rem;
}

.el-picker-panel__icon-btn:hover {
	border: 1.5px solid var(--Blue100);
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
	width: 15.6rem !important;
}

.category-wrapper {
	grid-template-rows: repeat(auto-fill, 20rem);
}



/* -------------------------------------------------------------------------- */

/*	99.	Single post
/* -------------------------------------------------------------------------- */

.post-single-page {
	display: grid;
	grid-column-gap: 1.6rem;
	grid-row-gap: 1.6rem;
	grid-template-columns: repeat(6, calc((100% - 8rem) / 6));
	grid-template-rows: 70rem auto;
	width: 100%;
}

.post-single-container {
	background: var(--White100);
	grid-column: span 4;
	grid-row: 1/3;
	padding: 0;
	position: relative;
}

.post-single-container h1,
.post-single-container h2,
.post-single-container h3,
.post-single-container h4,
.post-single-container h5,
.post-single-container h6,
.post-single-container .post-single-subtitle,
.post-single-container .post-single-meta ,
.post-single-container p,
.post-single-container .post-single-container ul,
.post-single-container .post-gallery-meta { 
	margin-left: 2.4rem;
	margin-right: 2.4rem;
}

.post-single-container .post-category-wrapper {
	height: 6.4rem;
	padding: 2rem 2.4rem;
}

.post-single-container .post-category-wrapper a {
	display: inline-block;
	border-bottom: none;
}

.post-single-container a .post-category {
	border-radius: 100px;
	color: var(--Black100);
}
.post-single-container a:hover .post-category {
	background-color: var(--Blue16);
	color: var(--Blue100);
}

.post-single-container h1 {
	max-width: 72rem;
}

.post-single-container h2 {
	max-width: 64rem;
	margin-top: 6.4rem;
	margin-bottom: 1.6rem;
}

.post-single-container h3 {
	max-width: 64rem;
	margin-top: 5.6rem;
	margin-bottom: 1.2rem;
}

.post-single-container h4 {
	max-width: 64rem;
	margin-top: 4.4rem;
	margin-bottom: 1.2rem;
}

.post-single-container h5 {
	max-width: 60rem;
	margin-top: 3.6rem;
	margin-bottom: 1rem;
}

.post-single-container h6 {
	max-width: 60rem;
	margin-top: 2.8rem;
	margin-bottom: 1rem;
}

.post-single-container p {
	font-size: 1.8rem;
	line-height: 3rem;
	margin-bottom: 2.4rem;
	max-width: 72rem;
}

.post-single-container ul {
	margin-top: 2.8rem;
	max-width: 64rem;
}

.post-single-container ul li {
	margin: 0 0 2.4rem 0;
	position: relative;
}

.post-single-subtitle {
	font-family: 'IBM Plex Serif', serif;
	font-weight: normal;
	font-style: italic;
	font-size: 2.8rem !important;
	line-height: 3.8rem !important;
	margin-top: 4rem;
}

.post-single-meta {
	color: var(--Gray100);
	font-size: 1.2rem;
	margin-top: 3.2rem;
	margin-bottom: 3.2rem;
}

.post-single-meta>div {
	display: inline-block;
}

.post-single-publication-meta {
	border-radius: 100px;
	position: absolute;
	top: -3.2rem;
	right: -.8rem;
	width: 12rem;
	height: 12rem;
	transition: transform .25s ease-in-out, box-shadow .15s ease;
	transform: rotate(16deg);
}
.post-single-publication-meta:hover {
	box-shadow: 6px 6px 0 0 rgba(237, 130, 7, .6);
	transform: rotate(16deg) scale(1.05);
}

.post-single-publication-meta-link {
	background: linear-gradient(304deg, #f08507, #ff2505);
	border-bottom: none;
	border-radius: 100px;
	color: var(--White100);
	display: block;
	font-size: 1.1rem;
	height: 100%;
	width: 100%;
	text-align: center;
}

.post-single-publication-meta-link:hover {
	color: var(--White100) !important;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
	  -webkit-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	to {
	  -webkit-transform: rotate(360deg);
	  -o-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.post-single-publication-meta-link-shortcut-bg {
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-image: url('./assets/img/newspaper-article-shortcut.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 115%;
	border-radius: 100px;
}
.post-single-publication-meta-link:hover .post-single-publication-meta-link-shortcut-bg {
	-webkit-animation: rotating 4s linear infinite;
	-moz-animation: rotating 4s linear infinite;
	-ms-animation: rotating 4s linear infinite;
	-o-animation: rotating 4s linear infinite;
	animation: rotating 4s linear infinite;
}

.post-single-publication-meta-link-inner {
	max-width: 83%;
	margin: 0 auto;
	position: relative;
	top: 4.4rem;
}

.post-single-publication-meta-link-inner:before {
	background: transparent url('./assets/img/icons/icon-newspaper.svg') 0 0 no-repeat;
	background-size: contain;
	content: '';
	display: block;
	width: 4.8rem;
	height: 3.6rem;
	margin: 0 auto;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: -2.4rem;
	opacity: .9;
}

.publication-category {
	display: inline-block;
	font-size: 1.1rem;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	margin-top: .2rem;
	text-transform: uppercase;
}

.post-single-publication-meta-link>b {
	font-weight: normal;
}

.views-and-comments-container {
	float: right;
}

.post-single-views {
	cursor: default;
	display: inline-block;
}

.post-single-views::before {
	background: url(./assets/img/icons/icon-eye.svg) 0 0 no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	width: 2.4rem;
	height: 1.5rem;
	margin-right: .6rem;
	vertical-align: middle;
}


.post-single-link-to-comments-wrapper {
	display: inline-block;
	margin-left: 2.8rem;
}

.post-single-link-to-comments {
	border-bottom: none;
	color: var(--Gray100);
}

.post-single-link-to-comments::before {
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	margin-right: .4rem;
	vertical-align: middle;
	background: url(./assets/img/icons/icon-comments-gray.svg) 0 0 no-repeat;
	background-size: contain;
}

.icon-comments-post-single {
	display: inline-block;
	margin-right: .3rem;
	vertical-align: middle;
	width: 2.2rem;
}

.icon-comments-post-single path {
	fill: var(--Gray100);
	transition: fill .15s ease;
}

.post-single-link-to-comments span {
	border-bottom: 1px dashed var(--Gray32);
	transition: border-bottom-color .15s ease;
}
.post-single-link-to-comments:hover span {
	border-bottom-color: var(--Blue32);
}

.post-single-link-to-comments:hover .icon-comments-post-single path {
	fill: var(--Blue100);
}

.single-post-file {
	background: var(--Blue100);
	border-radius: 100px;
	color: var(--White100);
	display: inline-block;
	padding: .8rem 2.8rem .8rem 1.8rem;
}
.single-post-file:hover {
	color: var(--White100);
}
.single-post-file::before {
	content: '↓';
	font-size: 4.6rem;
	margin-right: 1.2rem;
	font-weight: 100;
}

.single-post-file-content {
	display: inline-block;
}

.single-post-file-download-label {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
	opacity: .72;
}
.single-post-file:hover .single-post-file-download-label {
	opacity: 1;
}

#overlay, #white_overlay {
	display:none;    
    min-height: 100%;
	position: fixed;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.92);
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	transition: background-color .25s linear, opacity .45s linear;
	opacity: 0;
}

#overlay {
	transition:opacity .25s linear;
}

#white_overlay {
	background: transparent url('./assets/img/bg-dots-transparent.png') 0 0 repeat;
	background-size: .6rem;
}

#overlay:hover, #white_overlay:hover  {
	cursor: pointer;

}
#overlay .overlay-close,
#white_overlay .overlay-close {
	background: transparent;
	position: absolute;
	top: .4rem;
	right: 1.2rem;
	padding: .8rem .8rem .8rem 0;
	transition: all .15s;
}
.overlay-close  .overlay-close-sign {
	color: var(--LightGray100);
	display: inline-block;
	font-size: 1.4rem;
	margin-right: .4rem;
	opacity: 0;
	transition: all .4s ease;
	vertical-align: middle;
}
.overlay-close .icon-cross {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
#white_overlay .icon-cross-line {
	background: var(--Black100);
}
#white_overlay .icon-cross:hover .icon-cross-line {
	background: var(--Blue100);
}
#white_overlay:hover .overlay-close {
	background-color: var(--White100);
	border-radius: 100px;
	height: 4.8rem;
	padding-left: 2rem;
}
#white_overlay:hover .overlay-close-sign {
	color: var(--Blue100);
	opacity: 1;
}
#white_overlay:hover .icon-cross-line {
	background: var(--Blue100);
}




.wp-block-lazyblock-post-gallery {
	margin: 6rem 0 3.2rem;
}

.post-gallery {
	display: grid;
	grid-auto-flow: dense;
	grid-template-columns: repeat(6, calc((100% - 2rem)/6));
	grid-gap: .4rem;
	grid-template-rows: 2fr 1fr;
	height: 72vh;
	max-height: 52rem;
}

.post-gallery-img-wrapper:nth-child(1),
.post-gallery-img-wrapper:nth-child(2)  {
	grid-column: span 3;
	grid-row: 1/2;
	display: block;
} 

.post-gallery-img-wrapper:nth-child(3),
.post-gallery-img-wrapper:nth-child(4),
.post-gallery-img-wrapper:nth-child(5) {
	grid-column: span 2;
	grid-row: 2/3;
	display: block;
}

.post-gallery-img-wrapper:nth-child(5) {
	grid-column: 5/7;
}

.post-gallery-img-wrapper {
	cursor: pointer;
	display: none;
	overflow: hidden;
	transition: all .25s ease-in-out;
}

.post-gallery-img-wrapper:hover {
	opacity: .8;
}

.post-gallery-img {
	object-fit: cover;
	min-height: 100%;
	min-width: 100%;
}

.post-gallery-plus {
	align-items: center;
	background: var(--Black80);
	color: var(--White100);
	cursor: pointer;
	display: grid;
	font-size: 3.6rem;
	grid-column: 5/7;
	grid-row: 2/3;
	justify-items: center;
	position: relative;
	transition: all .25s ease-in-out;
	z-index: 11;
}
.post-gallery-plus:hover {
	background: var(--Black64);
	color: var(--White80);
}

.post-gallery-meta {
	color: var(--Black64);
	margin-top: 1.6rem;
	max-width: 68rem;
}

.post-gallery-src {
	font-size: 1.2rem;
	color: var(--Gray100);
	margin-top: .8rem;
}

.post-gallery-lightbox {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1001;
}

.post-gallery-lightbox-close {
	cursor: pointer;
	right: 2rem;
	position: absolute;
	top: 2rem;
}
.overlay-close.post-gallery-lightbox-close:hover .overlay-close-sign {
	color: var(--White72);
	display: inline-block;
	font-size: 1.4rem;
	margin-right: .4rem;
	opacity: 0;
	transition: all .4s ease;
	vertical-align: middle;
}
.overlay-close .icon-cross {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.post-gallery-lightbox-close .icon-cross-line {
	background: var(--White72);
}
.post-gallery-lightbox-close .icon-cross:hover .icon-cross-line {
	background: var(--White100);
}
.post-gallery-lightbox-close:hover .overlay-close-sign {
	color: var(--White100);
	opacity: 1;
}
.post-gallery-lightbox-close:hover .icon-cross-line {
	background: var(--White100);
}

.post-gallery-lightbox-caption {
	background-color: var(--Black72);
	bottom: 2.8rem;
	border-radius: 10px;
	color: var(--White100);
	display: inline-block;
	left: 50%;
	padding: .4rem .8rem;
	position: absolute;
	transform: translateX(-50%);
}

.post-gallery-lightbox-left,
.post-gallery-lightbox-right {
	cursor: pointer;
	display: grid;
	height: 4.8rem;
	align-content: center;
	justify-content: center;
	position: absolute;
	transform: translateY(50vh);
	transition: all .15s ease-in-out;
	width: 4.8rem;
}

.post-gallery-lightbox-left {
	left: 2vw;
}

.post-gallery-lightbox-left span {
	display: block;
	border-left: 2px solid var(--White72);
	border-bottom: 2px solid var(--White72);
	width: 2.4rem;
	height: 2.4rem;
	transform: rotate(45deg) translateX(.25rem) translateY(-.25rem);
	transition: color .2s linear, transform .2s ease-in-out;
}
.post-gallery-lightbox-left:hover span {
	border-left-color: var(--White100);
	border-bottom-color: var(--White100);
	transform: rotate(45deg) translateX(0) translateY(0);
}

.post-gallery-lightbox-right {
	right: 2vw;
}

.post-gallery-lightbox-right span {
	display: block;
	border-right: 2px solid var(--White72);
	border-top: 2px solid var(--White72);
	width: 2.4rem;
	height: 2.4rem;
	transform: rotate(45deg) translateX(-.25rem) translateY(.25rem);
	transition: color .2s linear, transform .2s ease-in-out;
}
.post-gallery-lightbox-right:hover span {
	border-right-color: var(--White100);
	border-top-color: var(--White100);
	transform: rotate(45deg) translateX(0) translateY(0);
}

.post-gallery-lightbox-с {
	cursor: default;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: .5px;
	-webkit-text-stroke-color: var(--White100);
	top: .8rem;
	left: 2vw;
	letter-spacing: .05em;
	position: absolute;
	margin: 0 !important;
}

.post-gallery-lightbox-numb {
	display: inline-block;
	color: #fff;
	-webkit-text-fill-color: #fff;
	-webkit-text-stroke-width: 0;
	-webkit-text-stroke-color: transparent;
}

.post-gallery-lightbox-current {
	border-radius: 10px;
	height: 100%;
	min-height: 40vh;
	max-height: 84vh;
	max-width: 90vw;
	position: absolute;
	top: 8vh;
	left: 50%;
	transform: translate(-50%, 0);
}

.post-single-content table {
	margin: 4rem 1.2rem;
	width: calc(100% - 4.8rem);
}

.post-single-after {
	background: linear-gradient(rgba(5, 132, 255, 0) 24%, rgba(5, 132, 255, 0.04) 56%, rgba(5, 132, 255, 0.08));
	float: left;
	margin: 6rem 0 0;
	padding: 0 2.4rem 3.2rem;
	width: 100%;
}

.post-single-author-wrapper {
	/*border-top: 2px solid var(--Black100);*/
	float: left;
	display: inline-block;
	min-width: 28rem;
	max-width: 40rem;
	/*padding: 4rem 0 0;*/
}
.post-single-author-wrapper::before {
	background: rgba(0,0,0,.5) url('./assets/img/bg-dots-transparent.png') 0 0 repeat;
	background-size: contain;
	content: '';
	display: block;
	height: .4rem;
	margin-bottom: 2.4rem;
	width: 100%;
}

.post-single-author {
	color: var(--Black100);
	border-color: var(--Black32);
	font-size: 1.8rem;
	line-height: 2.8rem;
}

.post-single-author:nth-child(3),
.post-single-author:nth-child(5) {
	display: inline-block;
	margin-top: 1.6rem;
}

.post-single-author-about {
	color: var(--Gray100);
	font-size: 1.4rem;
	line-height: 2.2rem;
	margin-top: .4rem;
}

.post-single-author-wrapper~.post-single-share-wrapper {
	border-top: none;
	float: right;
	padding-top: 3rem;
	padding-right: 0;
}
.post-single-author-wrapper~.post-single-share-wrapper::before {
	display: none;
}

.post-single-share-wrapper {
	/*border-top: 2px solid var(--Black100);
	padding: 4rem 4rem 0 0;*/
	display: inline-block;
}
.post-single-share-wrapper::before {
	background: rgba(0,0,0,.5) url('./assets/img/bg-dots-transparent.png') 0 0 repeat;
	background-size: contain;
	content: '';
	display: block;
	height: .6rem;
	margin-bottom: 2.4rem;
	width: 100%;
}

.post-single-share-header {
	color: var(--Gray100);
	cursor: default;
	display: inline-block;
	font-size: 1.4rem;
	margin: .4rem 2rem 0 0;
	vertical-align: top;
}

.post-single-share-link {
	border-bottom: none;
	display: inline-block;
	margin: 0 .4rem;
	transition: all .15s ease-in-out;
}
.post-single-share-link:nth-child(2) {
	margin-left: 0;
}
.post-single-share-link:last-child {
	margin-right: 0;
}

.post-single-share-link:hover path {
	opacity: .8;
}

.post-single-tags-container {
	float: left;
	margin-top: 6rem;
	width: calc(100% - 2.4rem);
}

.post-single-tag {
	background-color: var(--Blue16);
	border: none;
	color: var(--Blue100);
	border-radius: 100px;
	display: inline-block;
	float: left;
	margin: .4rem .2rem;
	padding: 1.2rem 2rem;
	transition: all .2s linear;
}

.post-single-tag::before {
	content: '#';
	display: inline-block;
}

.post-single-tag:hover {
	background-color: var(--Blue100);
	color: var(--White100);
}




.last-news-container {
	grid-column: 5/7;
	grid-row: 1/2;
}

.last-news-container h3 {
	display: inline-block;
	padding: 0 .8rem;
}

.last-news-item {
	border-bottom: none;
	color: var(--Black100);
	display: block;
	background: var(--White100);
	height: 8.8rem;
	margin: .8rem 0;
	padding: .8rem;
}

.last-news-item:hover {
	box-shadow: 6px 6px 0 var(--Blue100), 0 0 0 2px var(--Blue100);
	transform: scale(1.02);
}

.last-news-item:visited {
	color: var(--Purple100);
}
.last-news-item:visited .last-news-item-title-wrapper>span {
	border-bottom-color: var(--Purple32);
}

.last-news-item div {
	display: inline-block;
	vertical-align: top;
}

.last-news-thumb-wrapper {
	height: 7.2rem;
	margin-right: .8rem;
	overflow: hidden;
	position: relative;
	width: 7.2rem;
}

.last-news-thumb-wrapper:before {
	background: rgba(0,0,0,.04);
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
}
.last-news-item:hover .last-news-thumb-wrapper::before {
	background: linear-gradient(rgba(0, 85, 255, 0) 8%, rgba(0, 85, 255, 0.1) 20%, rgba(0, 85, 255, 0.72)), rgba(0,85,255,.08);
}

.last-news-thumb-wrapper img {
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
}

.last-news-item:visited .last-news-thumb-wrapper img {
	opacity: .6;
}

.last-news-thumb-wrapper~.last-news-item-title-wrapper {
	width: calc(100% - 16rem);
}

.last-news-item-title-wrapper {
	display: -webkit-inline-box !important;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.8rem;
	font-weight: 700;
	height: calc(100% + .1rem);
	overflow: hidden;
	width: calc(100% - 4rem);
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.last-news-item-title-wrapper>span {
	border-bottom: 1.5px solid var(--Black32);
}

.last-news-item:hover .last-news-item-title-wrapper>span {
	border-bottom-color: var(--Blue32);
}

.last-news-item-time {
	color: var(--Gray100);
	font-size: 1.2rem;
	float: right;
	margin-top: .6rem;
	width: 3.6rem;
}

.button-all-news-wrapper {
	margin: 1.6rem 0 0;
	display: inline-block;
	height: 5.6rem;
	width: 100%;
}

.button-all-news-wrapper .button {
	box-shadow: 0 0 0 4px var(--White100);
	display: block;
	margin: 0 auto;
	position: relative;
	width: 17.2rem;
}

.button-all-news-wrapper .button:hover {
	box-shadow: 6px 6px 0 var(--Blue100), 0 0 0 4px var(--White100);
}

.popular-container {
	grid-column: 1/7;
	grid-row: 9/10;
}

.post-single-ad-aside-grid-wrapper {
	grid-column: 5/7;
	grid-row: 2/5;
}



.ad-after-post-single-grid-wrapper {
	grid-column: 1/5;
	grid-row: 3/5;
	height: 32rem;
	margin-top: 4rem;
	display: grid;
	grid-column-gap: 1.6rem;
	grid-template-columns: repeat(4, calc((100% - 4.8rem)/4));
	grid-template-rows: 100%;
}

.ad-after-post-single-wrapper {
	grid-column: span 2;
	grid-row: 1/2;
}

.ad-link.ad-after-post-single-container {
	border-bottom: none;
	border-radius: 10px;
	display: block;
	height: 100%;
}

.ad-after-post-single-img {
	border-radius: 4px;
	height: inherit;
}

/* -------------------------------------------------------------------------- */

/*	99.	Comments
/* -------------------------------------------------------------------------- */

.post-single-comments-container {
	background: var(--White100);
	grid-column: span 4;
	grid-row: 6/8;
	display: grid;
	padding: .8rem 2.4rem 3.2rem;
}

#comment-send {
	float: right;
	margin: 0 .8rem;
}

.comments-form textarea {
	border-radius: 10px;
}

.commentform {
	margin: 2.4rem 0 5.4rem;
}

.comment-content {
	margin-bottom: -5.4rem;
	resize: none;
}

.comment-form-top {
	height: 6rem;
	transition: height .2s ease-in-out;
}
.comment-form-top:focus,
.comment-form {
	height: 16rem;
}

.reponse-form {
	margin-top: 2.4rem;
	margin-bottom: 9.4rem;
	position: relative;
}

.response-text {
	margin-bottom: -5.4rem;
	padding: 1.6rem 4.4rem 5.6rem 1.2rem;
	border-radius:10px;
}

#comment-send,
.response-button {
	float: right;
	margin: 0 .8rem;
	position: relative;
	z-index: 1;
}

.close-comment-response-form {
	background-color: rgba(168, 170, 187, .16);
	border-radius: 3px;
	cursor: pointer;
	align-items: center;
	border: none;
	color: var(--Gray100);
	display: inline-grid;
	font-family: 'Arial Unicode MS', sans-serif;
	font-weight: 400;
	font-size: 2.4rem;
	height: 3.6rem;
	justify-items: center;
	position: absolute;
	right: .8rem;
	top: .8rem;
	width: 3.6rem;
	transition: transform .15s ease-in-out, background-color .15s linear, color .15s linear;
}

.close-comment-response-form:hover {
	background-color: rgba(0, 85, 255, 0.08);
	transform: translateY(-.2rem);
}

.post-single-comments-wrapper {
	grid-column: 1/5;
	grid-row: 1/3;
}

.single-comment {
	margin-top: 4rem;
}

.single-comment-title {
	height: 4.4rem;
}

.single-comment-author {
	font-family: 'GolosTextWebMedium', sans-serif;
	font-size: 1.6rem;
	padding: .4rem 0 0;
	position: relative;
}

.single-comment-avatar {
	border-radius: 100px;
	height: 4.4rem;
	position: absolute;
	top: 0;
	width: 4.4rem;
}

.single-comment-display-name {
	display: block;
	margin-left: 5.2rem;
}

.single-comment-date {
	font-size: 1.2rem;
	margin: .4rem 0 0 5.2rem;
}

.single-comment-date a {
	border-color: var(--Gray32);
	color: var(--Gray100);
}
.single-comment-date a:hover {
	border-color: var(--Blue32);
	color: var(--Blue100);
}

.single-comment-content {
	font-size: 1.6rem;
	margin: 1.6rem 0 0;
}

.single-comment-control {
	display: inline-block;
	margin-top: 1.2rem;
	opacity: 0;
	transition: opacity .2s ease;
	vertical-align: top;
}
.single-comment:hover>.single-comment-control {
	opacity: 1;
}

.single-comment-control a:not(:last-child) {
	margin-right: 1.6rem;
}

.trash-comment.secondary-link:hover {
	color: var(--Red100);
	border-bottom-color: var(--Red32);
}

.single-comment-response-link-wrapper {
	display: inline-block;
	margin: 1.2rem 1.2rem 0 0;
}

.single-comment-likes-wrapper {
	display: inline-block;
	float: left;
	margin: 1.4rem .8rem 0 0;
	min-width: 4.4rem;
	vertical-align: top;
}

.single-comment-likes {
	color: var(--Blue100);
	cursor: pointer;
	display: inline-block;
	height: 1.8rem;
	min-width: 2rem;
	margin-top: .2rem;
}

.icon-like {
	display: inline-block;
	margin-right: .2rem;
	width: 2rem;
	vertical-align: top;
	transition: transform .12s ease-in-out, fill .15s linear;
}
.single-comment-likes:hover .icon-like {
	transform: scale(1.2);
}

.icon-like-others path {
	fill: var(--Blue100);
}

.icon-like-like path {
	fill: transparent;
	stroke: var(--Blue100);
}
.single-comment-likes:hover .icon-like-like path {
	fill: var(--Red32);
	stroke: transparent;
}

.icon-like-dislike path {
	fill: var(--Red100);
	stroke: var(--Red100);
}
.single-comment-likes:hover .icon-like-dislike path {
	fill: transparent;
	stroke: var(--Red32);
}

.icon-like-dislike~span {
	color: var(--Red100);
}
.single-comment-likes:hover .icon-like-dislike~span {
	color: var(--Red32);
}

.single-comment-likes span {
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: top;
	transition: color .15s linear;
}

/*.like::before {
	content:'<3';
	min-width: 20px;
	min-height: 20px;
	padding-right: 5px;
}

.dislike::before {
	content:'</3';
	min-width: 20px;
	min-height: 20px;
	padding-right: 5px;
}*/

.single-comment-reply-wrapper {
	padding-left: 5.2rem;
	position: relative;
}
.single-comment-reply-wrapper:before {
	background-color: rgba(0,0,0,.5);
	background-image: url('./assets/img/bg-dots-transparent.png');
	background-position: 0 0;
	background-repeat: repeat-y;
	background-size: contain;
	content: '';
	height: 100%;
	display: block;
	float: left;
	position: absolute;
	left: .7rem;
	width: .4rem;
}

.single-comment-reply-wrapper .single-comment {
	margin-top: 4rem;
	min-height: 7.6rem;
}

.single-comment-reply-wrapper .single-comment-title {
	height: 2.4rem;
}

.single-comment-reply-wrapper .single-comment-author {
	display: inline-block;
	font-size: 1.4rem;
	margin-right: 1.2rem;
	padding: 0;
}

.single-comment-reply-wrapper .single-comment-avatar {
	display: inline-block;
	height: 2.4rem;
	margin-right: .4rem;
	position: relative;
	vertical-align: middle;
	width: 2.4rem;
}

.single-comment-reply-wrapper .single-comment-display-name {
	display: inline-block;
	margin-left: 0;
}

.single-comment-reply-wrapper .single-comment-date {
	display: inline-block;
	margin-left: 0;
}

.comment-trashed {
	background: rgba(255, 5, 62, 0.06);
	border-radius: 10px;
	color: rgba(85, 2, 45, 0.51);
	height: 100%;
	min-height: 7.6rem;
	padding: 1.2rem 1.2rem;
}

.untrash-comment {
	cursor: pointer;
}



/* -------------------------------------------------------------------------- */

/*	99.	Ad
/* -------------------------------------------------------------------------- */

.ad-aside-grid-wrapper {
	grid-column: 5/7;
	grid-row: span 4;
}

.ad-aside-container-wrapper {
	background: var(--White100);
	padding: 0 0 .8rem;
	position: sticky;
	position: -webkit-sticky;
	top: 8rem;
	transition: transform .2s ease-in-out, box-shadow .2s linear;
}
.ad-aside-container-wrapper:hover {
	transform: scale(1.02);
	box-shadow: 8px 8px 0 0 var(--Black100), 0 0 0 2px var(--Black100);
}

.ad-aside-container-footer-links {
	margin: .8rem .8rem .4rem;
}

/* -------------------------------------------------------------------------- */

/*	99.	Static Pages
/* -------------------------------------------------------------------------- */

.page-static-content {
	background: var(--White100);
	padding: 2rem 2.4rem;
	display: grid;
}

.page-static-content h1 {
	margin-bottom: 2.8rem;
	grid-column: 1/5;
	grid-row: 1/2;
}

.page-static-content p {
	grid-column: span 3;
	font-size: 1.8rem;
	line-height: 3rem;
	margin-bottom: 2.4rem;
	max-width: 72rem;
}

.page-static-content h3, 
.page-static-content h4 {
	grid-column: span 3;
	margin-bottom: 1.2rem;
	max-width: 72rem;
}

.page-static-content div {
	grid-column: span 3;
	margin-bottom: 2.4rem;
	max-width: 72rem;
}

.wp-block-table.is-style-stripes {
	border-bottom: none;
	grid-column: span 3;
}
.wp-block-table table {
	margin: 1.2rem 0;
}

.page-static-content .post-single-subtitle {
	margin-top: 0;
}

.page-static-sidebar-pic-container {
	grid-column: 3/5;
	grid-row: 1/5;
	height: 100%;
	min-width: 400px;
	max-width: 500px !important;
	position: relative;
}

.page-static-sidebar-pic-wrapper{
	display: block;
	position: relative;
	border-bottom: none;
	overflow: hidden;
	width: calc(100% + 2.4rem);
	height: calc(100% + 6.4rem);
	top: -2rem;
}

.page-static-sidebar-pic {
	height: 100%;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.contacts-container {
	grid-column: 1/3;
	grid-row: span 1;
	margin-top: 4rem !important;
}

.contacts-label {
	display: inline-block;
	float: left;
	font-size: 1.2rem;
	color: var(--Gray100);
	letter-spacing: .02em;
	line-height: 2rem;
	text-transform: uppercase;
	vertical-align: top;
	width: 20rem;
}

.contact-wrapper {
	font-size: 2.4rem;
	display: inline-block;
	line-height: 3.8rem;
	margin-top: 0;
	vertical-align: top;
	width: calc(100% - 20rem);
}

.contacts-subwrapper {
	display: inline-block;
	width: 100%;
	margin-bottom: 1rem;
}

.contact-wrapper a {
	border-bottom-width: 2px;
	position: relative;
	top: -.5rem;
}

.contacts-sup-title {
	display: block;
	font-size: 1.4rem;
	line-height: 2rem;
}

.contacts-map-pic-header {
	font-size: 5.6rem;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 800;
	letter-spacing: -0.0415625em;
	line-height: 1.25;
	margin: .4rem 0 0 4rem;
	position: absolute;
	z-index: 2;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: var(--White100);
}

.button-contacts-open-map {
	border: 1.5px solid var(--Blue100);
	position: absolute;
	z-index: 2;
	min-width: 31rem;
	background: var(--White100);
	border-radius: 100px;
	padding: 1.8rem 2.4rem 1.8rem 1.6rem;
	transform: translateX(-50%);
	left: 50%;
	top: 45%;
	text-align: center;
	opacity: 0;
	transition: transform .2s ease-in-out, opacity .2s linear, box-shadow .15s linear;
}
.button-contacts-open-map::before {
	content: '';
	display: inline-block;
	background: transparent url('./assets/img/icons/icon-ya-maps.svg') 0 0 no-repeat;
	background-size: contain;
	width: 3.6rem;
	height: 3.6rem;
	vertical-align: middle;
	margin-right: .8rem;
}

a.contacts-map-pic-wrapper:hover .button-contacts-open-map {
	box-shadow: 6px 8px 0 0 var(--Blue100);
	transform: translateX(-50%) translateY(-.4rem);
	opacity: 1;
}

a.contacts-map-pic-wrapper:hover {
	cursor: pointer;
}

.contacts-map-pic-wrapper::before {
	background: linear-gradient(transparent 20%, rgba(0, 85, 255, .12) 32%, rgba(0, 85, 255, .2) 44%, rgba(0, 85, 255, .44) 56%, rgba(0, 85, 255, .64) 68%, rgba(0, 85, 255, .88) 80%), rgba(255, 255, 255, .2);
	content: '';
	height: 100%;
	opacity: 0;
	position: absolute;
	width: 100%;
	transition: opacity .3s linear;
	z-index: 2;
}
a.contacts-map-pic-wrapper:hover::before {
	opacity: 1;
}

.contacts-map-pic-wrapper::after {
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .12) 32%, rgba(255, 255, 255, .64)), rgba(255,255,255,.16);
	content: '';
	height: 100%;
	opacity: 1;
	position: absolute;
	width: 100%;
	transition: opacity .3s linear;
	z-index: 1;
}
a.contacts-map-pic-wrapper:hover::after {
	opacity: 0;
}

.contacts-map-pic {
	transition: transform .2s ease-in-out;
}

a.contacts-map-pic-wrapper:hover .contacts-map-pic {
	transform: scale(1.05);
}



/* -------------------------------------------------------------------------- */

/*	99.	User Profile
/* -------------------------------------------------------------------------- */

#user-profile-app {
	background: var(--White100);
	padding: 2rem 2.4rem;
}

.profile-label-input-row {
	margin: 2.8rem 0;
}
.profile-label-input-row:last-child {
	margin-bottom: 0;
}

.profile-label-input-row label {
	display: inline-block;
	margin: 0 0 0 2.8rem;
	width: 19.2rem;
	vertical-align: middle;
}
.profile-label-input-row input {
	display: inline-block;
}

#user-profile-app input {
	border-radius: 100px;
}

.user-profile-header {
	display: block;
	margin-bottom: 2rem;
}

.user-profile-header-inner {
	border-radius: 100px;
	display: inline-block;
}

.user-profile-avatar {
	border-radius: 100px;
	display: inline-block;
	float: left;
	height: 7rem;
	margin: .4rem;
	vertical-align: middle;
	width: 7rem;
}

.user-profile-header-inner h2 {
	display: inline-block;
	margin: 0 0 0 1.2rem;
	vertical-align: middle;
}

.button-logout {
	border-color: var(--Red100);
	color: var(--Red100);
	display: inline-block;
	margin: 1rem 1.2rem 0 4rem;
	vertical-align: middle;
	transition: transform .2s ease-in-out, box-shadow .2s linear;
}
.button-logout:hover {
	border-color: var(--Red100) !important;
	box-shadow: 6px 6px 0 0 var(--Red100);
	color: var(--Red100) !important;
}

.user-profile-menu {
	margin-bottom: 2rem;
}

.user-profile-menu nav ul {
	list-style-type: none;
	margin: 0;
}

.user-profile-menu nav ul li {
	display: inline-block;
	float: left;
	margin: 0 .8rem 0 0;
}

.user-profile-tab-link.button {
	padding: 1.8rem 3.2rem;
	border: 1.5px solid var(--Black100);
	background: transparent;
}

.user-profile-tab-link.button.active {
	color: var(--White100);
	background: var(--Black100);
}
.user-profile-tab-link.button.active:hover {
	box-shadow: none;
	color: var(--White100) !important;
	cursor: dafault;
	transform: none;
}

#profileupdate input[type="text"],
#profileupdate input[type="email"] {
	max-width: 48rem;
	padding-left: 2rem;
}

.user-profile-button-save,
.user-profile-tab-content input[type="submit"],
.button-submit {
	background: var(--Blue100);
	border-color: transparent;
	color: var(--White100);
	margin: 0 0 2.8rem;
	transition: transform .2s ease-in-out, box-shadow .2s linear;
}
.user-profile-button-save:hover,
.user-profile-tab-content input[type="submit"]:hover,
.button-submit:hover {
	border-color: transparent !important;
	color: var(--White100) !important;
	box-shadow: 6px 6px 0 0 var(--Blue32);
	text-decoration: none;
}

.user-profile-comments-wrapper {
	max-width: 68rem;
}

.user-profile-comment-link {
	background-color: var(--White100);
	border-bottom: none;
	display: block;
	margin-bottom: 1.2rem;
	padding: 2rem 2.8rem;
	transition: transform .2s ease-in-out, background-color .2s linear, color .15s linear, box-shadow .2s linear;
}
.user-profile-comment-link:hover {
	color: var(--Black100) !important;
	transform: scale(1.02);
	box-shadow: 8px 8px 0 0 var(--Blue100), 0 0 0 2px var(--Blue100);
}

.user-profile-comment-date-and-post {
	font-size: 1.2rem;
	color: var(--Gray100);
}

.user-profile-comment-date {
	display: inline-block;
	margin-right: .2rem;
}

.user-profile-post-link {
	display: inline-block;
}

.user-profile-post-link>b>span {
	border-bottom: .5px solid var(--Gray32);
	transition: border-bottom-color .15s linear, color .15s linear;
}
.user-profile-comment-link:hover .user-profile-post-link>b>span {
	color: var(--Blue100);
	border-color: var(--Blue32);
}

.user-profile-comment-content {
	margin: .8rem 0;
}

.user-profile-comment-answer {
	background-color: rgba(0,0,0,.04);
	border-radius: 8px;
	color: var(--Black64);
	padding: .6rem 1.2rem;
	transition: border-radius .2s linear;
}
.user-profile-comment-link:hover .user-profile-comment-answer {
	border-radius: 0;
}

.user-profile-comment-answer-header {
	display: block;
	font-size: 1.2rem;
}

.user-profile-comment-answer-comment-parent-text {
	display: block;
	font-size: 1.4rem;
	margin: .6rem 0 .8rem;
}




/* -------------------------------------------------------------------------- */

/*	99.	Archive
/* -------------------------------------------------------------------------- */

#archive-app {
	display: grid;
	width: 100%;
}

.archive-menu {
	border-radius: 0 100px 100px 0;
	grid-column: 1/2;
	grid-row: 1/2;
	margin-bottom: 4.4rem;
	padding: 1.6rem 1.6rem 2rem 1.2rem;
}

.archive-menu h1 {
	display: inline-block;
	vertical-align: top;
}

.archive-menu ul {
	display: inline-block;
	float: right;
	list-style: none;
	margin: .8rem 0 0;
	vertical-align: top;
	width: calc(100% - 40rem);
}

.archive-menu-list {
	display: inline-block;
	float: left;
	margin: 0 .8rem 0 0;
}

#\#add.archive-menu-list {
	float: right;
	margin-right: 0;
}

.archive-menu-list .button {
	border-width: 1.5px;
	padding: 1.8rem 2rem;
}

.archive-menu-list .button.active {
	background: var(--Black100);
	border-color: transparent;
	color: var(--White100);
}
.archive-menu-list .button.active:hover {
	background: var(--Black100);
	border-color: var(--Black100) !important;
	box-shadow: none;
	color: var(--White100) !important;
	cursor: default;
	transform: none;
}

#\#add.archive-menu-list .button {
	color: var(--Green100);
	border-color: var(--Green100);
}

#\#add.archive-menu-list .button:hover {
	color: var(--Green100) !important;
	border-color: var(--Green100) !important;
	box-shadow: 6px 8px 0 0 var(--Green100);
}

#\#add.archive-menu-list .button.active {
	color: var(--White100);
	border-color: var(--Black100);
}

#\#add.archive-menu-list .button.active:hover {
	color: var(--White100) !important;
	cursor: default;
	border-color: var(--Black100) !important;
	box-shadow: none;
	transform: none;
}

#\#add.archive-menu-list .button.active::before {
	color: var(--White100);
}

#\#add.archive-menu-list .button::before {
	color: var(--Green100);
	content: '+';
	font-size: 4rem;
	position: absolute;
	font-weight: 100;
	font-family: times new roman;
}
#\#add.archive-menu-list .button>span {
	margin-left: 2.8rem;
}

.archive-container {
	display: grid;
	grid-column: 1/2;
	grid-row: 2/3;
}

.archive-year-list-wrapper {
	grid-column: 1/2;
}

.archive-year-list {
	list-style: none;
	margin: 0;
	position: -webkit-sticky;
	position: sticky;
	top: 7rem;
}

.archive-year-list-item {
	margin: 0 0 1.2rem;
}

.archive-year-list-item a {
	border-bottom: none;
	display: inline-block;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 4rem;
	font-weight: 800;
	line-height: 1.25;
	padding: 0 1.2rem 1rem;
}

.archive-year-list-item a span {
	border-bottom: 2.5px solid var(--Black32);
	transition: border-bottom-color .15s linear;
}

.archive-year-list-item a:hover span {
	border-bottom-color: var(--Blue32);
}
.archive-year-list-item a.active {
	background: var(--Black100);
	color: var(--White100);
	cursor: default;
}
.archive-year-list-item a.active:hover {
	color: var(--White100);
}

.archive-year-list-item a.active span {
	border-bottom-color: var(--White100);
}
.archive-year-list-item a.active:hover span {
	border-bottom-color: var(--White100);
}

.archive-year-list-item a.active:before {
	content: '>';
	display: inline-block;
	margin-right: .4rem;
}

.archive-pdf-list-wrapper {
	background: var(--White100);
	grid-column: 2/10;
	padding: 1.2rem 2.4rem 3.2rem;
}

.archive-year {
	display: grid;
	grid-column-gap: 1.6rem;
	grid-row-gap: 3.2rem;
	grid-template-columns: repeat(4, calc((100% - 4.8rem) / 4));
	grid-template-rows: 5rem auto;
}

.archive-month {
	grid-column: 1/5;
	grid-row: span 1;
}

.archive-pdf {
	grid-column: span 1;
	grid-row: span 1;
}

.archive-pdf-publicmeta {
	text-align: center;
}

.archive-pdf-publicmeta a {
	border-bottom: none;
}

.archive-pdf-preview {
	width: 100%;
}

.archive-pdf-preview img {
	height: 32rem;
	margin: 0 auto;
	min-width: 20rem;
	width: auto;
	transition: transform .15s ease-in-out, box-shadow .2s linear;
}
.archive-pdf-publicmeta:hover img {
	box-shadow: 0 0 0 2px var(--Blue100), 8px 8px 0 var(--Blue100);
	transform: scale(1.13);
}

.archive-pdf-publicmeta span {
	background: var(--White100);
	border-radius: 100px;
	padding: .4rem 1.2rem;
	position: relative;
	z-index: 1;
}

.archive-year-wrapper {
	background: var(--White100);
	grid-column: 1/2;
	grid-row: 2/3;
	padding: 1.2rem 1.2rem 3.2rem;
}

.archive-upload-form {
	margin-top: 3.2rem;
}

.archive-upload-info {
	display: grid;
	grid-template-columns: repeat(5, calc((100% - 6.4rem) / 5));
	grid-column-gap: 1.6rem;
}

.archive-form-col {
	grid-column: span 1;
}

.archive-form-col label,
.archive-upload-file label {
	margin: 0 0 1.2rem 2rem;
}

.archive-upload-file {
	margin: 3.2rem 0;
}

.adv-mainbanner-wrapper {
	height: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

.adv-mainbanner-bg {
	position: absolute;
	height: auto;
}

.adv-mainbanner-background {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.adv-mainbanner-content-img-wrapper {
	width: calc(100% - 4rem);
	max-width: 1332px;
	display: block;
	position: relative;
	height: 8.8rem;
	margin: 13.8rem auto 0;
}

.adv-mainbanner-content-img {
	position: absolute;
	height: 100%;
	display: inline-block;
	right: 0;
}

.adv-maibanner-img {
	display: block;
	position: relative;
	right: 0;
	bottom: 0;
	width: auto;
	height: 100%;
	object-fit: contain;
}

.adv-mainbanner-url {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	border-bottom: none;
}


/* -------------------------------------------------------------------------- */

/*	99.	Footer
/* -------------------------------------------------------------------------- */

#site-footer {
	background-color: var(--White100);
	border-top: 2px solid var(--Black100);
	box-shadow: 0 -2px 0 var(--White100);
	margin: 8rem 0 0;
	padding: 5.2rem 0 2rem;
	width: 100%;
}

.footer-inner {
	display: grid;
	grid-column-gap: 4rem;
	grid-template-columns: 4fr 2fr 1fr;
	margin: 0 auto;
	width: calc(100% - 4vw);
	max-width: 1332px;
}

#site-footer h3 {
	cursor: default;
	margin: 0 0 2.8rem;
}

.site-footer-rubrics-container {
	grid-column: 1/2;
	grid-row: 1/2;
	margin: 0;
	max-width: 66rem;
}

.site-footer-rubrics-container-ul {
	column-width: 16rem;
	display: block;
	list-style: none;
	margin: 0 0 6rem;
}

.site-footer-rubrics-link-wrapper {
	margin: 0 0 1.6rem;
}

.site-footer-rubrics-link {
	color: var(--Black100);
	border-bottom-color: var(--Black16);
	font-family: 'GolosTextWebMedium', sans-serif;
	font-size: 1.3rem;
	letter-spacing: .01em;
	padding-bottom: .4rem;
	text-transform: uppercase;
	vertical-align: top;
}

.footer-email-subscribe {
	grid-column: 2/3;
	grid-row: 1/2;
}

.footer-subscribe-input-container {
	background: rgba(0,30,60,.08);
	border-radius: 100px;
	transition: all .15s ease-in-out;
}

.footer-subscribe-input-container:hover {
	background: rgba(0,30,60,.04);
}

.footer-subscribe-input,
.footer-subscribe-input-button {
	background-color: transparent !important;
	border: none !important;
	display: inline-block !important;
	font-size: 1.4rem !important;
	outline: none;
	vertical-align: top;
}

.footer-subscribe-input {
	margin-left: 1.2rem !important;
	padding: 1.5rem 0 1.5rem .4rem !important;
	width: 71% !important;
}

.footer-subscribe-input-button {
	border-radius: 0 100px 100px 0 !important;
	float: right;
	height: 4.7rem !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 2.8rem !important;
}

.footer-subscribe-input-button:hover {
	box-shadow: none;
	transform: none !important;
}

.footer-subscribe-input-button #icon-send path {
	fill: var(--Blue100);
}
.footer-subscribe-input-button:hover #icon-send path {
	fill: var(--Red100);
}

.footer-subscribe-input-button:disabled {
	cursor: default;
}
.footer-subscribe-input-button:disabled #icon-send path {
	cursor: default;
	fill: var(--Gray32);
}

.footer-email-subscribe-note {
	color: var(--Gray100);
	display: block;
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin: 1.2rem 0 0 1.6rem;
	width: calc(100% - 3.2rem);
}

.footer-email-subscribe-note a {
	border-color: var(--Gray32);
	color: var(--Gray100);
}

.footer-email-subscribe-note a:hover {
	border-color: var(--Blue32);
	color: var(--Blue100);
}

#icon-note-send {
	display: inline-block;
	width: 1.2rem;
	margin-bottom: -.2rem;
}

#icon-note-send path {
	fill: var(--Gray100);
}

.site-footer-to-social-networks {
	grid-column: 3/4;
	grid-row: 1/2;
}

.site-footer-to-social-networks-inner {
	float: right;
}

.link-social {
	border-bottom: none;
	display: inline-block;
	float: left;
	margin: 0 .8rem;
}
.link-social:first-child {
	margin-left: 0;
}
.link-social:last-child {
	margin-right: 0;
}

.link-social svg {
	width: 4.4rem;
	height: 4.4rem;
}

.link-social:hover path {
	opacity: .8;
}

.footer-bottom {
	align-items: center;
	display: grid;
	grid-column: 1/4;
	grid-row: 2/3;
	justify-items: stretch;
}
.footer-bottom::before {
	background-color: var(--Gray100);
	background-image: url('./assets/img/bg-dots-transparent.png');
	background-position: 0;
	background-repeat: repeat;
	background-size: contain;
	content: '';
	display: block;
	grid-column: 1/3;
	height: .4rem;
	margin-bottom: 2.4rem;
	width: 100%;
}

/*.footer-menu-logo {
	background: var(--White100);
	border-bottom: none;
	display: inline-block;
	height: 60px;
	margin-right: .4rem;
	position: relative;
	vertical-align: middle;
	width: 60px;
}

.logo-dr-mask-letters {
	min-height: 60px;
	position: absolute;
	width: 60px;
}

.logo-dr-letters-mask-svg {
	width: 77px;
	height: 82px;
	position: absolute;
	bottom: 0;
	right:0;
}

.logo-dr-letters-wrapper {
	-webkit-clip-path: url("#clip-shape");
	clip-path: url("#clip-shape");
	width: 77px;
	height: 82px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.logo-dr-letters {
	background: transparent url('./assets/img/logos/logo-dr-footer-1.png') 0 0 no-repeat;
	background-size: contain;
	width: 101px;
	height: 110px;
	transform: translateX(16px) translateY(32px);
	transition: transform .2s ease-in-out;
}
.footer-menu-logo:hover .logo-dr-letters {
	transform: translateX(7px) translateY(23px);
}

.footer-menu-logo .logo-dr-cirle {
	background-color: var(--Gray100);
	border-radius: 100px;
	height: 60px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	transition: all .3s linear;
}
.footer-menu-logo:hover .logo-dr-cirle {
	background-color: var(--Blue100);
}*/
.footer-menu-logo {
	background: var(--White100);
	border-bottom: none;
	display: inline-block;
	height: 4.6rem;
	margin-right: .4rem;
	overflow: visible;
	position: relative;
	transition: all .2s ease-in-out;
	vertical-align: middle;
	width: 6.4rem;
}
.footer-menu-logo:hover {
	transform: scale(1.05);
}

.footer-logo-img,
.footer-logo-img-hover,
.footer-logo-img-hover-shadow {
	background-color: transparent;
	background-image: url('./assets/img/logos/logo-dr-default-footer.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	overflow: visible;
	position: absolute;
	width: 100%;
	transition: all .2s linear;
}
.footer-logo-img {
	background-position: 0 0;
	opacity: 1;
	z-index: 2;
}
.footer-menu-logo:hover .footer-logo-img {
	opacity: 0;
}
.footer-logo-img-hover {
	background-position: 0 -4.7rem;
	opacity: 1;
	z-index: 1;
}
.footer-logo-img-hover-shadow {
	background-position: 0 -9.4rem;
	opacity: 1;
	transition: transform .2s linear;
}
.footer-menu-logo:hover .footer-logo-img-hover-shadow  {
	transform: translateX(4px) translateY(4px);
}

.footer-menu-links-copyright-wrapper {
	display: inline-block;
	margin-left: .8rem;
	position: relative;
	vertical-align: top;
	max-width: 74rem;
}

.footer-menu-links-copyright-wrapper .footer-menu-links-wrapper {
	height: 1.2rem;
}

.footer-menu-link {
	border-bottom-color: var(--Gray32);
	color: var(--Gray100);
	display: inline-block;
	float: left;
	font-size: .95rem;
	letter-spacing: .02em;
	margin: 0 .4rem;
	padding-bottom: .2rem;
	text-transform: uppercase;
	vertical-align: top;
}
.footer-menu-link:first-child {
	margin-left: 0;
}

.copyright {
	color: var(--Gray100);
	cursor: default;
	display: inline-block;
	font-size: .95rem;
	margin: .4rem 0 0;
}

.copyright-in {
	margin-bottom: .4rem;
}

.copyright-in a {
	color: var(--Gray100);
}

.copyright-in a:hover {
	color: var(--Blue100);
}

.kontora {
	grid-column: 2/3;
	height: 100%;
	text-align: right;
}

.kontora>span {
	display: block;
	float: right;
	width: 19rem;
}

.designed-sign {
	color: var(--Gray100);
	cursor: default;
	display: inline-block;
	font-size: .95rem;
	line-height: 1.4rem;
	margin-right: -1.6rem;
	text-align: left;
	vertical-align: top;
}

.kontora-logo {
	border: none;
	display: inline-block;
	vertical-align: top;
	transition: transform .15s ease-in-out;
}
.kontora-logo:hover {
	transform: scale(1.1);
}

/*.kontora-logo>svg {
	transition: filter .15s ease-in-out;
}
.kontora-logo:hover>svg {
	filter: drop-shadow(1px 1px 0 #06f);
}*/

.kontora-logo path {
	fill: var(--Gray100);
	transition: fill .15s linear;
}
.kontora-logo:hover path {
	fill: var(--Blue100);
}

.eror.error-msg {
	background: #ffeef5;
	border-right: 4px solid var(--Red100);
	padding: 1.6rem 2rem 1.6rem 1.6rem;
	position: fixed;
	top: 10rem;
	right: 0;
	z-index: 3;
	border-radius: 100px 0 0 100px;
}

.error-close {
	align-items: center;
	border: 1.5px solid var(--Red100);
	border-radius: 100px;
	color: var(--Red100);
	display: inline-grid;
	font-family: 'Arial Unicode MS', sans-serif;
	font-weight: 800;
	height: 3.6rem;
	justify-items: center;
	margin-right: .8rem;
	width: 3.6rem;
	transition: transform .15s ease-in-out;
}
.error-close:hover {
	border-color: var(--Red100);
	color: var(--Red100);
	transform: translateY(-.3rem);
}




@media (min-width: 1330px) {
	.secondary-links-sidebar {
		right: 0;
	}
	.site-header-rubrics {
		width: calc(100% - 52rem);
	}
	.post-content {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}

@media (max-width: 740px) {
	.hide-mobile { display: none; }

	h3 { font-size: 3.3rem; } 

	#marquee div {
		width: 1000%;
	}

	.secondary-links-sidebar {
		display: none;
	}

	.day-wrapper {
		grid-template-columns: repeat(4, calc((100% - 4.8rem) / 4));
		grid-template-rows: 8.8rem repeat(auto-fill, 14rem);
		grid-row-gap: 2.4rem;
		grid-column-gap: 1.6rem;
		margin-bottom: 6rem;
		width: 100%;
	}
	.day-wrapper-empty { margin-bottom: 2rem; }
	.day-title { grid-column: span 4; }
	.post4x2.post-wrapper { height: 29.6rem; }
	.post-img4x2 { min-height: 29.6rem; }
	.has-img.post4x2 .post-title-wrapper { margin-bottom: 1.2rem; width: 100%; }
	.has-img.post4x2.post-wrapper .post-title { font-size: 3.6rem; line-height: 4.4rem; }
	.no-img.post4x2 .post-title-wrapper { margin-bottom: 1.2rem; width: 100%; }
	.no-img.post4x2 .post-title { font-size: 3.6rem; line-height: 4.4rem; }
	.post3x2.post-wrapper { grid-column: span 2; height: 29.6rem; }
	.post-img3x2 { min-height: 29.6rem; }
	.post3x2 .post-title-wrapper {
		font-size: 3rem;
		line-height: 3.8rem;
		margin-bottom: .8rem;
		margin-top: 2rem;
	}
	.has-img.post3x2 .post-title-wrapper {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.has-img.post3x2.post-wrapper .post-title {
		border-bottom-width: 1.5px;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.no-img.post3x2 .post-title-wrapper {
		font-size: 3rem;
		line-height: 3.8rem;
		margin-bottom: .8rem;
		margin-top: 2rem;
		width: 100%;
	}
	.no-img.post3x2 .post-title {
		font-size: 3rem;
		line-height: 3.8rem;
	}
	.no-img.post3x2 .post-content { width: 100%;}
	.post2x2 { height: 29.6rem; }
	.post-img2x2 { height: 14rem; }
	.has-img.post2x2 .post-title-wrapper { margin-top: 13.4rem; }
	.has-img.post2x2 .post-title { font-size: 2rem; line-height: 2.8rem; }
	.no-img.post2x2 .post-title-wrapper { width: 100%;}
	.no-img.post2x2 .post-content { width: 100%; -webkit-line-clamp: 3; }

	.ad-aside-grid-wrapper {
		grid-column: span 2;
	}

	.post-inner {
		height: calc(100% - 2.4rem);
		width: calc(100% - 1.6rem);
		left: .8rem;
		bottom: 1.2rem;
	}

	.our-social-link {
		height: 14rem;
	}

	.our-social-link.post-wrapper .post-inner {
		height: calc(14rem - 1.6rem);
	}

	.our-social-link.post-wrapper .post-title-wrapper { margin-top: 0; }

	.our-social-link.post-wrapper .post-title {
		font-size: 2rem;
		line-height: 2.8rem;
	}
	

	.loadmore {
		margin-top: -3rem;
	}

	button#loadmore {
		text-align: center;
		width: calc(100% - .8rem);
	}

	.post-single-page {
		grid-template-columns: repeat(4, calc((100% - 4.8rem) / 4));
		grid-template-rows: auto;
		grid-row-gap: 1.6rem;
		grid-column-gap: 1.6rem;
	}
	.post-single-container { grid-column: 1/5; grid-row: 1/2; }
	.post-single-ad-aside-grid-wrapper { grid-column: 1/5; grid-row: 2/3; margin-top: 3.2rem; }
	.last-news-container { grid-column: 1/5; grid-row: 4/5; margin-top: 3.2rem; }
	.ad-after-post-single-grid-wrapper { grid-column: 1/5; grid-row: 5/6; height: 29.6rem; }
	.post-single-comments-container { grid-row: 3/4; padding-left: .4rem; padding-right: .4rem; }
	.single-comment-reply-wrapper { margin-left: 1.6rem; padding-left: 2.8rem; }
	.single-comment-control { opacity: 1; }

	.archive-menu { 
		border-radius: 0;
		padding: 0 .4rem;
		margin-bottom: 2.4rem;
		display: grid;
	}
	.archive-menu h1 { grid-column: 1/2; grid-row: 1/2;}
	.archive-menu ul { grid-column: 1/2; grid-row: 2/3; margin: 1.6rem .4rem; width: 100%; }
	.archive-pdf-list-wrapper { grid-column: 2/3; padding: .4rem .4rem 2rem; }
	.archive-year { 
		grid-column-gap: .8rem;
		grid-row-gap: 2.4rem;
		grid-template-columns: repeat(4, calc((100% - 2.4rem) / 4));
		grid-template-rows: 4rem auto;
	}
	.archive-month { grid-column: 1/5; }
	.archive-pdf-preview img { height: 16rem; min-width: 12rem; }
	

	#site-footer { margin-top: 4rem; padding-top: 3.2rem; }
	.footer-inner { width: calc(100% - 2.4rem); }
	.site-footer-rubrics-container { grid-column: 1/4; }
	.site-footer-rubrics-container-ul { margin-bottom: 4rem; }
	.footer-email-subscribe { grid-column: 1/2; grid-row: 2/3; }
	.site-footer-to-social-networks { grid-column: 2/3; grid-row: 2/3; }
	.footer-bottom { grid-row: 3/4; margin-top: 4rem; }
	.footer-menu-logo svg { height: 2.8rem; }
	.footer-menu-links-copyright-wrapper { margin-left: 0; }
	.copyright { top: -.2rem; position: relative; }
	.kontora { margin-top: .4rem; }
	.kontora-sign { border-width: 2px; }
}

@media (max-width: 680px) {

	.day-title-weather { padding: 0 .5rem; }

	.post-single-container h1,
	.post-single-container h2,
	.post-single-container h3,
	.post-single-container h4,
	.post-single-container h5,
	.post-single-container h6,
	.post-single-container .post-single-subtitle,
	.post-single-container .post-single-meta,
	.post-single-container p,
	.post-single-container .post-single-container ul,
	.post-single-container .post-gallery-meta,
	.post-single-container .post-single-after { margin-left: 1.2rem; margin-right: 1.2rem; }
	.post-single-container .post-category-wrapper { padding-left: 1.2rem; padding-right: 1.2rem;}
	.post-single-publication-meta { top: -3.2rem; right: -.4rem; width: 10rem; height: 10rem;}
	.post-single-publication-meta-link { font-size: .9rem;}
	.post-single-publication-meta-link-inner { top: 2rem; }
	.post-single-publication-meta-link-inner:before { display: none; }

	.post-single-after { width: calc(100% - 2.4rem); }
	.post-single-author-wrapper { min-width: 44%; width: 44%;}
	.post-single-author-wrapper~.post-single-share-wrapper { padding-top: 4rem; }
	.post-single-tags-container { margin-top: 4rem; }

	.archive-year { grid-template-columns: repeat(3, calc((100% - 1.6rem) / 3)); }
	.archive-month { grid-column: 1/4; }
	.archive-pdf-preview img { height: 21rem; }

	.kontora>span { width: 10rem; }
	.designed-sign { display: none; }
	.kontora-sign { padding: .4rem .3rem .45rem .4rem; margin-top: -.6rem; }
}

@media (max-width: 570px) {
	.archive-menu-list .button { padding: 1.2rem 1rem; }
	.archive-year { grid-template-columns: repeat(2, calc((100% - .8rem) / 2)); }
	.archive-month { grid-column: 1/3; }
	.archive-pdf-preview img { height: 26rem; }
}

@media (min-width: 441px) {
	.only-mobile { display: none; }
}

@media (max-width: 440px) {
	.adv-mainbanner-wrapper ~ #site-content {
		padding-top: 12rem;
	}
	.adv-mainbanner-wrapper .adv-maibanner-img {
		object-fit: contain;
		width: 100%;
	}
	.adv-mainbanner-bg {
		height: 100vw;
		width: auto;
	}
	.adv-mainbanner-background {
		height: 100%;
		width: auto;
		object-position: 100% 0;
	}
	.adv-mainbanner-content-img-wrapper {
		margin-top: 11.2rem;
	}

	.site-header-rubrics-ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: auto;
	}
	.site-header-collapse .site-header-rubrics{
		height: 80%;
		max-height: 54rem;
		min-height: 45rem;
	}
	.site-header-collapse .site-header-rubrics-ul {
		height: auto;
	}
	.site-header-collapse {
		height:auto !important;
		padding-bottom: 5rem;
	}
	.site-header-rubrics-ul-li{
		margin:0;
		float:none;
	}
	.site-header-rubrics-link {
		height: 2.8rem;
	}
	.site-header-rubrics-ul-li a{
		margin-top: .8rem;
	}
	.secondary-links.site-header-inner{
		position: relative;
		right: 50%;
		transform: translateX(50%);
	}
	.header-secondary-link {
		border-bottom: none;
	}
	.header-secondary-link:first-child {
		margin-right: 5rem;
	}
	.hide-440 { display: none; }

	h1, .heading-size-1 { font-size: 4.4rem; }
	h2, .heading-size-2 { font-size: 4rem; }

	.login-form-wrapper { padding: 0 .8rem; }
	.login-buttons button {
		margin-bottom: 1.6rem;
		text-align: left;
		width: calc((100vw - 3.2rem) / 2);
	}
	.login-buttons button:nth-child(odd) { margin-right: 0; }
	.login-email { margin-top: 2rem; width: 100% !important; }
	.email-login-form { width:100%;}
	.email-login-form-back { border-bottom: none; margin-top: 0; width: 10rem; }
	#show-register-form { padding: 1.2rem; }
	.register-form { width: 100%; }
	.register-form input { margin-bottom: .8rem; }
	.login-form-note { margin-bottom: 1.2rem; max-width: 100%; }
	.button-login-submit { width: 100%; }

	#site-header { top: .4rem; width: calc(100% - .8rem); }
	.site-header-logo {
		border-bottom: none;
		height: 4.4rem;
		min-height: 4.4rem;
		margin: 0;
		width: 20.4rem;
		transition: all .2s linear !important;
		left: 50%;
		transform: translateX(-50%);
	}
	.site-header-logo:hover { transform: scale(1.02) translateX(-50%);}
	/* .search-block { position: relative; z-index: 100; } */
	.search-input-contenteditable { padding-left: 0; }
	#search-input-wrapper { width: calc(100% - .8rem); }
	.search-result-posts-grid { grid-template-columns: repeat(2, calc((100% - 1.6rem) / 2)); width: 100%; }
	.search-result-post.post2x2 .post-title-wrapper { color: var(--White100); margin-top: 13.4rem; }
	

	main, #site-content, #search-result { width: calc(100% - 1.6rem); }

	.day-wrapper { grid-template-columns: repeat(2, calc((100% - 1.6rem) / 2)); grid-template-rows: 6rem repeat(auto-fill, 14rem); }
	.day-wrapper:nth-child(2) { grid-template-rows: 13.4rem repeat(auto-fill, 14rem); }
	.day-title { font-size: 4.4rem; grid-column: span 2; }
	.day-title-inner.white-bg { display: block; min-width: auto; padding-bottom: 2.4rem; }
	.day-title .datetime { display: block; line-height: 1.1; padding: 0 .6rem .6rem; }
	.day-title-time { display: none; }
	.day-title-weather { padding: 0 .8rem; grid-column: 1/2; grid-row: 2/3; }
	.icon-weather { margin-left: 1.2rem; }
	.day-title-curency { grid-column: 2/3; grid-row: 2/3; }
	.weather-info, .day-title-curency { font-size: 1.6rem; margin-top: .8rem; padding: 0 1.2rem 0;}
	.day-wrapper-empty { margin-top: -2.8rem; margin-bottom: 0; }
	.day-wrapper-empty .day-title-inner.white-bg { margin: 0; padding-bottom: .8rem; position: relative; }
	.day-wrapper-empty .day-title-curency { padding: .4rem 2rem 0; }
	.day-wrapper-empty .datetime { font-size: 3.8rem; }
	.day-wrapper-empty .day-title .datetime { grid-column: 1/3; grid-row: 1/2; min-width: calc(100vw - 1.6rem); }
	.day-wrapper-empty .icon-weather { width: 5.4rem; margin-right: -1rem; }
	.day-wrapper-empty .weather-deg { font-size: 1.6rem; line-height: auto; }
	.post4x2.post-wrapper { grid-column: span 2; }
	.has-img.post4x2.post-wrapper .post-title { font-size: 2.8rem; line-height: 3.6rem; }
	.no-img.post4x2 .post-title-wrapper { font-size: 2.8rem; line-height: 3.6rem; }
	.no-img.post4x2 .post-title { font-size: 2.8rem; line-height: 3.6rem; }
	.no-img.post3x2 .post-title-wrapper { font-size: 2.8rem; line-height: 3.6rem; margin-top: 3.2rem; }
	.no-img.post3x2 .post-title { font-size: 2.8rem; line-height: 3.6rem; }
	.no-img.post2x2 .post-content { -webkit-line-clamp: 2; }
	.our-instagram.post-wrapper { margin-bottom: 2.4rem; }

	.category-wrapper { grid-template-rows: repeat(auto-fill, 14rem); }
	.category-title { height: 18.8rem; }
	#filter-app { height: 13rem; margin-top: .8rem; padding: 0 .8rem 0 .8rem; }
	.el-input--suffix .el-input__inner { padding-right: 2.4rem !important;}
	.el-date-editor.el-input,
	.el-date-editor.el-input__inner { width: 14rem !important; }
	
	.post-single-container h1,
	.post-single-container h2,
	.post-single-container h3,
	.post-single-container h4,
	.post-single-container h5,
	.post-single-container h6,
	.post-single-container .post-single-subtitle,
	.post-single-container .post-single-meta,
	.post-single-container p,
	.post-single-container .post-single-container ul,
	.post-single-container .post-gallery-meta,
	.post-single-container .post-single-after { margin-left: .4rem; margin-right: .4rem; }

	.post-single-container ul { margin-left: .8rem; width: calc(100% - 1.6rem); }

	.post-single-container .post-category-wrapper { padding-left: .4rem; padding-right: .4rem; }

	.post-single-publication-meta { right: .4rem; }

	.post-single-subtitle { font-size: 2.4rem !important; line-height: 3.4rem !important; margin-top: 2.4rem; }
	
	.post-single-after { margin: 3rem 0 0 !important; padding: .4rem .4rem 1.2rem; width: 100%; }
	.post-single-author-wrapper { padding-top: 2.8rem; }
	.post-single-author-wrapper,
	.post-single-author-wrapper~.post-single-share-wrapper,
	.post-single-tags-container { width: 100%; }

	.single-comment-reply-wrapper { padding-left: 2rem; margin-left: .4rem; }
	.single-comment-reply-wrapper .single-comment-author { margin-right: .8rem; }
	.single-comment-reply-wrapper .single-comment-display-name {
		max-width: 12.6rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.last-news-thumb-wrapper~.last-news-item-title-wrapper { width: calc(100% - 12.5rem); }

	.ad-after-post-single-wrapper { grid-column: span 4; }
	.ad-after-post-single-grid-wrapper { height: auto; grid-row-gap: 1.6rem; }
	.ad-after-post-single-wrapper:nth-child(2) { grid-row: 2/3; }

	.archive-menu {
		border-radius: 0;
		padding: 0 .4rem;
		margin-bottom: 2.4rem;
	}

	.page-static-content { padding: 0 .4rem; }
	.page-static-content h1 {
		margin-bottom: 0;
		grid-column: 1/3;
		grid-row: 1/2;
		position: relative;
		z-index: 3;
	}
	.page-static-content p {
		grid-column: 1/3;
	}
	.contacts-container {
		grid-column: 1/3;
		grid-row: span 1;
		margin-top: 2rem !important;
	}
	.contacts-label { width: 13rem; }
	.contact-wrapper { font-size: 1.6rem; line-height: 2.8rem; width: calc(100% - 13rem); }
	.contact-wrapper a { border-bottom-width: .5px; }
	.contacts-sup-title { margin-bottom: .6rem;	}
	.page-static-sidebar-pic-container {
		grid-row: 1/2;
		grid-column: 1/3;
		min-width: 100%;
		margin-bottom: 0 !important;
	}
	.page-static-sidebar-pic-wrapper {
		height: 12rem;
		margin-left: -.4rem;
		top: 0;
		width: calc(100% + .8rem);
	}
	.contacts-map-pic-wrapper::after {
		background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, .24) 32%, rgba(255, 255, 255, 1)), rgba(255,255,255,.44);
	}
	.button-contacts-open-map {display: none;}

	.footer-inner { width: calc(100% - 1.6rem); }
	.site-footer-rubrics-container-ul { column-width: 12rem; }
	.footer-email-subscribe { grid-column: 1/4; grid-row: 2/3; }
	.footer-email-subscribe-note { margin-left: 0; }
	.site-footer-to-social-networks { grid-column: 1/4; grid-row: 3/4; margin-top: 4.8rem; }
	.site-footer-to-social-networks-inner { float: none; }
	.site-footer-to-social-networks-inner h3 { display: inline-block; vertical-align: middle; }
	.site-footer-to-social-networks-inner .footer-links-wrapper { display: inline-block; vertical-align: middle; float: right; }
	.footer-bottom { grid-row: 4/5; margin-top: 2.8rem; }

	.footer-menu { grid-column: 1/3; }
	.footer-menu-logo {
		margin-right: .8rem;
	}
	.footer-menu-link { margin: 0 .8rem .3rem 0; }
	.footer-menu-links-copyright-wrapper { min-width: 22rem; width: 74%; }
	.copyright { top: 0rem; max-width: 100%; overflow-x: hidden; }

	.kontora { 
		display: grid;
		grid-column: 1/3;
		justify-items: center;
		margin-top: 2rem;
	}
	.kontora>span { float: none; width: 10rem; }
	.designed-sign {
		display: block;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	.kontora-sign {
		float: none;
		margin: .4rem auto 0;
		display: block;
		text-align: center;
		width: calc(100% - .4rem);
	}

@media (max-width: 380px) {
	.hide-380 { display: none; }

	.login-button-label { font-size: 1.4rem; }
	.day-title-date { display: inline-block; }
	.day-wrapper-empty .datetime { font-size: 3.4rem;	}
	.post-single-meta>div {
		display: inline-block;
		vertical-align: middle;
	}
	.post-single-link-to-comments-wrapper {
		margin-left: .8rem;
		width: 10.4rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		vertical-align: middle;
	}
	.post-single-views {
		vertical-align: middle;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 10.4rem;
	}
	.archive-menu ul {
		margin: 1.2rem 0;
	}
	.archive-menu-list {
		margin: 0 .4rem 0 0;
		width: calc((100% - .8rem) / 3);
	}
	.archive-menu-list:last-child {
		margin-right: 0;
	}
	.archive-menu-list .button {
		padding: .4rem .8rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.archive-year-list-wrapper {
		grid-column: 1/2;
		margin-right: .8rem;
		min-width: 6rem;
	}
	.archive-year-list-item {
		margin: 0 0 .6rem;
	}
	.archive-year-list-item a {
		font-size: 2.4rem;
		padding: 0 .4rem 1rem;
	}
	.archive-pdf-list-wrapper {
		padding: .4rem 1.2rem 2rem;
	}
	.archive-year {
		grid-template-columns: 100%;
	}
	.archive-month {
		grid-column: 1/2;
		text-align: center;
	}
}

@media (max-width: 340px) {
	.day-wrapper { grid-template-rows: 10.2rem repeat(auto-fill, 14rem); }
	.day-wrapper:nth-child(2) { grid-template-rows: 10.2rem repeat(auto-fill, 14rem); }
	.day-wrapper-empty .datetime { font-size: 3.2rem; }
	.day-wrapper-empty .day-title-date { display: inline-block; }
	.day-title-inner.white-bg { padding-bottom: 0; }
	.day-title-date { display: block; }
	.day-title-today .day-title-date { display: inline-block; }
	.day-title-weather { margin-right: 1.2rem; }
	.icon-weather {	height: 7rem; margin-top: -.8rem; margin-left: .8rem; width: 7rem; }
	.weather-info, .day-title-curency { font-size: 1.4rem; margin-top: -1.6rem; padding: 0; }

	.category-wrapper { grid-template-rows: repeat(auto-fill, 14rem); }
	
	.post4x2.post-wrapper,
	.post3x2.post-wrapper,
	.post2x2.post-wrapper { height: 34rem; }

	.post-single-meta>div {
		display: inline-block;
		vertical-align: middle;
	}
	.post-single-link-to-comments-wrapper {
		margin-left: .4rem;
		width: 8.4rem;
	}
	.post-single-views {
		width: 8.4rem;
	}
	.ad-after-post-single-grid-wrapper {
		grid-template-rows: repeat(2, 23rem);
	}
	.single-comment-reply-wrapper .single-comment-author {
		margin-right: .4rem;
	}
}


}


/* -------------------------------------------------------------------------- */

/*	18.	Animations
/* -------------------------------------------------------------------------- */

.fade-enter-active, .fade-leave-active {
  transition: opacity .15s;
}

.fade-enter, .fade-leave-to{
  opacity: 0;
}


.fadeDown-enter-active, .fadeDown-leave-active {
  transition: all .5s ease-out;
}

.fadeDown-enter, .fadeDown-leave-to {
  transform: translateY(100px);
  opacity: 0;
}

.fadeLeft-enter, .fadeLeft-leave-to {
  width: 0rem; 
  opacity: 0;
}

.fadeLeft-enter-active, .fadeLeft-leave-active {
  transition: all .25s ease-out;
}


.hide {
  transition: opacity .15s ease-in-out;
  will-change: opacity;
  opacity: 0;
}


@keyframes searchRTL {
  from {
    left: calc(100% - 4.8rem);
  }
  to {
    left:0%;
  }
}

@keyframes searchLTR {
	from {
	  left:0%;
	}
	to {
		left: calc(100% - 4.8rem);
	}
  }
  


.search-block-left {
  animation:searchRTL 0.25s ease;
  animation-fill-mode: forwards;
  position: relative;
  left:0%;
  float:none;
}

.search-block-right {
	animation:searchLTR 0.25s ease;
	animation-fill-mode: backwards;
	position: relative;
	left:0%;
	float:none;
  }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform:translateY(-50px);
  }
  to {
    opacity: 1;
    transform:translatY(0);
  }
}

.new {
  opacity: 0;
  animation: fadeIn 0.15s ease forwards;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.spinner {
	background-color: var(--White100);
	border-radius: 1000px;
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  z-index: 2;
  margin:0 auto;
  width: 50px;
  height: 50px;
}
.spinner .path {
  stroke: var(--Blue100);
  stroke-linecap: square;
  -webkit-animation: dash 1.5s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite;
}
.spinner.search-spinner {
	background-color: var(--Black100);
}
.spinner.search-spinner .path {
	stroke: var(--White100);
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}