.catalog-wrapper {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 50;
	box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
}

.top_menu_catalog {
	width: 100%;
	height: 100%;
}

ul.osn_box_menu {
	background-color: #fff;
	width: 80px;
	height: calc(100vh - 77px);
	cursor: pointer;
}

ul.osn_box_menu li.osn_menu_li .submenu_box::-webkit-scrollbar {
	width: 2px;
	background-color: transparent;
	border: 0;
}

ul.osn_box_menu li.osn_menu_li .submenu_box::-webkit-scrollbar-thumb {
	background-color: rgba(88, 128, 172, .5);
}

ul.osn_box_menu li.osn_menu_li .submenu_box{
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 100%;
	width: 250px;
	height: auto;
	visibility: hidden;
	background-color: #fff;
	box-shadow: 5px 0 5px rgba(0,0,0,.05), inset 5px 0 5px rgba(0, 0, 0, 0.05);
	z-index: 0;
	opacity: 0;
	cursor: pointer;
}
.sub_menu_catalog_in_box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(100% - 1px);
	width: 250px;
	height: auto;
	visibility: hidden;
	background-color: #fff;
	box-shadow: 5px 0 5px rgba(0,0,0, .05), inset 5px 0 5px rgba(0, 0, 0, 0.05);
	z-index: 0;
	opacity: 0;
	cursor: pointer;
}

body.menu_active .submenu_box{
	top: 77px!important;
}

ul.osn_box_menu li.osn_menu_li:hover .submenu_box,
ul.osn_box_menu li.osn_menu_li.p_select .submenu_box,
ul.sub_menu_catalog li:hover > .sub_menu_catalog_in_box {
	visibility: visible;
	opacity: 1 !important;
	z-index: 999;
}

/*ul.osn_box_menu li.osn_menu_li.p_select .submenu_box {*/
/*visibility: visible;*/
/*opacity: 1;*/
/*z-index: 0;*/
/*}*/

ul.osn_box_menu li.osn_menu_li a {
	display: block;
	position: relative;
	font-size: 8px;
	line-height: 10px;
	text-transform: uppercase;
	color: var(--main_font_color);
	padding: 10px 5px;
	text-align: center;
	transition: .3s;
}
ul.osn_box_menu li.osn_menu_li a.sub_menu_catalog-link,
ul.osn_box_menu li.osn_menu_li ul.sub_menu_catalog_in li a {
	/*font-weight: 500;*/
	text-shadow: 0 0 0.5px;
	font-size: 12px;
	padding: 10px 30px;
	text-align: left;
	line-height: 15px;
}

ul.osn_box_menu li.osn_menu_li i.root-menu-open {
	display: block;
	border: 5px solid transparent;
	border-left: 6px solid #6290c3;
	width: 10px;
	position: absolute;
	right: 5px;
	top: 16px
}

ul.osn_box_menu li.osn_menu_li {
	/*position: relative;*/
}

ul.osn_box_menu li.osn_menu_li:hover a.osn_menu_li-link,
ul.osn_box_menu li.osn_menu_li.p_select a.osn_menu_li-link{
	background-color: var(--main_color);
	color: #fff;
}

ul.osn_box_menu li.osn_menu_li a.osn_menu_li-link:active {
	background-color: var(--main_color_active);
	color: #fff;
}

ul.osn_box_menu li.osn_menu_li ul.sub_menu_catalog_in li {
	padding: 0;
}

ul.osn_box_menu li.osn_menu_li ul.sub_menu_catalog_in li a:hover {
	/*color: #6290c3;*/
	/*background: 0 0;*/

}

.sub_menu_catalog-box, ul.sub_podborki_catalog, .tovar_blok {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	/*padding: 10px 15px;*/
	/*overflow-y: scroll;*/
}

.sub_menu_catalog-box {
	/*width: 475px;*/
}

