@charset "UTF-8";

/* Иконки icon-шрифта */
@font-face {
	font-family: 'myiconfont';
	src:url('fonts/myiconfont.eot');
	src:url('fonts/myiconfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/myiconfont.woff') format('woff'),
		url('fonts/myiconfont.ttf') format('truetype'),
		url('fonts/myiconfont.svg#myiconfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: 'myiconfont', sans-serif !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "myiconfont", sans-serif !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-mobile:before {
	content: "\61";
}
.icon-lock:before {
	content: "\62";
}
.icon-buildings:before {
	content: "\63";
}
.icon-car:before {
	content: "\64";
}
.icon-desig:before {
	content: "\65";
}
.icon-icon:before {
	content: "\66";
}
.icon-landscape:before {
	content: "\67";
}
.icon-logistics:before {
	content: "\68";
}
.icon-camera:before {
	content: "\69";
}
.icon-scissors:before {
	content: "\6a";
}
.icon-delivery:before {
	content: "\6b";
}
.icon-students:before {
	content: "\6c";
}
.icon-wiping:before {
	content: "\6d";
}
.icon-hammer:before {
	content: "\6e";
}
.icon-group:before {
	content: "\6f";
}
.icon-plug:before {
	content: "\70";
}
.icon-android-car:before {
	content: "\71";
}
.icon-mail-read:before {
	content: "\72";
}
.icon-first-aid:before {
	content: "\73";
}
.icon-tshirt-outline:before {
	content: "\74";
}
.icon-mortar-board:before {
	content: "\75";
}
.icon-briefcase:before {
	content: "\76";
}
.icon-content-1:before {
	content: "\77";
}
.icon-guide-dog:before {
	content: "\78";
}
.icon-football:before {
	content: "\79";
}
.icon-clothes-hanger:before {
	content: "\7a";
}
.icon-color-palette:before {
	content: "\41";
}
.icon-home:before {
	content: "\42";
}
.icon-female-rounded:before {
	content: "\43";
}
.icon-television-tv:before {
	content: "\44";
}
.icon-shield:before {
	content: "\45";
}
.icon-settings:before {
	content: "\46";
}
.icon-tv:before {
	content: "\47";
}
.icon-laptop:before {
	content: "\48";
}
.icon-monitor:before {
	content: "\49";
}
.icon-computer-settings:before {
	content: "\4a";
}
.icon-gift:before {
	content: "\4b";
}
.icon-bucket:before {
	content: "\4c";
}
.icon-cog:before {
	content: "\4d";
}
.icon-email-plane:before {
	content: "\4e";
}
.icon-industrial:before {
	content: "\4f";
}
.icon-briefcase-1:before {
	content: "\50";
}
.icon-key:before {
	content: "\51";
}
.icon-tools:before {
	content: "\52";
}
.icon-computer-accept:before {
	content: "\53";
}
.icon-group-full:before {
	content: "\54";
}
.icon-house-streamline:before {
	content: "\55";
}
.icon-bicycle:before {
	content: "\56";
}
.icon-plug-1:before {
	content: "\57";
}
.icon-repo:before {
	content: "\58";
}
.icon-phone-on:before {
	content: "\59";
}
.icon-reddit:before {
	content: "\5a";
}
.icon-attach:before {
	content: "\30";
}
.icon-fast-food:before {
	content: "\31";
}
.icon-search:before {
	content: "\32";
}
.icon-close-button:before {
	content: "\33";
}
.icon-notifications:before {
	content: "\34";
}
.icon-notifications-button:before {
	content: "\35";
}
.icon-wallet-money:before {
	content: "\36";
}
.icon-ios-paw:before {
	content: "\37";
}
.icon-more:before {
	content: "\38";
}
.icon-more-option:before {
	content: "\39";
}
.icon-view-1:before {
	content: "\22";
}
.icon-view-2:before {
	content: "\23";
}
.icon-fontello-image:before {
	content: "\38";
}
.icon-buffer:before {
	content: "\27";
}
.icon-globe-black:before {
	content: "\2b";
}
.icon-briefcase-with-tick:before {
	content: "\21";
}
.icon-in-alt:before {
	content: "\28";
}
.icon-check-box:before {
	content: "\25";
}
.icon-plus:before {
	content: "\26";
}
.icon-minus:before {
	content: "\29";
}
.icon-arrow-forward:before {
	content: "\24";
}
.icon-lightbulb-shine:before {
	content: "\2d";
}
.icon-content:before {
	content: "\2a";
}
.icon-structure:before {
	content: "\2c";
}
.icon-user-option:before {
	content: "\2e";
}
.icon-back-arrow:before {
	content: "\2f";
}

/* Заголовок */
@font-face {
	font-family: 'RotondaC';
	src: url('fonts/Rotonda/RotondaC.eot');
	src: local('RotondaC'),
	url('fonts/Rotonda/RotondaC.eot?#iefix') format('embedded-opentype'),
	url('fonts/Rotonda/RotondaC.woff') format('woff'),
	url('fonts/Rotonda/RotondaC.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RotondaC';
	src: url('fonts/Rotonda/RotondaC-Bold.eot');
	src: local('RotondaC Bold'), local('RotondaC-Bold'),
	url('fonts/Rotonda/RotondaC-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Rotonda/RotondaC-Bold.woff') format('woff'),
	url('fonts/Rotonda/RotondaC-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/* Open Sans */
@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-SemiBoldItalic.eot');
	src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
	url('fonts/OpenSans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-SemiBoldItalic.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-LightItalic.eot');
	src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
	url('fonts/OpenSans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-LightItalic.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-Bold.eot');
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
	url('fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-Bold.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic.eot');
	src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
	url('fonts/OpenSans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-ExtraBoldItalic.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-Light.eot');
	src: local('Open Sans Light'), local('OpenSans-Light'),
	url('fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-Light.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-Italic.eot');
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
	url('fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-Italic.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-Regular.eot');
	src: local('Open Sans Regular'), local('OpenSans-Regular'),
	url('fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-SemiBold.eot');
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
	url('fonts/OpenSans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-SemiBold.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-ExtraBold.eot');
	src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
	url('fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-ExtraBold.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/OpenSans/OpenSans-BoldItalic.eot');
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
	url('fonts/OpenSans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff'),
	url('fonts/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

/* Segoe UI */
@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI/SegoeUI-Light.eot');
	src: local('Segoe UI Light'), local('SegoeUI-Light'),
	url('fonts/SegoeUI/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/SegoeUI/SegoeUI-Light.woff') format('woff'),
	url('fonts/SegoeUI/SegoeUI-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI/SegoeUI-BoldItalic.eot');
	src: local('Segoe UI Bold Italic'), local('SegoeUI-BoldItalic'),
	url('fonts/SegoeUI/SegoeUI-BoldItalic.eot?#iefix') format('embedded-opentype'),
	url('fonts/SegoeUI/SegoeUI-BoldItalic.woff') format('woff'),
	url('fonts/SegoeUI/SegoeUI-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI/SegoeUI-SemiBold.eot');
	src: local('Segoe UI Semibold'), local('SegoeUI-SemiBold'),
	url('fonts/SegoeUI/SegoeUI-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/SegoeUI/SegoeUI-SemiBold.woff') format('woff'),
	url('fonts/SegoeUI/SegoeUI-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI/SegoeUI.eot');
	src: local('Segoe UI'), local('SegoeUI'),
	url('fonts/SegoeUI/SegoeUI.eot?#iefix') format('embedded-opentype'),
	url('fonts/SegoeUI/SegoeUI.woff') format('woff'),
	url('fonts/SegoeUI/SegoeUI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI/SegoeUI-Bold.eot');
	src: local('Segoe UI Bold'), local('SegoeUI-Bold'),
	url('fonts/SegoeUI/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/SegoeUI/SegoeUI-Bold.woff') format('woff'),
	url('fonts/SegoeUI/SegoeUI-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Segoe UI';
	src: url('fonts/SegoeUI/SegoeUI-Italic.eot');
	src: local('Segoe UI Italic'), local('SegoeUI-Italic'),
	url('fonts/SegoeUI/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/SegoeUI/SegoeUI-Italic.woff') format('woff'),
	url('fonts/SegoeUI/SegoeUI-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

/* ================================ styles.css ================================ */
html {
	overflow-x: hidden;
	height: 100%;
	background: var(--dark-color);
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: var(--dark-color);
	line-height: 1;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #7a7a7a;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	transition: all 0.3s 0.02s ease;
	/* чтобы убрать обводку при использовании якоря */
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #b54100;
}

/* Don't show the x for text inputs
::-ms-clear {
	width : 0;
	height: 0;
}*/

/* Don't show the eye for password inputs
::-ms-reveal {
	width : 0;
	height: 0;
}*/

/* Прокрутка к якорю с отступом сверху */
:target {
	scroll-margin-top: 100px;
}

.wrapper {
	position: absolute;
	min-height: 100%;
	width: 100%;
	z-index: 0;
}

#top-header {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background: var(--dark-color);
}

#requisites {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#location-company, #phone-company, #email-company {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	padding: 0 0 0 15px;
}

#location-company {
	padding-left: 10px;
}

#icon-for-location {
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	height: 30px;
	margin-top: -5px;
	opacity: 0.7;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

#location-address, #phone-company a, #email-company a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: white;
	opacity: 0.7;
	white-space: nowrap;
}

.clear-location {
	cursor: default;
}

/* Вывод карты по адресу компании */
#map-company {
	width: 750px;
	height: 450px;
	display: none;
	padding: 10px !important;
}

#icon-phone, #icon-email {
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 24px;
	opacity: 0.7;
	margin-right: 3px;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

#location-company:hover #icon-for-location, #location-company:hover #location-address,
#phone-company:hover #icon-phone, #email-company:hover #icon-email, #phone-company:hover a, #email-company:hover a {
	opacity: 1;
}

/* Покупательская корзина */
#shop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: white;
	opacity: 0.7;
	width: auto;
	min-width: min-content;
	max-width: max-content;
	position: relative;
	padding: 0 20px 0 15px;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
	white-space: nowrap;
	margin-left: auto;
}

#shop i {
	font-size: 16px;
}

#shop:hover {
	opacity: 1;
}

#selected-items {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-left: 3px;
}
/**/

.main-content {
	display: block;
	position: relative;
	margin-top: 50px;
	margin-bottom: 210px;
	min-height: calc(100vh - 50px);
	background: url('../img/top/main-content.png') fixed;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}

/* Логотип */
.log {
	width: auto;
	min-width: min-content;
	max-width: max-content;
	height: 70px;
	float: left;
	padding: 0 30px 0 30px;
}

.log-mobile {
	height: 70px;
	display: flex;
	align-items: center;
}

.log a {
	display: flex;
	align-items: center;
	height: 70px;
}

.log *, .log-mobile * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.logo-title {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	letter-spacing: 1px;
	white-space: nowrap;
}

.footer {
	position: fixed;
	bottom: 0;
	left:0 ;
	width: 100%;
	z-index: -1;
	height: 210px;
}

.footer hr {
	border: none;
	height: 1px;
}

