:root {
	--select-color:  #FF421E;
	--second-back:   #E5E5E5;
	--prime-back:    #5F7367;
	--txt-sec-color: #5F7367;
	--footer-height: 10vh;
	--dark-back:     #28312c;

	--base_height: 29.4vh;
	--base_width:  33.33%;

	--oper_fsize:  .8rem;
	--oper_fcolor: #828282;

	--brd-radius: .3em;
	--box_shad:    rgba(0,0,0,.37) 0 2px 8px 0;

	--txt-grey: #7d7d7d;
}

*,
:before,
:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,
:active {
	outline: 0 none;
}
::selection {
	color: #fff;
	background: #cb915a;
	text-shadow: none;
}

ARTICLE,
ASIDE,
DETAILS,
FIGCAPTION,
FIGURE,
FOOTER,
HEADER,
HGROUP,
MAIN,
NAV,
SECTION,
SUMMARY {
	display: block;
	margin: 0;
	padding: 0;
}
HTML,
BODY {
	margin: 0;
	padding: 0;
	width: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	scroll-behavior: smooth;
}
HTML {
	height: 100%;
	height: 100dvh;
	overflow: hidden;
}
BODY {
	/* background: url('../img/main_bkg.svg'); */
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: var(--prime-back);
	/* transition: .4s ease-in; */
	scroll-padding-top: 8em;
	-webkit-overflow-scrolling: touch;
}
PRE {
	overflow: auto;
}
.isAdmin .bx-core-window.bx-core-adm-dialog {
	position: fixed !important;
}
.isAdmin .flex_row > [id^='bx_incl_area'],
.isAdmin .flex_row > [id^='bx_incl_area'] > [id^='bx_incl_area'],
.isAdmin .flex_row [id^='bx_incl_area'] [id^='comp_'] {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
[id^='comp_'] [id^='bx_incl_area'] + [id^='bx_incl_area'] {
	flex-grow: 1;
}
.isAdmin MAIN > [id^='bx_incl_area'] > H1,
.isAdmin MAIN > [id^='bx_incl_area'] [id^='comp_'] > H1 {
	width: 100%;
}
.isAdmin MAIN > [id^='bx_incl_area'] > H1 ~ [id^='bx_incl_area'] > [id^='bx_incl_area'] + [id^='bx_incl_area'] {
	flex-grow: 1;
}
.isAdmin MAIN > [id^='bx_incl_area'] > H1 ~ [id^='bx_incl_area'] .cat_list {
	flex-grow: 1;
}
.arschloch .goods_deatail_wrapper {
	opacity: 0;
	transition: opacity .3s linear;
}

.newAjaxLoader {
	position: absolute;
	top: 10px;
	right: 10px;
	aspect-ratio: 4 / 5;
	width: 3em;
	background: url('/bitrix/templates/main_tmp/img/logo_icon.svg');
	background-size: 100% auto;
	filter: drop-shadow(0 0 0.25rem rgba(0,0,0,.5));
	z-index: 9999;
}
.newscatmenu ~ .newAjaxLoader {
	top: 70px;
}

.mainwrap {
	display: flex;
	flex-direction: column;
	position: relative;
	min-height: 100%;
	transition: transform .5s ease;
	transform: translateX(0);
}
.preloader{
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: var(--prime-back);
	z-index: 99999;
	transform: scaleY(1);
	transition: transform .3s ease-out, visibility 0s linear .3s;
	/* display: none; */
}
.loaded .preloader{
	transform: scaleY(0);
	visibility: hidden;
}
.loading{
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.text {
	color: var(--select-color);
	display: inline-block;
	margin-left: 5px;
}

.bounceball {
	position: relative;
	display: inline-block;
	height: 37px;
	width: 15px;
}
.bounceball:before {
	position: absolute;
	content: "";
	display: block;
	top: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: var(--select-color);
	transform-origin: 50%;
	-webkit-animation: bounce 500ms alternate infinite ease;
	animation: bounce 500ms alternate infinite ease;
}

/*BX PANNEL*/
.bitrix_panel {
	width: 100%;
	z-index: 99999;
	display: block;
	transform: translateY(-100%);
	transition: .3s;
	position: fixed;
	top: 0;
}
.bxp_visible{
	transform:translateY(0%);
}
.bxpan_btn {
	align-items: center;
	appearance: none;
	background-color: #FCFCFD;
	border-radius: 50%;
	border-width: 0;
	box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px,rgba(45, 35, 66, 0.3) 0 7px 13px -3px,#D6D6E7 0 -3px 0 inset;
	box-sizing: border-box;
	color: #36395A;
	cursor: pointer;
	display: inline-flex;
	font-family: "JetBrains Mono", monospace;
	justify-content: center;
	line-height: 1;
	list-style: none;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	transition: box-shadow .15s,transform .15s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
	will-change: box-shadow,transform;
	font-size: 10px;
	width: 5.9em;
	aspect-ratio: 1/1;
	position: fixed;
	right: 4em;
	bottom: 12em;
}

.bxpan_btn:focus {
  box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.bxpan_btn:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
  transform: translateY(-2px);
}

.bxpan_btn:active {
  box-shadow: #D6D6E7 0 3px 7px inset;
  transform: translateY(2px);
}

/*LANG SWITCHER*/
.toogle_wrp{
	justify-content: center;
	align-items: center;
	gap: .4em;
	font-style:normal;
}
.toogle_wrp A:nth-child(1),
.toogle_wrp A:nth-child(3){
	color: #28312c;
	font-size: .8em;
	font-weight: 700;
}

.toogle_wrp A:nth-child(1){}
.toogle_wrp A:nth-child(2){
	position: relative;
	background-color: var(--dark-back);
	width: 2em;
	height: .3em;
	border-radius: 10em;
}
.toogle_wrp A:nth-child(3){}

.toogle_wrp A:nth-child(2):before{
	content: '';
	position: absolute;
	height: 1em;
	width: 1em;
	background-color: var(--second-back);
	border-radius: 50%;
	top: -.4em;
	transition: .2s ease;
}
.eng.toogle_wrp A:nth-child(2):before{
	transform: translateX(100%);
}
.rus.toogle_wrp A:nth-child(2):before{
	transform: translateX(0%);
}
.eng.toogle_wrp A:nth-child(3){
	color:var(--select-color);
}
.rus.toogle_wrp A:nth-child(1){
	color:var(--select-color);
}

@-webkit-keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}

@keyframes bounce {
  0% {
    top: 30px;
    height: 5px;
    border-radius: 60px 60px 20px 20px;
    transform: scaleX(2);
  }
  35% {
    height: 15px;
    border-radius: 50%;
    transform: scaleX(1);
  }
  100% {
    top: 0;
  }
}

.flex_row {
	display: flex;
	flex-direction: row;
}
.flex_column {
	display: flex;
	flex-direction: column;
}
.column_stack {
	display: flex;
	flex-direction: column;
	gap: 3em;
}
.column_stack_cat_st {
	gap: 1em;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
}
MAIN.column_stack_cat_st {
	gap: 1em 2em;
}
MAIN.column_stack_cat_st > BR {
	display: none;
}
MAIN.column_stack_cat_st > DIV[id^='comp_']:not(.ajaxfilter) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	gap: 1em 2em;
	flex-grow: 1;
	position: relative;
}
MAIN.column_stack_cat_st > H1,
MAIN.column_stack_cat_st > DIV[id^='comp_'] > H1 {
	width: 100%;
	margin: 0;
	color: #fff;
}
.column_stack_cat_st LI{
		
}

.column_stack_cat_st .colon{
	padding-top: 10vh;
}
.pad_3{
	padding-left: 3em;
	padding-right: 3em;
}
UL,
LI {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
A {
	text-decoration: none;
	color: inherit;
	transition: .5s;
}
A:hover {
	color: var(--select-color);
}
.glass_wrp {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}
#trg_body {
	width: 10px;
	height: 1px;
/*	background: gold;*/
	z-index: 1000;
	position: relative;
	margin-bottom: -1px;
	transform: translateY(3em);
}
HEADER {
	position: sticky;
	top: 0;
	background-color: var(--prime-back);
	height: 9em;
	margin-bottom: 1em;
	transition-property: height, margin, box-shadow;
	transition-duration: .3s, .3s, .2s;
	transition-timing-function: ease-out, ease-out, ease;
	box-shadow: rgba(10,10,10,0) 0 5px 15px;
	z-index: 10;
	transform: translate3D(0,0,0);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-shrink: 0;
}
.mainpage HEADER {
	height: 8em;
	margin-bottom: 0;
}
.sticky HEADER {
	box-shadow: rgba(10,10,10,0.3) 0 5px 15px;
	height: 6em;
	margin-bottom: 4em;
	z-index: 99;
	transition-timing-function: ease-in, ease-in, ease-out;
}
.mainpage.sticky HEADER {
	margin-bottom: 2em;
}
HEADER > SECTION {
	width: 100%;
}
HEADER SECTION:nth-child(1) {
	/* padding-top: 4vh;
	padding-bottom: 4vh; */
	padding-top: 3em;
	justify-content: space-between;
	align-items: center;
	transition: padding .3s ease;
}
HEADER SECTION:nth-child(1) > A {
	font-size: .9rem;
}
.sticky HEADER SECTION:nth-child(1){
	padding-top: 2em;
	/* padding-bottom: 3vh; */
}
HEADER SECTION:nth-child(2){
	/* padding-top: 3vh;
	padding-bottom: 1vh; */
	padding-bottom: 1ex;
	align-items: flex-start;
	transform: translateY(0);
	transition: transform, opacity, visibility;
	transition-duration: .3s;
	transition-delay: 0.2s, 0.2s, 0s;
	transition-timing-function: ease;
	transform-origin: left;
	opacity: 1;
}
.sticky	HEADER SECTION:nth-child(2){
	transform: translateY(-1em);
	opacity: 0;
	visibility: hidden;
	transition-delay: 0s, 0s, .3s;
	transition-timing-function: ease;
}

.head_title {
	text-align: center;
	width: 100%;
	margin: 4vh 0 2vh 0;
}
.head_title H1 {
	margin: 0;
	font-size: 3rem;
	font-weight: 700;
	display: inline-block;
	text-transform: lowercase;
	color: var(--second-back);
}
.head_title H1:first-letter{
	text-transform: uppercase;
}
.control_wrapper{
	align-items: center;
	gap: 5em;
	justify-content: flex-start;
}
HEADER SECTION.sticky_marker DIV:nth-child(3){
	align-items: center;
	gap: 2em;
	justify-content: flex-end;
}
.breadcrumbs_wraper {
	position: relative;
	width: 100%;
}
.breadcrumbs_wraper:after {
	content: '';
	position: absolute;
	width: 100%;
	top: 54%;
	right: 0;
	height: 1px;
	background-color: var(--second-back);
	z-index: 0;
	opacity: .4;
}
.breadcrumbs {
	display: inline-block;
	background-color: var(--prime-back);
	position: relative;
	z-index: 1;
	padding-right: 1rem;
	font-size: .8125em;
}
.bx-breadcrumb,
.bx-breadcrumb .bx-breadcrumb-item {
	display: flex;
	align-items: center;
	margin: 0;
	gap: .5em;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: none;
	line-height: normal;
	color: var(--second-back);
}
.bx-breadcrumb .bx-breadcrumb-item SPAN {
	font-family: inherit;
	font-size: inherit;
}
.bx-breadcrumb I {
	color: var(--second-back);
	font-size: 12px;
	border: 1px solid var(--second-back);
	width: 1rem;
	height: 1rem;
	text-align: center;
	margin: 0;
	border-radius: 50%;
	opacity: .7;
}
.breadcrumbs_line {
	position: relative;
}

MAIN {
	flex-grow: 1;
}

.description_txt {
	background: #fff;
	padding: 8vh 16em;
	transform: scaleX(1.063);
	margin-top: 10vh;
	width: 100%;
}

.section_menu {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: 14em;
	grid-auto-flow: dense;
	width: 100%;
}
.section_menu LI {
	border-radius: var(--brd-radius);
	overflow: hidden;
	position: relative;
}
.section_menu LI .img_holder {
	background-color: var(--select-color);
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.section_menu LI .img_holder IMG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: .9;
	filter: grayscale(.5) hue-rotate(0deg);
	transition: filter .3s ease-out;
}
.section_menu LI:hover .img_holder IMG {
	filter: grayscale(.75) hue-rotate(90deg);
}
.section_menu LI A {
	color: #fff;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	position: relative;
	z-index: 1;
	mix-blend-mode: hard-light;
}
.section_menu LI A I {
	font-weight: 700;
	font-style:normal;
	font-size: 2.5em;
	line-height: 1;
	padding: .5rem .75rem;
	text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.section_menu LI A SPAN {
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.1;
	padding: .75rem;
	background-color: var(--second-back);
	color: #E8310F;
}

.menu-open .mainwrap {
	transition-duration: .4s;
	transform: translateX(23em);
}
.menu-open .side_menu {
	transition-duration: .5s;
	transform: translateX(0);
}


/* BODY.menu-open {
	overflow-x: hidden;
}
BODY.menu-open.sticky > .mainpage_main {
	margin-top: 6em;
	transition: none;
}
BODY.menu-open.sticky > HEADER {
	position: fixed;
	width: 100%;
} */

 
.search-form {
	width: 100%;
	padding: 1em 1.8em;
	background-color: #313c36;
}
	.search-form FORM{
		position:relative;
	}
	input.search-suggest {
	  width: 100%;
	  height: 2.5em;
	  border-radius: var(--brd-radius);
	  background-color: transparent;
	  border: .15em solid var(--txt-sec-color);
	  padding: 0 3.4em 0 0.6em;
	  color: var(--second-back);
	  font-size: 1em;
	}
	button.search-button{
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		background-color: var(--txt-sec-color);
		border: 0;
		border-radius: 0 var(--brd-radius) var(--brd-radius) 0;
		color: var(--select-color);
		width: 3.5em;
		text-align: center;
	}

	.gg-search {
		position: absolute;
		display: block;
		width: 16px;
		aspect-ratio: 1/1;
		border: 2px solid;
		border-radius: 100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%) scale(var(--ggs,1));
}
.gg-search::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	border-radius: 3px;
	width: 3px;
	height: 8px;
	background: currentColor;
	transform: rotate(-45deg);
	top: 10px;
	left: 12px;
}

