/*
    filter: brightness(1.00);
    -o-filter: brightness(1.00);
    -moz-filter: brightness(1.00);
    -webkit-filter: brightness(1.00);

    filter: brightness(0.60);
    -o-filter: brightness(0.60);
    -moz-filter: brightness(0.60);
    -webkit-filter: brightness(0.60);

    filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    -moz-filter: blur(10px);
    -webkit-filter: blur(10px);

    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;

    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/123.svg");

    transform: translateX(-50%);
    transform: translate(-50%, -50%);

	backdrop-filter: blur(7px);
	-o-backdrop-filter: blur(7px);
	-ms-backdrop-filter: blur(7px);
	-moz-backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);

    transform: scale(1);
    transform: scale(1.2);
*/


:root {
	--site_width: 1231px;
	--color_blue: #2652c5;
	--color_grey: #747474;
	--color_grey_text: #747474;
	--color_grey_light: #f5f5f5;
	--color_coral: #fe5f55;
	--color_coral_hover: #d74a41;
	--site_color_grey: #2d3748;
	--color_grey_light_hover: #f8f8f8;
	--font-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--site_font: "Gilroy", system-ui, sans-serif, var(--font-emoji);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	font-family: var(--site_font);
}

a, a:hover {
	color: #000;
	text-decoration: none;
}

a img {
	border: 0;
}

.desc {
	display: block;
}

.mobi {
	display: none;
}

body {
	background: var(--color_grey_light);
}

/*** header ***/
header {
	top: 0;
	z-index: 100;
	height: 107px;
	position: sticky;
	background: #fff;
	box-shadow: 0 0 0 #ddd;

	display: flex;
	align-items: center;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .center {
	margin: 0 auto;
	width: var(--site_width);

	display: flex;
	align-items: center;
	justify-content: space-between;
}

header.scroll {
	height: 80px;
	box-shadow: 0 0 3px #ddd;

	background: #ffffffe5;
	backdrop-filter: blur(7px);
	-o-backdrop-filter: blur(7px);
	-ms-backdrop-filter: blur(7px);
	-moz-backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
}

header .logo {
	width: 178px;
	height: 45px;
	overflow: hidden;
	position: relative;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/logo.svg");
}


header .logo:after {
	content: "";
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -10em;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .6), rgba(255, 255, 255, .0)) no-repeat -2em 0%;
	background-size: 7em 100%;
	transform: skewX(-50deg);
}

header .logo:hover:after {
	left: 5em;
	transition: 0.5s linear;
	background-position: 150% 20%;
}