.cnt-copy {
	position: absolute;
	bottom: 30px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 30px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.counter {	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.digit-block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15px;
	height: 20px;
	font-family: 'Segoe UI', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: white;
	text-shadow: 1px 1px 1px #000;
	background: -o-linear-gradient(rgb(0, 0, 0), rgba(51, 51, 51, 0.5) 36%, rgba(255, 255, 255, 0.3), rgba(51, 51, 51, 0.6) 64%, rgb(0, 0, 0));
	background: linear-gradient(rgb(0, 0, 0), rgba(51, 51, 51, 0.5) 36%, rgba(255, 255, 255, 0.3), rgba(51, 51, 51, 0.6) 64%, rgb(0, 0, 0));
	-webkit-box-shadow: inset rgb(0, 0, 0) -1px -1px 1px, inset rgba(255, 255, 255, 0.9) 0 0 2px;
	box-shadow: inset rgb(0, 0, 0) -1px -1px 1px, inset rgba(255, 255, 255, 0.9) 0 0 2px;
	border-bottom: 1px double rgba(136, 136, 136, 0.5);
}

.digit {
	width: 8px;
	text-align: center;

}

.counter > img {
	pointer-events: none;
}

.copyright {	font-family: 'Open Sans', sans-serif;
	color: #dadada;
	font-size: 13px;
	max-width: calc(100% - 50px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;


	/*font-family: 'Open Sans', sans-serif;
	color: #dadada;
	font-size: 13px;
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: unset;
	max-width: calc(100% - 105px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}

.copyright span {
	display: inline-block;
	color: white;
	opacity: 0.7;
	line-height: 1.2;
}

.copyright-label {
	padding-right: 3px;
}

.design {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	display: block;
	position: absolute;
	width: 100%;
	bottom: 10px;
	text-align: center;
	letter-spacing: 1px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.design > span, .design > a {
	color: #dadada;
	opacity: 0.3;
}

.design > a:hover {
	color: white;
	opacity: 1;
}

.scroll-up {
	background: var(--dark-color);
	width: 40px;
	height: 40px;
	bottom: 30px;
	right: 30px;
	position: fixed;
	opacity: 0.3;
	text-align: center;
	padding: 5px;
	border: 1px solid #f7f9f9;
	display: none;
	z-index: 2000;
	transition: all 0.3s 0.02s ease;
}

.scroll-up i {
	font-family: FontAwesome, sans-serif;
	font-size: 28px;
	color: white;
}

.scroll-up:hover {
	opacity: 1;
}

.input-mobile {
	border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

#home-mobile > .input > i {
	font-size: 16px;
}

/*Обработка полей формы входа*/
.input-body {
	width: 500px;
	margin: 0 auto;
	position: relative;
	display: block;
	text-align: center;
	background: white;
	padding: 30px;
	box-shadow: 0 0 0 3px #f0f0f0;
}

.input-body h1, .activation-body h1, .error-body h1, .form-body h1, .block-body h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.error-body span {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	padding: 8px 0;
}

.input-body img {
	display: block;
	margin: 10px auto;
}

.input_body_info {
	display: block;
	text-align: center;
	font-family: 'Segoe UI', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.input_body_info span {
	display: block;
}

.input_body_info a {
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
	transition: background-size .3s;
}

.input_body_info a:hover {
	background-size: 100% 1px;
}

/* Обработка radio-buttons */
.choose-input {
	position: relative;
	display: inline-block;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	margin-top: 10px;
	color: #7a7a7a;
}

.radio-1, .radio-2 {
	display: inline-block;
}

.radio {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}

.radio + label {
	cursor: pointer;
	font-size: 0.9em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.choose-input > .radio-1 label {
	margin-right: 20px;
}

.radio:not(checked) {
	position: absolute;
	opacity: 0;
}

.radio:not(checked) + label {
	position: relative;
	padding: 0 0 0 30px;
}

.radio:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 1px;
	width: 20px;
	height: 20px;
	border: 1px solid #CDD1DA;
	border-radius: 50%;
	background: #fff;
}

.radio:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 5px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgba(85, 85, 85, 0.7);
	background: var(--bg-radio, rgba(85, 85, 85, 0.7));
	box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: all .2s;
}

.radio:checked + label:after {
	opacity: 1;
}

.radio:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255, 255, 0, 0.5);
}

.for-login-input, .for-pass-input, .for-email-reg, .for-email-form, .for-org-input,
.for-phone-form, .input-form, .for-user-input, .for-mobile-input, .for-textarea, .for-pole-text {
	display: block;
	position: relative;
	font-size: 14px;
	margin-top: 30px;
}

.for-email-input {
	display: none;
	position: relative;
	font-size: 14px;
	margin-top: 30px;
}

.for-login-input:before {
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	content: "\f007";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}


.for-org-input:before {
	font-family: FontAwesome, sans-serif;
	font-size: 16px;
	content: "\f1ad";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.for-user-input:before {
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	content: "\f2b9";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.for-mobile-input:before {
	font-family: myiconfont, sans-serif;
	font-size: 16px;
	content: "\61";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.for-email-input:before, .for-email-reg:before {
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	content: "\f0e0";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.for-pass-input:before {
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	content: "\f084";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.input_pass_label {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
}

/* Обработка сообщения при активации */
.activation-body {
	width: 450px;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	background: white;
	padding: 30px;
	box-shadow: 0 0 0 3px #f0f0f0;
}

.stop_img {
	width: 100px;
	height: 100px;
	margin: -10px auto 10px;
}

.check_img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.activation_check_img {
	width: 100px;
	height: 100px;
	margin: -5px auto 0;
}

/* Удаление крестика из поиска */
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; }

.input-text, .input-text-form, .input-text-verify {
	width: 100%;
	padding: 10px 10px 10px 40px;
	border: 1px solid #CDD1DA;
	opacity: 0.7;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #646464;
	position: relative;
	transition: all 0.3s 0.02s ease;
}

.input-text-form, .input-text-verify {
	padding: 10px;
}

.input-text-verify {
	width: 150px;
	font-size: 16px;
}

.pole-text {
	width: 100%;
	padding: 10px 10px 10px 40px;
	border: 1px solid #CDD1DA;
	opacity: 0.7;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #646464;
	position: relative;
	transition: all 0.3s 0.02s ease;
	resize: none;
	line-height: 1.3;
	min-height: 60px;
}

.pole-text-simple {
	width: 100%;
	padding: 10px;
	border: 1px solid #CDD1DA;
	opacity: 0.7;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #646464;
	position: relative;
	transition: all 0.3s 0.02s ease;
	resize: none;
	line-height: 1.3;
	min-height: 60px;
}

.input-text:focus, .input-text-form:focus, .pole-text:focus, .pole-text-simple:focus, .input-text-verify:focus {
	border-color: #929292;
	outline: 0;
	opacity: 1;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.text-focus-error {
	border-color: #b54100 !important;
}

/* Сдвигающийся placeholder */
.placeholder-with-icon, .placeholder-without-icon, .placeholder-verify {
	position: relative;
}

.placeholder-with-icon > label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
	color: #999;
	pointer-events: none;
	position: absolute;
	transition: all 200ms;
	top: 14px;
	left: 40px;
}

.placeholder-without-icon > label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
	color: #999;
	pointer-events: none;
	position: absolute;
	transition: all 200ms;
	top: 13px;
	left: 14px;
}

.placeholder-verify > label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
	color: #999;
	pointer-events: none;
	position: absolute;
	transition: all 200ms;
	top: 15px;
	left: 14px;
}

.placeholder-with-icon input:focus + label,
.placeholder-with-icon input:not(:placeholder-shown) + label{
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
}

.placeholder-without-icon input:focus + label,
.placeholder-without-icon input:not(:placeholder-shown) + label{
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
}

.placeholder-verify input:focus + label,
.placeholder-verify input:not(:placeholder-shown) + label{
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
}

.placeholder-with-icon textarea:focus + label,
.placeholder-with-icon textarea:not(:placeholder-shown) + label{
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
}

.placeholder-without-icon textarea:focus + label, .placeholder-without-icon textarea:not(:placeholder-shown) + label {
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
}

.info-icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: rgba(122, 122, 122, 0.7);
	cursor: pointer;
}

.info-icon:hover {
	color: rgba(122, 122, 122, 1);
}

.info-icon-mail-on {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: rgba(75, 185, 97, 0.7);
	cursor: pointer;
}

.info-icon-mail-on:hover {
	color: rgba(75, 185, 97, 1);
}

.info-icon-mail-off {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: rgba(243, 10, 10, 0.7);
	cursor: pointer;
}

.info-icon-mail-off:hover {
	color: rgba(243, 10, 10, 1);
}

.info-icon-mail-off > a {
	color: rgba(243, 10, 10, 0.7);
}

.info-icon-mail-off > a > i {
	font-size: 1.3em;
}

.info-icon-mail-off > a:hover {
	color: rgba(243, 10, 10, 1);
}

/* Обработка Показать/скрыть пароль */
.checkbox {
	display: none;
}

.checkbox-custom {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
	color: rgba(68, 67, 56, 0.7);
}

.checkbox-custom:hover {
	color: rgba(68, 67, 56, 1);
}

.checkbox:checked + .checkbox-custom::before {
	font-family: FontAwesome, serif;
	content: "\f06e";
}

.checkbox + .checkbox-custom::before {
	font-family: FontAwesome, serif;
	content: "\f070";
}

.button-input, .button-form {
	display: block;
	height: 41px;
	border: none;
	background: var(--light-color);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: white;
	transition: all 0.3s 0.02s ease;
	padding: 10px 60px;
	margin: 30px auto;
}

.button-form {
	margin-bottom: 0;
}

.button-form-1 {
	display: inline-block;
	height: 41px;
	border: none;
	background: var(--light-color);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: white;
	transition: all 0.3s 0.02s ease;
	padding: 10px 40px !important;
	margin: 30px 10px 0 10px;
}

.button-form-block {
	margin: 30px 0 0 1px !important;
	line-height: 1.5;
}

.button-input:hover, .button-form:hover, .button-form-1:hover, .button-input:focus-visible, .button-form:focus-visible, .button-form-1:focus-visible {
	background: var(--dark-color);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
	outline: none;
}

.double-1 {
	width: 150px;
}

#reg, #highlight, #highlight-content {
	float: left;
}

#pass {
	float: right;
}

#reg, #pass, #highlight, #highlight-content {
	display: block;
	height: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

#reg > i {
	font-size: 1.1em;
}

#pass > i {
	font-size: 1.2em;
	vertical-align: middle;
}

/* Обработка checkbox */
.for-accept {
	display: flex;
	margin: 30px auto;
	justify-content: center;
	padding: 0 30px;
}

.add-settings {
	display: block;
	position: relative;
	text-align: left;
	max-width: max-content;
	margin: 0 auto;
}

.accept {
	font-family: 'Segoe UI', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
}

.link-for-accept {
	font-weight: 600;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
}

.link-for-accept:hover {
	background-size: 100% 1px;
}

.link-for-info {
	color: #b54100;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
}

.link-for-info:hover {
	background-size: 100% 1px;
}

.check-box {
	vertical-align: top;
	margin: 0 3px 0 0;
	width: 17px;
	height: 17px;
}

.check-box + label {
	display: inline-block;
	font-size: 0.9em;
	cursor: pointer;
}

.check-box + label span {
	display: block;
	text-align: left;
	line-height: 1.3;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}
.check-box:not(checked) {
	position: absolute;
	opacity: 0;
}

.check-box:not(checked) + label {
	position: relative;
	padding: 0 0 0 60px;
}

.check-box:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 48px;
	height: 24px;
	border-radius: 12px;
	background: #CDD1DA;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}

.check-box:not(checked) + label:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 2px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: all .2s;
}

.check-box:checked + label:before {
	background: rgba(85, 85, 85, 0.7);
	background: var(--bg-radio, rgba(85, 85, 85, 0.7));
}

.check-box:checked + label:after {
	left: 26px;
}

.check-box:focus + label:before {
	box-shadow: 0 0 0 3px rgba(255, 255, 200, 1);
}

/* Обработка всплывающих подсказок */
[class*="hint--"] {
	position: relative;
	display: inline-block;
}

[class*="hint--"]:before, [class*="hint--"]:after {
	position: absolute;
	transform: translate3d(0, 0, 0);
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
	pointer-events: none;
	transition: 0.3s ease;
	transition-delay: 0ms;
}

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
	visibility: visible;
	opacity: 1;
}

[class*="hint--"]:hover:before, [class*="hint--"]:hover:after {
	transition-delay: 100ms;
}

[class*="hint--"]:before {
	content: '';
	position: absolute;
	background: transparent;
	border: 6px solid transparent;
	z-index: 999999;
}

[class*="hint--"]:after {
	background: #f7f9f9;
	color: #7a7a7a;
	padding: 8px 10px 10px 10px;
	font-family: 'Segoe UI', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	white-space: nowrap;
}

[class*="hint--"][aria-label]:after {
	content: attr(aria-label);
}

[class*="hint--"][data-hint]:after {
	content: attr(data-hint);
}

[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
	display: none !important;
}

.hint--top:before {
	border-top-color: #dbdee4;
}

.hint--top:before {
	margin-bottom: -11px;
}

.hint--top:before, .hint--top:after {
	bottom: 65%;
	left: 50%;
}

.hint--top:before {
	left: calc(50% - 6px);
}

.hint--top:after {
	transform: translateX(-50%);
}

.hint--top:hover:before {
	transform: translateY(-8px);
}

.hint--top:hover:after {
	transform: translateX(-50%) translateY(-8px);
}

.hint--medium:after {
	white-space: normal;
	line-height: 1.4em;
	word-wrap: break-word;
}

.hint--medium:after {
	width: 150px;
}

[class*="hint--"]:after {
	border: 1px solid #dbdee4;
}

.hint-inner-form {
	display: inline-block;
}

.hint-inner-form:before {
	position: absolute;
	transform: translate3d(0, 0, 0);
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
	pointer-events: none;
	transition: 0.3s ease;
	transition-delay: 0ms;
}

.hint-inner-form:hover:before {
	transition-delay: 100ms;
}

.hint-inner-form:before {
	content: '';
	position: absolute;
	background: transparent;
	border: 5px solid transparent;
	z-index: 9999999;
	border-top-color: #f7f9f9;
	left: calc(50% - 5px);
}

.hint-inner-form:before {
	bottom: 64%;
}

[class*="hint--"]:hover > .hint-inner-form:before {
	visibility: visible;
	opacity: 1;
}

/* Поле вывода ошибки валидации формы */
#error-input {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.2;
	color: #b54100;
	text-align: center;
	margin: 30px 0;
}

#error, #error-search {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #b54100;
	text-align: center;
}

/* Окно вывода информационного сообщения */
.info-body {
	display: block;
	width: 450px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	background: white;
	padding: 15px 30px 30px 30px;
	box-shadow: 0 0 0 3px #f0f0f0;
	font-family: 'Segoe UI', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
	line-height: 1.3;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.info-body span {
	display: block;
}

.info-block {
	cursor: default;
}

#exec {
	margin: 0 auto 5px;
}

.exec-cart {
	margin-top: 30px !important;
}

.margin-thirty {
	margin: 30px auto !important;
}

/* Область пользовательского меню */
.sidebar {
	width: 190px;
	background: #333;
	background: var(--dark-color, #333);
	position: relative;
	margin: 0;
	transition: all 0.3s 0.02s ease;
}

/* Кабинет пользователя */
.cab-title, .cab-title-admin {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 20px;
}

.cab-title > .title-user-cabinet {
	margin-bottom: 3px;
}

.admin-menu-title {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 20px;
}

.account-user, .account-admin {
	width: 50px;
	height: 50px;
}

.cab-title span, .cab-title-admin span, .admin-menu-title span {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: white;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.cab-title-admin span, .admin-menu-title span {
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.admin-menu-title span {
	color: #dadada;
}

.cab-name-user {
	text-transform: none !important;
	font-weight: 600;
}

#menus {
	background: var(--dark-color);
	width: 190px !important;
}

/* Verify */
.block-verify {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	line-height: 1.5;
}

.block-verify > span > label {
	font-weight: 600;
	color: var(--light-color);
}

.block-verify > span {
	display: block;
	margin-top: 10px;
}

.input-verify {
	display: block;
	position: relative;
	font-size: 14px;
	width: 150px;
	margin: 30px auto 0;
}

/* content */
.content {
	display: flex;
	min-height: calc(100vh - 120px);
	position: relative;
}

.body-content {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 120px);
	padding: 30px;
	flex-direction: column;
}

.body-start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.body-content-show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	min-height: calc(100vh - 120px);
	padding: 0 30px 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.content-body {
	width: 100%;
	position: relative;
}

.content-body-reg {
	width: calc(100% - 190px);
}

.content-page {
	width: 100%;
	align-self: flex-start;
}

.form-sort {
	display: flex;
	justify-content: end;
	margin-bottom: 30px;
	text-align: center;
}

.activation {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: calc(100vh - 120px);
	width: calc(100% - 190px);
	padding: 30px;
}

.for-input {
	display: flex;
	align-items: center;
	width: calc(100% - 190px);
}

.error-body {
	width: 450px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: white;
	box-shadow: 0 0 0 3px #f0f0f0;
	padding: 30px;
}

#icon-for-error {
	width: 300px;
	height: 300px;
}

/* Обработка формы */
.form-body {
	width: 80%;
	margin: 0 auto;
	position: relative;
	display: block;
	text-align: center;
	background: white;
	box-shadow: 0 0 0 3px #f0f0f0;
	padding: 30px;
}

.delete-account {
	display: block;
	margin-top: 28px;
	margin-bottom: -2px;
	height: 18px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #7a7a7a;
	background-image: linear-gradient(to right, transparent, currentColor);
	background-position: 10px 100%;
	background-repeat: no-repeat;
	background-size: 0 1px;
}

.delete-account i {
	font-size: 14px;
	margin-right: 5px;
}

.delete-account:hover {
	background-size: 100% 1px;
}