/*.order-open .overlay*/

.menu-open .overlay{
	display: block;
}
.overlay{
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 99;
	cursor: pointer;
}

.side_menu {
	width: 23em;
	height: 100vh;
	height: 100dvh;
	background: var(--dark-back);
	align-items: flex-start;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	transition: transform .4s ease;
	border-right: .1em solid var(--select-color);
	transform: translateX(-100%);
	display: flex;
	flex-direction: column;
	gap: 10vh;
}
.cat-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	padding-left: 1.8em;
}
.side_menu H3 {
	color: var(--second-back);
	font-size: 1.5em;
	margin: 0 0 0.7em 0;
}
.side_menu MENU {
	row-gap: 1.5em;
	margin: 0;
	padding: 0 1.8em 0 0;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	flex: 1;
}
.side_menu MENU SPAN {
	color: var(--select-color);
	font-weight: 400;
	margin-bottom: .7em;
	font-size: 1em;
	letter-spacing: .1em;
	position: relative;
	border-bottom: .09em solid #43534a;
	padding: 0 0 0.5em 0.6em;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.side_menu MENU SPAN A {
	font-size: 0.75em;
	border-radius: var(--brd-radius);
	font-variant: small-caps;
	text-transform: lowercase;
	padding: 0.2em 0.4em;
	background-color: var(--select-color);
	color: var(--second-back);
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-left: 1rem;
}
.gg-chevron-down-r {
	box-sizing: border-box;
	position: relative;
	display: block;
	transform: scale(var(--ggs,1));
	width: 22px;
	height: 22px;
	border: 2px solid;
	border-radius: 4px;
	margin-left: auto;
}
.gg-chevron-down-r::after {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
	left: 6px;
	top: 5px;
	transition: transform .3s ease;
}
.opened .gg-chevron-down-r::after {
	transform: rotate(225deg);
	top: 7px;
}

/*.side_menu MENU SPAN:before{
	content:'/';
	position:absolute;
	left: -1em;
}*/
.side_menu MENU .spec-l {
	row-gap:.5em;
	color: var(--second-back);
}
.side_menu MENU .spec-l LI {
	padding: 0 0.75em;
	font-size: .875em;
}
.accordion .collapse__header.opened + .collapse__content {
	height: var(--eh);
}
.accordion .collapse__content {
	overflow: hidden;
	height: 0;
	transition: height 0.3s ease;
}
.sidemenu-open{
/*	height: 100vh;*/
transform: translateX(-23em);
}
.smartfilter{
	gap: 2em;
}
#comp_93a4a81c17a5cbd164bb83d5793635e6{
	width: 100%;
	margin-bottom: 2vh;
}
.bx_filter_section{
	width: 100%;
}
.bx_filter_parameters_box{
	background-color: var(--second-back);
	padding: .4rem .7rem;
	border-radius: .2rem;
	cursor: pointer;
	transition: .5s;
}
.bx_filter_parameters_box:hover{
	background-color: #49594f;
	color: var(--select-color);
	outline: .15rem solid var(--select-color);
	outline-offset:-.15rem; 
	position: relative;
}
.bx_filter_button_box{
	
}
.active{
	background-color: #49594f;
	color: var(--select-color);
	outline: .15rem solid var(--select-color);
	outline-offset:-.15rem; 
	position: relative;
	padding-left: 1.8rem;
}
.active:before{
	content: '✔︎';
	position: absolute;
	left: .7rem;
	font-size: .8rem;
	height: 100%;
	top: 0;
	display: flex;
	align-items: center;
}
.bx_filter_container_modef{display: none;}
.bx_filter_parameters_box_title{
	font-weight: 700;
	color: var(--second-back);
	margin-bottom: 1vh;
	display: none;

}
.bx_filter_block,
.bx_filter_parameters_box_container,
.bx_filter_param_text{
	cursor: pointer;
}
.bx_filter_parameters_box_container{
	display: flex;
	flex-direction: row;
	gap: .5em;
	flex-wrap: wrap;
}
.bx_filter_input_checkbox INPUT{
	display: none;
}
.bx_filter_param_text{
	/*border: 1px solid var(--txt-sec-color);*/
	border-radius: .2rem;
	padding: .2vh .3em;
	transition: .5s;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: 600;
	letter-spacing: .03rem;
	font-size: .89rem;
	position: relative;
}

.bx_filter_input_checkbox INPUT:checked + .bx_filter_param_text{
	/*background-color: var(--txt-sec-color);
	border-radius: .2rem;
	padding: .2vh 1.3em .2vh .3em;*/
}
.bx_filter_param_text_ico{
	position: absolute;
	top: 0;
	right: 0;
	font-size: .4rem;
	color: #fff;
	opacity: 0;
}
.bx_filter_input_checkbox INPUT:checked + .bx_filter_param_text_ico{
	opacity: 1;
}
.colon{
	gap: 1vh;
	transition: .5s;
}

.colon LI:nth-child(1){
	font-weight: 700;
	color: var(--txt-sec-color);
	margin-bottom: 1vh;
	cursor: pointer;
}

.inner_wrapper .colon LI:nth-child(1){
	color: var(--select-color);
}

.header_menu{
	gap: 2em;
	align-items: center;
}
.phone {
	font-weight: 600;
	padding: .3em .7em;
	color: #fff;
	border-radius: var(--brd-radius);
	background-color: var(--select-color);
	box-shadow: var(--box_shad);
	white-space: nowrap;
	transform: translateY(0);
	transition: transform, box-shadow;
	transition-duration: .3s;
	transition-timing-function: ease;
}
.phone SPAN {
	font-weight: 500;
	font-size: .8125em;
}
.phone .fa {
	margin-right: 1ex;
	transform: rotateY(180deg);
}
.phone:hover {
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.37) 0px 2px 8px 2px;
	transform: translateY(-1px);
}

.cta_messensger {
	position: fixed;
	height: 1.9em;
	bottom: 40px;
	right: 40px;
	color: #FFF;
	border-radius: .3em;
	text-align: center;
	font-size: 30px;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 .5em;
	gap: .1em;
	transform: translateX(-26px);
	transition: .2s;
}
.cta_messensger:hover{
	transform: translateX(-160px);
}
.cta_messensger:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-color: #25d366;
	border-radius: 50%;
	height: 100%;
	width: 1.9em;
	box-shadow: 0px 0px 38px #060606;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 0;
	transition: .2s;
}
.cta_messensger:after{
	content: '\f232';
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'FontAwesome';
	color: #fff;
	height: 100%;
	width: 1.9em;
	left: 0;
	top: 0;
}
.cta_messensger SPAN{
	font-size: .5em;
	z-index: 1;
	color: #fff;
	font-weight: 700;
	transition: .2s;
	overflow: hidden;
	width: 0px;
	white-space: nowrap;
	left: 52px;
	position: absolute;
	text-align: left;
}
.cta_messensger:hover:before{
	width: 100%;
	border-radius: 6.5em;
	color: #fff;
	width: 196px;
}
.cta_messensger:hover SPAN{
	width: 131px;
}

.messensger,
.mail{
	font-weight: 600;
	color: #28312c;
}
.mail{
	border-bottom: 1px dashed #000;
	white-space: nowrap;
}

.mail I,
.messensger I
{
	margin-right: .3em;
}
.logo_wrapper{
	position: absolute;
	z-index: 0;
	height: 6em;
	left: 50%;
	transform: translateX(-50%);
	transition: height .3s ease-in;
}
.logo_wrapper IMG{
	width: auto;
	height: 100%;
}
.sticky .logo_wrapper{
	height: 4em;
}
.menu-open .logo_wrapper {
	z-index: 999;
}

.menu_logo_active{
	transform: translateY(20vh) scale(1.4);
}

.burger_menu{
	position: relative;

}
.menu-button {
	display: -webkit-flex;
	display: flex;
	position: relative;
	font-size: 1em;
	width: 2em;
	height: 2em;
	margin: 0;
	padding: 0;
	border: 0 none;
	color: transparent;
	background-color: transparent;
	z-index: 120;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	--butt-color: #111;
	--bar-height: 3px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.3s ease 0.1s;
	transition: transform 0.3s ease 0.1s;
}
.menu-button I {
	display: block;
	position: relative;
	margin: auto;
	width: 100%;
	height: var(--bar-height);
	background-color: var(--butt-color);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.menu-button I::before {
	-webkit-transform: translateY(-0.5em) rotate(0deg);
	transform: translateY(-0.5em) rotate(0deg);
}
.menu-button I::after {
	-webkit-transform: translateY(0.5em) rotate(0deg);
	transform: translateY(0.5em) rotate(0deg);
}
.menu-button I::after, .menu-button I::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--bar-height);
	background-color: var(--butt-color);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
}
.menu-open .menu-button I {
	background-color: transparent;
}
.menu-open .menu-button I:after,
.menu-open .menu-button I:before {
	left: -5%;
	width: 110%;
}
.menu-open .menu-button I:after {
	top: 0;
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.menu-open .menu-button I:before {
	bottom: 0;
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}

FOOTER {
	background-color: var(--dark-back);
	transition: .3s ease-in;
	padding-top: .5em;
}
FOOTER H3,
FOOTER .gg-chevron-down-r {
	display: none;
}
FOOTER > .glass_wrp {
	padding: 1em 0 0;
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	width: 100%;
}
.f_col0 {
	padding: 1.3em 3em 0 3em;
}

.f_col1 {
	grid-column: span 5;
	padding: 0 3em;
	display: flex;
	align-items: flex-end;
	margin-bottom: 2em;
	gap: 1em;
	grid-row: span 1;
}

.footer_logo {
	position: relative;
	overflow: hidden;
	aspect-ratio: 1/1;
	width: 3em;
	flex-shrink: 0;
}
.footer_logo IMG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: top;
}
.description {
	color: var(--second-back);
	font-size: .7em;
	max-width: 38ch;
}

MENU.f_col2 {
	grid-column: span 4;
	justify-content: flex-start;
	column-gap: max(4%,2em);
	margin: 0;
	padding: 0 2em 0 3em;
	grid-row: span 1;
}
MENU.f_col2 SPAN {
	color: var(--select-color);
	margin-bottom: 1ex;
	font-size: .8725em;
	font-weight: 500;
}
MENU.f_col2 SPAN A {
	display: inline-block;
	background-color: var(--select-color);
	padding: 0 .75ex .2ex;
	border-radius: 3px;
	color: #fff;
	font-size: .8725em;
	line-height: 1.1;
}
MENU.f_col2 LI {
	margin-bottom: .25ex;
}
MENU.f_col2 > LI {
	max-width: 20rem;
}
MENU.f_col2 .spec-l {
	font-size: .8125em;
	color: var(--second-back);
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	gap: 0 1ex;
	
}

.f_col3 {
	row-gap: 1.4em;
	justify-content: flex-end;
}
.f_col3 .mail{
	color: #fff;
	text-decoration: none;
}
.f_col4{
	border-top: 1px solid var(--prime-back);
	padding: .75em 4em;
	font-size: .75em;
	margin-top: 2em;
	color: var(--prime-back);
}
.f_col4 > .glass_wrp{
	justify-content: space-between;
	width: 100%;
	padding: 0 3em;
}
	.copyright{
		margin-bottom:1em;
	}

MAIN {
	padding: 0 3em;
	/*min-height: calc(100% - var(--footer-height));*/
	transition: .3s ease-in;
}
.inner_wrapper {
	padding-top: 0em;
	padding-bottom: 3vh;
	/*background-color: var(--second-back);
	margin-top: 2vh;*/
}

.cathalog_wrap MAIN {
	gap: 2em;
	align-items: flex-start;
}