.sub_menu_catalog_title {
	color: var(--main_font_color);
	font-weight: 500;
	font-size: 24px;
	line-height: 100%;
	margin-bottom: 30px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.sub_menu_catalog-box::-webkit-scrollbar, ul.sub_podborki_catalog::-webkit-scrollbar {
	width: 3px;
	background-color: transparent;
}

.sub_menu_catalog-box::-webkit-scrollbar-thumb, ul.sub_podborki_catalog::-webkit-scrollbar-thumb {
	background-color: rgba(88, 128, 172, .5);
}

ul.sub_menu_catalog, ul.sub_menu_catalog_in {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	/*padding-left: 30px;*/
	/*padding-right: 30px;*/
}

/* ul.sub_menu_catalog_in::-webkit-scrollbar {
  width: 3px;
  background-color: #cacaca;
}
ul.sub_menu_catalog_in::-webkit-scrollbar-thumb {
  background-color: #606DA6;
} */
ul.sub_menu_catalog_in{
	height: 100%;
	padding-bottom: 100px;
}
.submenu_box-container {
	height: 100%;
}
ul.sub_menu_catalog li:hover .sub_menu_catalog_in {

}

ul.osn_box_menu li.osn_menu_li a.sub_menu_catalog-link {
	/*padding-right: 40px;*/
}

ul.sub_menu_catalog li a, ul.sub_podborki_catalog li a {
	/*display: block;*/
	/*padding: 5px 15px;*/
	/*color: #6290c3;*/
}

ul.osn_box_menu li.osn_menu_li a.open_top-menu {
	width: 40px;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	height: 40px;
}

ul.osn_box_menu li.osn_menu_li i.in-menu {
	position: absolute;
	border: 5px solid transparent;
	display: inline-block;
	border-top: 6px solid #6290c3;
	top: 17px !important;
	right: 10px !important;
	transition: ease-out .3s;
}

ul.osn_box_menu li.osn_menu_li li.opened-list_menu-in i.in-menu {
	border: 5px solid transparent !important;
	border-bottom: 6px solid #6290c3 !important;
	top: 12px !important;
}

ul.sub_podborki_catalog li a {
	border-left: 2px solid #8ab75a;
	text-decoration: underline;
	padding-left: 25px;
}

ul.sub_menu_catalog li:hover a.sub_menu_catalog-link,
ul.sub_menu_catalog_in li:hover > a.sub_menu_catalog_in_link {
	color: #606DA6;
	background: rgba(96, 109, 166, .05);
}

ul.sub_menu_catalog li:active a {
	/*text-decoration: underline;*/
	/*color: #6290c3;*/
	color: #23476f;
}

ul.sub_podborki_catalog li:hover a {
	text-decoration: none;
	color: #6290c3;
}

.osn_menu_li-link span {
	display: block;
}

.osn_menu_li-link .osn_menu_li-icon {
	width: 30px;
	height: 30px;
	margin: 0 auto 5px;
}

.osn_menu_li-link .osn_menu_li-icon svg, .osn_menu_li-link .osn_menu_li-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	transition: ease-out .3s;
}

.osn_menu_li-link .osn_menu_li-icon svg, .osn_menu_li-link .osn_menu_li-icon svg path {
	fill: #464646 !important
}

ul.osn_box_menu li.osn_menu_li:hover .osn_menu_li-link .osn_menu_li-icon svg,
ul.osn_box_menu li.osn_menu_li:hover .osn_menu_li-link .osn_menu_li-icon svg path {
	fill: #ffffff !important;
}
ul.osn_box_menu li.osn_menu_li:active .osn_menu_li-link .osn_menu_li-icon svg,
ul.osn_box_menu li.osn_menu_li:active .osn_menu_li-link .osn_menu_li-icon svg path {
	fill: #ffffff !important;
}
ul.osn_box_menu li.osn_menu_li:focus .osn_menu_li-link .osn_menu_li-icon svg,
ul.osn_box_menu li.osn_menu_li:focus .osn_menu_li-link .osn_menu_li-icon svg path {
	fill: #ffffff !important;
}
ul.osn_box_menu li.osn_menu_li:hover .osn_menu_li-link .osn_menu_li-icon img {
	/*filter: invert(1);*/
}

ul.osn_box_menu:before, .submenu_box:before, .sub_menu_catalog_in_box:before {
	/*content: '';*/
	display: block;
	position: absolute;
	width: 10px;
	box-shadow: 5px 0 5px rgba(233,233,233,.5);
	top: 0;
	bottom: 0;
	left: calc(100% - 11px);
	z-index: 1000;
}