.for-email-form:before {
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	content: "\f0e0";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.for-phone-form:before {
	font-family: FontAwesome, sans-serif;
	font-size: 16px;
	content: "\f095";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.avatar-profile {
	width: 90px;
	height: 90px;
	margin: 20px auto 0;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 0 0 3px #f0f0f0;
	display: flex;
	justify-content: center;
}

.avatar-poster {
	width: 80px;
	height: 80px;
	margin: 0 0 30px 0;
}

.avatar-poster-comment {
	width: 80px;
	height: 80px;
	margin: 0 0 15px 0;
}

.avatar-profile img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.overlay-avatar-profile {
	background-color: var(--bg-overlay);
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	justify-content: center;
	align-items: center;
	color: rgba(255, 255, 255, 0.8);
	font-size: 22px;
	transform: scale(.5);
	opacity: 0;
	transition: all 0.3s 0.02s ease;
	border-radius: 50%;
}
.avatar-profile:hover .overlay-avatar-profile {
	transform: scale(1);
	opacity: 1;
}

/* Обработка поля ввода адреса */
#pole-address > label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 11px;
	color: #7a7a7a;
	pointer-events: none;
	position: absolute;
	top: -22px;
	left: 0;
	padding: 5px;
}

/* Скрытие логотипа dadata */
.suggestions-promo a {
	display: none !important;
}

.suggestions-suggestions {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #7a7a7a;
	text-align: left;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .06);
	margin: 0.125rem 0 0;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.suggestions-suggestion {
	padding: 0.7em !important;
}

.suggestions-suggestion:hover {
	background: #f4f4f4;
	color: #444338;
}

.suggestions-hint {
	padding: 0.7em !important;
	font-size: 13px !important;
}

/* Фокусировка области редактора */
.field-message-focus {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

/* Область загрузки файлов */
.field-set {
	border: 1px solid rgba(205, 209, 218, 0.7);
	padding: 10px 10px 0 10px;
	text-align: center;
	color: #7a7a7a;
	margin-top: 24px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	position: relative;
}

.field-set-main {
	padding: 10px 30px 30px 30px;
}

.field-set-addition {
	padding: 20px 30px 30px 30px;
}

.field-set > legend {
	font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
	text-align: left;
	max-width: max-content;
	margin: 0;
	padding: 0 3px 3px 3px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.choose-image {
	display: block;
	padding: 10px;
}

.choose_img {
	width: 100%;
	margin-top: 20px;
	position: relative;
	display: inline-block;
}

/* styles_upload */
#upload {
	padding: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
	text-align: center;
	border: 1px solid rgba(205, 209, 218, 0.7);
	width: 180px;
	display: block;
	margin: 0 auto;
	cursor: pointer !important;
	transition: all 0.3s 0.02s ease;
}

#upload > span > i {
	font-size: 14px;
	margin-right: 5px;
}

.del_img {
	display: inline-block;
	cursor: pointer;
	font-size: 0.8em;
	padding: 3px;
	margin-left: 3px;
	color: var(--light-color);
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.del_img i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.del_img:hover {
	color: #b54100;
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.del_file {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	font-size: 14px;
}

.del_file:hover {
	color: red;
}

.hover {
	cursor: pointer !important;
	border: 1px solid #929292 !important;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
	color: #444338 !important;
}

.darkbg {
	background: #fff !important;
}

#status {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	text-shadow: 1px 1px 1px #fff;
	padding: 5px;
	margin: 10px;
}

ul#files {
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #7a7a7a;
	word-wrap: break-word;
}

ul#files li {
	padding: 10px;
	margin-bottom: 10px;
	line-height: 3;
	display: inline-block;
	margin-top: -10px;
}

ul#files li img {
	max-width: 160px;
	max-height: 150px;
	box-shadow: 0 0 0 3px #f0f0f0;
}

/* Скрываем input file */
.file-upload input[type="file"] {
	display: none;
}

.file-form-wrap {
	position: relative;
	margin: 15px 20px 30px 20px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.file-upload {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 0.9em;
	text-align: center;
	border: 1px solid rgba(205, 209, 218, 0.7);
	width: 180px;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	transition: all 0.3s 0.02s ease;
}

.file-upload:hover {
	cursor: pointer !important;
	border: 1px solid #929292 !important;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
	color: #444338 !important;
	transition: all 0.3s 0.02s ease;
}

/* Растягиваем label на всю область блока .file-upload */
.file-upload label {
	display: flex;
	height: 38px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.file-upload label:before {
	content: "\f114";
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	margin-right: 5px;
	opacity: 0.8;
}

.file-upload:hover label:before {
	content: "\f115";
	margin-right: 3px;
	opacity: 1;
}

#preview-upload {
	display: flex;
	justify-content: center;
}

.preview-img {
	max-width: 150px;
	max-height: 150px;
	margin: 30px 0;
	box-shadow: 0 0 0 3px #f0f0f0;
}

#file-name {
	display: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	color: #7a7a7a;
	margin-bottom: 5px;
}

#file-size {
	display: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	color: #7a7a7a;
}

/* Обработка формы сортировки */
.Button1 {
	padding: 4px 15px 4px 15px;
	border: 1px solid #d6d6d6;
	background: transparent;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.7;
	height: 35px;
	cursor: pointer;
	transition: all 0.3s 0.02s ease;
}

.Button1:hover {
	background: #fff;
	border-color: #999;
	opacity: 1;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.place-for-select {
	display: inline-block;
	width: 165px;
}

.selectpicker ~ .btn-light {
	background-color: transparent;
	border: 1px solid #d6d6d6;
	color: #7a7a7a;
	font-size: 14px;
	opacity: 0.8;
}

.selectpicker ~ .btn-light:hover {
	background-color: #fff !important;
	border-color: #999 !important;
	opacity: 1;
}

.show > .selectpicker ~ .btn-light.dropdown-toggle {
	color: #444338;
	border: 1px solid #999;
}

.selectpicker ~ .btn {
	border-radius: unset;
}

.selectpicker ~ .btn-light:not(:disabled):not(.disabled):active {
	color: #444338;
	background-color: #fff;
	border-color: #999;
}

.selectpicker ~ .btn-light.dropdown-toggle:focus {
	background-color: #fff;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.selectpicker ~ .btn-light:not(:disabled):not(.disabled):active:focus {
	box-shadow: unset;
}

.selectpicker ~ .dropdown-menu {
	border-radius: 0;
	padding: 0;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .06);
	z-index: 998;
}

.selectpicker ~ .dropdown-menu ul{
	font-size: 14px;
}

.selectpicker ~ .dropdown-menu .dropdown-item {
	padding: 0.5em 1em 0.6em;
}

/* Select */
.btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
	background-color: transparent;
	border-color: transparent;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
	color: white;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

.dropdown-item {
	color: #7a7a7a;
	padding: 0.3rem 1.2rem;
}

.dropdown-menu, .form-control, .form-control:focus {
	color: #444338;
}

.dropdown-item:hover, .dropdown-item:focus {
	color: #444338;
	background-color: #f4f4f4;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	background-color: var(--light-color);
}

.bs-searchbox, .bs-actionsbox, .bs-donebutton {
	padding: 5px 10px;
	margin-bottom: 5px;
}

/* Иконка при выборе категории */
.item-category .dropdown-item span:first-of-type {
	width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* Убираем подсчёт слов в TinyMCE */
.tox-statusbar__wordcount {
	display: none;
}

.tox-tinymce {
	border: none !important;
}

/* Таблицы */
.table_menu {
	width: 100%;
	margin: 0 auto;
	font: normal 14px 'Open Sans';
	color: #7a7a7a;
	border: 1px solid #e0e0e0;
	border-spacing: 0;
}

.table_menu a {
	display: block;
}

.table_menu thead th {
	font-weight: 600;
}

.table_menu th {
	padding: 10px;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #fafafa;
	background: #f0f0f0;
}

.table_menu tr:first-child th:first-child {
	border-left: none;
}

.table_menu tr:first-child th:last-child {
	border-right: none;
}

.table_menu tr {
	text-align: center;
}

.table_menu td:first-child {
	text-align: center;
	border-left: 0;
}

.table_menu td {
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #fafafa;
	background: #fafafa;
}

.table_menu td img {
	display: block;
	margin: 0 auto;
}

.table_menu tr.even td {
	background: rgba(240, 240, 240, 0.3);
}

.table_menu tr:last-child td {
	border-bottom: 0;
}

.table_menu tr:hover td {
	background: #fff;
}

.block_footer {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;;
	color: #7a7a7a;
	position: relative;
	display: block;
	margin-top: 25px;
}

.main_pages {
	display: inline-block;
	text-align: center;
}

.main_pages span {
	padding-right: 5px;
}

.main_pages a {
	display: inline-block;
	text-align: center;
	padding: 5px;
}

.main_pages a:hover {
	font-weight: bold;
}

.active-page {
	font-weight: bold;
	background-color: var(--light-color);
	color: white;
	cursor: default;
}

.active-page:hover {
	color: white;
}

.main_blocks {
	text-align: center;
	float: right;
	padding-top: 5px;
}

/* Для формы удаления аккаунта */
.info-advanced {
	display: flex;
	margin-top: 30px;
	font-family: 'Segoe UI', sans-serif;
	font-size: 13px;
	color: #7a7a7a;
	width: 100%;
	line-height: 1.3;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.info-advanced i {
	color:#b54100;
	font-size: 16px;
	margin-right: 10px;
}

.info-advanced span {
	text-align: left;
}

/* Выбор иконки */
.choose-icon {
	display: block;
	position: relative;
	margin-top: 30px;
}

.choose-icon label{
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
	font-family: 'Segoe UI', sans-serif;
	position: absolute;
	pointer-events: none;
}

.choose-icon > .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .choose-icon > .bootstrap-select > .dropdown-toggle.bs-placeholder:focus {
	color: #7a7a7a;
}

.choose-icon > .bootstrap-select > .selectpicker ~ .btn-light {
	padding: 9px 14px;
	font-family: 'Segoe UI', sans-serif;
	font-size: 14px;
	opacity: 1;
	color: #999;
	border: 1px solid #dbdee4;
}

.choose-icon > .bootstrap-select > .selectpicker ~ .btn-light:focus {
	color: #7a7a7a;
	border-color: #929292;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.choose-icon > .bootstrap-select > .selectpicker ~ .btn-light:after {
	font-size: 14px;
}

.parent-category {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dadada;
	border-image: linear-gradient(to right, transparent 0%, rgb(240, 240, 240), transparent 100%);
}

.parent-category {
	border-image-slice: 1;
}

.parent-category label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 11px;
	margin-right: 10px;
}

.parent-category i {
	margin-right: 5px;
	font-size: 18px;
}

.parent-category span {
	text-align: left;
	font-weight: 600;
}

.title-page {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	text-align: center;
	margin-bottom: 30px;
}

/* Скрываем ссылку на TinyMCE */
.tox-statusbar__branding {
	display: none;
}

/* Режим редактирования */
.advanced {
	margin-top: 30px;
	border: 1px solid #CDD1DA;
}

.block-body {
	width: 100%;
	position: relative;
	display: block;
	text-align: center;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 3px #f0f0f0;
	padding: 30px;
	margin-bottom: 30px;
}

.block-pole {
	display: block;
	position: relative;
	margin-top: 30px;
	padding: 30px;
	border: 1px solid #e0e0e0;
	background: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
}

.images-item {
	display: flex;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
}

.images-item-preview img {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

.image-edit {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
}

.imglist {
	display: flex;
	position: relative;
	width: max-content;
}

.overlay {
	background-color: var(--bg-overlay);
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	justify-content: center;
	align-items: center;
	color: rgba(255, 255, 255, 0.8);
	font-size: 22px;
	transform: scale(.5);
	opacity: 0;
	transition: all 0.3s 0.02s ease;
}

.imglist:hover .overlay {
	transform: scale(1);
	opacity: 1;
}

.images-item-content {
	display: block;
	position: relative;
	margin: 30px 30px 0 30px;
	line-height: 1.3;
}

.images-item-title {
	display: inline-block;
	font-weight: 600;
	margin-bottom: 5px;
}

.images-item-body {
	display: block;
	font-size: 14px;
}

.link-delete-block {
	display: inline-block;
	height: 41px;
	border: none;
	background: #555;
	background: var(--light-color, #555);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: white;
	transition: all 0.3s 0.02s ease;
	padding: 13px 40px;
	margin: 30px 10px 0 10px;
}

.link-delete-block:hover {
	color: white;
	background: #333;
	background: var(--dark-color, #333);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

/* Страницы */
.page-boby {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
	text-align: center;
}

.item-body {
	display: inline-block;
	padding: 15px;
}

.contact-phone {
	display: flex;
	justify-content: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
}

.img-phone {
	width: 60px;
	height: 60px;
	margin-top: -30px;
}

.number-phone {
	margin-top: 5px;
	margin-left: -5px;
	line-height: 1.2;
}

.number-phone a {
	display: inline-block;
	font-weight: 600;
	letter-spacing: 1px;
}

.number-phone span {
	display: block;
	font-size: 0.9em;
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

/* Форма обратной связи */
.block-feedback {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 30px 60px 30px;
}

.img-feedback {
	width: max-content;
	margin: 0 auto;
}

.img-mail {
	width: 80px;
	height: 80px;
}

.title-feedback {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.feedback {
	background: repeating-linear-gradient(-45deg, #EFC1CB, #EFC1CB 30px, #FFFFFF 30px, #FFFFFF 40px, #C2E8F5 40px, #C2E8F5 70px,#FFFFFF 70px, #FFFFFF 80px);
	padding: 30px 40px 15px 40px;
	z-index: 0;
	position: relative;
	width: 60%;
	margin: 0 auto;
	box-shadow: 0 0 0 3px #fff, 0 15px 30px -15px rgba(0, 0, 0, 0.2);
}

.feedback:after{
	background: #FFFFFF;
	margin: 10px;
	position: absolute;
	content : " ";
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
}

.for-pole-text:before {
	font-family: FontAwesome, sans-serif;
	font-size: 14px;
	content: "\f4ad";
	color: #646464;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	opacity: 0.7;
	z-index: 1;
}

.button-message {
	display: block;
	height: 41px;
	border: none;
	background: #555;
	background: var(--light-color, #555);
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color: white;
	transition: all 0.3s 0.02s ease;
	padding: 10px 60px;
	margin: 30px auto;
}

.button-message:hover {
	background: #333;
	background: var(--dark-color, #333);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

#loading-feedback {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* Выбор цвета, Color Picker */
.form-control {
	border-radius: unset;
	height: unset;
	line-height: 1;
}

.colorpicker-input-addon i {
	height: 25px;
	width: 25px;
}

.colorpicker-input-addon::before {
	width: 25px;
	height: 25px;
}

.input-group-text {
	background-color: white;
	border-radius: unset;
	border: 1px solid #DBDEE4;
	padding: 7px;
	border-left: none;
}

.input-group-text:focus {
	background-color: #f7f9f9;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
	border: 1px solid #DBDEE4;
}

.popover {
	border-radius: unset;
	border: 1px solid #dbdee4;
	background-color: #f7f9f9;
}

.colorpicker-bar {
	font-size: 11px;
}

.colorpicker-bar {
	min-height: 18px;
	box-shadow: none;
}

.colorpicker-saturation, .colorpicker-hue {
	box-shadow: none;
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
	border-bottom-color: #f7f9f9;
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
	border-top-color: #f7f9f9;
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
	border-top-color: rgb(219, 222, 228);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
	border-bottom-color: rgb(219, 222, 228);
}

.choose-color {
	margin-top: 30px;
}

.choose-color > label {
	font-family: 'Segoe UI', sans-serif;
	position: absolute;
	top: -16px;
	left: 6px;
	font-size: 11px;
	color: #7a7a7a;
}

.choose-default {
	display: block;
	width: 200px;
	border: 1px solid #CDD1DA;
	font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
	color: #646464;
	margin: 30px auto 0;
	padding: 12px;
	cursor: pointer;
	transition: all 0.3s 0.02s ease;
	opacity: 0.7;
}

.choose-default:hover {
	border-color: #929292;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
	opacity: 1;
	outline: 0;
}

.choose-default > i {
	margin-right: 5px;
}

/* Select для выбора иконок */
.nothing {
	padding: 10px !important;
}

.nothing > .text {
	width: unset !important;
}

.selectcategory ~ .dropdown-menu li {
	position: relative;
	display: inline-block;
}

.selectcategory ~ .dropdown-menu li:first-of-type {
	display: block;
	margin-bottom: 22px;
}

.selectcategory .dropdown-header {
	display: block !important;
	background: #f4f4f4;
	margin: 0 -30px 20px;
	font-size: 13px;
}

.selectcategory ~ .dropdown-menu li:first-of-type > a {
	font-size: 13px;
}

.selectcategory ~ .dropdown-menu .dropdown-item {
	font-size: 24px;
	padding: 10px;
	margin-right: -5px;
}

.selectcategory ~ .dropdown-menu .dropdown-item > span {
	text-align: center;
	width: 24px;
}

.selectcategory ~ .dropdown-menu ul {
	padding: 30px !important;
	overflow: hidden;
	text-align: center;
}

.selectcategory .item-option > span.text {
	font-size: 11px;
	width: 0;
	visibility: hidden;
}

.selectcategory ~ .dropdown-menu li:first-of-type > a > span.text {
	display: block;
}

.selectcategory .filter-option-inner-inner {
	display: flex;
}

.selectcategory .filter-option-inner-inner i {
	font-size: 20px;
	display: flex;
}

.selectcategory .item-option:hover > span.text {
	width: max-content;
	visibility: visible;
	position: absolute;
	background: rgb(247, 249, 249);
	border: 1px solid #dbdee4;
	color: #7a7a7a;
	font-size: 11px;
	bottom: 46px;
	margin-left: -40px;
	padding: 3px;
	z-index: 1;
	transition: all 0.3s 0.02s ease !important;
}

.selectcategory .btn-light:not(:disabled):not(.disabled):active, .selectcategory .btn-light:not(:disabled):not(.disabled).active,
.selectcategory .show > .btn-light.dropdown-toggle {
	background-color: #fff;
}

/* Форум */
.forum_top {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	line-height: 1.3;
}

.nav-control-forum {
	margin-top: 30px !important;
}

.nav-control-news {
	margin: 30px 0 0 -1px !important;
}

.combo-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	margin-bottom: 30px;
}

.combo-news {
	margin: 30px 0;
}

.combo-2 {
	margin-left: auto;
}

.search-forum {
	border: 1px solid #d6d6d6;
	background: transparent;
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #646464;
	height: 35px;
	opacity: 0.7;
	transition: all 0.3s 0.02s ease;
}

.search-forum:focus {
	background: #fff;
	border-color: #999;
	outline: 0;
	opacity: 1;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.choose-emoji {
	line-height: 30px;
	margin-top: 15px;
}

.emoji {
	display: inline-block;
	padding-right: 10px;
}

.emoji img {
	width: 20px;
	height: 16px;
	vertical-align: middle;
}

.show-post-item {
	padding: 15px;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	text-align: left;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 3px #f0f0f0;
}

.forum_top a:before {
	content: "\2f";
	margin-right: 3px;
	font-family: myiconfont, sans-serif;
	vertical-align: middle;
}

.back {
	display: block;
	margin-bottom: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-align: center;
}

.show-post-title {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #e0e0e0;
}

.show-post-title > span {
	padding-left: 3px;
}

.show-post-table {
	display: table;
	position: relative;
	table-layout: fixed;
	width: 100%;
	margin-top: 15px;
}

.show-post-block1 {
	display: table-cell;
	width: 190px;
	overflow: hidden;
	border-right: 1px solid #e0e0e0;
	padding-right: 15px;
}

.show-post-block1 > a {
	display: block;
}

.show-post-block1 > span {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 40px;
}

.show-post-date {
	display: block;
	margin-top: 15px;
	font-size: 12px;
}

.show-post-block2 {
	display: table-cell;
	padding-left: 15px;
	line-height: 1.3;
}

.author_items, .header_search_news {
	display: block;
	width: 100%;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	margin-bottom: 30px;
	line-height: 1.3;
}

.header_search_news {
	margin: 30px 0;
}

.author_items label, .header_search_news label {
	display: block;
}

.label-author {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	margin-top: 20px;
	text-align: left;
}

.label-author > label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 0.9em;
}

/* Items */
.body-content-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	min-height: calc(100vh - 120px);
	padding: 0 30px 30px 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.header-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-page-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 30px 30px;
	position: relative;
	z-index: 1;
}

.nav-control-items {
	margin-bottom: 30px !important;
}

.form-sort-items {
	margin-left: auto;
	margin-bottom: 30px;
}

.item-category ~ .dropdown-menu .dropdown-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
}

.item-category ~ .dropdown-menu .dropdown-item > .text {
	font-size: 14px;
	margin-left: 3px;
}

.price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

#for-unit {
	width: 50%;
	padding-right: 15px;
}

#for-price {
	width: 50%;
	padding-left: 15px;
}

#for-price > label {
	left: 29px;
}

#for-price > label:after {
	content: '\20BD';
}

#for-price input:focus + label, #for-price input:not(:placeholder-shown) + label {
	left: 15px;
}

/* Placeholder для выборных полей города и адреса */
#city-item::-moz-placeholder {
	font-size: 13px;
}
#city-item::placeholder {
	font-size: 13px;
}
#address-item::-moz-placeholder {
	font-size: 13px;
}
#address-item::placeholder {
	font-size: 13px;
}