.cathalog_wrap MAIN ASIDE {
	order: 1;
	background-color: var(--second-back);
	border-radius: .8em;
	padding: 2vh 1em;
	width: calc(25% - 1em);
	gap: 2em;
}
.cathalog_wrap MAIN SECTION {
	order: 2;
	width: calc(75% - 1em);
}
.cathalog_mp {
	justify-content: space-between;
}
.cathalog_list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2em;
	align-items: flex-start;
}
.bx_sitemap_title {
	border-bottom: 0px !important;
}
.goods_pagination {
	width: 100%;
	margin-top: 6vh;
}
.cat_list .goods_pagination {
	width: auto;
	margin-top: 4vh;
	grid-column: 1 / -1;
}
.bx-pagination .bx-pagination-container UL LI.bx-active SPAN {
	background: var(--select-color) !important;
}
.product-item-container {
	width: calc((100% - 4em) / 3 - .5px);
}
.goods_item {
	width: calc((100% - 2em) / 3 - .5px);
	background-color: var(--second-back);
	padding: .3rem;
	border-radius: .3em;
	gap: 1.3em;
	transition: .3s;
}
.goods_item:hover {
	-webkit-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.45);
	transform: scale(1.01);
}

.goods_item:hover .goods_item_img{
	transform: scale(1.1);
}

.goods_item > A{
	gap: 1.3em;
}
.goods_item DIV:nth-child(2){
	position: relative;
	width: calc(46% - 1.3em);
	flex-shrink: 0;
}


.button{
	background-color: var(--select-color);
	text-align: center;
	color: #fff;
	font-variant: small-caps;
	font-weight: 600;
	border-bottom: 2px solid #953a28;
	border-radius: .2rem;
}

.goods_item DIV UL LI{
	font-size: .8rem;
	padding-right: .6rem;
}
.goods_item DIV UL{
	flex-wrap: wrap;
}
.goods_item DIV SPAN{
	font-size: var(--oper_fsize);
	font-weight: 700;
	margin-bottom: .2vh;
	font-variant: small-caps;
	text-transform: lowercase;
	color: var(--oper_fcolor);
	width: 100%;
	flex-shrink: 0;
	margin-top: .9vh;
}
.goods_item DIV H3{
	margin: 1vh 0 0 0;
}
.goods_item .img_holder{
	position: relative;
	aspect-ratio: 4/3;
	width: 54%;
	overflow: hidden;
	flex-shrink: 0;
}
.goods_item .img_holder IMG{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	object-position: center;
	width: 100%;
	height: 100%;
	transition: .4s;
}
.goods_item H1{
	font-size: 1rem;
	font-weight: 700;
	margin: 2vh 0 0 0;
}
.goods_item SPAN{ 

}
.goods_tytle{
	justify-content: space-between;
}

.goods_tytle SPAN:nth-child(1){
	font-size: 1rem;
	margin-top: .6rem;
	font-weight: 600;
}
.goods_tytle SPAN:nth-child(2){
	min-width: 30%;
	position: relative;
}
.goods_tytle SPAN:nth-child(2):before{
	content: '';
	position: absolute;
	background-color: var(--txt-sec-color);
	width: 50%;
	height: 1px;
	top: calc(50% - 1px);
	right: .3rem;
	opacity: .4;
}

.goods_format, .goods_tytle{
	padding-left: .3rem;
}
.goods_format{
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 0.3rem;
}

.goods_format SPAN:nth-child(1){
	font-size: .9rem;
	color: var(--txt-sec-color);
}
.goods_format SPAN:nth-child(2){
	font-size: .9rem;
	font-weight: 600;
}

.goods_deatail_wrapper {
	width: 100%;
	align-items: flex-start;
	padding: 2em;
	background-color: var(--second-back);
	border-radius: .2em;
	flex-wrap: wrap;
	justify-content: space-between;
}
.goods_deatail_wrapper H1 {
	margin: 0 0 1em 0;
	color: #1e1e1e;
	width: 100%;
	line-height: 1.1;
	font-size: 2.5em;
	font-weight: 600;
}
.goods_deatail_wrapper H1 SPAN {
	font-size: .75em;
	color: var(--txt-sec-color);
}

.goods_parametrs {
	/* width: 37%; */
	width: calc(41% - 2rem);
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}
.goods_order {
	width: 100%;
	padding: 1em;
	background-color: var(--second-back);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 9px;
	border-radius: var(--brd-radius);
}
.goods_order .coast {
	color: #1e1e1e;
	font-weight: 700;
	font-size: 2.9em;
	flex-flow:row wrap;
}
.goods_order .coast I {
	font-style: normal;
	font-size: 0.6em;
	margin-left: 0.2em;
	display: inline-block;
	white-space: nowrap;
}
.goods_order .coast SPAN{
	font-size: 0.3em;
	font-weight: 600;
	color: var(--txt-grey);
}
.goods_delivery,
.goods_formats {
	border: 0.15em solid var(--prime-back);
	border-radius: var(--brd-radius);
	width: 100%;
	padding: 1em;
	margin-top: 2em;
}
.goods_formats_inner SPAN > I {
	font-style: normal;
	font-size: .6rem;
	margin: 0 .2rem;
}
.goods_delivery H2 {
	position: relative;
}
.goods_delivery H2:after {
	content:'';
	background:url('../img/deliv_icon.svg');
	background-repeat: no-repeat;
	position: absolute;
	width: 2em;
	aspect-ratio: 1/1;
	right: 0;
	background-position: center;
	background-size: contain;
	top: 0;
	transform: translateY(-0.4em);
}
.goods_formats_inner {
	gap: 1rem;
	margin-top: .9em;
	flex-wrap: wrap;
}
.stock_status {
	column-gap: 1em;
	align-items: center;
	margin-top: 0.4em;
	margin-bottom: 0.5em;
}
.stock_status B {
	font-weight: inherit;
	display: inline-block;
	white-space: nowrap;
}
.goods_formats_inner SPAN {
	font-size: .8em;
	width: calc((100% - 2rem) / 3 - .5px);
}
.stock_status SPAN:nth-child(1) {
	font-size: .9em;
}
.goods_formats_inner SPAN,
.stock_status SPAN:nth-child(1) {
	background-color: var(--select-color);
	color: var(--second-back);
	font-weight: 500;
	padding: .2em .5em .3em;
	border-radius: var(--brd-radius);
	text-transform: lowercase;
	font-size: 0.7em;
}
.stock_status SPAN:nth-child(2) {
	font-size: .9em;
	font-weight: 600;
	color: var(--txt-grey);
}

.goods_formats--list {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	margin-top: 1em;
}
.goods_formats--list DL,
.goods_formats--list LABEL {
	margin: 0;
	font-size: .8em;
	background-color: var(--prime-back);
	color: var(--second-back);
	padding: 1ex 2ex;
	border-radius: var(--brd-radius);
	white-space: nowrap;
}
.goods_formats--list DT {
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 600;
	display: none;
}
.goods_formats--list DD,
.goods_formats--list LABEL {
	margin: 0;
	font-weight: 500;
	line-height: 1.1;
}

.order_param_title {
	font-size: var(--oper_fsize);
	color: var(--oper_fcolor);
	font-weight: 700;
	font-variant: small-caps;
	text-transform: lowercase;
}
.order_param_sign {
	font-weight: 500;
	margin-bottom: 1rem;
}
.order_disclamer {
	width: 100%;
}
.order_disclamer H2 {
	margin-top: 0;
}
.order_disclamer H3 {
	text-align: right;
	margin: 0.1em 0 0 0;
}
.order_disclamer .order_param_title {
	margin-bottom: 3rem;
}
.order_disclamer .section_description_inner {
	padding: 0;
}
.order_disclamer .section_description {
	max-width: 1000px;
}
.order_disclamer .right_col {
	font-size: 1em;
}
.order_disclamer .txt {
	
}

.order_disclamer .list LI {
	position: relative;
	padding-left: 0rem;
}
.order_disclamer .flex_row {
  gap: 2em;
}
.order_disclamer > .flex_row:nth-child(2) {
	padding-bottom: 2.4vh;
}
.order_disclamer > .flex_row:nth-child(3) {
	border-top: 1px solid var(--prime-back);
	padding-top: 2.4vh;
} 

.tabs_container {
	color: var(--select-color);
	column-gap: 5.5em;
	background-color: #d9d9d9;
	padding: 0.4em 0;
	position: sticky;
	top: 5.7em;
	z-index: 9;
}
.sticky .tabs_container {
	
}
.order_disclamer .list LI:before{
	/*content: '-';
	margin-right: .3rem;*/
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
}

.goods_tabs {
	width: 100%;
	flex-shrink: 0;
	flex-grow: 1;
	flex-wrap: wrap;
	column-gap: 3em;
	position: relative;
	margin-top: 3em;
}

.dt_back {
	position: sticky;
	width: 100%;
	z-index: 1;
	height: 2.4em;
	transform: translateY(100%);
	top: 3.6em;
}
.dt_back:before {
	content: '';
	background-color: #dbd9d9;
	/* width: calc(100% + 4em); */
	z-index: -1;
	position: absolute;
	inset: 0 -2em;
}
.mobile .dt_back {
	display: none;
}
.sticky .dt_back {
	
}

.tablinks {
	border: 0;
	background-color: transparent;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-family: inherit;
	cursor: pointer;
	position: sticky;
	top: 6em;
	z-index: 1;
	color: #000;
	height: 2.4em;
	line-height: 2.4em;
	order: 0;
}
.tablinks SPAN {
	position: relative;
	z-index: 9;
	font-size: 1.1em;
	display: inline-block;
	font-weight: 500;
}
.sticky .tablinks {
	
}

.tablinks.active_tab {
	color: var(--select-color);
}
.tablinks.active_tab:after {
	content: '';
	position: absolute;
	height: 0.15em;
	width: 100%;
	background-color: var(--select-color);
	bottom: -1px;
	left: 0;
}
.tabcontent {
	/* padding-top: 1em; */
	/* margin: 5em 0; */
	padding: 3em 0;
	min-height: 56vh;
	position: relative;
	width: 100%;
	order: 1;
}
.tabcontent:not(:last-of-type) {
	border-bottom: 1px dashed #fff;
}

#description {
	column-gap: 3em;
}

.goods_descrition {
	width: calc( ((100% - 2rem * 4) / 2.5) + 1em );
	flex-shrink: 0;
}
.goods_descrition SPAN {
	font-weight: 600;
}
.goods_descrition > P:first-of-type {
	margin-top: 0;
}
.goods_descrition > P:last-of-type {
	margin-bottom: 0;
}

.goods_photo {
	flex-grow: 1;
	border-radius: var(--brd-radius);
}
.img_holder {
	position: relative;
	overflow: hidden;
}
.img_holder IMG {
	position: absolute;
	width: 100%;
	height: 100%;
}
.goods_photo.img_holder IMG {
	object-fit: cover;
}

#dimension .tabcontent-wrap {
	display: flex;
	/* align-items: flex-start; */
	gap: 2em;
}
#dimension FIGURE {
	width: calc((100% - 2rem * 4) / 4 - .5px);
	aspect-ratio: 4 / 5;
	/* overflow: auto; */
	border-radius: var(--brd-radius);
	border: .15em solid var(--prime-back);
	/* max-width: 17em; */
	padding: 1rem;
	background-image: linear-gradient(135deg, #fff, transparent);
}
#dimension FIGURE > UL {
	row-gap: .3em;
}
#dimension FIGURE > UL LI:nth-child(1) {
	font-size: 1.4em;
	font-weight: 600;
}
#dimension FIGURE > UL LI {
	font-size: .875em;
	font-weight: 600;
}
#dimension FIGURE > UL LI SPAN {
	color: var(--txt-grey);
	font-size: .875em;
	margin-right: 0.7em;
}
#dimension .tab_txt {
	color: var(--dark-back);
	font-size: 0.8125em;
	/* margin-right: 0.7em; */
	font-weight: 400;
	margin-top: 1.4em;
	padding-top: 1em;
	position: relative;
}
#dimension .tab_txt:before {
	content: '';
	width: 2em;
	height: .15em;
	background-color: var(--prime-back);
	position: absolute;
	top: 0;
	left: 0;
}
#dimension .tab_coast{
	margin-top: 0.7em;
	font-size: 1.5em;
	font-weight: 700;
}
#dimension .tab_coast I{
	font-style: normal;
	font-size: 0.6em;
	margin-left: 0.2em;
	display: inline-block;
	white-space: nowrap;
}
#dimension .order_btn {
	background-color: var(--select-color);
	border: none;
	border-radius: var(--brd-radius);
	color: #fff;
	padding: 0.5em 2em;
	font-family: inherit;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: 600;
	letter-spacing: .04rem;
	font-size: 1rem;
	cursor: pointer;
	position: relative;
	z-index: 1;
	width: 100%;
	transform: translateY(0px);
	transition: box-shadow .3s ease, transform .3s ease;
	margin-top: 1.2em;
}
#dimension .order_btn:hover {
	box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px,
				rgba(45, 35, 66, 0.3) 0 7px 13px -3px,
				inset #8C210C 0 -2px 1px;
	transform: translateY(-2px);
}
#dimension .order_btn:active{
	box-shadow: inset #932611 0 3px 7px;
	transform: translateY(0px);
}
#dimension .st-dim + .tab_txt:before {
	width: 75%;
	left: -1rem;
	background: transparent linear-gradient(to right, var(--prime-back), transparent) no-repeat;
}

