.shablon__menu_mobile_1__opener {
	display: none;
	
	@media (max-width:1259px) {
    	width: 63px;
    	height: 63px;
    	position: relative;
    	cursor: pointer;
    	display: block;
    	overflow: hidden;
    	flex-shrink: 0;
    	margin: 0 0 0 -30px;
    	    
    	span {
    		display: block;
    		height: 2px;
    		background: #333;
    		top: 50%;
    		position: absolute;
    		width: 18px;
    		left: 50%;
    		margin: -1px 0 0 -9px;
    	}
    
    	&.active span {
    		background: none;
    	}
    
    	span:before {
    		content: '';
    		display: block;
    		height: 2px;
    		background: #333;
    		position: absolute;
    		width: 100%;
    		top: -6px;
    		transition-duration: 0.3s, 0.3s;
    	}
    
    	span:after {
    		content: '';
    		display: block;
    		height: 2px;
    		background: #333;
    		position: absolute;
    		width: 60%;
    		bottom: -6px;
    		transition-duration: 0.3s, 0.3s;
    	}
    
    	&.active span:before {
    		top: 0;
    		transform: rotate(45deg);
    	}
    
    	&.active span:after {
    		bottom: 0;
    		transform: rotate(-45deg);
    		width: 100%;
    	}
    }	
}


.shablon__menu_mobile_1__overlay {
	
	background-color: rgba(0,0,0,.5);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 91;
	display: none;

	@media (max-width:1259px) {
		.close {
    		position: absolute;
    		top: 20px;
    		left: 320px;
    		width: 14px;
    		height: 14px;
    		cursor: pointer;
    		pointer-events: none;
    	}
    
    	.close:before,
    	.close:after {
    		content: '';
    		position: absolute;
    		display: block;
    		top: 50%;
    		left: 50%;
    		height: 2px;
    		width: 18px;
    		margin-top: -1px;
    		margin-left: -9px;
    		transform: rotate(-45deg);
    		background-color: #fff;
    	}
    
    	.close:after {
    		transform: rotate(45deg);
    	}
    }
}    	