.map-form {
	width: 100%;
	height: 200px;
	margin: 30px auto 0;
	border: 1px solid #CDD1DA;
}

.map-form-show {
	margin-top: 20px;
}

#map {
	display: none;
}

.attach_img {
	width: 150px;
	height: 150px;
	margin: -20px 0 -35px 0;
}

.choose-select > .bootstrap-select > .selectpicker ~ .btn-light {
	border-color: #b54100;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
}

.download-file {
	display: table;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	margin: 10px 0;
	cursor: pointer;
}

.download-file-edit {
	display: table;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	padding: 10px 0;
	margin: 0 auto;
	cursor: pointer;
}

.download-file > i, .download-file-edit > i {
	font-size: 18px;
	transform: scale(1, -1);
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 20px;
}

.download-file > span, .download-file-edit > span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.download-file:hover, .download-file-edit:hover {
	color: #b54100;
}

/* Отображение записей в таблице */
.table-item {
	display: flex !important;
	flex-direction: column;
}

.table-item-title {
	margin-bottom: 3px;
}

.table-item-options {
	font-size: 0.8em;
}

.table-item-options > span {
	display: inline-block;
	margin-right: 6px;
}

.table-item-options > span > i {
	margin-right: 3px;
}

.table-item-activity-on {
	display: block;
	color: rgba(75, 185, 97, 0.7);
}

.table-item-activity-on:hover {
	color: rgba(75, 185, 97, 1);
}

.table-item-activity-off {
	display: block;
	color: rgba(181, 65, 0, 0.7);
}

.table-item-activity-off:hover {
	color: rgba(181, 65, 0, 1);
}

.table-item-activity-block {
	display: block;
	color: rgba(220, 10, 55, 0.7);
}

.table-item-activity-block:hover {
	color: rgba(220, 10, 55, 1);
}

/* Отображение записей в блоке */
.choose-view {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
	padding-left: 15px;
	transition: all 0.3s 0.02s ease;
}

.choose-view-post {
	margin-left: auto;
}

.radio-view {
	display: flex;
}

.radio-view > label > i {
	display: flex;
	transition: all 0.3s 0.02s ease;
}

.radio-view input[type=radio] {
	display: none;
}

.radio-view label {
	display: inline-block;
	margin: 0 10px;
	line-height: 34px;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	font-size: 14px;
	color: #d6d6d6;
}

.choose-view .item-1 input[type=radio]:hover + label, .choose-view .item-2 input[type=radio]:hover + label {
	color: var(--dark-color) !important;
}

.choose-view .item-1 input[type=radio]:checked + label, .choose-view .item-2 input[type=radio]:checked + label {
	color: var(--light-color);
}

.choose-view .item-2 label {
	margin-right: 0;
}

.item-block, .item-record, .item-block-post, .item-block-show, .item-project {
	display: block;
	padding: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #7a7a7a;
	text-align: left;
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 0 0 3px #f0f0f0;
	transition: box-shadow 0.3s 0.02s ease;
	margin-bottom: 30px;
}

.item-block:hover, .item-record:hover, .item-block-post:hover, .item-project:hover {
	background: #fff;
	color: #7a7a7a;
	transform: scale(1.01);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

.item-block-inner, .item-block-inner-cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: relative;
}

.item-block-inner-top {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.item-block-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 180px;
	min-height: 180px;
}

.item-block-img-new {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.item-block-img-show {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 180px;
	min-height: 180px;
	margin-bottom: 25px;
}

.item-block-img-edit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 5px 0 10px 0;
}

.item-block-file-edit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0;
}

.item-block-img-show-edit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 180px;
	min-height: 180px;
	margin-bottom: 25px;
	margin-top: 15px;
}

.item-block-img > i, .item-block-img-show > i, .item-block-img-edit > i, .item-block-img-show-edit > i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 96px;
	color: #dadada;
}

.item-block-file-edit > i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 72px;
	color: #dadada;
}

.item-img {
	-webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

.item-block-info {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.item-block-info-post {
	display: block;
	width: 100%;
}

.item-block-info-new {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}

.item-record-body {
	line-height: 1.3;
	padding-left: 30px;
	clear: both;
}

.item-post-body {
	line-height: 1.3;
	width: 100%;
	clear: both;
}

.item-post-body-img {
	line-height: 1.3;
	padding-left: 30px;
	width: 100%;
	clear: both;
}

.item-block-title {
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 1.3;
}

.item-block:hover > .item-block-inner > .item-block-info-post > .item-record-body > .item-block-title,
.item-block:hover > .item-block-inner > .item-block-info-new > .item-post-body > .item-block-title,
.item-block:hover > .item-block-inner > .item-block-info-new > .item-post-body-img > .item-block-title,
.item-block:hover > .item-block-inner-top > .item-block-inner > .item-block-info-post > .item-record-body > .item-block-title,
.item-block-post:hover > .item-block-inner > .item-block-info-post > .item-record-body > .item-block-title {
	color: #b54100;
}

.item-block-body {
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.item-project-block-body {
	font-size: 14px;
	line-height: 1.3;
}

.item-block:hover > .item-block-inner, .item-record:hover > .item-block-inner, .item-block-post:hover > .item-block-inner, .item-project:hover > .item-block-inner {
	transform: scale(0.99);
}

.item-property {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: right;
}

.item-property-number {
	font-weight: 600;
}

/* Звёздный рейтинг */
.star-rating {
	font-size: 12px;
	float: right;
	margin-bottom: 10px;
	line-height: 1.3;
}

.star-rating-show {
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.rating {
	font-size: 0;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.ratinged {
	display: inline-block;
}

.rating_wrap {
	display: inline-block;
	font-size: 10px;
}

.rating_wrap:after {
	content: "";
	display: table;
	clear: both;
}

.rating_ico {
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #dadada;
}

.rating_ico:last-child {
	padding-left: 0;
}

.rating_input {
	display: none;
}

.rating_input:checked ~ .rating_ico:before {
	color: #FFB300;
}

.rating_ico:hover:before, .rating_ico:hover ~ .rating_ico:before {
	content: "\f005";
	color: #b54100 !important;;
}

#rating, #votes {
	display: inline-block;
	vertical-align: middle;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.rating_ico1 {
	float: right;
	padding-left: 2px;
	cursor: default;
	color: #dadada;
}

.rating_ico1:last-child {
	padding-left: 0;
}

.rating_input:checked ~ .rating_ico1:before {
	color: #FFB300;
}

.item-block-info-post > .star-rating * {
	cursor: pointer;
}

.item-post-data, .item-record-data {
	margin: 10px 0;
}

.item-new-show {
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.3;
}

.item-project-data {
	margin-bottom: 0;
}

.show-item-record-data {
	margin: 0 0 10px !important;
	line-height: 1.3;
}

.item-record-data-gallery {
	margin: 10px 0 0;
	position: absolute;
	bottom: 0;
}

.item-record-data-show {
	margin-bottom: 14px;
	cursor: default;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.record-date {
	display: inline-block;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	margin-right: 10px;
}

.record-date-order {
	display: inline-block;
	font-size: 14px;
}

.record-date-order-show {
	cursor: default;
	font-weight: 600;
}

.record-date-order > span {
	display: flex;
	align-items: center;
}

.record-date-order > span > i {
	margin-right: 6px;
}

.record-data {
	display: inline-block;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	white-space: nowrap;
}

.record-data > span {
	display: inline-block;
	margin-right: 6px;
	margin-top: 3px;
}

.record-data > span > i {
	margin-right: 3px;
}

.item-record-price {
	display: inline-block;
	font-weight: 600;
	position: relative;
}

.item-record-price-gallery {
	display: inline-block;
	font-weight: 600;
	position: absolute;
	bottom: 0;
	right: 0;
}

.item-record-price-show {
	display: block;
	text-align: right;
	font-weight: 600;
	position: relative;
	margin-top: 10px;
}

.undefined {
	font-size: 14px;
	color: #bcbcbc;
}

/* Галерея */
.items-body-gallery {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(230px, 230px));
	justify-content: center;
}

.block-gallery {
	display: inline-grid;
	height: 470px;
	justify-content: center;
	margin: 0;
}

.block-post-gallery {
	display: inline-grid;
	height: 450px;
	justify-content: center;
	margin: 0;
}

.record-gallery {
	display: inline-grid;
	height: 290px;
	justify-content: center;
	margin: 0;
}

.project-gallery {
	display: inline-grid;
	height: 245px;
	justify-content: center;
	margin: 0;
}

.inner-gallery {
	flex-direction: column;
}

.img-gallery {
	margin-bottom: 30px;
}

.rating-gallery {
	float: none;
	margin-bottom: 10px;
}

.record-body-gallery {
	padding: 0;
}

.block-title-gallery {
	height: 34px;
	font-size: 14px;
	line-height: 1.2;
	overflow: hidden;
}

.title-show {
	display: none;
}

.item-title-body-gallery {
	display: none;
}

.title-show-gallery {
	display: block;
}

.block-body-gallery {
	display: none;
}

.footer-gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* Отображение записей на страницах */
.buttons-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
}

.button-favorite {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	background: transparent;
	font-size: 1.2em;
	color: #7a7a7a;
	margin-right: 15px;
	padding: 0;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.button-favorite-org {
	margin: 0;
}

.button-cart, .buttons-cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	background: transparent;
	font-size: 1.3em;
	color: #7a7a7a;
	padding: 0;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.button-delete {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	background: transparent;
	color: var(--light-color);
	padding: 0;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
	margin-left: auto;
}

.button-delete > i {
	font-size: 12px;
}

.item-block:hover > .item-block-inner > .buttons-item .button-favorite,
.item-block:hover > .item-block-inner > .buttons-item .button-cart,
.item-record:hover > .item-block-inner > .buttons-item .button-favorite,
.item-record:hover > .item-block-inner > .buttons-item .button-cart {
	color: var(--light-color);
}

.button-favorite:hover > i, .button-cart:hover > i, .button-delete:hover > i {
	color: #b54100;
}

.block-gallery-page {
	display: inline-grid;
	height: 425px;
	justify-content: center;
	margin: 0;
}

.block-gallery-page-ad {
	display: inline-grid;
	height: 400px;
	justify-content: center;
	margin: 0;
}

/* Просмотр записи */
.item-property-show {
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-top: 5px;
}

.item-property-show > .item-property-ico {
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item-property-show > span {
	margin-left: 5px;
	cursor: default;
}

#item-back, #item-back-page {
	padding: 11px 13px !important;
}

#item-back > span, #item-back-page > span {
	display: none;
}

/* Вкладки */
#tabs > .nav-control > li > a {
	border: 1px solid var(--light-color);
	padding: 10px 30px;
}

#tabs > .nav-control > li > a:hover {
	border: 1px solid var(--dark-color);
}

.tab_active, .nav-control > li > .tab_active:hover {
	background: #fff !important;
	color: var(--light-color) !important;
	box-shadow: none;
	border: 1px solid #ddd !important;
	cursor: default;
}

.tab_block {
	padding-top: 30px;
	display: none;
}

/* Комментарии */
.header-comments {
	display: flex;
	align-items: center;
	margin: -15px 0 5px -10px;
}

.header-comments input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.header-comments > label {
	display: flex;
	align-items: center;
	width: max-content;
	height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: var(--light-color);
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	transition: all 0.3s 0.02s ease;
}

.header-comments > label > span {
	text-transform: uppercase;
	margin-right: 6px;
}

.header-comments label:hover {
	color: #b54100;
}

.comment-title-label:after {
	content: "\f105";
	font-family: FontAwesome, sans-serif;
	transition: all 0.3s 0.02s ease;
}

.header-comments input[type=checkbox]:checked + .comment-title-label:after {
	transform: rotate(90deg);
}

#comments-block, #comment-form {
	display: none;
}

#comment-form > h1 {
	font-size: 22px;
}

