
@media all {
	.mobile-menu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.mobile-menu__link {
		text-decoration: none;
		display: block;
		width: 100%;
		border-top: 1px solid #cdcdcd;
		position: relative;
		transition: .3s ease;
		text-transform: uppercase;
	}
	.mobile-menu__link-icon {
		margin-right: 14px;
		width: 1em;
		text-align: center;
		font-size: 22px;
		display: inline-flex;
		justify-content: center;
	}
	.mobile-menu__link-text {
		display: block;
	}
	.mobile-menu__sub-menu {
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		display: block;
		list-style-type: none;
		padding: 0;
		background-color: #fff;
		height: calc(100% + 51px);
		transform: translate(100%, 0);
		transition: .3s ease;
		z-index: 1;
	}

	.mobile-menu__li._open > .mobile-menu__sub-menu {
		transform: translate(0, 0);
	}


	/* link */
	.mobile-menu__li._lvl-1>.mobile-menu__link {
		font-size: 14px;
		font-weight: 400;
		padding: 0 20px;
		color: #333333;
		display: flex;
		align-items: center;
		height: 50px;
	}
	.mobile-menu__li._lvl-1>.mobile-menu__link._with-icon {
		text-transform: none;
	}
	.mobile-menu__li._lvl-1>.mobile-menu__link._primary {
		color: #b23d1c;
		background-color: #f1f1f1;
	}
	.mobile-menu__li._lvl-1._parent>.mobile-menu__link {
		padding-right: 55px;
	}
	.mobile-menu__li._lvl-2>.mobile-menu__link,
	.mobile-menu__li._lvl-3>.mobile-menu__link{
		font-size: 14px;
		font-weight: 600;
		color: #333;
		padding: 12px 50px 12px 20px;
	}
	.mobile-menu__li._lvl-2._selected>.mobile-menu__link,
	.mobile-menu__li._lvl-3._selected>.mobile-menu__link {
		background-color: #e7e7e7;
	}

	.back_link.mobile-menu__li .mobile-menu__link {
		display: flex;
		align-items: center;
		color: var(--primary-color);
	}

	.mobile-menu__li._open i {
		transform: none;
	}

	.back_link  .mobile-menu__back {
		position: static;
		display: block;
		margin: 0;
		width: 32px;
		color: #cbcbcb;
		font-size: 20px;
	}

		/*parent*/
	.mobile-menu__open-submenu {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		color: #cbcbcb;
		font-size: 20px;
	}
		.mobile-menu__li i {
			transition: .3s ease;
		}
		/*.mobile-menu__li._open i {
			transform: rotate(90deg);
			color: #0c0a00;
		}*/

}
@media (max-width: 560px) {
	.mobile-menu__li._lvl-1>.mobile-menu__link {
		font-size: 13px;
	}
}