.st-hed {
	font-size: 1.25em;
	font-weight: 600;
	padding: 1ex 1rem;
	color: #fff;
	margin: -1rem -1rem 1.5ex;
	line-height: 1.1;
	background-color: var(--prime-back);
}
.st-dim {
	font-size: .875em;
	font-weight: 600;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template: auto / auto 1fr;
	gap: .7ex 1ex;
}
.st-dim DT,
.st-dim DD {
	margin: 0;
	padding: 0;
}
.st-dim DT {
	color: var(--txt-grey);
	font-size: .875em;
	align-self: center;
}

.order_form {
	width: calc(50% - 3em);
	display: none;
}
.coast_box{
	justify-content: space-between;
	border-radius: .7em;
	width: 38em;
}
.coast_box H2{
	margin: 0;
}
.coast_box LI{
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid var(--prime-back);
	padding: 2.4vh 0;
}
.coast_box LI:last-child{
	border-bottom: none;
}
.coast_box > LI > I{
	display: block;
	font-style: normal;
	color: #7D7D7D;
	font-size: 1rem;
	margin-bottom: .6vh;
}
.coast_box > LI > SPAN:nth-child(1){
	font-size: .9rem;
	font-weight: 600;
	width: 23%;
	flex-shrink: 0;
}
.coast_box > LI > SPAN:nth-child(2){
	font-size: .9rem;
	flex-shrink: 0;
}
.coast_box > LI > SPAN:nth-child(3){color: var(--txt-sec-color);}
.coast_box > LI > SPAN:nth-child(4){color: var(--txt-sec-color);min-width: 7rem;text-align: right;}

.coast_box > LI > SPAN:nth-child(2) I{
	font-style: normal;
	font-size: .6rem;
	margin: 0 .2rem;
}
.coast_box > LI > SPAN:nth-child(3):after{
	content: 'RUB / м²';
	font-size: .8rem;
	margin-left: .4em;
}
.coast_box > LI > SPAN:nth-child(4):after{
	content: 'RUB / м²';
	font-size: .8rem;
	margin-left: .4em;
}
.coast_box .button{
	padding: .3rem 1rem;
}
.coast_box > DIV{
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}

.dis_card .goods_item,
.dis_card .cat_list,
.dis_card .goods_pagination{
	display: none;
}

.dis_card .cat_menu{
	display: block;
	width: 100%;
}

.cat_menu {
	/*gap: 5em;
	justify-content: center;
	align-items: flex-start;
	width: 100%;*/
	display: none;
}

/*
.retail:before{
	content: 'RTL';
	color: #7d7d7d;
	font-size: .8rem;
	margin-right: .4em;
}

.whsle:before{
	content: 'WHSLE';
	color: #7d7d7d;
	font-size: .8rem;
	margin-right: .4em;
}
*/
.goods_parametrs H1{
	margin: 0;
	color: var(--select-color);
}
.goods_parametrs H2{
	margin-top: 0;
	font-size: 1.1em;
	margin-bottom: 0em;
	color: #1e1e1e;
}
.order_btn_container{
	margin-top: 2.2em;
	align-items: stretch;
}
.delivery_date{
	background-color: #dbd9d9;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 60%;
	margin-left: -0.2em;
	position: relative;
	z-index: 0;
	padding-left: 1.9em;
	font-size: .8em;
	border-radius:0 var(--brd-radius) var(--brd-radius) 0;
}
.delivery_date SPAN{
	font-weight: 700;
	margin-left: .6em;
	font-size: 1.1em;
}

.goods_parametrs BUTTON {
	background-color: var(--select-color);
	border: none;
	border-radius: var(--brd-radius);
	color: #fff;
	padding: .5em 2em;
	font-family: inherit;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: 600;
	letter-spacing: .04rem;
	font-size: 1rem;
	cursor: pointer;
	position: relative;
	z-index: 1;
	width: 49.8%;
	transform: translateY(0);
	transition: box-shadow .3s ease, transform .3s ease;
}
.goods_parametrs BUTTON:hover {
	box-shadow: rgba(45, 35, 66, .4) 0 4px 8px,
				/* rgba(45, 35, 66, 0.3) 0 6px 12px -2px, */
				inset #8C210C 0 -2px 2px;
	transform: translateY(-1px);
}
.goods_parametrs BUTTON:active{
	box-shadow: inset #8C210C 0 2px 4px;
	transform: translateY(0);
}

.goods_photos {
	display: flex;
	gap: .5rem;
	min-height: 0;
	position: relative;
	aspect-ratio: 16 / 8;
	/* width: calc((100% - 8rem) * 3 / 5 + 4rem); */
	width: 59%;
}
.goods_photos IMG {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--brd-radius);
}
.main-good-pic {
	flex-grow: 1;
	order: 1;
}
.main-good-pic IMG {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.alter-good-wrap {
	direction: rtl;
	width: calc(10.4% - 2px);
	height: calc(100% + 1px);
	min-height: 0;
	position: relative;
	flex-shrink: 0;
	overflow: hidden;
	transform: translateX(-8px);
}
.alter-good-pics {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	position: relative;
	width: calc(100% + 4px);
	height: 100%;
	padding-left: 4px;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: var(--txt-sec-color) transparent;
}
.alter-good-pics IMG {
	background-color: var(--txt-sec-color);
	padding: 1px;
}
.alter-good-pics::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.alter-good-pics::-webkit-scrollbar-track {
	background-color: transparent;
}
.alter-good-pics::-webkit-scrollbar-thumb {
	background-color: var(--txt-sec-color);
}

.parameters--list {
	display: grid;
	grid-template: auto / auto 1fr;
	gap: 1em 2ex;
	font-size: .8em;
	margin: .8rem 0 1.4rem;
}
.parameters--list DT {
	color: var(--txt-grey);
}
.parameters--list DD {
	margin: 0;
}

.parametrs_list{
	width: 100%;
	margin: 0.8em 0 1.4em 0;
}
.parametrs_list DL{
	display: grid;
	grid-template-columns: 2fr 5fr;
	margin: 0;
	padding: 0.3em 0;
}
.parametrs_list DT{
	font-size: 0.8em;
	color: var(--txt-grey);
}
.parametrs_list DD{
	font-size: .8rem;
color: #000;
}

.parametrs_list LI{
	align-items: center;
	flex-shrink:0;
	font-size: 0.8em;
	color: var(--txt-grey);
	gap: 0.6em;
}
.order_disclamer .tit,
.parametrs_list LI > DIV:nth-child(1){
	width: 33%;
	color: var(--txt-grey);
	font-size: .8rem;
	flex-shrink: 0;
}
.order_disclamer .list LI,
.parametrs_list LI SPAN,
.parametrs_list LI > DIV:nth-child(2){
	font-size: .8rem;
	color:#000;
}

.parametrs_list LI > DIV:nth-child(2) > SPAN{
	border: .1em solid var(--prime-back);
	padding: .2em .3em;
	border-radius: var(--brd-radius);
}
.parametrs_list LI > DIV:nth-child(2) > SPAN > I{
	font-style: normal;
	font-size: .6rem;
	margin: 0 .2rem;
}
#av_formats.flex_row{
	column-gap: 0.9em;
	flex-wrap: wrap;
	row-gap: 0.7em;
}
.order_disclamer .list{
	gap: .5rem;
}

.parametrs_list LI:last-child{
	border-bottom: none;
}

.row{
	width: 100%;
}
.catalog-section{
	width: 100%;
	flex-wrap: wrap;
	gap: 2em;
}
.product-item-small-card{
	width: calc((100% - 8em) / 5) !important;
}

.product-item-button-container{
	display: none;
}


.mp_grid_link {
  position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mp_grid_txt_link{
	align-items: center;
justify-content: center;
height: 100%;
}
.mp_grid_txt_link H2 {
	margin: .5rem 0 .8rem 0;
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center;
}
.mp_grid_txt_link SPAN {
	font-size: .9rem;
	font-weight: 500;
	color: #6E6E6E;
	padding: 0 3rem;
	text-align: center;
}

.mp_grid_link:hover .mp_grid_title{
	letter-spacing: .2rem;
}
.mp_grid_link:hover .mp_grid_img{
	transform: scale(1.05);
}

.mp_grid_title{
	text-align: center;
	font-weight: 400;
	font-size: 1.4rem;
	z-index: 2;
	width: auto !important;
	height: auto !important;
	display: inline-block;
	background-color: transparent !important;
	color: #fff;
	border: 1px solid #fff;
	padding: .4rem 1rem;
	transition: .5s;
	letter-spacing: .1rem;
}



.mp_grid_icon{
	height: 7vh;
	object-fit: contain;
	position: relative;
	margin-bottom: 1rem;
	fill: #FD5C3E;
}



.mp_st_block{
	position: relative;
	aspect-ratio: 11/6;
	width: 50%;
	overflow: hidden;
}
.mp_st_block IMG{
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	object-position: center;
	width: 100%; 
	z-index: 1;
	-webkit-filter: brightness(69%) saturate(96%);
	-moz-filter: brightness(69%) saturate(96%);
	filter: brightness(69%) saturate(96%);
}

.mp_st_block A{
	position: absolute;
	z-index: 2;
	color: #fff;
	top: calc(50% - 6vh / 2);
	left: calc(50% - 17rem / 2);
	width: 17rem;
	border: 2px solid #fff;
	text-align: center;
	font-weight: 500;
	font-size: 1.8rem;
	height: 6vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mainpage{
	
}

.gm_w1{width: calc(var(--base_width) * 1);}
.gm_w15{width: calc(var(--base_width) * 1.5);}
.gm_w2{width: calc(var(--base_width) * 2);}
.gm_w3{width: calc(var(--base_width) * 3);}

.gm_h1{height: calc(var(--base_height) * 1);}
.gm_h2{height: calc(var(--base_height) * 2);}
.gm_h3{height: calc(var(--base_height) * 3);}
.gm_h4{height: calc(var(--base_height) * 4);}
.gm_h5{height: calc(var(--base_height) * 5);}
.gm_h6{height: calc(var(--base_height) * 6);}
.gm_h7{height: calc(var(--base_height) * 7);}
.gm_h8{height: calc(var(--base_height) * 8);}
.gm_h9{height: calc(var(--base_height) * 9);}
.gm_h10{height: calc(var(--base_height) * 10);}

.iteam_transY{
	transform: translateY(calc(0vh - var(--base_height)));
}
.iteam_transY2{
	transform: translateY(calc(0vh - var(--base_height)*2));
}
.iteam_transY3{
	transform: translateY(calc(0vh - var(--base_height)*3));
}
.iteam_transXY{
	transform: translateX(calc(var(--base_width)*3)) translateY(calc(0vh - var(--base_height)));
}
.iteam_transXY2{
	transform: translateX(calc(var(--base_width)*3)) translateY(calc(0vh - var(--base_height)*2));
}
.iteam_transX15Y{
	transform: translateX(calc(var(--base_width)*1.5)) translateY(calc(0vh - var(--base_height)));
}
.iteam_transX3Y{
	transform: translateX(calc(var(--base_width)*3)) translateY(calc(0vh - var(--base_height)));
}
.iteam_trans-15XY{
	transform: translateX(calc(0em - var(--base_width)*1.5)) translateY(calc(0vh - var(--base_height)));
}
.iteam_trans3XY{
	transform: translateX(calc(0em - var(--base_width)*3)) translateY(calc(0vh - var(--base_height)));
}
.iteam_trans15X2Y{
	transform: translateX(calc(var(--base_width)*1.5)) translateY(calc(0vh - var(--base_height)*2));
}
.iteam_trans-X3{
	transform: translateX(calc(0em - var(--base_width)*3));
}


.trans_bkg{background-color: var(--second-back);}

.grid_menu{
	position: relative;
	flex-wrap: wrap;
	width: 100%;
	-webkit-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 16px -3px rgba(0,0,0,0.75);
}

.grid_menu figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid_menu figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid_menu figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid_menu figure figcaption::before,
.grid_menu figure figcaption::after {
	pointer-events: none;
}

.grid_menu figure figcaption,
.grid_menu figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.grid_menu figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 1.6rem;
}

.grid_menu figure h2 span {
	font-weight: 800;
}

.grid_menu figure h2,
.grid_menu figure p {
	margin: 0;
}

.grid_menu FIGURE P {
	letter-spacing: 1px;
	font-size: 68.5%;
}


FIGURE.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgb(0, 0, 0) 0%,rgba(104, 60, 19, 0) 100%); 
}

FIGURE.effect-dexter IMG {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	object-position: center;
	width: 100%;
	height: 100%;
	transition: opacity .35s ease-in;
}

FIGURE.effect-dexter:hover IMG {
	opacity: .4;
	transition-timing-function: ease-out;
}

FIGURE.effect-dexter FIGCAPTION::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: calc(50% - 30px);
	border: 3px solid #fff;
	content: '';
	transition: transform .3s ease-out, height .3s ease-out;
	transform: translateY(-100%);
}

FIGURE.effect-dexter:hover FIGCAPTION::after {
	transform: translateY(0);
	height: 50%;
}