#error-comment {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.3;
	color: #b54100;
	text-align: center;
	padding: 30px 0;
}

.control-buttons {
	display: block;
}

#loading {
	display: flex;
	justify-content: center;
	padding-top: 30px;
}

.loading-page-img {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	padding: 0 !important;
	margin: 0 -10px;
	display: none;
}

.loading {
	width: 100px;
	height: 100px;
}

#loading-verification {
	margin: 0 -30px;
	z-index: 2;
	background: rgba(238, 243, 255, 0.7);
}

#loading-statistics {
	margin: 0 -44px;
	background: rgba(238, 243, 255, 0.7);
	z-index: 1000;
}

.comments-body {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
}

.show_post_comment {
	margin-top: 30px;
	padding: 30px;
	background: #fff;
	box-shadow: 0 0 0 3px #f0f0f0;
}

.post_comment_header {
	display: flex;
	align-items: center;
	flex-direction: row;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}

.post_comment_author {
	display: flex;
	align-items: center;
}

.avatar-author {
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	float: left;
	margin-right: 10px;
}

.avatar-author img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.post_comment_date {
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	margin-left: auto;
}

.post_comment_body {
	padding-top: 15px;
	line-height: 1.3;
}

.comments-block-adm {
	margin-top: -15px;
}

.control-for-comment {
	text-align: right;
	margin-top: 25px !important;
}

.edit_comment_header {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #7a7a7a;
	border: none;
	padding: unset;
	margin-top: 20px;
}

/* Уведомления */
.date-edit-notice {
	display: flex;
	flex-direction: column;
}

.date-edit-notice > span {
	font-size: 12px;
	margin-top: 3px;
	line-height: 1.2;
}

.post-notice-header {
	display: flex;
	align-items: center;
	flex-direction: row;
	padding-bottom: 15px;
	border-bottom: 1px solid #f0f0f0;
}

.notice-date {
	margin: 0 !important;
}

/* Проекты */
.project-properties {
	display: inline-block;
	margin-top: 3px;
}

.project-properties > span {
	margin-right: 6px;
	position: relative;
}

.project-properties > span > i {
	font-size: 13px;
	position: absolute;
	top: 0;
}

.project-properties > span > span {
	margin-left: 17px;
}

.project-properties-show  > span > i {
	top: 1px;
}

/* Задачи */
.header-tasks {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.account-tasks {
	width: 30px;
	height: 30px;
}

.header-tasks input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.header-tasks > label {
	display: flex;
	align-items: center;
	width: max-content;
	height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: var(--light-color);
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	transition: all 0.3s 0.02s ease;
}

.header-tasks > label > span {
	text-transform: uppercase;
	margin-right: 6px;
}

.header-tasks label:hover {
	color: #b54100;
}

.tasks-title-label:after {
	content: "\f105";
	font-family: FontAwesome, serif;
	transition: all 0.3s 0.02s ease;
}

.header-tasks input[type=checkbox]:checked + .tasks-title-label:after {
	transform: rotate(90deg);
}

/* Избранное */
.label-favorite {
	font-family: 'Segoe UI', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #b54100;
	width: max-content;
	padding: 10px;
	background: rgba(247, 249, 249, 0.7);
	border: 1px solid #dbdee4;
	position: absolute;
	bottom: 30px;
	margin-right: 130px;
}

.item-property {
	line-height: 1.3;
}

.favorite-section {
	text-transform: uppercase;
}

/* Корзина */
.item-cart-amount {
	display: flex;
	align-items: center;
	font-size: 13px;
}

.item-cart-amount > span {
	padding: 0 5px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	height: 22px;
	display: flex;
	align-items: center;
}

.item-cart-amount button {
	width: 22px;
	height: 22px;
	border: 1px solid #dfdfdf;
	color: #7a7a7a;
}

.item-cart-amount button > i {
	font-size: 12px;
	display: flex;
}

.item-block:hover > .item-block-inner > .buttons-item .buttons-cart {
	color: var(--light-color);
}

.item-cart-amount button:hover {
	background: #b54100 !important;
	border-color: #b54100;
	color: #fff !important;
}

.input-amount-item-page {
	padding: 0;
	height: 22px;
	outline: 0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #7a7a7a;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-left: none;
	border-right: none;
}

.item-show-amount {
	display: flex;
	align-items: center;
}

#cart > i {
	font-size: 14px;
}

.item-show-amount button {
	width: 41px;
	height: 41px;
	background: #555;
	background: var(--light-color, #555);
	color: white;
}

.item-show-amount button > i {
	font-size: 16px;
	display: flex;
}

.item-show-amount button:hover {
	background: #333;
	background: var(--dark-color, #333);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

.item-show-amount span {
	display: flex;
	align-items: center;
	height: 41px;
	background: #f7f9f9;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.input-amount-item-show {
	padding: 0;
	height: 41px;
	outline: 0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	background: #f7f9f9;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	border-left: none;
	border-right: none;
}

.cart-item-added {
	float: right;
}

.cart-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
	padding-bottom: 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cart-title > i {
	color: var(--light-color);
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
	margin-bottom: 10px;
	font-size: 1.3em;
}

.cart-title > i:hover {
	cursor: pointer;
	color: #b54100;
}

#title-cart-amount {
	position: absolute;
	top: -6px;
	right: 0;
	font-size: 12px;
	margin-right: -8px;
}

.item-cart {
	display: block;
	padding: 30px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #7a7a7a;
	text-align: left;
	transition: all 0.3s 0.02s ease;
}

.cart-form > h1, .item-cart {
	border-bottom: 1px solid #f0f0f0;
}

.item-record-body-cart {
	padding-left: 30px;
	height: 100%;
}

.item-body-cart {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100%;
}

.item-block-title-cart {
	line-height: 1.3;
	margin-right: 30px;
}

.item-title-body-cart {
	display: block;
	margin-bottom: 15px;
}

.buttons-title-cart {
	display: flex;
}

.counter-item-car {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: end;
	align-self: start;
	margin-left: auto;
	width: max-content;
}

.item-cart:hover {
	color: #7a7a7a;
}

.rub:after {
	content: '\20BD';
	font-family: 'Open Sans', sans-serif;
}

.items-cart-amount {
	display: flex;
	align-items: center;
	font-size: 16px;
}

.items-cart-amount > span {
	padding: 5px 10px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	height: 32px;
	display: flex;
	align-items: center;
}

.items-cart-amount button {
	width: 32px;
	height: 32px;
	border: 1px solid #dfdfdf;
	color: #7a7a7a;
}

.items-cart-amount button > i {
	font-size: 16px;
	display: flex;
}

.item-cart:hover > .item-block-inner-cart > .item-block-info-post > .item-record-body-cart > .item-body-cart > .item-block-title-cart > .buttons-title-cart > .button-favorite,
.item-cart:hover > .item-block-inner-cart > .item-block-info-post > .item-record-body-cart > .item-body-cart > .counter-item-car .buttons-cart,
.item-cart:hover > .item-block-inner-cart > .item-block-info-post > .item-record-body-cart > .item-body-cart > .item-block-title-cart > .buttons-title-cart .button-favorite {
	color: var(--light-color);
}

.item-cart:hover > .item-block-inner-cart > .item-block-info-post > .item-record-body-cart > .item-body-cart > .item-block-title-cart {
	color: #b54100;
}

.item-cart:hover > .item-block-inner-cart > .item-block-info-post > .item-record-body > .item-block-title {
	color: #b54100;
}

.item-cart:hover > .item-block-inner-cart > .buttons-item .button-favorite {
	color: var(--light-color);
}

.item-cart:hover > .item-block-inner-cart > .buttons-item .buttons-cart {
	color: var(--light-color);
}

.items-cart-amount button:hover {
	background: #b54100 !important;
	border-color: #b54100;
	color: #fff !important;
}

.input-amount-item {
	padding: 0;
	height: 30px;
	border: none;
	outline: 0;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
}

.item-record-price-cart {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}

.sum-cart {
	display: block;
	text-align: right;
	margin-top: 15px;
}

.deleted-item-cart {
	display: block;
	text-align: center;
}

.deleted-item-cart > i {
	font-size: 36px;
}

.body-info-cart {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #b54100;
	padding: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.stop-img {
	width: 100px;
	height: 100px;
	margin-top: -10px;
}

.body-info-cart span {
	margin-top: 30px;
	line-height: 1.3;
}

.my-record-cart {
	margin-right: 15px;
	color: red;
}

.my-record-cart > i {
	font-size: 1.2em;
}

/* Оформление заявки */
.header-ordering {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 30px;
}

.header-ordering > h1 {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: 10px;
}

.header-ordering input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.header-ordering > label {
	color: #999;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	border: #e0e0e0 1px solid;
	margin-left: auto;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	transition: all 0.3s 0.02s ease;
}

.header-ordering label:hover {
	color: #b54100;
}

.ordering-title-label i {
	transition: all 0.3s 0.02s ease;
}

.header-ordering input[type=checkbox]:checked + .ordering-title-label i {
	transform: rotate(90deg);
}

.ordering > #ordering-block > .table_menu tr:hover td {
	background: #fafafa;
}

#ordering-block {
	display: none;
}

#show-loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(51, 51, 51, 0.1);
}

/* Заявки */
.request-body, .body-table {
	display: none;
}

.body-table {
	position: relative;
}

.request-body td {
	background: white;
	padding: 15px 30px 30px 30px;
}

/* border-bottom: none; */
.table-request {
	border-bottom: 0;
}