header .menu {
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

header .menu a {
	padding: 15px 0;
	position: relative;
	text-decoration: none;

	font-weight: 500;
	color: var(--color_grey);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .menu a:after {
	content: "";
	position: absolute;
	bottom: 13px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	border-radius: 3px;
	background: var(--color_blue);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .menu a.selected,
header .menu a:hover {
	color: #000;
}

header .menu a.selected:after,
header .menu a:hover:after {
	width: 100%;
}

header .right {
	gap: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

header .right .button {
	width: 61px;
	height: 61px;
	cursor: pointer;
	border-radius: 50%;
	position: relative;

	background-size: 19px auto;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--color_grey_light);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .right .button.button_full {
	width: auto;
	padding: 0 25px 0 60px;
	border-radius: 48px;

	background-position: center left 25px;
	background-image: url("../img/settings.svg");

	display: flex;
	align-items: center;
}

header .right .button:after {
	position: absolute;
	left: 50%;
	opacity: 0;
	bottom: -15px;
	width: 100%;
	transform: translateX(-50%);

	font-size: 14px;
	text-align: center;
	color: var(--color_blue);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

header .right .button:hover:after {
	opacity: 1;
	bottom: -18px;
}

header.scroll .right .button:hover:after {
	opacity: 1;
	bottom: -30px;
}

header .right .button:hover {
	background-color: var(--color_grey_light_hover);
}

header .right .button.logout {
	background-image: url("../img/logout.svg");
}

header .right .button.user_set {
	background-image: url("../img/settings.svg");
}

header .right .button.logout:after {
	content: "Выйти";
}

header .right .button.user_set:after {
	content: "Настройки профиля";
}

/*** header ***/


/*** footer ***/
footer {
	gap: 16px;
	display: flex;
	align-items: center;
}

footer .center {
	height: 115px;
	margin: 0 auto;
	width: var(--site_width);
	border-top: 1px solid #e0e0e0;

	gap: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;

	font-size: 17px;
	font-weight: 400;
	color: var(--color_grey_text);
}

footer .center a {
	color: #747474;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.3;
	position: relative;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

footer .center a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: var(--color_grey_text);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

footer .center a:hover {
	color: #000;
}

footer .center a:hover:after {
	background: #000;
}

/*** footer ***/

/*** content ***/
.content {
	padding: 60px 0 150px;
}

.content .center {
	margin: 0 auto;
	width: var(--site_width);
}

.content h1 {
	padding: 0 0 30px;

	color: #000;
	font-size: 55px;
	font-weight: 500;
	line-height: 71px;
	text-align: center;
}

.content h2 {
	padding: 0 0 20px;

	color: #000;
	font-size: 35px;
	font-weight: 500;
	line-height: 45px;
}

/*** content ***/

/*** main_banner ***/
.main_banner {
	width: 100%;
	position: relative;
}

.main_banner .img {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	border-radius: 15px;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--color_grey_light);
}

.main_banner .dark {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.2);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.main_banner:hover .dark {
	background: rgba(0, 0, 0, 0.1);
}

.main_banner .text_block {
	width: 100%;
	height: 500px;
	padding: 0 0 0 120px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	overflow: hidden;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.2);

	gap: 40px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.main_banner .text_block .title {
	color: #fff;
	font-size: 55px;
	font-weight: 500;
}

.main_banner .text_block .text {
	color: #ccc;
	font-size: 29px;
	font-weight: 500;
	line-height: 42px;
}

.main_banner .description {
	padding: 20px 0 0;

	font-size: 25px;
	line-height: 33px;
	text-align: center;
}

/*** main_banner ***/

/*** main_clients ***/
.main_clients {
	padding: 100px 0;
}

.main_clients .text {
	width: 70%;
	position: relative;
	padding: 0 0 0 25px;

	font-size: 19px;
	font-weight: 400;
	line-height: 28px;
	color: var(--color_grey);
}

.main_clients .text:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 9px;
	height: 100%;
	border-radius: 6px;
	background: var(--color_blue);
}

.main_clients .work_with_us {
	display: flex;
	flex-wrap: wrap;
	padding: 60px 50px;
	margin: 40px auto 0;
	background: #fff;
	border-radius: 20px;
}

.main_clients .work_with_us .wwu {
	width: 20%;
	height: 180px;
	padding: 0 0 90px;

	display: flex;
	align-items: center;
	flex-direction: column;

	transform: scale(1);

	background-size: 150px auto;
	background-position: center;
	background-repeat: no-repeat;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.main_clients .work_with_us .wwu:hover {
	transform: scale(1.1);
}

.main_clients .work_with_us .wwu .logo {
	width: 150px;
	height: 80px;
	transform: scale(1);

	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.main_clients .work_with_us .wwu:hover .logo {
	transform: scale(1.05);
}

.main_clients .work_with_us .wwu .title {
	text-align: center;
}

/*** main_clients ***/

/*** main_docs ***/

.main_docs {
	padding: 100px 0;
}

.docs_page .main_docs {
	padding: 10px 0 100px;
}

.main_docs .text {
	width: 70%;
	position: relative;
	padding: 0 0 0 25px;

	font-size: 19px;
	font-weight: 400;
	line-height: 28px;
	color: var(--color_grey);
}

.main_docs .text:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 9px;
	height: 100%;
	border-radius: 6px;
	background: var(--color_blue);
}

.main_docs_list {
	gap: 25px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 20px 0 0;
	margin: 30px auto 0;
}

.one_doc {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	width: 100%;
	height: 70px;
	position: relative;
	box-sizing: border-box;
	border-radius: 15px;
	overflow: hidden;

	background-size: 37px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-position: center left 10px;

	color: #304a5b;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -0.3px;
	font-family: Roboto, sans-serif;
	text-decoration: none !important;

	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.one_doc a {
	width: 100%;
	display: block;
	flex-shrink: 0;
	z-index: 10;
	padding: 25px 15px 25px 60px;
}

.one_doc:after {
	content: "";
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -10em;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)) no-repeat -2em 0%;
	background-size: 7em 100%;
	transform: skewX(-50deg);
}

.one_doc:hover {
	background-color: #e4e3e3;
}

.one_doc:hover:after {
	left: 5em;
	transition: 0.5s linear;
	background-position: 150% 20%;
}

/*** main_docs ***/

/*** main_faq ***/
.main_faq {
}

.main_faq .main_faq_list {
	gap: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.main_faq .one_faq {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 2px 3px #e7e6e6;

	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.main_faq .one_faq:hover {
	transform: scale(1.01);
	box-shadow: 0 2px 5px #e7e6e6;
}

.main_faq .one_faq .quest {
	cursor: pointer;
	padding: 20px 35px;
	transform: scale(1);

	font-size: 23px;
	line-height: 23px;
}

.main_faq .one_faq .answer {
	display: none;
	padding: 20px 35px;
	background: #e5e5e5;

	font-size: 19px;
	line-height: 25px;
}

/*** main_faq ***/

/*** main_map ***/
.main_map {

}

.main_map .map {
	height: 500px;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 2px 3px #e7e6e6;
}

.main_map .history {
	gap: 40px;
	display: flex;
	padding: 20px 0 0;
	align-items: center;
	justify-content: flex-start;
}

.main_map .history .status {
	padding: 5px 0 5px 30px;

	background-size: 25px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url('/core/front/img/map_pin.svg');
}

.main_map .history .status.otri {
	background-image: url('/core/front/img/map_pin_red.svg');
}

/*** main_map ***/

/*** main_blog ***/
.main_blog {
	margin: 100px auto 0;
	position: relative;
}

.main_blog .see_all {
	position: absolute;
	right: 0;
	top: 15px;
	text-align: right;
}

.main_blog .see_all a {
	display: inline-block;
	padding: 0 30px 0 0;

	color: #293b66;
	font-size: 17px;
	font-weight: 400;

	background-size: 10px;
	background-repeat: no-repeat;
	background-position: top 5px right 10px;
	background-image: url("../img/arrow-right.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.main_blog .see_all a:hover {
	background-position: top 5px right 0;
}

.main_page .news_block,
.page_news .news_block {
	padding: 20px 0 70px;

	gap: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

.main_page .news_block .new_card,
.page_news .news_block .new_card {
	margin: 0;
}

/*** main_blog ***/


/*** page_news ***/
.navi_page {
	gap: 7px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}

.navi_page a,
.navi_page .navi_a {
	width: 40px;
	height: 40px;
	padding: 3px 0 0;
	display: flex;
	cursor: pointer;
	align-items: center;
	border-radius: 12px;
	justify-content: center;

	color: #fff;

	background-size: 17px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #b4bfd0;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.navi_page .navi_a.navi_select {
	background-color: var(--color_coral);
}

.navi_page a:hover,
.navi_page .navi_a:hover {
	background-color: var(--color_coral_hover);
}

.navi_page .navi_a.left_1 {
	background-image: url("../img/navi_left_1.svg");
}

.navi_page .navi_a.left_2 {
	background-image: url("../img/navi_left_2.svg");
}

.navi_page .navi_a.right_1 {
	background-image: url("../img/navi_right_1.svg");
}

.navi_page .navi_a.right_2 {
	background-image: url("../img/navi_right_2.svg");
}

.page_news_detail .new_content {
	margin: 10px 70px 0;
	padding: 100px 70px 100px;
	position: relative;
	border-left: 1px dashed #ddd;
	border-right: 1px dashed #ddd;
}

.page_news_detail .new_content:after,
.page_news_detail .new_content:before {
	content: "";
	position: absolute;
	top: 70px;
	left: -70px;
	width: calc(100% + 140px);
	height: 0;
	border-top: 1px dashed #ddd;
}

.page_news_detail .new_content:after {
	top: auto;
	bottom: 50px;
}

.page_news_detail .new_content h1 {
	font-weight: 400;
	color: var(--color_blue);
}

.page_news_detail .new_content .date {
	color: #999;
	position: relative;
	padding: 0 0 0 10px;
}

.page_news_detail .new_content .date:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 3px;
	height: 20px;
	border-radius: 3px;
	background: var(--color_blue);
}

.page_news_detail .news_block {
	font-size: 19px;
	line-height: 29px;
}

.page_news_detail .new_content .sale_img {
	display: block;
	width: 100%;
	margin: 20px auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}

.page_news_detail .news_block table {
	width: 100%;
	overflow: hidden;
	margin: 50px auto;
	border-collapse: collapse;
	border-radius: 12px 12px 0 0;
}

.page_news_detail .news_block table thead {
	background: var(--color_blue);
	color: #fff;
}

.partner_link {
	padding: 20px 0;
}

.partner_link a {
	display: block;
	padding: 5px 0;

	color: #b42626;
	font-size: 25px;
}

.page_news_detail .news_block table tbody tr {
	font-weight: 300;
	background: #fff;
}

.page_news_detail .news_block table tbody tr:nth-child(even) {
	background: #f5f5f5;
}

.page_news_detail .news_block table td {
	padding: 13px 25px 9px;
}

.page_news_detail .news_block table thead td + td {
	border-left: 1px dashed #37a6e2;
}

.page_news_detail .news_block table tbody td + td {
	border-left: 1px dashed #e5e5e5;
}

.page_news_detail .news_block h2 {
	margin: 0;
	padding: 25px 100px 10px 0;

	font-size: 29px;
	font-weight: 600;
	line-height: 35px;
	color: var(--color_blue);
}

.page_news_detail .news_block h3 {
	margin: 0;
	padding: 19px 0 0;

	color: #ab4141;
	font-size: 25px;
	font-weight: 500;
}

.page_news_detail .news_block p {
	margin: 0;
	padding: 9px 0;
	line-height: 31px;
}

.page_news_detail .news_block a {
	color: #279cda;
	text-decoration: underline;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .news_block a:hover {
	color: #12577c;
	text-decoration: none;
}

.page_news_detail .img_one_new {
	margin: 50px auto 30px;
}

.page_news_detail .img_one_new .img_image {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 12px;
	box-shadow: 0 4px 4px rgb(0 0 0 / 25%);

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.page_news_detail .img_one_new .img_image:after,
.page_news_detail .img_one_new .img_image:before {
	content: "";
	position: absolute;
	top: -10px;
	left: 10px;
	width: 100%;
	height: 600px;
	margin: 0 auto;
	border-radius: 12px;
	border: 1px dashed #00000011;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .img_one_new .img_image:before {
	top: 10px;
	left: -10px;
}

.page_news_detail .img_one_new .img_image:hover:after {
	top: 10px;
	left: -10px;
	border: 1px dashed var(--color_blue);
}

.page_news_detail .img_one_new .img_image:hover:before {
	top: -10px;
	left: 10px;
	border: 1px dashed var(--color_blue);
}

.page_news_detail .img_one_new .img_podpis {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 0 0;
	color: #999;
	font-size: 15px;
	text-align: center;
	line-height: 21px;
}

.page_news_detail .new_content iframe,
.page_news_detail .new_content video {
	width: 100%;
	height: 650px;
	margin: 20px auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 7px #777;
}

.page_news_detail .new_content video {
	height: auto;
}

.page_news_detail .icons {
	gap: 20px;
	display: flex;
	margin: 30px 0 0;
}

.page_news_detail .icons .on_icon {
	gap: 7px;
	display: flex;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 100%;
	align-items: center;
}

.page_news_detail .icons .on_icon .count {
	padding: 3px 0 0;
}

.page_news_detail .icons .on_icon .on_img {
	width: 17px;
	height: 17px;
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center left;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .icons .on_icon .on_img.heart {
	background-image: url("../img/heart.svg");
}

.page_news_detail .icons .on_icon .on_img.heart.red {
	background-image: url("../img/heart_red.svg");
}

.page_news_detail .icons .on_icon .on_img.heart:hover {
	animation: pulse 0.5s linear infinite;
}

.page_news_detail .icons .on_icon .on_img.eye {
	background-image: url("../img/view.svg");
}

.page_news_detail .icons .on_icon .on_img.comment {
	background-image: url("../img/comment.svg");
}

.page_news_detail .back {
	display: inline-block;
	margin: 30px 0 0;
	padding: 19px 35px 16px 45px;
	border-radius: 12px;
	cursor: pointer;
	background: var(--color_blue);

	color: #fbfbfb;
	text-align: center;

	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-image: url("../img/arrow_left_white.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .back:hover {
	background-position: left 6px center;
}

.page_news_detail .new_comments {
	gap: 20px;
	flex-grow: 1;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin: 0 70px 30px;
	padding: 0 70px 140px;
	position: relative;
	border-left: 1px dashed #ddd;
	border-right: 1px dashed #ddd;
}

.page_news_detail .new_comments:after {
	content: "";
	position: absolute;
	left: -70px;
	bottom: 70px;
	width: calc(100% + 140px);
	height: 0;
	border-top: 1px dashed #ddd;
}

.page_news_detail .new_comments .all_comments {
	padding: 0 0 20px;
}

.page_news_detail .one_comment {
	padding: 15px 0;

	gap: 10px;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.page_news_detail .one_comment + .one_comment {
	border-top: 1px dashed #e6e5e5;
}

.page_news_detail .one_comment .logo {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 50%;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	filter: brightness(0.90);
	-o-filter: brightness(0.90);
	-moz-filter: brightness(0.90);
	-webkit-filter: brightness(0.90);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .one_comment:hover .logo {
	filter: brightness(1);
	-o-filter: brightness(1);
	-moz-filter: brightness(1);
	-webkit-filter: brightness(1);
}

.page_news_detail .one_comment .comm {
	flex-grow: 1;
}

.page_news_detail .one_comment .comm .fio {
	padding: 0 0 3px;
	color: var(--color_blue);
}

.page_news_detail .one_comment .comm .text {
	line-height: 21px;
	padding: 0 50px 0 0;
	overflow-wrap: anywhere;
}

.page_news_detail .one_comment .comm .info {
	padding: 5px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	font-weight: 300;
}

.page_news_detail .one_comment .comm .info .date {
	color: #939393;
}

.page_news_detail .one_comment .comm .info .likes {
	gap: 5px;
	display: flex;
	cursor: pointer;
	align-items: center;
}

.page_news_detail .one_comment .comm .info .likes .img {
	width: 14px;
	height: 14px;
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/heart.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .one_comment .comm .info .likes .img.red {
	background-image: url("../img/heart_red.svg");
}

.page_news_detail .one_comment .comm .info .likes .img:hover {
	animation: pulse 0.5s linear infinite;
}


.page_news_detail .new_comments .send_comment {
	gap: 10px;
	display: flex;
	justify-content: space-between;
}

.page_news_detail .new_comments .send_comment .logo {
	width: 40px;
	height: 40px;
	border-radius: 50%;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../img/arrow_left.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .new_comments .send_comment .text {
	flex-grow: 1
}

.page_news_detail .new_comments .send_comment .text textarea {
	min-width: 100%;
	max-width: 100%;
	display: block;
	min-height: 130px;
	max-height: 200px;
	border-radius: 12px;
	padding: 15px 19px;
	outline: none;
	resize: vertical;
	border: 2px solid var(--color_blue);

	font-size: 17px;
	font-weight: 300;
	line-height: 25px;
}

.page_news_detail .new_comments .send_comment .send {
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 12px;

	background-size: 17px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--color_blue);
	background-image: url("../img/send_comment.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.page_news_detail .new_comments .send_comment .send:hover {
	background-color: #216f9a;
}

.news_block .new_card {
	flex-grow: 1;
	max-width: 435px;
	border-radius: 12px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.12);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.news_block .new_card .img {
	display: block;
	width: 100%;
	height: 215px;
	overflow: hidden;
	border-radius: 12px 12px 0 0;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	filter: brightness(0.8);
	-o-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	-webkit-filter: brightness(0.8);

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.news_block .new_card:hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.09), 0 2px 4px rgba(0, 0, 0, 0.18);
}

.news_block .new_card:hover .img {
	filter: brightness(1);
	-o-filter: brightness(1);
	-moz-filter: brightness(1);
	-webkit-filter: brightness(1);
}

.news_block .new_card .img .cennost {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 7px 10px 5px;
	border-radius: 12px;
	background: #d3b61ee3;

	color: #ffffff;
	font-size: 15px;
	line-height: 15px;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

}

.news_block .new_card .info {
	padding: 20px 20px 15px;
	border-top: none;
	border-radius: 0 0 12px 12px;
}

.news_block .new_card .date {
	padding: 0 0 10px;

	font-size: 13px;
	font-weight: 400;
	line-height: 120%;
}

.news_block .new_card .title {
	display: block;
	padding: 0 0 20px;
	min-height: 90px;

	color: #1d1d1d;
	font-size: 18px;
	font-weight: 500;
	line-height: 130%;
}

.news_block .new_files {
	gap: 15px;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
}

.news_block .new_files a.new_file {
	display: block;
	flex-shrink: 0;
	z-index: 10;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	padding: 20px 20px 20px 60px;

	background-size: 37px;
	background-color: #e5e5e5;
	background-repeat: no-repeat;
	background-position: center left 15px;

	color: #304a5b;
	font-size: 17px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -0.3px;
	text-decoration: none;

	transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}

.news_block .new_files a.new_file:after {
	content: "";
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -10em;
	width: 100%;
	height: 100%;
	background: linear-gradient(to left, rgba(255, 255, 255, .0), rgba(255, 255, 255, .8), rgba(255, 255, 255, .0)) no-repeat -2em 0%;
	background-size: 7em 100%;
	transform: skewX(-50deg);
}

.news_block .new_files a.new_file:hover {
	background-color: #e4e3e3;
}

.news_block .new_files a.new_file:hover:after {
	left: 5em;
	transition: 0.5s linear;
	background-position: 150% 20%;
}


.news_block .new_card .icons_link {
	display: flex;
	justify-content: space-between;
}

.news_block .new_card .icons {
	gap: 20px;
	display: flex;
}

.news_block .new_card .on_icon {
	float: left;
	cursor: pointer;
	position: relative;
	padding: 3px 0 0 21px;

	font-size: 14px;
	font-weight: 400;
	line-height: 120%;
}

.news_block .new_card .on_icon .on_img {
	width: 17px;
	height: 17px;
	left: 0;
	top: 1px;
	position: absolute;

	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center left;
	background-image: url("../img/heart.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.news_block .new_card .on_icon .on_img.eye {
	background-image: url("../img/view.svg");
}

.news_block .new_card .on_icon .on_img.comment {
	background-image: url("../img/comment.svg");
}

.news_block .new_card .likes .heart.red {
	background-image: url("../img/heart_red.svg");
}

.news_block .new_card .likes:hover .heart {
	animation: pulse 0.5s linear infinite;
}

.news_block .new_card .link {
	float: right;
	width: 50%;
	padding: 3px 23px 0 0;

	color: #293b66;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	text-align: right;

	background-size: 9px;
	background-repeat: no-repeat;
	background-position: top 6px right 10px;
	background-image: url("../img/arrow-right.svg");

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.news_block .new_card .link:hover {
	background-position: top 6px right 0;
}

.news_block .new_card.sales .link {
	width: 100%;
}

/*** page_news ***/


/*** page_news ***/
.page_news .news_block.regulator {
	gap: 25px;
	grid-template-columns: 1fr 1fr;
}

.regulator .regul,
.regulator_page .regul {
	gap: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;

	width: 100%;
	transform: scale(1);
	box-shadow: 0 0 1px #ddd;
	padding: 25px 25px 25px 77px;

	border-radius: 20px;
	background-size: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center left 22px;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.regulator_page .regul {
	margin: 30px 0;
}

.regulator .regul:hover,
.regulator_page .regul:hover {
	transform: scale(1.02);
	box-shadow: 0 2px 7px #ddd;
}

.regulator .regul .name,
.regulator_page .regul .name {
	font-size: 21px;
	line-height: 110%;
}

.regulator .regul .date,
.regulator_page .regul .date {
	color: #aaa;
	font-size: 14px;
}

.content .regulator_page h1 {
	font-size: 35px;
	font-weight: 500;
	text-align: left;
}

.golos_list {
	display: none;
	gap: 30px;
	padding: 10px 0 0;
}

.golos_list.show {
	display: flex;
}

.golos_list .golos {
	width: 200px;
	cursor: pointer;
	padding: 25px 25px;
	border-radius: 20px;
	transform: scale(1);
	box-shadow: 0 0 1px #bbb;

	color: #293b66;
	font-size: 20px;
	font-weight: 500;
	line-height: 16px;
	text-align: right;

	background-size: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center left 20px;

	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.golos_list .golos:hover {
	transform: scale(1.02);
	box-shadow: 0 2px 7px #bbb;
}

.golos_list .golos.yes {
	background-color: #e6f9e3;
	background-image: url("../img/golos_yes.svg");
}

.golos_list .golos.no {
	background-size: 32px;
	background-color: #f9e8e3;
	background-image: url("../img/golos_no.svg");
}

.golos_result {
	display: none;
	padding: 20px 0 0;
	font-size: 35px;
}

.golos_result.show {
	display: block;
}

/*** page_news ***/