.sub_menu_catalog_in_box:before {
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.05);
}

.tovar_blok {
	overflow: visible;
	position: relative;
}

.tovar_blok .title_box {
	font-size: 14px;
	text-align: center;
	margin: 10px 0;
}

.tovar_box .product-item-container .product-item:before {
	display: none;
}

.tovar_box .product-item-container .product-item, .tovar_box .product-item-container .product-item:hover {
	/*box-shadow: none;*/
	padding: 0;
}

.tovar_box .product-item-container .product-item-image-wrapper {
	padding-top: 85%;
}

.tovar_box .product-item-container .product-item .product-item-image-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.tovar_box .product-item-price-container {
	margin: 5px 0;
}
.has-drop-down-a{
	position: relative;
}
.has-drop-down-a:after{
	position: absolute;
	right: 15px;
	content: '';
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='9' fill='none' viewBox='0 0 8 9'%3E%3Cpath stroke='%233D4158' d='M3.536 1L7.07 4.536 3.536 8.07'/%3E%3C/svg%3E%0A");
	width: 10px;
	height: 10px;
	font-size: 16px;
	color: #000;
	top: 50%;
	transform: translate(0%, -50%);
	transition: .3s;
}
.has-drop-down:hover .has-drop-down-a:after{
	right: 10px;
}
.top_menu_catalog{
	padding-bottom: 100px;
}
ul.osn_box_menu li.osn_menu_li a:before{
	content: '';
	position: absolute;
	right: 0;
	width: 10px;
	height: 100%;
	z-index: 9999;
}

.active_catalog{
	overflow: hidden;
	padding-right: 15px;
}

.hamburger {
	opacity: 1;
	visibility: hidden;
	transition: .7s;
	background-color: #fff;
	transform: translate(-100%, 0%);
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
}
.active_catalog .hamburger{
	opacity: 1;
	visibility: visible;
	background-color: #fff;
	transform: translate(0%, 0%);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.hamburger .hamburger-wrapper .catalog-section{
	transition: .7s ease-in-out;
	transform: translate(0%, 10%);
	opacity: 0;
	transition-delay: 1s;
	transition-property: opacity, transform;
}
.active_catalog .hamburger .hamburger-wrapper .catalog-section{
	transform: translate(0%, 0%);
	opacity: 1;
	transition-delay: .7s;
	transition-property: opacity, transform;
}
.catalog-wrapper .osn_box_menu{
	visibility: visible;
	opacity: 1;
	transition: .3s;
	transition-delay: .5s;
}
.active_catalog .catalog-wrapper .osn_box_menu{
	visibility: hidden;
	opacity: 0;
}
.hamburger-wrapper{
	padding-left: 80px;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	z-index: 9999;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: auto;
}
.hamburger-wrapper .catalog-section{
  max-width: 74%;
  width: 75%;
  padding: 30px 15px;
  padding-right: 0px;
  position: fixed;
  left: 0;
  padding-left: 80px;
	background-color: #fff;
	height: 100%;
}
.hamburger-wrapper .catalog_section_block{
	height: 100%;
	padding-right: 19px;
}
.hamburger-wrapper .contacts-section{
	max-width: 25%;
	width: 25%;
	padding: 22px 40px;
	padding-right: 30px;
	background: #F0F5F9;
	position: fixed;
	right: 0;
	height: 100%;

	background-repeat: no-repeat;
	background-position: 100% 75%;
	background-size: 186px;
}

.hamburger-wrapper .humburger_btn{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 150;
	display: block;
	width: 80px;
	height: 80px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7759 1.42102L14.6707 0.328907C14.3716 0.0298422 13.8775 0.0298422 13.5654 0.328907L8.05222 5.84198L2.43512 0.224885C2.13593 -0.0743105 1.64182 -0.0743105 1.32988 0.224885L0.224641 1.33013C-0.0745547 1.62919 -0.0745547 2.1233 0.224641 2.43537L5.82887 8.03959L0.328663 13.5658C0.0295981 13.8649 0.0295981 14.359 0.328663 14.671L1.43391 15.7763C1.73297 16.0753 2.22708 16.0753 2.53915 15.7763L8.05222 10.2631L13.5654 15.7763C13.8645 16.0753 14.3586 16.0753 14.6707 15.7763L15.7759 14.671C16.075 14.372 16.075 13.8779 15.7759 13.5658L10.2497 8.05259L15.7629 2.53952C16.075 2.22719 16.075 1.73308 15.7759 1.42102Z' fill='%233D4158'/%3E%3C/svg%3E%0A");
	opacity: 0.7;
	cursor: pointer;
	transition: all 300ms ease;
	background-repeat: no-repeat;
	background-position: 50%;
	background-color: transparent;
}
.hamburger-wrapper .humburger_btn:hover{
	opacity: 1;
	transform: rotate(360deg);
}
.hamburger-wrapper .humburger_btn:active{
	opacity: 1;
}

.humburger_btn{
	width: 100%;
	height: 100%;
}

.humburger_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
}
.humburger_btn_wrp{
	background-color: var(--main_color);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
	width: 100%;
}
.humburger_btn_wrp:hover{
	background-color: var(--main_color_hover);
}
.humburger_btn_wrp:active{
	background-color: var(--main_color_active);
}
.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 50px;
}
.line {
	fill:none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke:#fff;
	stroke-width: 2;
	stroke-linecap:round;
}