.status-1 {
	display: inline-block;
	background: url('../img/pages/status-1.png');
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.status-2 {
	display: inline-block;
	background: url('../img/pages/status-2.png');
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.status-3 {
	display: inline-block;
	background: url('../img/pages/status-3.png');
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.status-4 {
	display: inline-block;
	background: url('../img/pages/cancel.png');
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.preview-request input[type=checkbox] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.preview-request > label {
	color: var(--light-color);
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 39px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.preview-request label:hover {
	color: #b54100;
}

.content-request-label i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.preview-request input[type=checkbox]:checked + .content-request-label i {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.request-data {
	display: table;
	font-size: 13px;
	margin-bottom: 15px;
}

.request-data-row {
	display: table-row;
}

.request-data-cell-1 {
	display: table-cell;
	width: 20px;
	text-align: center;
	font-size: 14px;
	padding: 3px 5px 3px 0;
	line-height: 1;
}

.request-data-cell-2 {
	display: table-cell;
	text-align: left;
	padding: 3px 0;
	line-height: 1;
}

.table-request-body {
	font-size: 13px;
}

.table-request-body th {
	background: #fafafa;
}

.table-request-body th, .table-request-body td {
	padding: 6px !important;
}

.request-user-registered {
	font-weight: 600;
	color: #646464;
}

.request-button {
	min-width: 150px;
	margin: 30px 10px 0 10px !important;
}

.loading-request {
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: none;
}

.loading-request-error {
	display: none;
	color: #b54100;
	padding-top: 20px;
}

/* Модальное диалоговое окно */
.dialog-overlay {
	position: fixed;;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(30, 30, 30, 0.5);
	text-align: center;
	z-index: 999999;
}

.dialog-overlay:before {
	display: inline-block;
	height: 100%;
	width: 0;
	content: '';
	font-size: 0;
	vertical-align: middle;
}

.dialog {
	display: inline-block;
	position: relative;
	max-width: 96%;
	background: #fff;
	margin: 0;
	padding: 44px;
	overflow: auto;
	/*-webkit-overflow-scrolling: touch;*/
	vertical-align: middle;
}

.dialog-button-close {
	border: 0;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	width: 36px;
	padding: 2px;
	vertical-align: top;
	background: transparent;
	position: absolute;
	right: 0;
	top: 0;
	margin: 10px;
	transition: all 0.3s 0.02s ease;
	color: currentColor;
}

.dialog-msg {
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #7a7a7a;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	margin-top: 10px;
	line-height: 1.3;
}

.dialog-msg span {
	font-weight: 600;
}

.dialog-button-close svg path {
	fill: var(--light-color);
	stroke: var(--light-color);
	stroke-width: 0;
}

.dialog-button-close:hover svg path {
	fill: var(--dark-color);
	stroke: var(--dark-color);
}

.dialog-button-close:hover {
	transform: rotate(90deg);
}

.dialog i {
	font-size: 48px;
	color: var(--light-color);
}

/* Поиск */
.search-title-page {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	text-align: center;
	margin-bottom: 30px;
}

.search-title-page > span {
	display: block;
	margin-bottom: 10px;
}

.forum_top > span {
	font-weight: 600;
	font-size: 1.1em;
}

.highlight-search {
	margin-bottom: 50px;
}

.highlight-search-page {
	margin: 0 0 0 20px;
}

.highlight-search > a > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.highlight-search > a > div > i {
	font-size: 16px;
	margin-right: 5px;
}

.highlight-search > a > div > span {
	font-family: 'Segoe UI', sans-serif;
	font-size: 13px;
}

.highlight-search input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.highlight-search input[type=checkbox]:checked > a > div > span {
	content: "Убрать подсветку запроса";
}

/* ================================ styles-body.css ================================ */
.block-doc {
	display: block;
	position: relative;
	width: 80%;
	margin: 30px auto;
	padding: 30px;
	background: white;
	box-shadow: 0 0 0 3px #f0f0f0;
}

.block-agreement {
	display: block;
	position: relative;
	width: 80%;
	margin: 30px auto;
	background: white;
	box-shadow: 0 0 0 3px #f0f0f0;
	padding: 30px 30px 15px;
}

.title-doc {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	text-transform: uppercase;
	margin-bottom: 30px;
	line-height: 1.3;
}

.title-agreement {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	text-transform: uppercase;
	line-height: 1.3;
	text-align: center;
	margin-bottom: 15px;
}

.date-doc {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	text-align: right;
}

.title-doc-1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	text-transform: uppercase;
	margin: 20px auto 15px;
	line-height: 1.3;
}

.content-doc {
	display: table;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	margin-bottom: 10px;
	line-height: 1.3;
}

.content-agreement {
	font-family: 'Open Sans', sans-serif;
	color: #7a7a7a;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.content-doc > span {
	display: table-cell;
	text-align: left
}

.content-doc > .num-doc {
	width: 36px;
	text-align: right;
}

.content-doc > .text-doc {
	padding-left: 8px;
}

.content-doc > .subnum-doc {
	width: 80px;
	text-align: right;
}

.content_main_page {
	display: block;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #7a7a7a;
	padding: 0 20px 0 20px;
	text-align: left;
}

/* ================================ menu.css ================================ */
.main-menu {
	position: sticky;
	top: 0;
	height: 70px;
	background: var(--light-color);
	z-index: 99998;
}

#home-mobile, .user-menus {
	display: none;
}

/* Правое меню */
.right-menu {
	float: right;
	height: 70px;
	display: table;
	width: 180px;
}

.right-menu * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.right-menu a {
	display: table-cell;
	position: relative;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	color: white;
	text-transform: uppercase;
	transition: all 0.3s 0.02s ease;
}

.right-menu a:hover {
	background: var(--dark-color);
}

.right-menu-reg {
	width: 90px;
}

.search i {
	display: block;
	font-size: 20px;
	transform: scale(-1, 1);
}

.search i:before {
	line-height: 1.5;
}

#search-mobile {
	display: none;
}

.input i {
	display: block;
	font-size: 18px;
}

.input span {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 600;
}

#input-mobile {
	display: none;
}

/* Поле поиска */
.field-search {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: -100%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.modal_active {
	position: fixed;
	top: 0;
	visibility: visible;
	opacity: 1;
	transition: all 0.3s 0.02s ease;
}

.field-search-content {
	display: block;
	float: left;
	width: calc( 100% - 60px);
}

/* Сдвигающийся placeholder */
.placeholder-container {
	position: relative;
}

.placeholder-container label {
	font-family: 'Segoe UI', sans-serif;
	font-size: 14px;
	color: #999;
	pointer-events: none;
	position: absolute;
	transition: all 200ms;
	top: 12px;
	left: 15px;
}

.placeholder-container input:focus + label,
.placeholder-container input:not(:placeholder-shown) + label{
	top: -22px;
	left: 0;
	font-size: 11px;
	color: #7a7a7a;
	padding: 5px;
}

.close-button {
	display: block;
	float: right;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.close-button a {
	color: var(--light-color) !important;
	display: block;
}

.close-button > a i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 40px;
	height: 40px;
}

.close-button a:hover {
	color: var(--dark-color) !important;
}

.close-button:hover {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* Стили для контейнера формы */
#form-search {
	width: 100%;
	min-width: 270px;
	padding: 40px 20px 35px 40px;
	background: #f0f0f0;
	text-align: center;
}

/* Стили поля ввода текста */
#query-search {
	width: calc(100% - 120px);
	height: 20px;
	padding: 10px 15px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #444338;
	border: 0;
	background: transparent;
	box-sizing: content-box;
	outline: 1px solid #ced4da;
	opacity: 0.7;
}

#query-search:focus {
	outline: 1px solid #b7b7b7;
	background: #fff;
	opacity: 1;
}

/* Кнопка отправки формы */
#form-search button {
	overflow: visible;
	position: relative;
	float: right;
	border: 0;
	padding: 0;
	cursor: pointer;
	height: 40px;
	width: 90px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	background: #555;
	background: var(--light-color, #555);
	outline: 1px solid var(--light-color);
	transition: all 0.3s 0.02s ease;
}

#form-search button:hover, #form-search button:active, #form-search button:focus {
	background: #333;
	background: var(--dark-color, #333);
	outline: 1px solid var(--dark-color);
}

/* Стрелка влево */
#form-search button:before {
	content: '';
	position: absolute;
	border-width: 6px 6px 6px 0;
	border-style: solid solid solid none;
	border-color: transparent var(--light-color) transparent;
	top: 15px;
	left: -5px;
	transition: all 0.3s 0.02s ease;
}

#form-search #clear:before {
	display: none;
}

#form-search button:hover:before {
	border-right-color: var(--dark-color);
}

#form-search button:focus:before, #form-search button:active:before {
	border-right-color: var(--dark-color);
}

/* Кнопка Очистить */
#form-search #clear {
	position: absolute;
	right: 90px;
	width: 40px;
	background: transparent;
	outline: none;
	font-size: 10px;
	color: #7a7a7a;
	opacity: 0.5;
	display: none;
}

#form-search #clear:hover {
	opacity: 1;
}

#choose-search {
	display: inline-block;
	margin: 30px 20px 0 0;
	font-family: 'Segoe UI', sans-serif;
	font-size: 14px;
	color: #7a7a7a;
	text-align: left;
}

/* Удаляем дополнительное пространство рядом с кнопкой в Mozilla Firefox */
#form-search button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

#form-search > #error {
	display: none;
}

/* Основное меню */
.mega-menu * {
	margin: 0;
	padding: 0;
}

.mega-menu {
	display: block;
	position: relative;
	margin: 0 auto;
	height: 70px;
	float: left;
}

.mega-menu ul {
	list-style: none;
}

.mega-menu > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.without-search {
	-webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	        justify-content: end !important;
}

.mega-menu > ul > li {
	display: none;
}

.mega-menu a {
	padding: 0 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-decoration: none;
	-webkit-transition: all 0.3s 0.02s ease;
	-o-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.mega-menu > ul li a {
	padding: 24px 30px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #ffffff;
	height: 70px;
	cursor: auto;
}

.item-main-menu, .item-more {
	text-transform: uppercase;
	font-weight: 600;
	white-space: nowrap;
	word-spacing: 3px;
	line-height: 1.5;
}

.item-more {
	width: 70px;
	padding: 0 !important;
	justify-content: center;
	border-right: none !important;
}

.mega-menu li a:hover, .mega-menu li:hover > a {
	color: #ffffff;
}

.item-main-menu:hover, .mega-menu li:hover > .item-main-menu, .item-more-menu:hover, .mega-menu li:hover > .item-more {
	color: #ffffff;
	background: #333333;
	background: var(--dark-color, #333);
}

.mega-menu > ul > li > ul > li > ul > li a:hover > .amount, .mega-menu > ul > li > ul > li > ul > li a:hover > .amount_ {
	color: #ffffff;
	font-size: 11px;
	transition: all 0.3s ease;
}

.mega-menu > ul > li > ul {
	display: none;
	position: absolute;
	background: linear-gradient(var(--dark-color), var(--bg-sub-menu));
	padding: 10px;
	overflow-y: auto;
	max-height: calc(100vh - 120px);
	border: 1px solid var(--dark-color);
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
	text-align: center;
}

.mega-menu > ul > li > ul > li {
	width: 250px;
	display: inline-block;
	text-align: left;
	margin: 20px;
}

.mega-menu > ul > li > ul > li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: auto;
	padding: 0;
	cursor: auto;
}

.item-sub-menu {
	font-weight: 600;
}

.item-sub-menu i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 1.4em;
	padding: 10px;
}

.ico-for-empty {
	width: 39px;
}

.item-sub-menu span {
	line-height: 1.2;
}

.mega-menu > ul > li > ul > li > ul {
	display: block;
	list-style: none;
	padding: 0 0 0 35px;
}

.mega-menu > ul > li > ul > li > ul {
	display: block;
	list-style: none;
}

.mega-menu > ul > li > ul > li > ul > li {
	width: 100%;
}

.mega-menu > ul > li > ul > li > ul > li a {
	display: inline;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #dadada;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	line-height: 1.2;
	padding: 0 0 3px 0;
	cursor: pointer;
}

.mega-menu > ul > li > ul > li > ul > li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 5px;
}

.sub-items-user {
	padding: 15px 25px 15px 30px !important;
}

.sub-items-user span i {
	font-size: 14px;
	margin-right: 8px;
}

.for-item-link {
	display: table !important;
	width: 100%;
}

.for-item-name {
	display: table-cell;
}

.items-name-mobile {
	display: flex;
	align-items: center;
}

.items-name-mobile > i {
	font-size: 14px;
	margin-right: 8px;
}

.amount {
	display: table-cell;
	width: 30px;
	text-align: right;
	vertical-align: middle;
	color: #dadada;
	font-size: 10px;
}
.amount_ {
	display: table-cell;
	width: 30px;
	text-align: right;
	vertical-align: middle;
	color: var(--light-color);
	font-size: 10px;
}

/* Стилизация скролла Мега-меню для Firefox */
.mega-menu > ul > li > ul {
	scrollbar-width: thin;
	scrollbar-color: #dadada var(--dark-color);
}

/* Стилизация скролла Мега-мею для Chrome/Edge/Safari */
.mega-menu > ul > li > ul::-webkit-scrollbar {
	height: 7px;
	width: 7px;
}

.mega-menu > ul > li > ul::-webkit-scrollbar-track {
	background: #284357;
}

.mega-menu > ul > li > ul::-webkit-scrollbar-thumb {
	background-color: #dadada;
	border: 1px solid var(--dark-color);
}

/* media */
.mega-menu [type="checkbox"],
.mega-menu label.toggleSubmenu {
	display: none;
}

.mega-menu label.toggleMenu {
	display: none;
	cursor: pointer;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	width: auto;
	height: 70px;
	padding-left: 20px;
}

/* footer-menu */
.footer-menu-1 {
	position: absolute;
	width: 100%;
	height: 50px;
	margin-top: 35px;
	display: flex;
	align-items: center;
}

.footer-menu-1 ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

.footer-menu-1 li {
	list-style: none;
	text-align: center;
	left: -50%;
	position: relative;
	display: inline-block;
	padding: 0 15px 5px;
}

.footer-menu-1 li a {
	font-family: 'Open Sans', sans-serif;
	color: white;
	opacity: 0.7;
	font-size: 13px;
	text-transform: uppercase;
	transition: all 0.3s 0.02s ease;
}

.footer-menu-1 li a i {
	font-size: 20px;
	display: block;
	margin-bottom: 3px;
}

.footer-menu-1 li a:hover, .footer-menu-1 li:hover > a {
	opacity: 1;
}

.footer-line-1 {
	margin-top: 110px;
	background-image: linear-gradient(to right, transparent 20%, rgba(218, 218, 218,.1) 50%, transparent 80%);
}

.footer-menu-2 {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: center;
	text-align: center;
}

.footer-menu-2 ul {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0;
}

.footer-menu-2 li {
	list-style: none;
	text-align: center;
	left: -50%;
	position: relative;
	display: inline-block;
	margin: 0 20px;
}

.footer-menu-2 li a {
	height: 30px;
	display: flex;
	align-items: center;
	font-family: 'Open Sans', sans-serif;
	color: white;
	opacity: 0.7;
	font-size: 13px;
	text-transform: uppercase;
}

.footer-menu-2 li a i {
	font-size: 20px;
	display: block;
	margin-bottom: 3px;
}

.footer-menu-2 li a:hover, .footer-menu-2 li:hover > a {
	opacity: 1;
}

.footer-menu-2 li:after {
	display: block;
	content: "";
	background-color: rgb(218, 218, 218);
	height: 1px;
	width: 0;
	left: 50%;
	position: absolute;
	margin-top: -5px;
	transition: width .3s ease-in-out;
	transform: translateX(-50%);
}

.footer-menu-2 li:hover:after,
.footer-menu-2 li:focus:after {
	width: 100%;
}

.footer-line-2 {
	margin-top: 65px;
	background-image: linear-gradient(to right, transparent 5%, rgba(218, 218, 218,.1) 50%,transparent 95%);
}

/* accordion-menu */
.accordion-menu {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}

.accordion-menu ul {
	display: none;
	list-style: none;
	padding: 0;
	margin-bottom: -1px;
}

