global

.none, system_vars {
	display: none;
}
anchor {
	display: inline-block;
	padding-top: 155px;
	margin-top: -155px;
}
.center {
	text-align: center;
}
.table {
    display: table;
	width: 100%;
}
.tr {
    display: table-row;
}
.th {
    background-color: var(--neutral-200);
    display: table-header-group;
}
.td {
    display: table-cell;
    padding: 2px 2px;
    vertical-align: middle;
}
.td_top {
    display: table-cell;
    padding: 2px 2px;
    vertical-align: top;
}
.td_top_50 {
    display: table-cell;
    padding: 2px 2px;
    vertical-align: top;
	width: 50%;
}
#captcha {
	background: url("/img/reCaptcha.png") no-repeat;
	width: 80px;
	height: 50px;
}
.ok_work {
	/* border: 1px solid #85BF87;
	background: #9EE2A1; */
	border: 1px solid var(--success-secondary);
	background: var(--success-primary);
	margin: 10px 0 20px 0;
	padding: 15px 10px 15px 10px;
	color: var(--neutral-500);
	font-size: 16px;
}
.not_work {
	border: 1px solid #6691FF;
	background: #D6E1FF;
	margin: 10px 0 20px 0;
	padding: 15px 10px 15px 10px;
	color: var(--neutral-500);
	font-size: 16px;
}
.error_input {
	/* background: #E26A72; */
	background: var(--error-primary);
}
.error_input::placeholder {
	color: var(--neutral-white);
}
.error_input_box {
	position: absolute;
	display: none;
	background: var(--neutral-white);
	border-radius: 10px;
	min-width: 70px;
	margin: -30px 0 0 0;
	padding: 10px;
	z-index: 98;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.error_input_box:before {
	content: "";
	position: absolute;
	top: -20px;
	border: 10px solid transparent;
	border-bottom: 10px solid var(--neutral-white);
}
.error_input_box > span {
	display: inline-block;
	vertical-align: middle;
}
.left_line_box {
	border-left: 1px solid var(--brand-accent-primary);
	padding-left: 15px;
}
.right_line {
	border-right: 2px solid var(--neutral-300);
}
.nobr {
	white-space: nowrap;
}
.close_layer {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	cursor: pointer;
}
.flex_box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
.inline_blocks {
	width: 100%;
}
.inline_blocks * {
	display: inline-block;
	margin: 0 2px 0 2px;
}
.inline_blocks *:first-child {
	margin: 0 2px 0 0;
}
.inline_blocks *:last-child {
	margin: 0 0 0 2px;
}
.checked_icon {
	display: inline-block;
	min-width: 45px;
	min-height: 35px;
	padding: 5px 0 0 50px;
	background: url("/img/checked_icon.png") no-repeat;
}
.quote_box {
	display: inline-block;
	position: relative;
	padding: 0 20px 0 20px;
}
.quote_box:before, .quote_box:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("/img/quote.png") no-repeat;
}
.quote_box:bafore {
	left: 0;
	top: 0;
}
.quote_box:after {
	right: 0;
	bottom: 0;
}

label.checkbox, label.radio {
	display: block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 5px 0 5px 0;
	white-space: nowrap;
}
label.checkbox input[type="checkbox"], label.radio input[type="radio"] {
	display:none;
}
label.checkbox span.ind {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 15px;
	height: 15px;
	border: 1px solid var(--brand-accent-primary);
	text-align: center;
	margin: 0 5px 0 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
label.radio span.ind {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 15px;
	height: 15px;
	border: 1px solid var(--brand-accent-primary);
	border-radius: 50%;
	text-align: center;
	margin: 0 5px 0 0;
	transition: 0.5s;
    -webkit-transition: 0.3s;
}
label.radio span.txt, label.checkbox span.txt {
	display: inline-block;
	padding: 0 0 0 5px;
	color: var(--neutral-300);
	white-space: pre-wrap;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
label.radio input[type="radio"]:checked ~ span.txt, label.radio span.txt:hover, label.checkbox input[type="checkbox"]:checked ~ span.txt, label.checkbox:hover span.txt {
	color: var(--brand-primary);
}
label.checkbox:hover span.ind, label.radio:hover span.ind {
	background: var(--neutral-200);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	transform: scale(1.2);
}
label.checkbox input[type="checkbox"]:checked + span.ind:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/img/checked.png") no-repeat;
	background-position: center;
}
label.radio input[type="radio"]:checked + span.ind:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/img/checked.png") no-repeat;
	background-position: center;
}
label.checkbox input[type="checkbox"]:checked + span.ind, label.radio input[type="radio"]:checked + span.ind {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	transform: scale(1.1);
}
label.input {
	display: block;
	text-align: left;
}
label.input > input {
	padding: 10px 0 10px 0;
}
label.input > span {
	color: var(--neutral-300);
	font-size: 15px;
	font-weight: bold;
	display: block;
}
req {
	color: var(--brand-primary);
}
req:after {
	content: "*";
	color: var(--brand-accent-primary);
	margin: 0 5px 0 5px;
}
.global_steps {
	list-style: none;
	counter-reset:li;
    margin: 0;
    padding: 0;
}
.global_steps > li {
	position: relative;
	display: inline-block;
	cursor: pointer;
    margin: 0 50px 10px 0;
	min-width: 100px;
	font-size: 15px;
	color: var(--neutral-300);
	padding: 9px 20px 10px 45px;
	background: var(--neutral-white);
	text-align: center;
	white-space: nowrap;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.global_steps > li:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
}
.global_steps > li:first-child {
	margin: 0 50px 10px 0;
}
.global_steps > li:before {
	content: counter(li);
	counter-increment: li;
	position:absolute;
	left: 5px;
	width: 30px;
	margin: -4px 0 0 0;
	padding: 5px 0 5px 0;
	border-radius: 50%;
	color: var(--neutral-white);
	background: var(--neutral-300);
	font-weight: bold;
	text-align: center;
}
.global_steps > li:after {
	content: "";
    width: 0;
    position: absolute;
    top: 0;
    right: -18px;
    bottom: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 18px solid var(--neutral-white);
    border-bottom: 18px solid transparent;
}
.global_step_select {
	background: var(--brand-accent-primary) !important;
	color: var(--neutral-white) !important;
}
.global_step_select:before {
	background: var(--neutral-white) !important;
	color: var(--brand-accent-primary) !important;
}
.global_step_select:after {
	border-left: 18px solid var(--brand-accent-primary) !important;
}
.global_step_ok {
	background: var(--neutral-300) !important;
	color: var(--neutral-white) !important;
}
.global_step_ok:before {
	content: "ok" !important;
	background: var(--neutral-white) !important;
	color: var(--neutral-300) !important;
}
.global_step_ok:after {
	border-left: 18px solid var(--neutral-300) !important;
}
.result_items, .result_cats {
	position: relative;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
	z-index: 0;
	margin-top: 15px;
}
.loader_page {
	width: 100%;
	height: 70px;
	position: relative;
}
.loader, .loader_page:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("/img/loader.gif") no-repeat;
	background-position: center;
	background-size: 70px;
}
.list_1 li {
	list-style-type: none;
	padding: 10px 0 10px 10px;
}
.list_1 li:before {
	display: inline-block;
	content: " ";
	background: url(/img/rh.png) no-repeat;
	width: 12px;
	height: 12px;
	padding: 0 10px 0 0;
}
.wnd_bkgr {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	background: rgba(0,0,0,0.3);
	-webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	cursor: pointer;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	overflow: auto;
}
.wnd_bkgr:before {
	content: "X";
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	z-index: 1;
	color: var(--neutral-white);
	font-weight: bold;
	font-size: 25px;
	box-shadow: 0px 0px 17px 15px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}