FIGURE.effect-dexter FIGCAPTION {
	padding: 3em;
	text-align: left;
}

FIGURE.effect-dexter P {
	position: absolute;
	right: 50px;
	bottom: 50px;
	left: 50px;
	opacity: 0;
	margin: 0;
	font-size: .875em;
	transition: opacity .3s ease-out, transform .3s ease-out;
	transform: translateY(-100px);
}

FIGURE.effect-dexter:hover P {
	opacity: 1;
	transform: translateY(0);
}

.mainpage .grid_menu{
	margin: 2vh 0 3em 0;
}
.grid_menu DIV {
	overflow: hidden;
}
.grid_menu DIV IMG {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	object-position: center;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-filter: brightness(69%) saturate(96%);
	-moz-filter: brightness(69%) saturate(96%);
	filter: brightness(69%) saturate(96%);
	transition: .5s;
}

.mp_grid_title I {
	font-style: normal;
	font-size: 1rem;
	display: block;
}

.mp_grid_title I::nth-letter(4) {
	font-size: .5rem;
	color: red;
}
.cnt_page {

}
.mapbox {
	flex-shrink: 0;
	width: calc(56% - 1.5em);
}
.contact_box {
	flex-shrink: 0;
	width: calc(44% - 1.5em);
}

.contact_box LI:nth-child(1) {
	margin-top: 0;
}

.contact_box_title {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: .5rem;
	margin-top: 1.4rem;
}

.cnt_sec {
	display: none;
	flex-direction: row;
	align-items: stretch;
	gap: 3em;
	background-color: var(--second-back);
	padding: 2em 2em;
	min-height: 63vh;
}

.active_cnt_sec {
	display: flex;
}

.bx-yandex-view-layout,
.bx-yandex-view-map,
.ymaps-map {
	height: 100% !important;
}
.cnt_btn_sec {
	margin-bottom: 3vh;
	gap: .5em;
}
.cnt_btn {
	padding: 0.9rem 2.7rem;
	border-radius: .2rem;
	cursor: pointer;
	transition: .5s;
	font-size: 1.8rem;
	font-weight: 500;
}

.cnt_btn:hover {
	background-color: #49594f;
	color: var(--select-color);
	position: relative;
}

.cnt_btn_active {
	background-color: #49594f;
	color: var(--select-color);
	outline: .15rem solid var(--select-color);
	outline-offset:-.15rem; 
	position: relative;
	font-weight: 300;
}

.order_modal {
	display: none;
	position: fixed;
	width: calc(var(--base_width)*2);
	height: calc(var(--base_height)*2);
	background-color: var(--second-back);
	-webkit-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.75);
	top: calc(50% - var(--base_height));
	z-index: 999;
	left: calc(50% - var(--base_width));
	padding: 1.2em;
}
.ow_active {
	display: block;
}
.modal_close {
	position: absolute;
	width: 1.5em;
	right: 1.5em;
	top: 1.5em;
}
.modal_close_cross {
	fill: #000;
}

.modal_close_cross G {
	stroke: #000;
}

.fix_page {
	
}
.fix_page SECTION:nth-child(1) {
	position: relative;
	width: 100%;
	justify-content: flex-end;
	gap: 3em;
	margin-bottom: 7em;
}
.fix_page SECTION:nth-child(2) {
	background-color: var(--second-back);
	flex-wrap: wrap;
	gap: 3em;
	padding: 2em;
	min-height: 77vh;
}
.prop_b {
	position: relative;
}
.prop_b IMG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.prop_b SPAN {
	position: absolute;
	z-index: 1;
}

.fix_page .bkg_keeper:nth-child(2) {
	width: 40%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
}
.fix_page .bkg_keeper:nth-child(3) {
	width: 40%;
}
.fix_page .bkg_keeper:nth-child(3) IMG {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: right;
}

.fix_page .text_block{
	width: 42%;
	padding-top: 6em;
	gap: 3em;
}
.fix_page .text_block DIV:nth-child(2){
	padding-left: 3em;
}
.fix_page .text_block P{
	color: #fff;
	padding-left: 3em;
}

.fix_page .text_block A{
	padding: .8em 1.6em;
	color: #fff;
	border: .3em solid var(--select-color);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: .05rem;
}
.fix_page .text_block A > I{
	margin-right: 1em;
}

.fix_page .text_block H1{
	text-transform: uppercase;
	font-size: 2rem;
	margin-top: 0;
}
.fix_page .text_block H1 SPAN:nth-child(1){
	font-weight: 300;
	font-size: 1.3em;
	color: #fff;
	letter-spacing: .01em;
}
.fix_page .text_block H1 SPAN:nth-child(2){
	font-size: 1.7em;
	color: var(--select-color);
}
.fix_page .text_block H1 SPAN:nth-child(3){
	font-weight: 300;
	color: #fff;
	font-size: 1.7em;
}

.portfolio_menu .cnt_btn{
	padding: 0rem 0rem;
	font-size: 1rem;
	background: transparent;
	border-bottom: 1px dashed #000;
	border-radius: 0;
	color: #5b5b5b;
}
.portfolio_menu .cnt_btn_active{
	border-bottom: 1px dashed var(--select-color);
	font-weight: 600;
	outline: none;
	color: var(--select-color);
}

.portfolio{
	gap: 2em;
	flex-wrap: wrap;
}
.portfolio_item{
	overflow: hidden;
	width: calc((100% - 8em) / 5 - .5px);
	aspect-ratio: 4/4;
	position: relative;
	border-radius: .3rem;
	transition: .3s;
}
.active_item{
	display: block;
}
.portfolio_item:hover{
	-webkit-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 23px -1px rgba(0,0,0,0.45);
	transform: scale(1.01);
}
.portfolio_item IMG{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.portfolio_menu{
	margin-bottom: 2em;
	gap: 1.3em;
}

/*MAIN PAGE TILE MENU*/

.grid {
	display: grid;
	grid-column-gap: 0;
	grid-row-gap: 0;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 21em;
	grid-auto-flow: dense;
	width: 100%;
} 
.mp_menu_list {
	grid-auto-rows: unset;
}
.mp_menu_item {
	overflow: hidden;
	position: relative;
	aspect-ratio: 1.5;
}
.mp_menu_list FIGURE.effect-dexter FIGCAPTION {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: #fff;
	text-transform: uppercase;
}

.mp_menu_list FIGURE.effect-dexter FIGCAPTION H2 {
	text-shadow: 2px 2px 8px rgb(0, 0, 0);
}
.icon_item{
	background-color:var(--second-back);
	justify-content:center;
	align-items:center;
}
.mp_menu_list FIGURE.icon_item IMG {
	width: 18%;
}
.mp_menu_list FIGURE.icon_item FIGCAPTION {
	padding: 1ex;
}
.mp_menu_list FIGURE.icon_item FIGCAPTION H2 {
	margin: .5rem 0 .8rem 0;
	font-size: 1.5rem;
	font-weight: 400;
	text-align: center;
}
.mp_menu_list FIGURE.icon_item FIGCAPTION P {
	font-size: .875rem;
	font-weight: 500;
	color: #6E6E6E;
	padding: 0 3rem;
	text-align: center;
	margin: 0;
}
.mp_menu_list FIGCAPTION A {
	color: currentColor;
}
.mp_menu_list FIGCAPTION A:after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 10;
}

.newscatmenu {
	display: flex;
	gap: 1ex;
	position: absolute;
	right: 0;
	top: 1ex;
}
.newscatmenu LI {
	font-size: .875em;
	font-variant: small-caps;
	font-weight: 600;
	text-transform: lowercase;
}
.newscatmenu A,
.newscatmenu SPAN {
	display: block;
	padding: .5ex 1ex;
	border-radius: var(--brd-radius);
}
.newscatmenu SPAN {
	background-color: var(--select-color);
	color: #fff;
}
.newscatmenu A {
	background-color: var(--second-back);
}