.accordion-menu ul li {
	margin: 1px 0;
}

.accordion-menu li {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.accordion-menu input[type=checkbox], .admin-menu-title input[type=checkbox] {
	position: absolute;
	opacity: 0;
}

.accordion-menu label, .accordion-menu a {
	color: #dadada;
	padding: 18px 15px;
}

.accordion-menu label:hover, .accordion-menu a:hover {
	background: var(--light-color);
	color: #fff;
}

.active-item-menu {
	background: var(--light-color);
	color: #fff !important;
}

.accordion-menu label, .admin-menu-title label span{
	transition: all 0.3s 0.02s ease;
}

.folder, .folder-2, .folder-3, .folder-category, .subscription, .my-works {
	display: table;
	width: 100%;
}

.folder:before {
	content: "\f07b";
	font-family: FontAwesome, sans-serif;
	display: table-cell;
	width: 25px;
	font-size: 16px;
	vertical-align: middle;
}

.folder-2:before {
	content: "\f003";
	font-family: FontAwesome, sans-serif;
	display: table-cell;
	width: 25px;
	font-size: 1.3em;
	vertical-align: middle;
}

.folder-3:before {
	content: "\35";
	font-family: myiconfont, sans-serif;
	display: table-cell;
	width: 25px;
	font-size: 1.3em;
	vertical-align: middle;
}

.folder-category:before {
	content: "\f0c9";
	font-family: FontAwesome, sans-serif;
	display: table-cell;
	width: 25px;
	font-size: 16px;
	vertical-align: middle;
}

.subscription:before {
	content: "\f046";
	font-family: FontAwesome, sans-serif;
	display: table-cell;
	width: 25px;
	font-size: 1.3em;
	vertical-align: middle;
}

.my-works {
	padding-left: 13px !important;
	position: relative;
}

.my-works:before {
	content: "\27";
	font-family: myiconfont, sans-serif;
	display: table-cell;
	width: 27px;
	font-size: 1.5em;
	vertical-align: middle;
	position: absolute;
	top: 15px;
	left: 9px;
	transform: rotate(-90deg);
}

.my-works > span {
	padding-left: 27px;
}

.folder:after, .folder-2:after, .folder-3:after, .folder-category:after, .subscription:after, .my-works:after {
	content: "\f105";
	font-family: FontAwesome, sans-serif;
	display: table-cell;
	width: 19px;
	height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s 0.02s ease;
}

.admin-title-label {
	display: table;
	width: 100%;
}

.admin-menu-title label {
	color: #dadada;
	padding: 0 15px 20px 15px;
	cursor: pointer;
}

.admin-menu-title label:hover, .admin-menu-title label:hover span {
	color: #fff;
}

.admin-title-label:after {
	content: "\f101";
	font-family: FontAwesome, sans-serif;
	display: table-cell;
	width: 19px;
	height: 19px;
	text-align: center;
	vertical-align: middle;
	transition: all 0.3s 0.02s ease;
}

.admin-menu-title {
	border-bottom: 1px solid #dadada;
	border-image: linear-gradient(to right, var(--dark-color) 6%, rgba(218, 218, 218, 0.2), var(--dark-color) 94%);
}

.admin-menu-title {
	border-image-slice: 1;
}

#accordion-advanced {
	display: none;
}

.accordion-menu input[type=checkbox]:checked + .folder:before {
	content: "\f07c";
}

.accordion-menu input[type=checkbox]:checked + .folder-2:before {
	content: "\f2b7";
}

.accordion-menu input[type=checkbox]:checked + .folder-3:before {
	content: "\34";
}

.accordion-menu input[type=checkbox]:checked + .folder-category:before {
	content: "\f0ca";
}

.accordion-menu input[type=checkbox]:checked + .my-works:before {
	top: 17px;
	left: 13px;
	transform: rotate(0deg);
}

.accordion-menu input[type=checkbox]:checked + .subscription:before {
	content: "\25";
	font-family: myiconfont, serif;
}

.title-user-menu {
	padding: 15px 20px 15px 15px !important;
}

.title-user-admin {
	padding: 15px 20px 15px 11px !important;
}

.title-user-admin > .gear {
	width: 40px;
	height: 40px;
}

.title-user-admin > span {
	font-weight: 600;
	margin-right: 5px;
	text-transform: uppercase;
}

.title-user-menu > .user-gear {
	width: 36px;
	height: 36px;
}

.title-user-menu > .title-user-cabinet-mobile {
	font-weight: 600;
	margin-right: 5px;
	text-transform: uppercase;
}

.title-user-menu > .user-cabinet-name {
	font-weight: bold;
}

.item-menu-exit {
	border: none !important;
}

.sub-item {
	cursor: pointer !important;
}

.folder-mobile:before {
	content: "\f07b";
	font-family: FontAwesome, serif;
	font-size: 18px;
	padding: 10px;
	width: 20px;
}

.folder-mobile-2:before {
	content: "\f003";
	font-family: FontAwesome, serif;
	font-size: 20px;
	padding: 10px;
	width: 20px;
}

.folder-mobile-3:before {
	content: "\35";
	font-family: myiconfont, sans-serif;
	font-size: 20px;
	padding: 10px;
	width: 20px;
}

.folder-category-mobile:before {
	content: "\f0c9";
	font-family: FontAwesome, sans-serif;
	font-size: 19px;
	padding: 10px;
	width: 20px;
}

.subscription-mobile:before {
	content: "\f046";
	font-family: FontAwesome, sans-serif;
	font-size: 20px;
	padding: 10px;
	width: 20px;
}

.my-works-mobile:before {
	content: "\27";
	font-family: myiconfont, sans-serif;
	font-size: 20px;
	padding: 10px;
	width: 20px;
	transform: rotate(-90deg);
}

.user-menus input[type=checkbox]:checked + .folder-mobile:before {
	content: "\f07c";
}

.user-menus input[type=checkbox]:checked + .folder-mobile-2:before {
	content: "\f2b7";
}

.user-menus input[type=checkbox]:checked + .folder-mobile-3:before {
	content: "\34";
}

.user-menus input[type=checkbox]:checked + .folder-category-mobile:before {
	content: "\f0ca";
}

.user-menus input[type=checkbox]:checked + .my-works-mobile:before {
	transform: rotate(0deg);
}

.user-menus input[type=checkbox]:checked + .subscription-mobile:before {
	content: "\25";
	font-family: myiconfont, sans-serif;
}

.accordion-menu input[type=checkbox]:checked + .folder:after,
.accordion-menu input[type=checkbox]:checked + .folder-2:after,
.accordion-menu input[type=checkbox]:checked + .folder-3:after,
.accordion-menu input[type=checkbox]:checked + .folder-category:after,
.accordion-menu input[type=checkbox]:checked + .subscription:after,
.accordion-menu input[type=checkbox]:checked + .my-works:after,
.admin-menu-title input[type=checkbox]:checked + .admin-title-label:after {
	transform: rotate(90deg);
}

.accordion-menu ul a {
	padding: 13px 20px;
}

.accordion-menu > li {
	border-bottom: 1px solid #dadada;
	border-image: linear-gradient(to right, var(--dark-color) 6%, rgba(218, 218, 218, 0.2), var(--dark-color) 94%);
}

.accordion-menu > li {
	border-image-slice: 1;
}

.accordion-menu > li > a, .accordion-menu > li > ul > li > a {
	display: table;
	width: 100%;
}

.accordion-menu > li > a > i {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	width: 25px;
}

.accordion-menu > li > a > span, .accordion-menu > li > label > span {
	display: table-cell;
	vertical-align: middle;
	font-weight: 600;
}

.accordion-menu > li > ul > li > a > i {
	display: table-cell;
	vertical-align: middle;
	width: 20px;
	font-size: 14px;
}

.accordion-menu > li > ul > li > a > span {
	display: table-cell;
	vertical-align: middle;
}

.count-items {
	text-align: right;
	font-size: 0.8em;
}

.accordion-menu > li > .active {
	background: var(--light-color);
	color: #fff !important;
}

/* Пункт Избранное */
.favorites-menu, .requests-menu, .notices-menu {
	padding-right: 20px !important;
}

.favorites-menu > .count-items, .requests-menu > .count-items, .notices-menu > .count-items {
	font-weight: normal;
}

.favorites-mobile, .requests-mobile, .notices-mobile {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	padding-right: 25px !important;
}

.favorites-mobile > .amount, .requests-mobile > .amount, .notices-mobile > .amount {
	margin-left: auto;
	color: white;
}

/* Элементы управления */
.container-menu {
	display: block;
	position: relative;
	width: auto;
	margin-bottom: 30px;
}

.edit-mode {
	display: block;
	position: relative;
	width: auto;
	margin: 30px 30px;
	z-index: 1;
}

.edit-mode-page {
	display: block;
	position: relative;
	width: auto;
	margin: 0 30px 30px 30px;
}

.nav-control {
	list-style: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;;
	color: #7a7a7a;
	margin: 0;
	padding: 0;
	display: block;
}

.nav-control li {
	display: inline-block;
	border-right: 1px solid transparent;
}

.nav-control li a {
	background: var(--light-color);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: white;
	transition: all 0.3s 0.02s ease;
	padding: 11px 30px;
	line-height: 41px;
}

.nav-control li a:hover {
	color: white !important;
	background: var(--dark-color);
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);
}

.nav-control li a:hover {
	color: #b54100;
}

.nav-control li a span {
	text-align: left;
	margin-left: 5px;
}

/* Обработка пунктов More */
#item-menu-more {
	display: none;
}

#menu-more {
	display: none;
	position: absolute;
	width: 230px !important;
	max-height: unset;
	left: unset !important;
	font-size: 14px;
	background: transparent;
	box-shadow: 0 10px 10px -10px rgba(85, 85, 85, 0.2);
	border: 1px solid #f0f0f0;
	overflow: unset;
	padding: 0;
}

#menu-more:before {
	content: '';
	display: block;
	position: absolute;
	top: -6px;
	left: 29px;
	right: 0;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}

.items-menu-more {
	margin: 0 !important;
	width: 228px !important;
	padding: 0 !important;
	position: relative;
}

#menu-more li a {
	display: flex;
	align-items: center;
	padding: 13px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	border: none;
	text-decoration: none;
	background: #fff;
	color: var(--light-color);
	cursor: pointer;
}

#menu-more li {
	border-top: 1px solid #f4f4f4;
}

#menu-more li:first-of-type {
	border-top: none;
}

.item-more-menu {
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	transition: all 0.3s 0.02s ease !important;
	cursor: auto !important;
}

.item-more-menu > i {
	font-size: 20px;
	margin-right: 10px;
}

#menu-more li a:hover, #menu-more li:hover > a {
	color: #ffffff !important;
	background: var(--dark-color) !important;
}

.submenu-item-more {
	display: none !important;
	position: absolute;
	top: -1px;
	left: -232px;
	width: 230px;
	padding: 0 !important;
	border: 1px solid #f0f0f0;
	box-shadow: 0 10px 10px -10px rgba(85, 85, 85, 0.2);
}

#menu-more li:hover > ul {
	display: block !important;
}

.submenu-item-more > .items-menu-more > .item-more-menu {
	text-transform: unset !important;
}

.submenu-item-more:before {
	content: '';
	display: block;
	position: absolute;
	top: 17px;
	right: -8px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	border-right: none;
}

.fadeMenu{
	animation-name: fadeMenu;
	animation-duration: 300ms;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}

@keyframes fadeMenu {
	0% {
		transform: scale(0.96);
		opacity: 0.0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Хлебные крошки */
.crumbs {
	margin: 30px;
}

.crumbs-user {
	display: none;
	margin: 0 0 30px 0;
}

.crumbs span {
	display: inline-block;
	position: relative;
	background: #f7f9f9;
	outline: 1px solid #ddd;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #7a7a7a;
	padding: 10px 10px 11px 18px;
	cursor: default;
}

.crumbs span:after {
	content: '';
	display: block;
	border: 17px solid transparent;
	border-left: 17px solid #f7f9f9;
	position: absolute;
	top: 0;
	right: -33px;
}

.crumbs span:before {
	content: '';
	display: block;
	border: 17px solid transparent;
	border-left: 17px solid #ddd;
	position: absolute;
	top: 0;
	right: -34px;
}

.crumbs-last {
	padding-right: 18px !important;
	background: #fff !important;
	color: var(--light-color) !important;
}

.crumbs-last-on {
	padding-right: 18px !important;
	background: var(--light-color) !important;
	outline-color: var(--light-color) !important;
	transition: all 0.3s 0.02s ease;
}

.crumbs-last:after, .crumbs-last:before, .crumbs-last-on:after, .crumbs-last-on:before {
	display: none !important;
}

.crumbs-last-on.crumbs-hover {
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

.crumbs-first {
	background: var(--light-color) !important;
	outline-color: var(--light-color) !important;
	padding-left: 13px !important;
	height: 34px;
}

.crumbs-link {
	color: white !important;
}

.crumbs-page-link {
	display: block;
	position: relative;
	color:  var(--light-color) !important;
}

.crumbs-page-link:hover {
	color:  #b54100 !important;
}

.crumbs-page-link:after {
	display: block;
	content: "";
	background-color: #b54100;
	height: 1px;
	width: 0;
	left: 50%;
	position: absolute;
	margin-top: 2px;
	transition: width .3s ease-in-out;
	transform: translateX(-50%);
}

.crumbs-page-link:hover:after {
	width: 100%;
}

.crumbs > .crumbs-first:after {
	display: none !important;
}

.crumbs > .crumbs-first:before {
	content: '';
	display: block;
	border: 17px solid transparent;
	border-left: 17px solid var(--light-color) !important;
	position: absolute;
	top: 0;
	right: -34px;
}

.crumbs-hover {
	background: var(--dark-color) !important;
	outline-color: var(--dark-color) !important;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
	transition: all 0.3s 0.02s ease;
}

.crumbs-hover > a {
	color: white !important;
}

.crumbs > .crumbs-hover:before {
	border-left: 17px solid var(--dark-color) !important;
	transition: all 0.3s 0.02s ease;
}

/* Хлебные крошки для страницы Поиск по содержанию */
.crumbs-search span {
	display: inline-block;
	position: relative;
	background: #fff;
	outline: 1px solid #ddd;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #7a7a7a;
	padding: 10px 10px 11px 18px;
	cursor: default;
}

.crumbs-search span:after {
	content: '';
	display: block;
	border: 17px solid transparent;
	border-left: 17px solid #fff;
	position: absolute;
	top: 0;
	right: -33px;
}

.crumbs-search span:before {
	content: '';
	display: block;
	border: 17px solid transparent;
	border-left: 17px solid #ddd;
	position: absolute;
	top: 0;
	right: -34px;
}

.crumbs-search-first {
	padding-left: 13px !important;
	height: 34px;
}

.crumbs-search-last {
	display: inline-block;
	position: relative;
	background: #fff;
	outline: 1px solid #ddd;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	padding: 10px 18px 11px 18px;
	cursor: pointer;
	background: var(--light-color) !important;
	outline-color: var(--light-color) !important;
	color: white;
	transition: all 0.3s 0.02s ease;
}

.crumbs-search-last:before, .crumbs-search-last:after {
	display: none !important;
}

.crumbs-search-last:hover {
	cursor: pointer;
	background: var(--dark-color) !important;
	outline-color: var(--dark-color) !important;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
	color: white;
}

.search-block {
	display: block;
	padding: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: #7a7a7a;
	text-align: left;
	background: #fff;
	box-shadow: 0 0 0 3px #f0f0f0;
	margin-bottom: 30px;
}

.search-block-body {
	font-size: 14px;
	line-height: 1.3;
	margin-top: 30px;
}

.block-header-page-search {
	display: block;
	position: relative;
	margin-bottom: 30px;
	z-index: 1;
}

/* ================================ animation.css ================================ */
#shop:hover i {
	animation-name: floating;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(-8%);
	}
	100% {
		transform: translateY(0%);
	}
}

.logo-inner-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 50%;
	background: rgba(255,255,255,.03);
	background: radial-gradient(transparent 0%,rgba(255,255,255,.02) 60%,rgba(255,255,255,.2) 100%);
	left: 0;
	transform: scale(.8);
	animation: inner-pulse 3s ease-in-out infinite;
}