.ham2 .top {
	stroke-dasharray: 40 121;
}
.ham2 .bottom {
	stroke-dasharray: 40 121;
}
.ham2.hum_hover .top {
	stroke-dashoffset: -102px;
}
.ham2.hum_hover .bottom {
	stroke-dashoffset: -102px;
}

.contacts-section_title{
	font-weight: bold;
	font-size: 30px;
	line-height: 37px;
	color: var(--main_font_color);
	margin-bottom: 20px;
}
.contacts-section_content{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.contacts-section{
	position: relative;
}
.contacts-section_bottom{
	position: absolute;
	left: 40px;
	bottom: 20px;
}
.contacts-section_bottom .footer-social-item:not(:last-child){
	margin-right: 10px;
}
.contacts-section_bottom .footer-social-item:not(:last-child) .social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.contact-item{
	margin-bottom: 24px;
	display: flex;
	align-items: center;
}
.contact-item > .contact-item {
	margin-bottom: 0 !important;
}
.contact-item span:last-child{
	display: flex;
	flex-direction: column;
	font-size: 12px;
	color: var(--main_font_color);
}
.header_icon{
	position: relative;
	margin-right: 15px;
	padding-right: 15px;
}
.header_icon:after{
	height: 28px;
	width: 0.5px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0%, -50%);
	content: '';
	background-color: #646779;
}
.header_icon svg{
	width: 18px;
	height: 23px;
}

.contact-item a{
	color: var(--main_font_color);
}
.contact-item a:hover{
	color: var(--main_color_hover);
}

.footer-social-item {
	display: inline-block;
	vertical-align: middle;
	background-color: #C6C8D2;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 50%;
	line-height: 36px;
	font-size: 20px;
	color: #fff;
}
.footer-social {
	padding: 10px 0;
}

.footer-social-item {
	display: inline-block;
	vertical-align: middle;
	background-color: #C6C8D2;
	width: 36px;
	height: 36px;
	text-align: center;
	border-radius: 50%;
	line-height: 36px;
	font-size: 20px;
	margin-right: 10px;
}
.footer-social-item:last-child {
	margin-right: 0;
}
.footer-social-item {
	color: #fff;
	transition: .2s ease-in-out;
}
.footer-social-item:hover {
	background-color: var(--main_font_color);
	color: #fff;
}

@media (max-width: 1024px) {
	.hamburger-wrapper .catalog-section {
		max-width: 66%;
		width: 67%;
	}
	.hamburger-wrapper .contacts-section {
		max-width: 33%;
		width: 33%;
	}
}

@media (max-width: 834px) {
	.contact-item {
		margin-left: 15px;
	}
}

@media (max-width: 576px) {
	.mobile_stores {
		margin-bottom: 24px !important;
	}

}