
.shablon__menu_catalog_3 {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: 256px;
	border-right: 1px solid rgba(0, 0, 0, .1);

    .menu_catalog__item__link:hover,
    .menu_catalog__item__link.active,
    .hover .menu_catalog__item__link,
    .menu_catalog__level_2__item__link:hover,
    .menu_catalog__level_2__item__link.active,
    .menu_catalog__level_3__item__link:hover,
    .menu_catalog__level_3__item__link.active {
	 	color: var(--color1);
	}
	
	.hover .menu_catalog__item__link .menu_catalog__item__opener svg path,
	.menu_catalog__item__link:hover .menu_catalog__item__opener svg path {
		fill: var(--color1);
	}
	
    .menu_catalog__left {
    	height: 630px;
    	padding: 15px 0;
    }
    
    .menu_catalog__right {
    	position: absolute;
    	left: calc(100% + 1px);
    	background: #fff;
    	top: 0;
    	bottom: 0;
    	width: calc(var(--shablon_width) - 316px)!important;
		overflow: hidden auto;
    }
    
    .menu_catalog__right .jspPane {
    	width: calc(var(--shablon_width) - 327px)!important;
    }
    
    .menu_catalog__item {
    }
    
    .menu_catalog__item.parent {
    }
    
    .menu_catalog__item__link {
    	padding: 10px 21px 10px 21px;
    	position: relative;
    	font-size: .867em;
    	line-height: 1.692em;
    	color: #333;
    	display: block;
    	width: 100%;
    	text-decoration: none;
    	text-align: left;
    }
    
    .menu_catalog__item.parent .menu_catalog__item__link {
    	padding-right: 35px;
    }
    
    .menu_catalog__item__link:hover {
    }
    
    .menu_catalog__item__link.active {
    }
    
    .menu_catalog__item__image-block {
    	width: 30px;
        height: 30px;
        position: absolute;
        left: 14px;
        top: 50%;
        margin-top: -15px;
    }
    
    .menu_catalog__item__image-block img {
    	position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    
    .menu_catalog__item__opener {
    	position: absolute;
    	right: 20px;
    	top: 20px;
    }
    
    .menu_catalog__item__opener svg {
    }
    
    .menu_catalog__level_2 {
    	display: none;
    	flex-wrap: wrap;
    	padding: 10px 40px 15px;
    	margin: 0 -15px;
    }
    
    .menu_catalog__level_2__item {
    	width: 25%;
    	margin: 0 0 30px;
    	padding: 0 15px;
    	position: relative;
    	text-align: left;
    }
    
    .menu_catalog__level_2__item > div {
    	padding-left: 67px;
    	position: relative;
    }
    
    .menu_catalog__level_2__item.parent {
    }
    
    .menu_catalog__level_2__item__image-link {
    	width: 40px;
    	height: 40px;
    	position: absolute;
    	left: 0;
    	top: 0;
    }
    
    .menu_catalog__level_2__item__image-link img {
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	max-width: 100%;
    	max-height: 100%;
    	margin: auto;
    }
    
    .menu_catalog__level_2__item__link {
    	color: #222;
    	font-size: 15px;
    }
    
    .menu_catalog__level_2__item__link:hover {
    }
    
    .menu_catalog__level_2__item__link.active {
    }
    
    .menu_catalog__level_3__item {
    	font-size: 13px;
    	margin-top: 8px;
    }
    
    .menu_catalog__level_3__item__link {
    	color: #666;
    }
    
    .menu_catalog__level_3__item__link:hover {
    }
    
    .menu_catalog__level_3__item__link.active {
    }

}

.site-width_1260 .shablon__menu_catalog_3 .menu_catalog__level_2__item {
	width: 33.33333333333333%;
}