@keyframes inner-pulse {
	from {
		transform: scale(.9);
	}
	50% {
		transform: scale(.7);
	}
	to {
		transform: scale(.9);
	}
}

.logo-inner-1.circle-one {
	left: 0;
	top: 0;
	animation: circle-rotate-one 3s linear infinite;
	border-bottom: 2px solid rgba(255,255,255,.3);
}

.logo-inner-1.circle-two {
	right: 0;
	top: 0;
	animation: circle-rotate-two 3s linear infinite;
	border-right: 2px solid rgba(255,255,255,.3);
}

.logo-inner-1.circle-three {
	right: 0;
	bottom: 0;
	animation: circle-rotate-three 3s linear infinite;
	border-top: 2px solid rgba(255,255,255,.3);
}

@keyframes circle-rotate-one {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes circle-rotate-two {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes circle-rotate-three {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

.link-for-google:hover, .link-for-app:hover {
	opacity: 1;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .5);
	animation-name: float-link-mobile;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@keyframes float-link-mobile {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(-6%);
	}
	100% {
		transform: translateY(0%);
	}
}

.fadeIn{
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}

@keyframes fadeIn {
	0% {
		        transform: scale(0);
		opacity: 0.0;
	}
	60% {
		        transform: scale(1.1);
	}
	80% {
		        transform: scale(0.9);
		opacity: 1;
	}
	100% {
		        transform: scale(1);
		opacity: 1;
	}
}

.slideUp{
	animation-name: slideUp;
	animation-duration: 3s;
	animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		        transform: translateY(100%);
	}
	50%{
		        transform: translateY(-8%);
	}
	65%{
		        transform: translateY(4%);
	}
	80%{
		        transform: translateY(-4%);
	}
	95%{
		        transform: translateY(2%);
	}
	100% {
		        transform: translateY(0%);
	}
}

.slideLeft{
	animation-name: slideLeft;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}

@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
	100% {
		transform: translateX(0%);
	}
}

.labelUp{
	animation-name: labelUp;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}

@keyframes labelUp {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

.slideDown_form{
	animation-name: slideDown_form;
	animation-duration: 1s;
	animation-timing-function: ease;
	visibility: visible !important;
}

@keyframes slideDown_form {
	0% {
		transform: translateY(100%);
	}

	100% {
		transform: translateY(0%);
	}
}

.fadeIn_form{
	animation-name: fadeIn_form;
	animation-duration: 500ms;
	animation-timing-function: ease-in-out;
	visibility: visible !important;
}

@keyframes fadeIn_form {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Статистика */
#form-stat-header {
	padding-bottom: 30px;
}

.title-form-1 {
	font-family: 'Segoe UI', sans-serif;
	font-size: 24px;
	color: #7a7a7a;
	padding-bottom: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.title-form-2 {
	font-family: 'Segoe UI', sans-serif;
	font-size: 22px;
	color: #7a7a7a;
	font-style: italic;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.table-stat {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
	font-family: 'Segoe UI', sans-serif;
	font-size: 12px;
	color: #7a7a7a;
}

.table-stat-row td {
	border-right: 1px solid #eaeaea;
	border-bottom: 2px solid #eaeaea;
	padding: 0;
	vertical-align: bottom;
}

.table-stat-row:first-child {
	border-left: 1px solid #eaeaea;
}

.table-stat-row td.even {
	background: linear-gradient(to top, rgba(240, 240, 240, 0.3), white);
}

.table-stat-day {
	height: 20px;
}

.bar-chart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: end;
}

.bar-chart1, .bar-chart2 {
	width: 33%;
	background: linear-gradient(to right, #4eb5e6, #fff, #4eb5e6);
	outline: 1px solid #4eb5e6;
	border-radius: 3px 3px 0 0;
	position: relative;
}

.bar-chart2 {
	background: linear-gradient(to left, #ff6c00, #fff, #ff6c00);
	outline: 1px solid #ff6c00;
}

.bar-chart1 > div, .bar-chart2 > div {
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	position: absolute;
	top: -5px;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

.bar-chart2 > div {
	left: 2px;
}

.label-stat {
	z-index: 1;
}

/* ================================ media.css ================================ */
@media screen and (min-width: 400px) {
	#reg, #pass {
		background-image: linear-gradient(to right, transparent, currentColor);
		background-position: 10px 100%;
		background-repeat: no-repeat;
		background-size: 0 1px;
	}

	#reg:hover, #pass:hover {
		background-size: 100% 1px;
	}
}

@media screen and (min-width: 260px) {
	#highlight, #highlight-content {
		background-image: linear-gradient(to right, transparent, currentColor);
		background-position: 10px 100%;
		background-repeat: no-repeat;
		background-size: 0 1px;
	}

	#highlight:hover, #highlight-content:hover {
		background-size: 100% 1px;
	}
}

@media screen and (max-width: 1280px) {
	.form-stat {
		width: 100%;
	}

	.table-stat-day > td > span {
		font-size: 10px;
	}

	.label-stat {
		font-size: 10px !important;
	}

	.bar-chart2 > div {
		left: 0;
	}
}

@media screen and (max-width: 1000px) {
	.cart-form, .ordering {
		width: 100%;
	}

	.title-form-1 {
		font-size: 18px;
	}

	.title-form-2 {
		font-size: 16px;
	}
}

@media screen and (max-width: 920px) {
	.table_user tr.even td {
		background: #fafafa;
	}

	.table_user tr:hover td {
		background: #fff;
	}

	.table_user {
		border: 0 !important;
		box-shadow: none !important;
	}

	.table_user thead {
		display: none;
	}

	.table_user tr {
		margin-bottom: 20px;
		display: block;
		border: 1px solid #e0e0e0;
		border-bottom: none;
		box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.2);
	}

	.table_user td {
		display: block;
		text-align: center !important;
		border-left: 0 !important;
	}

	.table_user tr:last-child {
		margin-bottom: 0;
	}

	.table_user tr:last-child td {
		border-bottom: 1px solid #e0e0e0;
	}

	.table_user td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		padding-right:10px;
	}

	.table_user .request-body {
		display: none;
		box-shadow: none;
	}
}

@media screen and (max-width: 830px) {
	.combo-body-reg {
		flex-direction: column;
	}

	.combo-2-reg {
		margin-left: unset;
		margin-top: 30px;
	}
}

@media screen and (max-width: 806px) {
	.form-body {
		width: 100%;
	}

	.hint-form:hover::after {
		transform: translateX(-80%) translateY(-8px) !important;
	}

	.table_menu tr.even td {
		background: #fafafa;
	}

	.table_menu tr:hover td {
		background: #fff;
	}

	.table_menu {
		border: 0 !important;
		box-shadow: none !important;
	}

	.table_menu thead {
		display: none;
	}

	.table_menu tr {
		margin-bottom: 20px;
		display: block;
		border: 1px solid #e0e0e0;
		border-bottom: none;
		box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.2);
	}

	.table_menu td {
		display: block;
		text-align: center !important;
		border-left: 0 !important;
	}

	.table_menu tr:last-child {
		margin-bottom: 0;
	}

	.table_menu tr:last-child td {
		border-bottom: 1px solid #e0e0e0;
	}

	.table_menu td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		padding-right: 10px;
	}

	.table_menu .request-body {
		display: none;
		box-shadow: none;
	}

	.request-body > td {
		margin-top: -30px;
		margin-bottom: 30px;
		border-left: 1px solid #e0e0e0 !important;
		border-right: 1px solid #e0e0e0;
		box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
	}

	.table-request tr {
		margin-bottom: 30px;
		box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
	}

	.table-request-body tr {
		margin-bottom: 20px;
		box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.1);
	}

	.bloc-footer-requests {
		margin-top: 0;
	}

	.feedback {
		width: 80%;
	}

	.block_footer {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.show-post-block1 {
		display: table-row;
		border-right: unset;
	}

	.show-post-date {
		border-bottom: 1px solid #e0e0e0;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.show-post-block2 {
		display: table-row;
	}

	.item-block-inner-cart {
		flex-direction: column;
	}

	.item-record-body-cart {
		padding-left: 0;
	}

	.img-cart {
		margin-bottom: 0 !important;
		margin-top: 45px;
	}

	.item-body-cart {
		flex-direction: column;
		align-items: start;
	}

	.item-block-title-cart {
		margin-right: 0;
	}

	.item-title-body-cart {
		margin-top: 30px;
	}

	.buttons-title-cart {
		position: absolute;
		top: 0;
		right: 0;
	}

	.counter-item-car {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: start;
		margin-left: 0;
	}
}

@media screen and (max-width: 650px) {
	.combo-body {
		flex-direction: column;
		text-align: center;
	}

	.combo-2 {
		margin-left: unset;
		margin-top: 30px;
	}
}

@media screen and (max-width: 625px) {
	.header-items {
		display: block;
		text-align: center;
	}

	.nav-control-items li a {
		display: flex;
		justify-content: center;
		line-height: unset;
		padding: 13px 30px;
	}

	#item-back {
		padding: 13px 30px !important;
	}

	.highlight-search {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 30px;
	}

	.highlight-search-page {
		margin: 0 0 0 20px;
	}

	#item-back > span {
		display: inline-block;
	}

	.cart-item-added {
		float: unset !important;
		display: flex !important;
		justify-content: center;
		margin-top: 30px;
	}

	.nav-control-items li {
		display: block;
		border-bottom: 1px solid transparent;
		text-align: center;
	}

	.choose-view {
		padding: 0;
	}

	.item-block-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.item-block-img {
		margin-bottom: 30px;
	}

	.item-block-img-new {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 30px;
	}

	.item-post-body-img {
		padding-left: 0;
	}

	.star-rating {
		float: none;
	}

	.item-record-body {
		padding-left: 0;
	}

	.buttons-item {
		position: relative;
		margin-top: 10px;
	}
}

@media screen and (max-width: 600px) {
	.images-item {
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.images-item-preview {
		-ms-grid-row-align: center;
		align-self: center;
	}

	.feedback {
		width: 100%;
	}
}

@media screen and (max-width: 570px) {
	.input-body {
		width: 100%;
	}
}

@media screen and (max-width: 555px) {
	.hint--top:hover::after {
		transform: translateX(-80%) translateY(-8px) !important;
	}
}

@media screen and (max-width: 520px) {
	.info-body {
		width: 100%;
	}
}

@media screen and (max-width: 510px) {
	.choose-image {
		display: inline-block;
		text-align: left;
		white-space: pre-line;
		margin-top: -30px;
	}

	#page-adm {
		height: 84px;
	}

	.nav-control li a {
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: unset;
		padding: 13px 30px;
	}

	.nav-control li {
		display: block;
		border-bottom: 1px solid transparent;
		text-align: center;
	}

	.post_comment_header {
		flex-direction: column;
		align-items: start;
		padding-bottom: 15px;
	}

	.post_comment_date {
		margin-left: 40px;
	}
}

@media screen and (max-width: 460px) {
	.block-doc {
		width: 100%;
		margin: 0;
		padding: 20px;
	}

	.price {
		flex-direction: column;
	}

	#for-unit, #for-price {
		width: 100%;
		padding: 0;
	}

	#for-price > label {
		left: 14px;
	}

	#for-price input:focus + label, #for-price input:not(:placeholder-shown) + label {
		left: 0;
	}
}

@media screen and (max-width: 400px) {
	.input-body {
		overflow: hidden;
	}

	.footer-menu-2 li:after {
		display: none;
	}

	.footer-menu-2 li a {
		height: unset;
		padding: 5px 0;
		line-height: 1.2;
	}


	.accept {
		padding: 0 !important;
	}

	.confirmation {
		display: none;
	}

	.choose-default {
		width: unset;
	}

	#reg, #pass {
		float: none;
	}

	#pass {
		margin-top: 10px;
	}
}

@media screen and (max-width: 390px) {
	.button-input, .button-form {
		padding: 10px 30px;
	}
}

@media screen and (max-width: 380px) {
	.nav-search {
		width: 100%;
		padding: 0 30px;
	}

	#item-back-page {
		padding: 13px 30px !important;
	}

	#item-back-page > span {
		display: inline-block;
	}

	.header-page-search {
		flex-direction: column;
		margin: 0 0 30px 0;
	}

	.highlight-search-page {
		margin: 30px 0 0 0;
	}
}

@media screen and (max-width: 375px) {
	.choose-default > span > i {
		display: none;
	}
}

@media screen and (max-width: 360px) {
	.Button1 {
		margin-top: 15px;
		width: 165px;
	}

	#upload, .file-upload {
		width: 150px;
	}
}

@media screen and (max-width: 355px) {
	#choose-search {
		margin-top: 0;
		white-space: pre-line;
	}
}

@media screen and (max-width: 350px) {
	.button-message {
		padding: 10px 30px;
	}
}

@media screen and (max-width: 340px) {
	.radio-1, .radio-2 {
		display: block;
	}

	.radio-1 {
		margin-bottom: 20px;
	}

	#page-adm {
		height: 41px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (max-width: 300px) {
	.contact-phone {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.img-phone {
		margin-bottom: 10px;
	}
}

.empty-subcategory {
	cursor: pointer !important;
}

.disable-selection {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}