.shablon__menu_mobile_1 {
	display: none;
    
    @media (max-width:1259px) {
    	position: fixed;
    	z-index: 92;
    	top: 0;
    	left: 0;
    	width: 100%;
    	max-width: 300px;
    	box-shadow: 3px 0 10px 0 rgba(0,0,0,.45);
    	left: -100%;
    	display: block;
    	transition: left .4s ease 0s,opacity .4s ease 0s;
    	overflow-x: hidden;
    	overflow-y: auto;
    	height: 100%;
    	background-color: #fff;
    	    
    	&.show {
    		left: 0;
    	}
    
    	ul {
    	}
    
    	ul > li {
    		position: relative;
    		background: #fff;
    		font-size: 15px;
    		font-weight: 700;
    		line-height: 1.2;
    		border-top: 1px solid #f2f2f2;
    	}
    
    	ul > li:first-child {
    	}
    
    	ul.is_extra > li {
    		background: #fbfbfb;
    	}
    
    	ul > li > .a {
    		color: #333;
    		padding: 5px 19px 5px 19px;
    		display: flex;
    		align-items: center;
    		height: 60px;
    	}
    
    	ul > li.parent > .a {
    		padding-right: 65px;
    	}
    
    	ul > li.active > .a {
    		color: var(--color1);
    	}
    
    	ul > li > .menu_mobile__item__opener {
    		cursor: pointer;
    		position: absolute;
    		right: 0;
    		top: 0;
    		display: block;
    		width: 60px;
    		height: 60px;
    		background-repeat: no-repeat;
    		background-position: center center;
    		background-image: url(../img/_opener_black.svg);
    		transform: rotate(270deg);
    		background-size: 5px auto;
    		z-index: 2;
    		transition: transform .3s;
    	}
    
    	ul > li > .menu_mobile__item__opener.active {
    		transform: rotate(360deg);
    	}
    
    	.menu_mobile__item__image-block {
    		width: 30px;
    		height: 30px;
    		position: relative;
    		flex-shrink: 0;
    		margin-right: 16px;
    	}
    
    	.menu_mobile__item__image-block img {
    		position: absolute;
    		top: 0;
    		right: 0;
    		bottom: 0;
    		left: 0;
    		max-width: 100%;
    		max-height: 100%;
    		margin: auto;
    	}
    
    	ul.menu_mobile__level_1 {
    	}
    
    	ul.menu_mobile__level_1 > li {
    	}
    
    	ul.menu_mobile__level_1 > li > .a {
    	}
    
    	ul.menu_mobile__level_1 > li.active > .a {
    	}
    
    	ul.menu_mobile__level_1 > li > .menu_mobile__item__opener {
    	}
    
    	ul.is_extra.menu_mobile__level_1 > li .svg {
    		position: absolute;
    		left: 0;
    	}
    
    	ul.is_extra.menu_mobile__level_1 > li .svg svg {
    	}
    
    	ul.is_extra.menu_mobile__level_1 > li .svg svg path {
    		fill: #999;
    	}
    
    	.menu_mobile__item__title {
    		padding-left: 38px;
    		padding-right: 25px;
    		position: relative;
    	}
    
    	.menu_mobile__item__amount {
    		min-width: 18px;
    		height: 18px;
    		padding: 1px 4px;
    		white-space: nowrap;
    		font-size: 12px;
    		color: #fff;
    		border-radius: 50%;
    		text-align: center;
    		position: absolute;
    		left: calc(100% - 17px);
    		top: 50%;
    		margin-top: -9px;
    		font-weight: initial;
    		background: #969ba5;
    		display: flex;
    		align-items: center;
    		justify-content: center;
    	}
    
    	ul.menu_mobile__level_2 {
    		display: none;
    	}
    
    	ul.menu_mobile__level_2 > li {
    		font-weight: 400;
    	}
    
    	ul.menu_mobile__level_2 > li > .a {
    	}
    
    	ul.menu_mobile__level_2 > li.active > .a {
    	}
    
    	ul.menu_mobile__level_2 > li > .menu_mobile__item__opener {
    	}
    
    	ul.menu_mobile__level_3 {
    		display: none;
    	}
    
    	ul.menu_mobile__level_3 > li {
    		font-weight: 400;
    	}
    
    	ul.menu_mobile__level_3 > li > .a {
    	}
    
    	ul.menu_mobile__level_3 > li.active > .a {
    	}
    
    	ul.menu_mobile__level_3 > li > .menu_mobile__item__opener {
    	}
    
    	ul.menu_mobile__level_4 {
    		display: none;
    	}
    
    	ul.menu_mobile__level_4 > li {
    		font-weight: 400;
    	}
    
    	ul.menu_mobile__level_4 > li > .a {
    		position: relative;
    		padding-left: 48px;
    	}
    
    	ul.menu_mobile__level_4 > li > .a:before {
    		content: '';
    		width: 10px;
    		height: 1px;
    		position: absolute;
    		background: #333;
    		left: 22px;
    	}
    
    	ul.menu_mobile__level_4 > li.active > .a {
    	}
    
    	ul.menu_mobile__level_4 > li.active > .a:before {
    		background-color: var(--color1);
    	}
    
    	ul.menu_mobile__level_4 > li > .menu_mobile__item__opener {
    	}
    
    	ul.is_main {
    	}
    
    	ul.is_catalog {
    	}
    
    	.mobile-contacts {
    		border-top: 1px solid #f2f2f2;
    		padding: 0 19px 30px;
    	}
    
    	.mobile-contacts__header {
    		color: #333;
    		padding: 5px 0;
    		display: flex;
    		align-items: center;
    		height: 60px;
    		font-size: 15px;
    		font-weight: 700;
    		line-height: 1.2;
    		margin-bottom: -18px;
    	}
    
    	.mobile-contacts__item {
    		font-size: 13px;
    		line-height: 1.4;
    		margin-top: 18px;
    	}
    
    	.mobile-contacts__item .contact_comment {
    		display: block;
    		font-size: 11px;
    		color: #969ba5;
    	}
    
    	.mobile-contacts__address {
    	}
    
    	.mobile-contacts__address > div {
    		padding: 0 0 0 25px;
    		position: relative;
    	}
    
    	.mobile-contacts__address > div:before {
    		content: '';
    		position: absolute;
    		display: block;
    		opacity: .3;
    		background-repeat: no-repeat;
    		background-size: contain;
    		background-position: center center;
    		width: 9px;
    		height: 12px;
    		left: 2px;
    		top: 3px;
    		background-image: url(../img/_footer-contacts__item_address_black.svg);
    	}
    
    	.mobile-contacts__email {
    	}
    
    	.mobile-contacts__email > div {
    		padding: 0 0 0 25px;
    		position: relative;
    	}
    
    	.mobile-contacts__email > div + div {
    		margin-top: 6px;
    	}
    
    	.mobile-contacts__email > div:before {
    		content: '';
    		position: absolute;
    		display: block;
    		opacity: .3;
    		background-repeat: no-repeat;
    		background-size: contain;
    		background-position: center center;
    		width: 11px;
    		height: 9px;
    		left: 1px;
    		top: 5px;
    		background-image: url(../img/_footer-contacts__item_email_black.svg);
    	}
    
    	.mobile-contacts__email a {
    		color: #222;
    	}
    
    	.mobile-contacts__phone {
    	}
    
    	.mobile-contacts__phone > div {
    		padding: 0 0 0 25px;
    		position: relative;
    	}
    
    	.mobile-contacts__phone > div + div {
    		margin-top: 6px;
    	}
    
    	.mobile-contacts__phone > div:before {
    		content: '';
    		position: absolute;
    		display: block;
    		opacity: .3;
    		background-repeat: no-repeat;
    		background-size: contain;
    		background-position: center center;
    		width: 5px;
    		height: 11px;
    		left: 4px;
    		top: 4px;
    		background-image: url(../img/_footer-contacts__item_phone_black.svg);
    	}
    
    	.mobile-contacts__phone a {
    		color: #222;
    	}
    
    	.mobile-contacts .socials {
    		font-size: 0;
    		line-height: 1;
    		margin-top: 18px;
    	}
    
    	.mobile-contacts .socials__inner {
    		margin: -4px -4px 0;
    	}
    
    	.mobile-contacts .socials__link {
    		display: inline-block;
    		vertical-align: top;
    		margin: 4px;
    		width: 43px;
    		height: 43px;
    		border-radius: 3px;
    		background: url(../img/_socials_position_bottom.svg) no-repeat;
    	}
    
    	.mobile-contacts .socials__link_icon_vk {
    		background-position: 0 -188px;
    	}
    
    	.mobile-contacts .socials__link_icon_ok {
    		background-position: -46px -188px;
    	}
    
    	.mobile-contacts .socials__link_icon_facebook {
    		background-position: -94px -188px;
    	}
    
    	.mobile-contacts .socials__link_icon_twitter {
    		background-position: 0 -235px;
    	}
    
    	.mobile-contacts .socials__link_icon_instagram {
    		background-position: -141px -329px;
    	}
    
    	.mobile-contacts .socials__link_icon_moimir {
    		background-position: -375px -235px;
    	}
    
    	.mobile-contacts .socials__link_icon_youtube {
    		background-position: -94px -329px;
    	}
    
    	.mobile-contacts .socials__link_icon_telegram {
    		background-position: -329px -329px;
    	}
    
    	.mobile-contacts .socials__link_icon_lj {
    		background-position: -470px -329px;
    	}
    }
}