/** FILTER **/
.smart-filter{
	background-color: var(--dark-back);
	width: calc(20% - 1em);
	min-width: 248px;
	border-radius: var(--brd-radius);
	max-height: calc(100vh - 14.5em);
	position: sticky;
	top: 7em;
	overflow: hidden;
	transition: max-height .3s ease-out;
	display: flex;
}
.sticky .smart-filter {
	/* position: sticky;
	top: 7em; */
	max-height: calc(100vh - 8em);
}
.ajaxfilter[id^='comp_'] > DIV {
	width: 100%;
}
.smart-filter-section {
	width: 100%;
	max-height: 100%;
	padding: 1em 1em 2em;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #43534a transparent;
}
.smart-filter-section::-webkit-scrollbar {
	width: 8px;
}
.smart-filter-section::-webkit-scrollbar-track {
	background: transparent;
}
.smart-filter-section::-webkit-scrollbar-thumb {
	background-color: var(--prime-back);
	border-radius: var(--brd-radius);
	border: 1px solid var(--dark-back);
}
.smart-filter .btn-link {
	display: inline-block;
	text-align: center;
	font-size: .875em;
	font-weight: 400;
	color: var(--select-color);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	border-bottom: .1em dashed var(--select-color);
}
.filter_call {
	position: absolute;
	right: 1.25ex;
	margin-top: -.75ex;
}
.filter_call BUTTON {
	font-size: 1.75em;
	line-height: 1;
	aspect-ratio: 1;
	width: 1.25em;
	margin: 0;
	padding: 4px;
	color: rgba(255,255,255,.25);
	background-color: transparent;
	border: 0 none;
	appearance: none;
	-webkit-text-stroke: 2px #fff;
	text-stroke: 2px #fff;
}
.filter_call SPAN {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
}
.smart-filter .btn-primary {
	width: 100%;
	font-size: 1rem;
	margin: 2em 0 1em 0;
}
.smart-filter .btn-primary {
	background-color: var(--select-color);
	border: none;
	border-radius: var(--brd-radius);
	color: #fff;
	padding: .5em 2em;
	font-family: inherit;
	font-variant: small-caps;
	text-transform: lowercase;
	font-weight: 600;
	letter-spacing: .6px;
	cursor: pointer;
	position: relative;
	z-index: 1;
	transform: translateY(0px);
	transition: box-shadow .3s ease, transform .3s ease;
}
.smart-filter .btn-primary:active {
	box-shadow: inset #932611 0 3px 7px;
	transform: translateY(0px);
}
.smart-filter .btn-primary:hover {
	box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px,
				rgba(45, 35, 66, 0.3) 0 7px 13px -3px,
				inset #DD3615 0 -2px 1px;
	transform: translateY(-2px);
}
.smart-filter-title{
	display: none;
}
.smart-filter-parameters-box-title{
	font-size: 1em;
	border-bottom: 1px solid #43534a;
	margin-bottom: 0.875em;
	margin-top: 1.5em;
	padding-bottom: .5em;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.smart-filter .smart-filter-parameters-box:first-of-type .smart-filter-parameters-box-title {
	margin-top: 0;
}
.smart-filter .form-check-input {
	padding: 0;
	margin: 0 .33ex 0 0;
	transform: translateY(1px);
}
.smart-filter .sfp-box-color .form-check-input {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	margin: 0;
	padding: 0;
}
.smart-filter .form-check-input:checked + .smart-filter-checkbox-text {
	color: var(--select-color);
}
.smart-filter .form-check-input:checked + .smart-filter-checkbox-text .counter {
	font-weight: 500;
}
.smart-filter-parameters-box-title-text,
.bx-active .smart-filter-parameters-box-title-text {
	color: var(--select-color);
	font-weight: 500;
	font-size: 1em;
	letter-spacing: .5px;
}
.smart-filter-input-group-checkbox-list {
	display: flex;
	flex-flow: column wrap;
	gap: .5em;
}
.smart-filter-angle .gg-chevron-down-r {
	color: var(--select-color);
	transform: translateX(2px);
}
.smart-filter-angle-up .gg-chevron-down-r::after {
	transform: rotate(225deg) translateY(-0.1em) translateX(-0.08em);
}
.smart-filter .form-group {

}
.smart-filter-checkbox-text {
	font-size: 0.8125em;
	color: var(--second-back);
	font-weight: 400;
	cursor: pointer;
	padding: 0;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	transition: color .3s ease;
}
.smart-filter-checkbox-text:after {
	content: '';
	position: absolute;
	inset: -4px -6px;
	z-index: -1;
	background-color: transparent;
	border-radius: var(--brd-radius);
	transition: background .3s ease;
}
.smart-filter .form-check-input:checked + .smart-filter-checkbox-text:after {
	background-color: #000;
}
.sfp-box-formats .smart-filter-checkbox-text {
	font-size: 0.75em;
}
.smart-filter-checkbox-text:hover {
	color: var(--select-color);
}
.form-check-input:hover {
	border-color: var(--select-color);
}

.smart-filter-parameters-box .form-group {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: .33em;
	position: relative;
}

.smart-filter .sfp-box-color .smart-filter-checkbox-text:before {
	content: '';
	display: inline-block;
	width: 1rem;
	aspect-ratio: 1;
	margin-right: 0.5em;
	border-radius: 50%;
	background-color: var(--stonecolor);
}
.smart-filter .sfp-box-color .form-check-input:checked + .smart-filter-checkbox-text:before {
	border: 2px solid red;
	box-shadow: 0 0 4px red;
}

.smart-filter .form-check-input[disabled],
.smart-filter .form-check-input[disabled] + LABEL {
	opacity: .5;
	pointer-events: none;
}
.smart-filter .smart-filter-popup-result {
	background-color: #000;
	color: #ccc;
	border: 0 none;
	margin: -1rem 0 0;
	padding: .5ex .5rem;
}
.smart-filter .smart-filter-popup-result.left,
.smart-filter .smart-filter-popup-result.right {
	right: -.5rem;
	left: auto;
}

.counter {
	margin-left: auto;
	font-size: 0.6875rem;
	color: #a6a5a5;
	font-weight: 400;
	padding-top: 1px;
}


/*CATHALOG NEW*/

.cat_list {
	display: grid;
	gap: 2em 1.5em;
	grid-template: auto / repeat(auto-fill, minmax(14.4em, 1fr));
	/* grid-auto-rows: 25em; */
	/* grid-auto-flow: dense; */
	/* width: calc((80% - 1em) - .5px); */
	flex-grow: 1;
}
FIGURE.cat_list_item {
	position: relative;
	background-color: #fff;
	overflow: hidden;
	transform: translateZ(0) scale(1);
	border-radius: var(--brd-radius);
	box-shadow: rgba(0,0,0,.3) 0px 2px 8px;
	transition: transform .3s ease-out, box-shadow .3s ease-in;
}
FIGURE.cat_list_item:hover {
	transform: translateZ(0) scale(1.04);
	z-index: 9;
	box-shadow: rgba(0,0,0,.5) 0px 4px 18px;
	transition-timing-function: ease-in, ease-out;
}
FIGURE.cat_list_item A {
	display: flex;
	flex-direction: column;
	height: 100%;
}
FIGURE.cat_list_item .img_holder {
	position: relative;
	aspect-ratio: 1;
	width: 100%;
	overflow: hidden;
}
FIGURE.cat_list_item .img_holder IMG {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
FIGURE.cat_list_item FIGCAPTION {
	padding: 1.25em .75em .75em;
	position: relative;
	justify-content: space-between;
	gap: .5em;
	flex-grow: 1;
}
FIGURE.cat_list_item FIGCAPTION H2 {
	margin: 0;
	color: #444;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.1;
	letter-spacing: -.1px;
}
FIGURE.cat_list_item FIGCAPTION .type_label {
	font-size: .875em;
	color: #fff;
	padding: 0 1em 0 .875em;
	line-height: 1.6em;
	height: 1.75em;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-50%);
	font-variant: small-caps;
	font-weight: 600;
	text-transform: lowercase;
	letter-spacing: .5px;
	background-color: var(--select-color);
}
FIGURE.cat_list_item FIGCAPTION .type_label:after {
	content: '';
	position: absolute;
	height: 100%;
	right: -.5em;
	top: 0;
	bottom: 0;
	border: .875em solid var(--select-color);
	border-left-width: .25em;
	border-right-width: .5em;
	border-right-color: transparent;
}

I.cross:before{
	content:'\00D7';
}

FIGURE.cat_list_item FIGCAPTION .formats {
	flex-wrap: wrap;
	gap: .25em;
	width: calc(100% + 1ex);
}
FIGURE.cat_list_item FIGCAPTION .formats H3 {
	margin: 0;
	padding: 0;
	font-size: .75em;
	color: #5b5b5b;
	width: 100%;
	flex-shrink: 0;
	font-weight: 500;
}
FIGURE.cat_list_item FIGCAPTION .formats LABEL {
	font-style: normal;
	color: #000;
	font-size: .6875em;
	background-color: #e8e8e8;
	padding: .25em;
	line-height: 1.1;
	letter-spacing: -.25px;
	border-radius: var(--brd-radius);
}
FIGURE.cat_list_item FIGCAPTION .list_coast {
	color: var(--select-color);
	font-weight: 700;
	font-size: 1.6em;
	min-height: 1.25em;
}
FIGURE.cat_list_item FIGCAPTION .list_coast I {
	font-style: normal;
	font-size: .6875em;
	margin-left: 0.25em;
	display: inline-block;
	white-space: nowrap;
}
FIGURE.cat_list_item FIGCAPTION .list_coast SPAN {
	font-size: 0.5em;
	font-weight: 400;
	color: #999;
	margin-right: 1ex;
}

/*404 PAGE*/
.page_404{
	row-gap: 6em;
	justify-content: center;
}
.page_404 .title SPAN:nth-child(1){
	text-align: center;
	font-size: 12em;
	font-weight: 700;
	color: var(--select-color);
}
.page_404 .title SPAN:nth-child(2){
	text-align: center;
	font-size: 2em;
	text-transform: lowercase;
	font-variant: small-caps;
	font-weight: 700;
	letter-spacing: .1em;
	color: var(--second-back);
	margin-top: -1em;
}
.page_404 MENU{
	justify-content: center;
	column-gap: 5em;
	padding: 0;
	margin: 0;
}
.page_404 MENU SPAN{
	color: var(--dark-back);
	font-weight: 700;
	margin-bottom: .7em;
	font-size: 1.2em;
	letter-spacing: .1em;
	position: relative;
	display: flex;
}
.page_404 MENU .spec-l{
	color: var(--second-back);
	row-gap: .2em;
}

.section_description {
	background-color: var(--second-back);
	padding: 1em 3em;
}
.section_description{
		padding: 0;
	}
	.section_description_inner{
		display: flex;
		flex-flow: row wrap;
		column-gap: 2em;
		row-gap: 2em;
		justify-content: flex-end;
		padding: 3em 3em;
	}
	.left_col{
		width: calc(30% - 1em);
		padding-right: 3.6%;
		display: flex;
		justify-content: flex-end;
	}
	.left_col H1{
		font-size: 2em;
		font-weight: 600;
		margin: 0;
		width: 100%;
		text-align:right;
	}
	.left_col IMG{
		width: 3.2em;
	}
	.right_col{
		width: calc(70% - 1em);
		font-size: 1.2em;
		line-height: 1.5em;
		color: var(--txt-grey);
	}
	.right_col UL{
		margin: 0.6em 0em;
	}
	.right_col UL LI{
		position:relative;
		padding-left: 1.7em;
	}
	.right_col UL LI:before{
		content: '\f178';
		font-family: 'FontAwesome';
		left: 0;
		top: 0.1em;
		position: absolute;
		font-size: 0.7em;
		color: var(--select-color);
	}
	.right_col STRONG{
		color: #000;
		font-weight: 600;
		display: block;
		margin: 0.7em 0;
	}
	.right_col STRONG:nth-of-type(1){
		margin: 0em 0 0.7em 0;
	}

/*SEARCH*/
.search-page-title{
	color:var(--second-back);
}
.search-page{
	/*padding: 2em;
	background-color: var(--second-back);
	border-radius: .2em;*/
}
.search-page FORM{
	position: relative;
	background-color: var(--dark-back);
	padding: 2em;
	border-radius: var(--brd-radius);
}
.search-page BUTTON.search-button{
	position: absolute;
	right: 2.4em;
	top: 2.4em;
	height: 4.2em;
	border: 0;
	background-color: var(--prime-back);
	color: var(--select-color);
	border-radius: 0 var(--brd-radius) var(--brd-radius) 0;
	width: 7.4em;
}
.search-page INPUT.search-suggest{
	padding: 0 6.7em 0 0.9em;
	color: #000;
	height: 2.7em;
	background-color: var(--second-back);
	font-size: 1.3em;
}
.search-item{
	background-color: var(--second-back);
	border-radius: var(--brd-radius);
	padding: 0.4em 2em;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin: 1.7em 0;
}

.search-item SMALL{
	margin-bottom: 0.5em;
	font-weight: 500;
	color: var(--oper_fcolor);
}
.search-sorting{

}

/* FONT.notetext {
	color: var(--second-back);
	padding: 0 2em;
	display: block;
} */

/*ORDER STYLE*/

.modal {
	--spd: 0.4s;
	width: 100%;
	max-width: 50em;
	padding: 0;
	border: 0 none;
	border-radius: 0.3rem;
	background-color: rgba(0,20,12,0.5);
	opacity: 0;
	box-shadow: 0 1ex 1rem rgba(0,0,0,0.3);
	z-index: -1;
}
.modal::backdrop {
	background-color: rgba(0,20,12,0.75);
}
.modal[open] {
	animation: modal-in var(--spd) forwards ease-out;
	z-index: 1000;
}
.modal[open]::backdrop {
	animation: op-in 0.4s forwards ease-out;
}
.modal.nax {
	animation: modal-out var(--spd) forwards ease-out;
}
.modal.nax::backdrop {
	animation: op-out 0.4s forwards ease-out;
}
.modal-wrapper {
	position: relative;
	padding: 2rem;
	border-radius: 0.3rem;
	background-color: var(--second-back);
	width: 100%;
	overflow: auto;
}
.modal > BUTTON {
	position: absolute;
	top: 1ex;
	right: 1ex;
	padding: .5rem;
	border: 0 none;
	appearance: none;
	background-color: transparent;
	cursor: pointer;
	z-index: 10;
}
.mod--message {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 3;
}

.no-dialog DIALOG {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	visibility: hidden;
	z-index: -1;
}
.no-dialog DIALOG[open] {
	animation: none;
	opacity: 1;
	visibility: visible;
}

.order_window H4 {
	margin: 0 0 1em;
	font-size: 1.3em;
}
.order_window .starrequired {
	position: absolute;
	left: -1ex;
}
.zakaz-product-container {
	display: flex;
	gap: 2em;
}
.zakaz-product-info {
	font-size: .875em;
	padding-top: .5ex;
}
.zakaz-product-info IMG {
	border-radius: var(--brd-radius);
	display: block;
	aspect-ratio: 8 / 5;
	object-fit: cover;
	object-position: center;
	margin-bottom: 1em;
	width: 22em;
	max-width: 100%;
}
.zakaz-product-list {
	display: grid;
	grid-template: auto / auto 1fr;
	gap: .75ex 1ex;
	margin: 0;
}
.zakaz-product-list DT {
	color: #666;
}
.zakaz-product-list DT:after {
	content: ':';
}
.zakaz-product-list DD {
	margin: 0;
	font-weight: 500;
}
.zakaz-product-list .orderPrice {
	font-size: 1.25em;
}
.zakaz-product-list .orderPrice I {
	font-style: normal;
	margin-left: .5ex;
	font-size: .8125em;
}
.order_window FORM {
	flex: 1;
}
.order_window .data-table {
	margin: 0 auto;
	border-collapse: collapse;
	width: max-content;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}
.order_window .data-table THEAD {
	display: none;
}
.order_window .data-table TBODY {
	display: flex;
	flex-direction: column;
	gap: 1.75ex;
	position: relative;
}
.order_window .data-table TR:not([hidden]) {
	display: flex;
	position: relative;
}
.order_window .data-table .row-type-l {
	flex-direction: column;
	gap: .5ex;
}
.order_window .data-table .row-type-s {
	align-items: center;
}
.order_window .data-table .row-type-s.no-empty .field-nam:not(.field-quant),
.order_window .data-table .row-type-s:focus-within .field-nam:not(.field-quant) {
	transform: translateY(-102%);
	background-color: var(--prime-back);
	color: #fff;
	font-size: .75em;
}
.order_window .data-table TD {
	max-width: 100%;
	position: relative;
}
.order_window .data-table .field-nam {
	width: max-content;
	font-size: .875em;
	font-weight: 500;
}
.order_window .data-table .row-type-s .field-val {
	flex-grow: 1;
}
.order_window .data-table .row-type-s .field-nam {
	position: absolute;
	padding: .5ex 1ex .6ex 1.1em;
	margin-left: 1px;
	font-size: .8125em;
	pointer-events: none;
	color: #666;
	z-index: 1;
	transition: all .3s ease-out;
	background-color: transparent;
	border-radius: .33em .33em .33em 0 ;
}
.order_window .row-type-s .starrequired {
	left: 1ex;
}
.order_window .data-table .row-quant INPUT.tinput {
	height: 2.5em;
}
.order_window .data-table .row-quant .field-quant {
	left: -1em;
	font-size: .875em;
	color: #111;
}
.order_window .data-table .row-quant .field-val {
	max-width: 7.33em;
	display: flex;
	transform: translateX(6.25rem);
}
.field-val SMALL {
	align-self: flex-end;
	margin-left: 1ex;
	padding-bottom: 1.25ex;
	font-weight: 500;
}
.order_window .data-table .row-quant .field-nam:after,
.order_window .data-table .row-type-l .field-nam:after {
	content: ':';
}
.order_window .theader {
	padding-top: 1.5ex;
	font-size: .875em;
	font-weight: 500;
	gap: 1ex;
}
.order_window .theader:after {
	content: '';
	border-bottom: 1px solid #666;
	flex-grow: 1;
	align-self: center;
	margin-top: .5ex;
}
.order_window .data-table INPUT.tinput {
	border: 1px solid #aaa;
	border-radius: var(--brd-radius);
	width: 100%;
	height: 3em;
	font-family: inherit;
	font-size: .875em;
	font-weight: 500;
	margin: 0;
	padding: .5ex 1ex;
	background-color: rgba(255,255,255,.3);
	transition: background-color .3s ease-out, border-color .3s ease-out;
}
.order_window .data-table INPUT.tinput:not([readonly]):focus-visible {
	background-color: rgba(255,255,255,.5);
	border-color: #666;
}
.order_window .data-table TBODY .row-inline {
	position: absolute;
	right: 0;
	top: 4.75em;
	width: 7em;
}
.order_window .data-table INPUT.tinput[readonly] {
	border: 0 none;
	padding: 0;
	background: transparent;
	cursor: default;
	text-align: right;
	font-size: 1.25em;
	height: 1.25em;
}
.order_window .data-table INPUT.tinput:invalid {
	
}
.order_window .data-table INPUT:not([type='radio']) ~ BR {
	display: none;
}
.order_window .data-table INPUT[type='radio'] {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	margin: 0;
}
.order_window .data-table INPUT[type='radio'] + LABEL {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: .8125em;
	font-weight: 500;
	padding: .75ex 1.25ex;
	border: 1px solid #aaa;
	border-radius: var(--brd-radius);
	background-color: rgba(255,255,255,.3);
	user-select: none;
	transition: border, background, color;
	transition-duration: .3s;
	transition-timing-function: ease;
}
.order_window .data-table INPUT[type='radio']:checked + LABEL {
	border-color: var(--prime-back);
	background-color: var(--prime-back);
	color: #fff;
}
.order_window .data-table INPUT[type='radio']:focus-visible + LABEL {
	border-color: var(--prime-back);
	box-shadow: 0 0 2px var(--prime-back);
}
.order_window .data-table INPUT[type='radio'] ~ BR {
	display: none;
	height: 1ex;
}
.order_window .data-table INPUT[type='submit'] {
	appearance: none;
	border: 0 none;
	border-radius: var(--brd-radius);
	height: 2.5em;
	font-family: inherit;
	font-size: .875em;
	font-weight: 600;
	/* font-variant: small-caps; */
	text-transform: lowercase;
	letter-spacing: .5px;
	margin: 0;
	padding: .5ex 2em;
	background-color: var(--select-color);
	color: #fff;
	cursor: pointer;
}
.order_window .data-table TFOOT TD {
	padding-top: 1em;
}
.order_window .order-pic {
	width: 280px;
	max-width: 100%;
	height: auto;
}


.gg-close {
	position: relative;
	display: block;
	width: 36px;
	height: 36px;
	border: 2px solid transparent;
}
.gg-close::after,
.gg-close::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	background: currentColor;
	transform: rotate(45deg);
	top: calc(50% - 2px);
	left: 0;
	border: 1px solid var(--second-back);
}
.gg-close::after {
	transform: rotate(-45deg);
}