/* blocks about */
.about_blocks {
	text-align: center;
	margin: 50px 0 50px 0;
}
.about_block {
	display: inline-block;
	min-height: 80px;
	background-position: left center;
	margin: 15px;
	text-align: left;
	vertical-align: top;
	transition: 0.3s;
}
.about_block > span {
	display: block;
	width: 100px;
}
.about_block > span:first-child {
	font-size: 15px;
	font-weight: bold;
}
.about_block > span:last-child {
	margin: 10px 0 0 0;
	font-size: 13px;
	color: var(--neutral-400);
}
.about_block_ico_1 {
	background: url("/img/icos/geo.png") no-repeat;
	padding: 0 0 0 80px;
}
.about_block_ico_2 {
	background: url("/img/icos/asort.png") no-repeat;
	padding: 0 0 0 95px;
}
.about_block_ico_3 {
	background: url("/img/icos/predp.png") no-repeat;
	padding: 0 0 0 95px;
}
.about_block_ico_4 {
	background: url("/img/icos/dost.png") no-repeat;
	padding: 0 0 0 95px;
}
.about_block:hover {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
}

/* yandex search */

#ya-site-results {
    color: var(--brand-primary)000;
    background: transparent;
}
.ya-site-form__submit {
	display: inline-block;
	cursor: pointer;
    padding: 10.5px 5px;
    border: 2px solid var(--brand-accent-secondary);
    border-radius: 15px 0 15px 0;
    text-align: center;
    background: var(--neutral-white);
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
.ya-site-form__submit:hover {
	background: var(--neutral-300);
}

.search_block_box {
	display: block;
	position: absolute;
	width: 25%;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
	z-index: 100;
	white-space: nowrap;
}
.search_block_box input {
	display: inline-block;
	margin: 0;
}
.search_block_box input[type="submit"] {
	margin: 0 0 0 -35px;
}
/* pagination */
.paginator_block {
	margin: 10px;
}
.paginator_list {
	margin: 0;
    padding: 4px;
}
.paginator_list > li {
	display: inline;
}
.paginator_item {
	display: inline-block;
	background: var(--neutral-white);
	padding: 10px 15px 10px 15px;
	font-size: 18px;
	color: var(--neutral-500);
	transition: 0.3s;
}
.paginator_item:hover, .paginator_list > li > .selected {
	background: var(--brand-accent-primary);
	color: var(--neutral-white);
}
.paginator_list > li:first-child > .paginator_item {
	border-radius: 7px 0 0 7px;
}
.paginator_list > li:first-child > .paginator_first:before {
	content: "\2039";
}
.paginator_list > li:last-child > .paginator_item {
	border-radius: 0 7px 7px 0;
}
.paginator_list > li:last-child > .paginator_last:before {
	content: "\203A";
}


/* blocks */
.parent {
	min-width: 375px;
	max-width: 1080px;
	margin: 0 auto;
	padding-top: 160px;
}


.block_down_buttons {
	margin: 35px 0 35px 0;
	text-align: center;
}
.block_infos {
	display: block;
	margin-left: 0;
    padding-left: 0;
	color: var(--neutral-500);
}
.block_infos > li {
	list-style-type: none;
	margin: 20px 0 0 0;
}
.block_infos > li > a, .block_infos > li > label {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 20px 30px 20px 30px;
	font-size: 18px;
	text-align: left;
	border-radius: 15px 15px 0 0;
	background: var(--neutral-white);
	color: var(--brand-primary);
	border-bottom: 2px solid var(--neutral-500);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.block_infos > li > label:after {
	content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
	bottom: 10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--brand-accent-primary);
    border-right: 2px solid var(--brand-accent-primary);
    margin: 0px 0 -3px 0;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.block_infos > li > label:hover {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.block_infos > li > input {
	display: none;
}
.block_infos > li > input:checked ~ .des {
	display: block;
}
.block_infos > li > input:checked ~ label, .block_infos > li > input:checked ~ .des {
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
}
.block_infos > li > input:checked ~ .des {
	border-top: 2px dotted var(--neutral-500);
}
.block_infos > li > label.c span:first-child {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 15px;
	height: 15px;
	border: 1px solid var(--brand-accent-primary);
	text-align: center;
	margin: 0 5px 0 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.block_infos > li > label.r span.ind {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 15px;
	height: 15px;
	border: 1px solid var(--brand-accent-primary);
	border-radius: 50%;
	text-align: center;
	margin: 0 5px 0 0;
	transition: 0.5s;
    -webkit-transition: 0.5s;
}
.block_infos > li > label.r span.txt {
	display: inline-block;
	padding: 0 0 0 5px;
	color: var(--neutral-300);
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.block_infos > li input[type="radio"]:checked ~ label.r > span.txt, .block_infos > li > label.r span.txt:hover {
	color: var(--brand-primary);
}
.block_infos > li > label.c:hover span, .block_infos > li > label.r:hover span.ind {
	background: var(--neutral-200);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.block_infos > li > input[type="checkbox"]:checked + label.c > span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/img/checked.png") no-repeat;
	background-position: center;
}
.block_infos > li > input[type="radio"]:checked + label.r > span.ind:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/img/checked.png") no-repeat;
	background-position: center;
}
.block_infos > li > label.c input[type="checkbox"]:checked + span, .block_infos > li > label.r input[type="radio"]:checked + span.ind {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}



.block_infos > li div.des {
	display: none;
	position: relative;
	padding: 20px 30px 20px 30px;
	font-size: 18px;
	text-align: left;
	background: var(--neutral-white);
	border-bottom: 2px solid var(--neutral-500);
}
.block_infos > li div.des:after {
	content: "";
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--brand-accent-primary);
    border-right: 2px solid var(--brand-accent-primary);
    margin: 0px 0 -3px 0;
    transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.global_contact_us {
	position: absolute;
	left: 0;
	width: 100%;
	background: var(--brand-accent-secondary);
	color: var(--neutral-white);
	text-align: center;
	padding: 20px 0 20px 0;
	cursor: auto;
}
.global_contact_us > div {
	padding: 0 10px 0 10px;
}

/*  fonts */
.f-blue { color: var(--brand-accent-secondary); }
.f-gray { color: var(--neutral-400); }
.f-gray_2 { color: var(--neutral-500); }
.f-black { color: var(--brand-primary); }
.f-white { color: var(--neutral-200); }
.f-red { color: #ff0000; }
.f-orange { color: var(--brand-accent-primary); }
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f19 { font-size: 19px; }
.f20 { font-size: 20px; }
.f21 { font-size: 21px; }
.f22 { font-size: 22px; }
.f23 { font-size: 23px; }
.f24 { font-size: 24px; }
.f25 { font-size: 25px; }
.f26 { font-size: 26px; }
.f27 { font-size: 27px; }
.f28 { font-size: 28px; }
.f29 { font-size: 29px; }
.f30 { font-size: 30px; }
.f-bold { font-weight: bold; }
.f-left { text-align: left; }
.f-right { text-align: right; }
.left_f { float: left; }
.right_f { float: right; }
.t_minute {
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 0 3px;
}
.info_des {
	color: var(--neutral-500);
	font-size: 14px;
	margin: 7px 0 15px 0;
}
.info_des2 {
	display: inline-block;
	color: var(--neutral-white);
	font-size: 14px;
	margin: 7px 0 7px 0;
}
.down_des > * {
	margin: 0 10px 0 10px;
}
.login_head {
	position: relative;
	font-size: 18px;
	margin: 7px 0 7px 0;
	z-index: 101;
}
.login_head > a {
	margin: 0 0 0 30px;
	color: var(--brand-primary);
}
.inline {
	display: inline-block;
	vertical-align: bottom;
}

/* objects */

.head_info {
	display: inline-block;
	text-align: right;
	white-space: nowrap;
}
.head_info > * {
	display: inline-block;
}
.head_info_lang {
	display: inline-block;
}
.head_lang {
	display: inline-block;
	background: url("/img/lang.png") no-repeat;
	background-position: left;
	background-size: contain;
	font-size: 17px;
	color: var(--brand-accent-secondary);
	font-weight: bold;
	padding-left: 24px;
	min-width: 20px;
	min-height: 20px;
}
.head_search {
	display: inline-block;
	background: url("/img/search.png") no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: top;
	min-width: 20px;
	min-height: 20px;
	margin-left: 20px;
}
.user_box {
	display: inline-block;
	margin: 0 0 0 20px;
	position: relative;
}
.user_menu, .basket_menu {
	display: none;
	position: absolute;
	top: 35px;
	z-index: 5;
	border-radius: 10px;
	border: 1px solid var(--neutral-300);
	background: var(--neutral-white);
	min-width: 100px;
	min-height: 60px;
	text-align: center;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}
.user_menu:after, .basket_menu:after {
	content: "";
    position: absolute;
    top: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid var(--neutral-white);
	right: 15px;
}
.user_menu > span, .basket_menu > span {
	position: relative;
	display: inline-block;
    padding: 10px;
}
.basket_menu > span .table {
	position: relative;
}
.user_menu_title {
	max-width: 200px;
	text-align: center;
	text-wrap: balance;
	font-weight: bold;
	min-height: 20px;
	margin: 0 0 10px 0;
}
.user_menu_btn {
	display: block;
    width: 200px;
	padding: 5px;
    background: var(--neutral-100);
    border-radius: 10px;
	border: 0;
    color: var(--brand-primary);
    font-size: 18px;
	cursor: pointer;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	margin: 5px 0 5px 0;
}
.user_menu_btn:after {
	content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid var(--neutral-500);
    border-right: 2px solid var(--neutral-500);
    margin: 0px 0 -1px 0;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.user_menu_btn:hover{
	color: var(--brand-accent-primary);
}
.user_menu_link {
	display: block;
	color: var(--brand-primary);
}
.basket_menu_line {
	position: absolute;
	width: 100%;
	border-bottom: 1px dotted var(--neutral-300);
}
.basket_menu_line:last-child {
	border: none;
}
.basket_menu_tb_name {
	text-align: left;
	padding: 5px 0 5px 0;
	width: 80%;
}
.basket_menu_tb_name > a {
	color: var(--neutral-500);
}
.basket_menu_tb_num {
	text-align: left;
	padding: 0 10px 0 10px;
	color: var(--neutral-500);
}
.basket_menu_tb_price {
	color: var(--brand-accent-primary);
	text-align: left;
}
.basket_menu_tb_price:after {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 3px;
	width: 15px;
	height: 15px;
	background: url("/img/rur.png") no-repeat;
    background-size: contain;
}
.basket_menu_buttons {
	margin: 20px 0 0 0;
}
.basket_menu_buttons > a {
	margin: 0 10px 0 10px;
}
.basket_box {
	display: inline-block;
	margin: 0 0 0 30px;
	position: relative;
}
.basket {
	display: inline-block;
	position: relative;
	min-width: 20px;
	min-height: 20px;
	font-size: 17px;
	color: var(--brand-primary);
	font-weight: bold;
	padding: 0 0 0 45px;
	z-index: 10;
}
.basket > span {
	display: block;
	position: absolute;
	text-align: center;
	color: var(--neutral-white);
	font-size: 13px;
	font-weight: bold;
    top: -20px;
    left: 25px;
	width: 20px;
	height: 17px;
	padding: 2px 0 0 0;
	background: var(--brand-accent-secondary);
	border-radius: 50%;
	z-index: 1;
}
.basket:before {
	content: "";
	position: absolute;
	left: 0;
	top: -12px;
	width: 40px;
	height: 40px;
	background: url("/img/basket.png") no-repeat;
	background-position: left;
	background-size: contain;
}
.user:hover, .basket:hover {
	color: var(--neutral-white);
}
.effect_add_basket {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
.basket_info_box_title {
	color: var(--neutral-400);
	padding: 5px;
	border-bottom: 1px dotted var(--neutral-300);
}
.basket_info_box {
	position: absolute;
	right: 0;
	top: 45px;
	min-width: 70px;
	min-height: 50px;
	border: 1px solid var(--neutral-300);
	border-radius: 10px;
	background: var(--neutral-white);
	padding: 5px;
	z-index: 1;
	text-align: left;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}
.basket_info_box_data {
	display: inline-block;
	text-align: left;
	list-style: none;
	padding: 0;
}
.basket_info_box_data > li:before {
	content: "+";
	color: #007F0E;
}
.basket_info_box > span {
	display: block;
	text-align: center;
}
.phone {
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
	margin-right: 25px;
	font-size: 17px;
	color: var(--neutral-white);
	font-weight: bold;
}

.mail {
	display: inline-block;
	min-width: 20px;
	min-height: 20px;
	font-size: 17px;
	margin-right: 55px;
	color: var(--neutral-white);
	font-weight: bold;
}
.mail_top {
	display: inline-block;
	background: url("/img/mail_2.png") no-repeat;
	background-position: left;
	background-size: contain;
	min-width: 20px;
	min-height: 20px;
	font-size: 17px;
	color: var(--neutral-white);
	font-weight: bold;
	padding-left: 24px;
	margin-left: 20px;
}
.text_line {
	border-bottom: 1px solid var(--brand-accent-primary);
}
.title {
	display: inline-block;
	color: var(--brand-primary);
	font-size: 18px;
	font-weight: bold;
	padding: 0 15px 0 0;
	border-bottom: 2px solid var(--brand-accent-primary);
}
.title2 {
	display: inline-block;
	color: var(--neutral-500);
	font-size: 21px;
	font-weight: bold;
}
.title3 {
	display: inline-block;
	color: var(--brand-primary);
	font-size: 19px;
	font-weight: 400;
}
.title4 {
	display: inline-block;
	color: var(--brand-primary);
	font-size: 25px;
	margin: 0;
}

.text {
	color: var(--neutral-500);
	font-size: 16px;
	line-height: 1.5;
}
.left_line {
	margin-left: 15px;
	position:relative;
}
.left_line:before {
	content: "";
    position: absolute;
    border-left: 2px solid var(--brand-accent-primary);
    width: 2px;
    height: 100%;
    margin: 0px 0 0 -15px;
}
.down_line {
	position: relative;
	margin: 20px 0px 20px 0;
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(to right, var(--brand-accent-secondary) , var(--neutral-white));
	border-image: -webkit-gradient(linear, left top, left right, from(var(--brand-accent-secondary)) , to(var(--neutral-white)));
	border-image-slice: 1;
}
.down_line:after {
	content: "";
	position: absolute;
	width: 9px;
    height: 9px;
    background: var(--brand-accent-secondary);
	left: 0;
	top: -1.6px;
	/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.column {
	-webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}
.box_reg {
	text-align: left;
	/* padding: 10px 30px 10px 30px; */
}
.box_login {
	display: inline-block;
	text-align: left;
    position: relative;
	width: 100%;
	min-width: 250px;
    max-width: 350px;
    min-height: 375px;
    margin: 10px 20px 60px 20px;
    border-radius: 15px;
	border: 1px solid var(--neutral-300);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
    background: var(--neutral-white);
}
.box_login_top {
	width: 100%;
    text-align: center;
    padding: 15px 0 15px 0;
    background: var(--neutral-100);
    border-radius: 15px 15px 0 0;
}
.box_login_top_box {
	text-align: left;
	padding: 0 10px 0 10px;
}
.box_login_btn {
	text-align: right;
	margin: 30px 10px 10px 10px;
}
.box_login_repass {
	display: inline-block;
	margin: 10px 0 0 10px;
	color: var(--neutral-300);
	border-bottom: 1px solid var(--neutral-300);
}
.box_login_repass:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--neutral-300);
	border-right: 2px solid var(--neutral-300);
	margin: 2px 0 0 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.box_form {
	background: var(--neutral-white);
    text-align: center;
    width: 100%;
    padding: 10px;
}
.map_box {
	position: absolute;
	left: 0;
	width: 100%;
	min-height: 100px;
	background-size: auto;
	background-position: center;
}
.box_def {
	background: var(--neutral-white);
	padding: 15px 25px 15px 25px;
}
.info_box {
	display: inline-block;
	width: 300px;
	padding: 30px 70px 30px 70px;
    border-radius: 15px 0 15px 0;
	text-align: left;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	background: url("/img/triangle.png") no-repeat;
	background-position-x: 95%;
	background-position-y: 15px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.info_box:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	text-decoration: none;
}
.info_box_2 {
	padding: 10px 70px 30px 70px;
    border-radius: 15px 0 15px 0;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	background: var(--neutral-white);
}
.info_box_3 {
	border: 2px solid var(--neutral-200);
	width: 95%;
    margin: 15px 0 15px 0;
    font-size: 18px;
    padding: 15px 0 15px 15px;
	background: var(--neutral-white);
}
.info_box_4 {
	position: relative;
	padding: 10px 70px 30px 70px;
    border-radius: 15px 0 15px 0;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	min-height: 150px;
	background: var(--neutral-white);
}
.info_box_4:before {
	position: absolute;
	right: 0;
	top: -50px;
	background: url("/img/home_romb_top.png") no-repeat;
	content: "";
	width: 228px;
	height: 50px;
}
.info_box_4:after {
	position: absolute;
	left: 0;
	bottom: -50px;
	background: url("/img/home_romb_bottom.png") no-repeat;
	background-position: left top -30px;
	content: "";
	width: 228px;
	height: 50px;
}
.info_box_5 {
	width: 100%;
	border-top: 2px solid var(--neutral-200);
	border-bottom: 2px solid var(--neutral-200);
}
.info_box_5_box:first-child .info_box_5_box_left_1 {
	border-radius: 15px 0 0 0;
}
.info_box_5_box {
	display: table;
	width: 100%;
	height: 300px;
	color: var(--neutral-500);
}
.info_box_5_box_left_1 {
	display: table-cell;
	width: 30%;
	background: var(--brand-accent-secondary);
	vertical-align: middle;
	text-align: center;
	color: var(--neutral-white);
	font-size: 16px;
	padding: 0 30px 0 30px;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
	line-height: 1.5;
}
.info_box_5_box_right_1 {
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	text-align: left;
	padding: 5px 40px 5px 40px;
	border-right: 2px solid var(--brand-accent-secondary);
	font-size: 17px;
	font-weight: bold;
}
.info_box_5_box_left_2 {
	display: table-cell;
	width: 30%;
	vertical-align: bottom;
	text-align: right;
	padding: 0 20px 50px 0;
}
.info_box_5_box_right_2 {
	display: table-cell;
	width: 70%;
	text-align: center;
}


.album_block_images {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	max-width: 100%;
	height: 100%;
}
.album_block_images_show {
	margin: 40px 0 40px 0;
	border: 2px solid var(--neutral-200);
	border-radius: 15px 0 15px 0;
}
.album_block_images_show:before {
	position: absolute;
	right: 0;
	top: -52px;
	background: url("/img/home_romb_top.png") no-repeat;
	content: "";
	width: 228px;
	height: 50px;
}
.album_block_images_show:after {
	position: absolute;
	left: 0;
	bottom: -52px;
	background: url("/img/home_romb_bottom.png") no-repeat;
	background-position: left -30px;
	content: "";
	width: 228px;
	height: 50px;
}
.photos_navigation {
	width: 100%;
}
.news_navigation {
	width: 100%;
	height: 28px;
	text-align: right;
	margin: -55px 0 30px 0;
}
.navigation_left {
	display: inline-block;
	border: 15px solid transparent;
	border-right: 15px solid var(--brand-accent-secondary);
	width: 10px;
	margin: 0 3px 0 0;
}
.navigation_left:hover {
	border-right: 15px solid var(--neutral-400);
}
.navigation_right:hover {
	border-left: 15px solid var(--neutral-400);
}
.navigation_left_selected {
	border-right: 15px solid var(--neutral-400);
}
.navigation_right {
	display: inline-block;
	border: 15px solid transparent;
	border-left: 15px solid var(--brand-accent-secondary);
	width: 10px;
	margin: 0 0 0 3px;
}
.navigation_pr {
	display: inline-block;
	border: 2px solid var(--neutral-200);
	margin: 0 3px 0 3px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.navigation_pr:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}
.navigation_pr_select {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.3);

}
.navigation_pr_2 {
	display: block;
	margin: 0 3px 0 3px;
	width: 90%;
	color: var(--neutral-500);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.navigation_pr_2:visited {
	text-decoration: none;
	color: var(--neutral-500);
}
.navigation_pr_2:hover {
	text-decoration: none;
	color: var(--brand-accent-secondary);
}
.news_block_images div, .album_block_images div {
	display: none;
	position: relative;
}
.album_block_images div img {
	width: 100%;
}
.exemple_block_image {
	position: relative;
}
.exemple_block_image img {
	display: block;
	width: 100%;
	border-radius: 15px 0 15px 0;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
}
.exemple_block_image .photo_des_text, .news_block_images div div.photo_des_text, .album_block_images_show div div.photo_des_text {
	position: absolute;
	display: none;
	width: 100%;
	min-height: 50px;
	background: rgba(0,0,0,0.5);
	bottom: 0;
	border-radius: 15px 0 15px 0;
}
.exemple_block_image .photo_des_text, .news_block_images div:first-child div.photo_des_text, .album_block_images_show div:first-child div.photo_des_text {
	display: block;
}
.photo_des_text:before {
	content: "X";
	color: var(--neutral-white);
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
}
.photo_des_text span {
	display: block;
	padding: 15px 30px 15px 30px;
	color: var(--neutral-white);
}
div.photo_des_text_show {
	position: absolute;
	display: block;
	right: 0;
	width: 100%;
	height: 15px;
	background: rgba(0,0,0,0.5);
	text-align: center;
	color: var(--neutral-white);
	bottom: 0;
	cursor: pointer;
	border-radius: 15px 0 15px 0;
}
div.photo_des_text_show:hover {
	background: rgba(0,0,0,0.6);
}
.news_block_images div img, .album_block_images_show div img {
	width: 100%;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	border-radius: 15px 0 15px 0;
	cursor: pointer;
	background: url("/img/loader.gif") no-repeat;
	background-position: center;
}

.news_block_images div:first-child, .album_block_images div:first-child {
	display: inline-block;
}
.arrow_down {
	padding-bottom: 30px;
	background: url("/img/arrow_down.png") no-repeat;
	background-position: bottom center;
}
.full_blue_line {
	position: absolute;
	left: 0;
	margin: 85px 0 0 0;
	width: 100%;
	height: 120px;
	background: var(--brand-accent-secondary);
	z-index: -20;
	box-shadow: 0px 10px 25px rgba(0,0,0,0.3);
}
.block_boxes {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-direction: row;
    flex-direction: row;
}
.block_boxes_2 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.block_boxes_3 {
	display: block;
	text-align: center;
}
.block_boxes_3 a {
	width: 320px;
}
.block_boxes_box {
	display: inline-block;
	position: relative;
	width: 230px;
	max-width: 500px;
	min-height: 190px;
	max-height: 230px;
	transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	margin: 20px 20px 0 20px;
}
.block_boxes_3 .block_boxes_box:first-child div, .block_boxes .block_boxes_box:first-child div, .block_boxes .block_boxes_box:first-child img.block_boxes_box_background, .block_boxes_3 .block_boxes_box:first-child img.block_boxes_box_background {
	border-radius: 15px 0 0 0;
}
.block_boxes_3 .block_boxes_box:last-child div, .block_boxes .block_boxes_box:last-child div, .block_boxes .block_boxes_box:last-child img.block_boxes_box_background, .block_boxes_3 .block_boxes_box:last-child img.block_boxes_box_background {
	border-radius: 0 0 15px 0;
}
.block_boxes_box:hover {
	transform: scale(1.04);
	-webkit-transform: scale(1.04);
	border-radius: 15px 0 15px 0;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.4);
	text-decoration: none;
}
.block_boxes_box .block_boxes_box_background {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 190px;
	max-height: 230px;
}
.block_boxes_box_block {
	position: absolute;
	width: 100%;
	height: 100%;
	background: var(--brand-accent-secondary);
	text-align: left;
	cursor: pointer;
	transition: background-color 0.9s ease;
	-webkit-transition: background-color 0.9s ease;
	background: url("/img/trianglew_a.png") no-repeat rgba(0,92,169,1);
	/*
	background-position: top 15px right 15px;
	*/
	background-position-x: 95%;
	background-position-y: 15px;
}
.block_boxes_box_block:hover {
	background: url("/img/trianglew.png") no-repeat rgba(0,92,169,0.8);
	background-position-x: 95%;
	background-position-y: 15px;
}
.block_boxes_box_block span {
	display: block;
	padding: 20px;
	color: var(--neutral-white);
	font-size: 20px;
}
.block_boxes_box_block .box_block_title {
	margin: 15px 0 0 0;
	font-size: 22px;
    font-weight: bold;
    text-align: left;
}
.block_boxes_box_block .box_block_text {
	margin: 0px 0 0 20px;
    font-size: 17px;
    text-align: left;
    padding: 0 0 0 15px;
	line-height: 1.5;
	position: relative;
}
.box_block_text:before {
	content: "";
	position: absolute;
	border-left: 2px solid var(--neutral-white);
	margin: 0 0 0 -15px;
	width: 2px;
	height: 90%;
    max-height: 60px;
}
.block_boxes_box_block img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 75px;
	max-height: 60px;
	right: 0;
	bottom: 0;
	margin: 0 15px 15px 0;
}
.block_contents {
	text-align: center;
	/* padding: 15px 15px 50px 15px; */
}
.virtual_menu {
	position: fixed;
	left: 0;
	display: none;
	width: 100%;
	top: 139px;
	min-height: 100px;
	background: var(--neutral-white);
	/*z-index: 100;*/
	box-shadow: 0px 25px 20px rgba(0,0,0,0.1);
	white-space: normal;
}
.virtual_menu_2 {
	position: absolute;
	left: 0;
	width: 100%;
	min-height: 20px;
	background: var(--brand-accent-secondary);
	text-align: center;
	color: var(--neutral-white);
	box-shadow: 0px 25px 20px rgba(0,0,0,0.1);
	padding: 10px;
}
.virtual_menu_background {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 98;
	cursor: pointer;
}
.virtual_menu_background_line {
	position: fixed;
	display: none;
	top: 139px;
	left: 0;
	width: 100%;
	height: 100px;
	background: var(--neutral-white);
	z-index: 100;
}
.global_search {
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: top;
}
.global_search:before {
	content: "";
	display: block;
	position: absolute;
	left: 15px;
	top: 8px;
	width: 20px;
	height: 20px;
	background: url("/img/search.png") no-repeat;
	background-size: contain;
}
.global_search > input[type='text'] {
	width: calc(100% - 40px);
	padding: 7px 0 7px 30px;
	background: var(--neutral-100);
	margin: 0 0 0 10px;
}
.cat_page_head {
	display: table;
}
.cat_page_head_img {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.cat_page_head_img span {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	border: 1px solid var(--brand-accent-secondary);
	border-radius: 50%;
	height: 120px;
	width: 120px;
}
.cat_page_head_img span img {

	max-height: 100px;
	width: auto;
}
.cat_page_head_text {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 100px 70px;
}

/* company page */
.company_history_block {
	display: table;
	position: relative;
	height: 100%;
	width: 100%;
}
.company_history_block:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 30px;
	height: calc(100% - 30px);
	border-left: 2px solid var(--brand-accent-secondary);
}
.company_history_block_box:first-child div {
	text-align: right;
}
.company_history_block_box:first-child div .company_history_block_box_title:before {
	content: "";
	position: absolute;
	right: -32px;
	top: 15px;
	display: inline-block;
    border: 8px solid transparent;
    border-right: 8px solid var(--brand-accent-secondary);

}
.company_history_block_box:last-child div {
	text-align: left;
}
.company_history_block_box:last-child div .company_history_block_box_title:before {
	content: "";
	position: absolute;
	left: -30px;
	top: 15px;
	display: inline-block;
    border: 8px solid transparent;
    border-left: 8px solid var(--brand-accent-secondary);

}
.company_history_block_box {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: top;
}
.company_history_block_box_box1 {
	display: inline-block;
    width: 85%;
	min-height: 60px;
    border-radius: 15px 0 15px 0;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	margin: 10px 0 10px 0;
	padding: 10px 20px 10px 20px;
}
.company_history_block_box_box2 {
	display: inline-block;
    width: 85%;
	margin: 10px 0 10px 0;
	padding: 10px 10px 10px 10px;
}
.company_history_block_box_title {
	position: relative;
	font-size: 28px;
	color: var(--brand-accent-secondary);
	font-weight: bold;
}
.company_history_block_box_dop_title {
	font-size: 20px;
	color: var(--brand-accent-secondary);
	padding: 10px 0 10px 0;
}
.company_history_block_box_text {
	font-size: 16px;
	color: var(--neutral-500);
	line-height: 1.5;
}

/* registation */
.reg_optional {
	display: none;
	border: 1px solid var(--neutral-300);
	margin: 10px 0 0 0;
	padding: 20px;
}
#check_reg_optional, #check_reg_optional_1, #check_reg_optional_2 {
	display: none;
}
#check_reg_optional:checked ~ .check_reg_optional span:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/img/checked.png") no-repeat;
	background-position: center;
}
#check_reg_optional:checked ~ .reg_optional, #check_reg_optional_1:checked ~ .reg_optional_1, #check_reg_optional_2:checked ~ .reg_optional_2 {
	display: block;
}
#check_reg_optional_1:checked ~ label[for='check_reg_optional_1'] span.ind:before, #check_reg_optional_2:checked ~ label[for='check_reg_optional_2'] span.ind:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("/img/checked.png") no-repeat;
	background-position: center;
}



.catalog_filter {
	display: table-cell;
	width: 5%;
	vertical-align: top;
}
.filter_box_react {
	position: sticky;
	top: 155px;
	z-index: 1;
}
.catalog_filter_block {
	position: sticky;
    top: 160px;
    bottom: 50px;
	display: inline-block;
	overflow-y: auto;
    overflow-x: hidden;
	background: var(--neutral-white);
	border-radius: 15px;
	padding: 20px 10px 20px 10px;
	min-width: 100px;
	max-width: 200px;
	max-height: 50vh;
}
.catalog_filter_block::-webkit-scrollbar {
	width: 6px;
}
.catalog_filter_block::-webkit-scrollbar-track {
	background: transparent;
}
.catalog_filter_block::-webkit-scrollbar-thumb {
	background-color: var(--brand-accent-primary);
	border-radius: 15px;
}
.catalog_filter_block button {
	position: sticky;
    bottom: 0px;
}
.catalog_filter_show {
	display: block;
	position: sticky;
	cursor: pointer;
    top: 160px;
	bottom: 50px;
	background: url("/img/fltr.png") no-repeat;
	height: 30px;
	width: 30px;
}
.catalog_filter_close {
	display: block;
	font-weight: bold;
	cursor: pointer;
	text-align: right;
}
.catalog_filter_blur {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
    -webkit-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transform: translate3d(0,0,0);
    cursor: pointer;
	z-index: 2;
}
#catalog_show, #catalog_show:checked ~ .catalog_filter_show, .catalog_filter_show, .catalog_filter_close {
	display: none;
}
#catalog_show:checked ~ .catalog_filter_block, #catalog_show:checked ~ .catalog_filter_blur {
	display: block;
}
.catalog_filter_checkbox {
	margin: 0 0 10px 0;
	color: #777B7E;
}
.catalog_filter_price_slider {
	margin: 20px 10px 0 10px;
}
.catalog_filter_price_slider .ui-slider-range {
	background: var(--brand-accent-primary);
}
#filter_handle_min, #filter_handle_max {
	cursor: pointer;
	color: var(--brand-primary);
}
#filter_handle_min > .ind_val, #filter_handle_max > .ind_val {
	position: absolute;
	top: -15px;
}
.catalog_filter_price {
	display: table;
}
.catalog_filter_price > span {
	display: table-cell;
	white-space: nowrap;
}
.catalog_filter_price > span > span {
	margin: 0 5px 0 5px;
	color: #777B7E;
}
.catalog_filter_price > span:first-child > span {
	margin: 0 5px 0 0;
}
.catalog_filter_price > span > input {
	width: 40px;
	height: 10px;
	border: 1px solid #777B7E;
	border-radius: 15px;
	padding: 5px;
	margin: 0;
	font-size: 13px;
}
.catalog_filter_group {
	max-width: 200px;
	margin: 0 0 15px 0;
}
.catalog_filter_group > span {
	display: block;
	font-weight: bold;
	color: #777B7E;
	margin: 0 0 10px 0;
}
.catalog_list {
	display: table-cell;
	padding: 0px 0 50px 20px;
	max-width: 95%;
}
.catalog_list_sort_block {
	position: sticky;
    top: 140px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
	padding: 10px 0 0 0;
    z-index: 1;
	background: rgba(246,246,246,0.8);
}
.catalog_list_sort_block > * {
	display: inline-block;
}

