.catalogMenu {
	--transition: 0.3s;
	display: flex;
	--first-items-width: 740px;
	--second-items-width: 600px;
}
.catalogMenu.offcanvas {width: var(--first-items-width);}
.catalogMenu__container {height: 100vh;}
.catalogMenu__container._lvl_1 {
	position: relative;
	z-index: 10;
	background: #fff;
	box-shadow: 1px 0px 4.68px 1.32px rgba(50, 58, 69, 0.36);
}
.catalogMenu__container._lvl_2 {
    background: #fff;
    height: 100vh;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(-100%,0);
    
    z-index: 5;
    top: 0;
transition: var(--transition);
}
.catalogMenu__container._lvl_2._active {
    transform: translate(calc(var(--first-items-width) - 1px),0);
    transition: var(--transition);
    width: var(--second-items-width);
}
.catalogMenu__container._lvl_2 .catalogMenu__items {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    transition: .5s;
}
.catalogMenu__container._lvl_2 .catalogMenu__items._active {opacity: 1;visibility: visible;}
.hiding .catalogMenu__container._lvl_2 {display: none;}


.catalogMenu__close {width: 2.75rem; height: 2.75rem; background: #fff; border-radius: 50%; display: flex; opacity: 1; align-items: center; justify-content: center; padding: 0; box-sizing: border-box;}
.catalogMenu__close svg {max-width: 1.1875rem; max-height: 1.1875rem;}
.catalogMenu__close._angle {color: #b1b1b1; box-shadow: none !important; top: 20px; left: 24px; position: absolute;}
.catalogMenu__close._bg {color: #fff; position: fixed; top: 10px; right: 14px; background: transparent; box-shadow: none;}
.catalogMenu__header { height: 13.425rem; display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 2rem;}
.catalogMenu__title {
	text-align: center;
  padding: 2rem;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: 'lavrBold';
  --bs-link-color: var(--bs-body-color);
}
.catalogMenu__submenu {display: table;}
.catalogMenu__subitem {display: table-cell; border-bottom: 5px solid var(--primary-color); text-align: center; font-size: 1.5rem; text-decoration: none !important; color: #000; padding: 0.75rem 1rem; width: 50%;}
.catalogMenu__subitem span {border-bottom: 1px solid transparent;}
.catalogMenu__subitem:hover span {border-bottom: 1px solid var(--primary-color);}
.catalogMenu__subitem._main {border-color: var(--secondary-color);}

.catalogMenu__submenu._sec {display: flex;}
.catalogMenu__subitem._back {flex: 0 0 auto; width: 3.5rem; position: relative; }
.catalogMenu__subitem._section {position: relative; color: var(--primary-color); text-align: left; padding-left: 0; padding-right: 1rem; flex: 1 0 0%;}
.catalogMenu__subitem._back:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41OTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNS41OTQgMTYiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM0MDY5ODc7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i0J/RgNGP0LzQvtGD0LPQvtC70YzQvdC40LpfMTQiIGRhdGEtbmFtZT0i0J/RgNGP0LzQvtGD0LPQvtC70YzQvdC40LogMTQiIGNsYXNzPSJjbHMtMSIgZD0iTTc1OS4xMTEsMTc3LjE2N2EwLjY0MiwwLjY0MiwwLDAsMCwuOTA4LDBsMC4yNDktLjI0OGEwLjY0MywwLjY0MywwLDAsMCwwLS45MDhsLTQuNy01LjAyM2EwLjUxNywwLjUxNywwLDAsMCwuMjE5LjAwN2gyMS40MjdBMC43ODYsMC43ODYsMCwwLDAsNzc4LDE3MC4yMXYtMC40NGEwLjc4NSwwLjc4NSwwLDAsMC0uNzg1LTAuNzg1SDc1NS43ODhhMC43MjUsMC43MjUsMCwwLDAtLjA4MS4wMTZsNC41NjYtNS4wMjlhMC42NDMsMC42NDMsMCwwLDAsMC0uOTA4bC0wLjI0OS0uMjQ4YTAuNjQyLDAuNjQyLDAsMCwwLS45MDgsMGwtNi43LDcuMjY0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1Mi40MDYgLTE2MS45ODQpIi8+Cjwvc3ZnPgo=);	
	content:'';
	display:block;
	width: 1.625rem;
	height: 1rem;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
  left: 1rem;
  bottom: 1.375rem;
}


.catalogMenu__items {padding-bottom: 2rem; height: 100vh;}
.catalogMenu__item {display: block; padding: 0.5rem 3.5rem; font-size: 1.125rem; color: #000;}
.catalogMenu__title span:after,
.catalogMenu__item._parent:after {content: ''; display: inline-block; 
	width: 1.625rem;
	height: 0.9375rem;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS41OTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNS41OTQgMTYiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICM0MDY5ODc7CiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBpZD0i0J/RgNGP0LzQvtGD0LPQvtC70YzQvdC40LpfMTQiIGRhdGEtbmFtZT0i0J/RgNGP0LzQvtGD0LPQvtC70YzQvdC40LogMTQiIGNsYXNzPSJjbHMtMSIgZD0iTTc3MC44ODksMTc3LjE2N2EwLjY0MiwwLjY0MiwwLDAsMS0uOTA4LDBsLTAuMjQ5LS4yNDhhMC42NDMsMC42NDMsMCwwLDEsMC0uOTA4bDQuNy01LjAyM2EwLjUxNywwLjUxNywwLDAsMS0uMjE5LjAwN0g3NTIuNzg1QTAuNzg2LDAuNzg2LDAsMCwxLDc1MiwxNzAuMjF2LTAuNDRhMC43ODUsMC43ODUsMCwwLDEsLjc4NS0wLjc4NWgyMS40MjdhMC43MjUsMC43MjUsMCwwLDEsLjA4MS4wMTZsLTQuNTY2LTUuMDI5YTAuNjQzLDAuNjQzLDAsMCwxLDAtLjkwOGwwLjI0OS0uMjQ4YTAuNjQyLDAuNjQyLDAsMCwxLC45MDgsMGw2LjcsNy4yNjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzUyIC0xNjEuOTg0KSIvPgo8L3N2Zz4K);
	position: relative;
	left: 0rem; top: 0.125rem;
	opacity: 0;
	transition: .5s;
}
.catalogMenu__title span:after {top: -0.125rem;}
.catalogMenu__item._lvl_1 {text-decoration: none !important;}
.catalogMenu__item._parent:hover:after {opacity: 1; transform: translateX(1rem);}

.catalogMenu__title:hover span:after {opacity: 1; transform: translateX(1rem);}

.catalogMenu__scroll {
	height: calc(100vh - 17.425rem);
	overflow: auto;
}

.catalogMenu__zeroItems {display: none}
.catalogMenu__zeroItems._active {display: block;}


@media (max-width: 1399.98px) { 
	.catalogMenu {
		--first-items-width: 500px;
    --second-items-width: 400px;
	}
	.catalogMenu__subitem {font-size: 1.25rem;}
	.catalogMenu__item._parent:after {display: none;}
}


@media (max-width: 1200px) { 

}


@media (max-width: 991px) {

}