.hl-app {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: 240px;
	gap: 1em;
	counter-reset: applist;
}
.hl-app A {
	font-size: 1.5em;
	font-weight: 600;
}
.hl-app A:after {
	content: '';
	position: absolute;
	inset: 0;
}
.hl-app FIGURE {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	font-size: .75em;
	background-color: rgba(255,255,255,.5);
	grid-column: span 4;
	overflow: hidden;
	border-radius: var(--brd-radius);
	z-index: 1;
}
.hl-app FIGURE:before {
	counter-increment: applist;
	content: '0'counter(applist);
	position: absolute;
	left: 1ex;
	top: 1ex;
	font-size: 2.5em;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.hl-app FIGURE:nth-child(1) {
	grid-column: span 3;
	grid-row: span 2;
}
.hl-app FIGURE:nth-child(2),
.hl-app FIGURE:nth-child(7),
.hl-app FIGURE:nth-child(8) {
	grid-column: span 5;
}
.hl-app FIGURE:nth-child(4) {
	grid-column: span 3;
}
.hl-app FIGURE:nth-child(6) {
	grid-column: span 2;
	grid-row: span 2;
}
.hl-app FIGURE IMG {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: -1;
}
.hl-app FIGCAPTION {
	padding: 1ex 1em;
	background-color: #ddd;
	mix-blend-mode: hard-light;
}
/* USER_BCard */
.bid{
	height: 100dvh;
}
.bid + FOOTER {
	padding: 0;
}
.bid_back{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100dvh;
	top: 0;
	left: 0;
}
.bid_back IMG{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 102%;
	opacity: 0.11;
}
.bid_wrapper{
	border-radius: var(--brd-radius);
	margin: 0em auto;
	display: flex;
	flex-flow: column nowrap;
	overflow: hidden;
	aspect-ratio: 9/16;
	justify-content: center;
	row-gap: 5%;
	max-width: calc(100% - 1.4em);
	height: 100dvh;
	position: relative;
	z-index: 9;
}
.bid_wrapper .user_info{
	text-align:center;
}
.bid_wrapper .user_info DT{
	position: absolute;
	clip: rect(0 0 0 0);
}
.bid_wrapper .user_info DD{
	margin: 0;
}
.bid_wrapper .user_info .user_qr_keeper{
	aspect-ratio: 1;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	border-radius: 1em;
	margin-top: 1.8em;
}
.bid_wrapper .user_pic_holder{
	position: relative;
	width: 30%;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 50%;
	display: inline-block;
	background-color: var(--dark-back);
	border: .15em solid var(--dark-back);
}
.bid_wrapper .user_info UL{
	display: flex;
	flex-flow: column nowrap;
	row-gap: 0.3em;
	margin-top: 0.9em;
}
.bid_wrapper .user_info .name{
	color: var(--second-back);
	text-align: center;
	font-size: 1.5em;
	font-weight: 600;
	margin-bottom: 0.5em;
}
.bid_wrapper .user_info .position{
	font-size: 1.1em;
	font-weight: 700;
	color: #FF5839;
	text-align: center;
}

.bid_wrapper .user_pic_holder IMG{
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
	width: 100%;
}
.bid_list .user_string{
	background-color: var(--dark-back);
	border-radius: var(--brd-radius);
	padding: 0.5em 2em;
	color: var(--second-back);
}
/** ADAPTIVE **/
@media only screen and (max-width: 1500px) {
	.cat_list {
		/* grid-template-columns: repeat(auto-fill, minmax(13em, 1fr)); */
		/* grid-auto-rows: 21em; */
	}
	
	.goods_parametrs H1 {
		font-size: 1.7em;
	}
}
@media only screen and (max-width: 1400px){
	.cat_list {
		/* grid-template-columns: repeat(auto-fill, minmax(16em, 1fr)); */
		/* grid-auto-rows: 23em; */
	}

	.goods_parametrs H1 {
		font-size: 1.2em;
	}
}
@media only screen and (max-width: 1100px){
	.column_stack{
		gap: 3em;
	}
	.goods_item {
		width: calc((100% - 1em) / 2 - .5px);
	}
	.description_txt{
		padding: 8vh 4em;
		transform: scaleX(1.11);
	}
	.grid_menu figure h2{
		font-size: 1.1rem;
	}
	.mp_grid_txt_link H2{
		font-size: 1.2rem;
		margin: .5rem 0 .4rem 0;
	}
	.mp_grid_icon{
		margin-bottom: .1rem;
	}
	.mp_grid_txt_link SPAN{
		font-size: .7rem;
		padding: 0 1rem;
	}
}
@media only screen and (max-width: 860px) {
	.cat_list {
	 	width: 100%;
		grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
		/* grid-auto-rows: 23em; */
	}
	.filter_head {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding: 0 1em;
		justify-content: space-between;
		padding-top: 1em;
		align-items: center;
	}
	.filter_head SPAN{
		color: var(--second-back);
	}
	.filter_head .gg-close{
		width: 1.5em;
		height: auto;
		border: 0;
		aspect-ratio: 1/1;
	}
	.filter_head .gg-close::after, 
	.filter_head .gg-close::before{
		height: 2px;
		border: 0;
		border-radius: var(--brd-radius);
		color: var(--second-back);
	}
	.smart-filter-section{
		margin-top: 3em;
	}
	.smart-filter.filter_active{
		height: calc(100vh - 4.2em);
		height: calc(100dvh - 4.2em);
	}
	.smart-filter {
		width: 100%;
		border-radius: 0;
		height: 0;
		transition: height .3s ease-in;
		left: 0;
		position: fixed;
		z-index: 100;
		max-height: none;
	}
	.sticky .smart-filter {
		max-height: none;
	}
	
	.smart-filter .smart-filter-input-group-checkbox-list {
		/* flex-flow: row wrap; */
		/* overflow-x: scroll; */
		display: grid;
		row-gap: 1em;
		grid-template: auto / repeat(auto-fill, minmax(120px, 1fr));
		padding-bottom: 0.75em;
	}
	.smart-filter .sfp-box-applications .smart-filter-input-group-checkbox-list {
		grid-template: auto / repeat(auto-fill, minmax(200px, 1fr));
	}
	.smart-filter .smart-filter-parameters-box .form-group {
		width: max-content;
		max-width: 100%;
	}
	.smart-filter .smart-filter-checkbox-text {
		white-space: nowrap;
	}
	.goods_order .coast SPAN{
		width: 100%;
		text-align: left;
		color: #fff;
		font-size: 0.3em;
	}
	.section_description_inner {
		padding: 2em 1em;
	}
	.left_col,
	.right_col {
		width: 100%;
		justify-content: flex-start;
	}
	.left_col H1 {
		text-align:left;
		font-size: 1.7em;
	}
	.right_col {
		font-size: 1em;
	}
	.f_col0,
	.f_col1,
	.f_col3 {
		padding: 0 1em;
		grid-column:span 6;
	}
	.f_col4 {
		padding: .7em 1.5em;
	}
	.f_col4 > .glass_wrp {
		padding: 0;
	}
	MENU.f_col2 {
		display:none;
	}
	.goods_parametrs H1 {
		font-size: 1.5em;
	}
	.goods_parametrs {
		gap: 0em;
	}
	.page_404 {
	  row-gap: 3em;
	}
	.page_404 MENU > LI {
		width: calc((100% - 1em) / 2 - .5px);
	}
	.page_404 MENU {
		flex-wrap: wrap;
		column-gap: 1em;
		row-gap: 1em;
		justify-content: flex-start;
	}
	.page_404 MENU SPAN {
		font-size: 1em;
	}
	.page_404 MENU .spec-l {
		font-size: .9em;
	}
	.page_404 .title SPAN:nth-child(1) {
		font-size: 7em;
	}
	.page_404 .title SPAN:nth-child(2) {
		font-size: 1.3em;
	}
	.section_menu LI{
		grid-column: span 3 !important;
		grid-row: span 1 !important;
	}
	.control_wrapper {
		width: 100%;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.grid {
		grid-template-columns: 1fr;
	}

	FIGURE.effect-dexter FIGCAPTION {
		padding: 20px;
	}
	FIGURE.effect-dexter FIGCAPTION::after {
		transform: translateY(0);
		right: 20px;
		left: 20px;
		z-index: 0;
		height: 50%;
	}
	FIGURE.effect-dexter P {
		opacity: 1;
		transform: translateY(0);
		font-size: .875em;
		right: 36px;
		left: 36px;
		margin: 0;
		text-transform: lowercase;
		z-index: 2;
	}
	.mp_menu_item {
		grid-column: span 1 !important;
		grid-row: span 1 !important;
		aspect-ratio: 1;
	}
	MAIN {
		padding: 0 1em;
	}
	.pad_3 {
		padding-right: 1em;
		padding-left: 1em;
	}

	HEADER SECTION:nth-child(1) DIV:nth-child(3){
		display: none;
	}
	.logo_wrapper {
		height: 3.2em;
	}
	.sticky .logo_wrapper{
		height: 3.2em;
	}
	.messensger SPAN {
		display: none;
	}
	.messensger {
		font-size: 1.8rem;
	}
	.side_menu {
		
	}
	.side_menu MENU {
		flex-direction: column;
	}
	.side_menu MENU SPAN {
		cursor:pointer;
	}
	.menu_logo_active{
		transform: translateY(0vh) translateX(8em) scale(0.4);
	}
	.column_stack{
		flex-direction: column;
		gap: 1.1em;
	}
	.colon {
		flex-wrap: wrap;
		overflow: hidden;
		height: 5vh;
	}
	.colon LI{
		width: 100%;
		flex-shrink: 0;
		padding-left: 3rem;
	}
	.colon LI:nth-child(1){
		width: 100%;
		position: relative;
		padding-top: 7px;
	}
	.colon LI:nth-child(1):before{
		content: '+';
		position: absolute;
		left: 0;
		border: 1px solid var(--txt-sec-color);
		width: 2rem;
		height: 2rem;
		border-radius: 2em;
		display: flex;
		justify-content: center;
		align-items: center;
		top: 0px;
	}
	.menu_sect_open {
		height: auto !important;
	}
	
	.goods_item .img_holder {
		width: 45%;
		aspect-ratio: 4/5;
	}
		.goods_item DIV H3{
		font-size: 1.1rem;
	}

	.description_txt {
		padding: 8vh 2em;
		transform: scaleX(1.09);
	}
	.goods_deatail_wrapper {
		flex-wrap: wrap;
		gap: 1em;
		padding: 1em;
	}
	.goods_parametrs,
	.goods_photos {
		width: 100%
	}
	.goods_parametrs {
		order: 2;
	}
	.goods_photos {
		flex-direction: column;
		aspect-ratio: unset;
	}
	.main-good-pic {
		order: 0;
	}
	.alter-good-wrap {
		width: 100%;
		height: auto;
		transform: none;
	}
	.alter-good-pics {
		flex-direction: row;
		gap: 4px;
		width: 100%;
		height: auto;
		padding-left: 0;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.alter-good-pics > * {
		flex-shrink: 0;
		width: calc( (100% - 12px) / 4);
	}
	.mainwrap {
		transform: none;
	}
	.order_btn_container{
		background-color: var(--dark-back);
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 99;
		padding: 1.25em 4.5em 1.25em 1em;
	}

	.goods_parametrs BUTTON {
		width: 38%;
		height: 100%;
		margin: 0;
		padding: .5em;
	}
	.delivery_date {
		padding-left: 0;
		flex-grow: 1;
		justify-content: center;
	}

	.coast_box {
		padding: 1vh 0em;
	}
	.coast_box > DIV {
		flex-wrap: wrap;
		margin-bottom: 1rem;
	}
	.coast_box .button {
		margin-top: 1rem;
		width: 100%;
	}
	.parametrs_list LI > SPAN:nth-child(1) {
		width: 45%;
	}
	.bx-breadcrumb .bx-breadcrumb-item SPAN {
		font-size: .7rem !important;
	}
	.breadcrumbs_wraper::after{
		opacity: 0;
	}
	.head_title{
		margin: 3vh 0 0vh 0;
		text-align: left;
	}
	.grid_menu FIGURE H2 {
		font-size: 1rem;
	}
	.cnt_sec {
		padding: 1em 1em;
		flex-direction: column;
	}
	.mapbox, .contact_box {
		width: 100%
	}
	.mapbox {
		height: 33vh;
	}
	.hl-app {
		grid-template-columns: 1fr 1fr;
		gap: .5rem;
	}
	.hl-app FIGURE:nth-child(odd),
	.hl-app FIGURE:nth-child(even) {
		grid-column: span 1;
		grid-row: span 1;
	}
}

@media (max-width: 767px) {
	.smart-filter .smart-filter-popup-result {
		padding-top: 10px;
		text-align: center;
	}
	.smart-filter .smart-filter-popup-result A {
		display: inline-block;
		padding: .5ex 1ex .75ex;
		border-radius: var(--brd-radius);
		background-color: var(--select-color);
		color: #fff;
		margin-left: 1ex;
	}
	.bxpan_btn {
		padding: 1ex;
		right: 1rem;
		width: 3rem;
		bottom: 5rem;
	}
}

@media only screen and (max-width: 620px) {
	.bid_wrapper .user_pic_holder{
		width: 40%;
	}
	HTML {
		overflow: unset;
		overflow-x: hidden;
	}
	BODY {
		height: auto;
		min-height: 100%;
		overflow-x: unset;
		overflow-y: unset;
	}

	MAIN.column_stack_cat_st > H1,
	MAIN.column_stack_cat_st > DIV[id^="comp_"] > H1 {
		padding: 0 1rem;
		font-size: 1.25em;
		line-height: 1.1;
	}

	.modal {
		height: 100%;
		min-height: 50vh;
		max-height: none;
		border-radius: 0;
	}
	.modal-wrapper {
		padding: 1rem;
		height: 100%;
		border-radius: 0;
	}
	.modal > BUTTON {
		top: 0;
		right: 0;
	}
	.order_window .data-table INPUT.tinput {
		width: 100%;
	}
	.order_window FONT.notetext {
		padding: 0;
	}

	.search-page INPUT.search-suggest {
		padding: 0 3.1em 0 0.4em;
		height: 2.4em;
	}
	.search-page BUTTON.search-button {
		right: 1.3em;
		top: 1.6em;
		height: 3.7em;
		width: 4.6em;
	}
	.search-page-title {
		padding: 0 0.5em;
		font-size: 1.8em;
	}
	.search-page FORM {
		border-radius: 0;
		padding: 1.3em 1em;
	}
	FONT.notetext,
	.search-language-guess,
	.search-sorting {
		padding:0 1em;
	}
	.search-item {
		margin: 1.1em 1em;
		padding: 0.5em 0.9em;
	}
	HEADER,
	.mainpage HEADER {
		height: 4.2em;
		margin-bottom: 0;
	}
	.sticky HEADER,
	.mainpage.sticky HEADER {
		height: 3.8em;
		margin-bottom: .4em;
	}
	HEADER SECTION:nth-child(2) {
		display: none;
	}
	HEADER SECTION:nth-child(1) {
		padding-top: 1.1em;
		padding-bottom: 0;
	}
	.sticky HEADER SECTION:nth-child(1) {
		padding-top: .9em;
		padding-bottom: 0;
	}
	.smart-filter {
		top: 4.2em;
	}
	.mp_menu_list,
	.cat_list,
	.goods_tabs {
		padding: 0 1em;
	}
	.goods_parametrs{
		padding: 0;
	}
	.goods_order {
		box-shadow: none;
		border-radius: 0;
		padding: 0 .7em;
		flex-flow: row wrap;
		column-gap: 0;
	}
	.goods_order > * {
		width: 100%;
	}
	.goods_order .coast {
		padding: 0.5em 0.5em;
		background-color: var(--prime-back);
		color: #fff;
		border-radius: var(--brd-radius);
		position: relative;
		z-index: 1;
		font-size: 1.7em;
		width: 38%;
		text-align: center;
		display: flex;
		align-items: baseline;
		justify-content: center;
	}
	.stock_status {
		flex-flow: column wrap;
		justify-content: center;
		align-items: flex-start;
		background-color: #dbd9d9;
		margin: 0 0 0 -0.4em;
		padding: 0.5em 1.1em 0.5em 1.4em;
		position: relative;
		z-index: 0;
		border-radius: 0 var(--brd-radius) var(--brd-radius) 0;
		width: 63%;
	}
	.parameters--list{
		margin: 1.4rem 0 1.4rem;
	}
	/* .cat_list {
	 	grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
		grid-auto-rows: 23em;
	} */
	.goods_deatail_wrapper {
		padding: 0;
		margin-bottom: -1.2em;
		border-radius: 0;
	}
	.goods_deatail_wrapper H1{
		padding: 0 0.5em;
		font-size: 1.33em;
		margin: 0 0 0em 0;
		order: 1;
	}
	#dimension .tabcontent-wrap {
		overscroll-behavior-inline: contain;
		scroll-snap-type: inline mandatory;
		overflow: auto;
		width: 100vw;
		margin-left: -1em;
		padding: 0 1em;
		scroll-padding: 1em;
	}
	#dimension FIGURE {
		min-width: 17em;
		scroll-snap-align: start;
	}
	#description {
		flex-direction: column;
		row-gap: 1.4em;
	}
	.goods_descrition {
		width: 100%;
		order: 1;
	}
	.goods_photo {
		aspect-ratio: 16 / 9;
	}
	
	.goods_tabs {
		margin-top: 2em;
		flex-direction: column;
		order: 3;
		overflow: hidden;
	}
	.tabcontent {
		/* margin: 0 0 3.3em 0; */
		padding: 1em 0 2em;
		position: relative;
		order: unset;
	}

	.tablinks {
		font-size: 1.25em;
		font-weight: 600;
		position: relative;
		top: auto;
		order: unset;
	}
	.tablinks.active_tab {
		color: #111;
	}
	.tablinks.active_tab:after {
		content: none;
	}
	.tablinks SPAN {
		transform: translateY(20%);
	}
	.tablinks SPAN,
	.goods_descrition {
		position:relative;
		z-index: 9;
	}

	.goods_delivery, .goods_formats {
		border: 0em;
		padding: 0em;
		margin-top: 2.9em;
		position: relative;
	}
	.goods_parametrs H2 {
		font-size: 0.9em;
		font-variant: small-caps;
		text-transform: lowercase;
		color: var(--oper_fcolor);
		z-index: 1;
		position: relative;
	}
	.goods_formats_inner {
		flex-wrap: nowrap;
		overscroll-behavior-inline: contain;
		scroll-snap-type: inline mandatory;
		overflow: auto;
		z-index: 1;
		position: relative;
	}
	.goods_formats_inner SPAN {
		font-size: .8em;
		width: calc((100% - 3em) / 2 - .5px);
	}
	.stock_status SPAN:nth-child(2) {
		color: #000;
		line-height: 1.1;
		margin-top: .75ex;
	}
	#description:before,
	#payment:before,
	.goods_formats:before,
	.tablinks:nth-of-type(2n+1):before {
		content: '';
		width: auto;
		position: absolute;
		inset: 0 -1rem;
		background-color: #dbd9d9;
	}

	/* .tablinks:nth-of-type(2n+1):before{
		height: calc(100% + 0.5em);
		top: -0.3em;
	}
	.goods_formats:before{
		height: calc(100% + 2em);
		top: -1em;
	}
	#description.tabcontent:before{
		height: calc(100% + 2em);
		top: -1em;
	}
	#payment.tabcontent:before{
		height: calc(100% + 2em);
		top: -1em;
	} */
 	
	MAIN {
		padding: 0;
	}
	.goods_item {
	  width: calc((100% - 0em) / 1 - .5px);
	}
	.head_title H1 {
		font-size: 1.4rem;
	}
	.gm_w1,
	.gm_w15,
	.gm_w2,
	.gm_w3 {
		width: 100%;
	}

	.gm_h1, .gm_h2, .gm_h3,
	.gm_h4, .gm_h5, .gm_h6,
	.gm_h7, .gm_h8, .gm_h9,
	.gm_h10 {
		height: var(--base_height);
	}
	.iteam_transY, .iteam_transY2, 
	.iteam_transY3, .iteam_transXY,
	.iteam_transXY2, .iteam_transX15Y,
	.iteam_transX3Y, .iteam_trans-15XY,
	.iteam_trans3XY, .iteam_trans15X2Y,
	.iteam_trans-X3 {
		transform: none;
	}
	.mobile .grid_menu {
		height: auto !important;
	}
	.mp_grid_txt_link SPAN {
	  font-size: .8rem;
	}
	.mp_grid_txt_link H2 {
	  font-size: 1.1rem;
	}
	.cnt_btn {
		padding: 0.3rem 1.7rem;
		font-size: 1.2rem;
	}
	.mapbox {
		height: 43vh;
	}

	.cta_messensger {
		width: 1.8em;
		height: 1.8em;
		bottom: 16px;
		right: 16px;
		transform: none;
		font-size: 24px;
	}
	.cta_messensger:after,
	.cta_messensger:before {
		width: 100%;
	}
	
	FOOTER {
		padding-top: .75em;
	}
	FOOTER .f_col4 {
		margin-top: 2em;
	}
	.side_menu {
		width: 100%;
		border: 0 none;
		height: calc(100% - 3.8em);
		top: 3.8em;
		gap: 1em;
	}
	.side_menu MENU {
		padding-bottom: 1em;
	}
	.menu-open .overlay {
		display: none;
	}
	.menu-open .mainwrap {
		transform: none;
	}
	.menu-open HEADER SECTION:nth-child(1) {
		padding-top: .9em;
	}
	
	.zakaz-product-container {
		flex-direction: column;
		gap: 1em;
		max-width: 380px;
		margin: 0 auto;
	}
	.zakaz-product-info IMG {
		width: 100%;
	}
	.order_window .data-table {
		margin: 0;
		width: 100%;
	}
	.order_window .data-table INPUT[type="submit"] {
		display: block;
		margin: 0 auto;
	}
	.order_window .data-table .row-type-l .field-val {
		display: flex;
		gap: 1ex;
		overflow: auto;
	}
	.hl-app {
		grid-template-columns: 1fr;
		padding: 0 1rem;
	}
}
@media only screen and (max-width: 510px) {
	.cat_list {
	 	/* grid-template-columns: repeat(auto-fit, minmax(13em, 1fr)); */
		/* grid-auto-rows: 19em; */
	}
}
@media only screen and (max-width: 480px) {
	.cat_list {
		font-size: .875em;
		grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
		gap: .5rem;
		/* grid-auto-rows: 14em; */
	}
	
	FIGURE.cat_list_item:hover {
		transform: translateZ(0);
	}
	
	FIGURE.cat_list_item .img_holder {
		/* aspect-ratio: 8 / 5; */
	}
}


@keyframes modal-in {
	0% {
		opacity: 0;
		transform: translateY(75%) scale(0.25);
	}
	100% {
		opacity: 1;
		transform: translateY(0%) scale(1);
	}
}
@keyframes modal-out {
	0% {
		opacity: 1;
		transform: translateY(0%) scale(1);
	}
	100% {
		opacity: 0;
		transform: translateY(-75%) scale(0.25);
	}
}
@keyframes op-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes op-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}