/* basket */
.basket_items_react {
	text-align: center;
}
.basket_items {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 70%;
	min-height: 350px;
}
.basket_confirm {
	position: sticky;
	top: 150px;
	float: right;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	z-index: 1;
}
.basket_confirm_box {
	display: inline-block;
    vertical-align: top;
    position: relative;
    width: 250px;
    min-height: 200px;
    margin: 10px 20px 10px 20px;
    background: var(--neutral-100);
    border-radius: 15px;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
    background: var(--neutral-white);
}
.basket_confirm_top {
	padding: 0 15px 0 15px;
}
.basket_confirm_bottom {
	padding: 0 0 10px 0;
	text-align: center;
	width: 100%;
}
.basket_item {
	position: relative;
	margin: 10px 0 10px 0;
	min-height: 200px;
	background: var(--neutral-white);
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.basket_item:hover {
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
}
.basket_delete_confirm {
	position: relative;
}
.basket_delete_confirm:hover {
	box-shadow: unset;
	transform: unset;
	-webkit-transform: unset;
}
.basket_delete_confirm:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(2px);
    -moz-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	/* background: rgba; */
}
.basket_delete_confirm > .basket_delete_confirm_btn {
	display: block;
}
.basket_delete_confirm_btn {
	display: none;
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: var(--neutral-white);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
	border-radius: 7px;
	padding: 15px;
	z-index: 1;
}
.basket_item_img {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 10px 10px 0 10px;
	height: 200px;
	min-width: 115px;
	max-width: 140px;
}
.basket_item_img > div img {
	max-width: 140px;
    max-height: 140px;
}
.basket_item_img_bottom {
	position: absolute;
	bottom: 20px;
}
.basket_item_text {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 10px 10px 50px 10px;
	width: 70%;
}
.basket_item_text_bottom {
	position: absolute;
	bottom: 10px;
}
.basket_item_text_bottom_right {
	position: absolute;
	bottom: 15px;
	right: 0;
}
.basket_back_btn {
	display: inline-block;
    min-width: 160px;
    height: 25px;
	line-height: 25px;
    cursor: pointer;
    padding: 3px 20px 3px 20px;
    font-weight: bold;
    font-size: 16px;
    color: var(--neutral-500);
    border: 0;
    border-radius: 10px;
    background: var(--neutral-100);
    background-position: left 14px top -6px;
}
.basket_confirm_btn {
	display: inline-block;
    min-width: 160px;
    line-height: 25px;
    cursor: pointer;
    padding: 3px 10px 3px 55px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: var(--neutral-white);
    border: 0;
    border-radius: 8px;
    background: url(/img/basket.png) var(--brand-primary) no-repeat;
    background-position: left 10px top -6px;
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
.basket_confirm_btn:hover, .basket_ok_btn:hover {
	background: var(--brand-accent-primary);
	color: var(--brand-primary);
}
.basket_delete_btn:hover {
	background: var(--brand-accent-primary);
	padding: 5px 15px 5px 15px;
	color: var(--brand-primary);
}
.basket_delete_btn {
	display: inline-block;
	border: 1px solid #B4B9BE;
	color: #B4B9BE;
	border-radius: 10px;
	padding: 5px 15px 5px 25px;
	background: url("/img/basket_2.png") no-repeat;
	background-position: left 5px center;
	cursor: pointer;
	transition: 0.3s;
}
.basket_ok_btn {
	display: inline-block;
	border: 1px solid #B4B9BE;
	color: #B4B9BE;
	border-radius: 10px;
	padding: 5px 15px 5px 15px;
	cursor: pointer;
	transition: 0.3s;
}
.basket_transport_ico {
	display: inline-block;
	color: var(--neutral-400);
	font-size: 15px;
	min-width: 55px;
	text-align: center;
	padding: 50px 0 0 0;
	background: url("/img/transport.png") no-repeat;
	background-position: top center;
}
.basket_quality_ico {
	display: inline-block;
	color: var(--neutral-400);
	font-size: 15px;
	min-width: 55px;
	text-align: center;
	padding: 50px 0 0 0;
	background: url("/img/quality.png") no-repeat;
	background-position: top center;
}

/* home page */
.home_news_block {
	margin: 20px 0 20px 0;
	text-align: center;
}
.box_news {
	display: inline-block;
	width: 350px;
	min-height: 430px;
	background: var(--neutral-white);
	margin: 20px;
	vertical-align: top;
	text-align: left;
	transition: 0.5s;
    -webkit-transition: 0.3s;
}
.box_news_poster {
	height: 230px;
	text-align: center;
	border-bottom: 1px dotted var(--neutral-300);
}
.box_news_poster > div {
	position: relative;
	height: 230px;
	width: 350px;
	background: url(/img/loader.gif) no-repeat;
	background-size: inherit;
	background-position: center;
}
.box_news_poster > div img {
	max-width: 350px;
	max-height: 230px;
    background: var(--neutral-white);
}
.box_news_content {
	padding: 20px;
}
.box_news_title {
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 15px;
}
.box_news_text {
	font-weight: normal;
	font-size: 14px;
	color: var(--neutral-400);
	line-height: 1.5;
}
.box_news_date {
	text-align: right;
	color: var(--neutral-400);
}
.box_news:hover {
	transform: scale(1.03);
	-webkit-transform: scale(1.03);
	box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
}