.podmmenu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(64, 26, 48, 0.57);
    z-index: 999999;
}

.mmenu {
    position: fixed;
    top: 0px;
    left: -305px;
    height: 100%;
    z-index: 999999;
    background-color:#f7f7f7;
    width: 285px;
    box-shadow: 0px 0px 20px rgba(53, 5, 33, 0.45);
    max-height: 100%;
    overflow: auto;
	padding: 0px 0px 20px 0px;
}

.mmnav ul, .mmnav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.mmnav> ul {
	margin: 0px 0px 20px 0px;
}

.mmnav> ul> li> div, .mmnav> ul> li> div> ul> li> div {
	display: none;
}

.mmnav> ul> li.active> div, .mmnav> ul> li> div> ul> li.active> div {
	display: block;
}

.mmnav> ul> li {
    border-bottom: 1px dotted rgba(58, 0, 33, 0.5);
    border-top: 1px dotted rgba(255, 194, 229, 0.18);
	position: relative;
}

.mmnav> ul> li:first-child {
	border-top: 0px;
}

.mmnav> ul {
	border-bottom: 1px dotted rgba(255, 194, 229, 0.18);
}

.mmnav> ul> li> a {
    display: block;
    padding: 10px;
    font-size: 14px;
    color: #000;
	position: relative;
}

.mmnav> ul> li> a.msub {
    padding: 10px 40px 10px 10px;
}

.mmnav> ul> li> a.msub::before {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 9px;
	right: 10px;
	/*background: url('/design/DECOR_6/images/pluse.png') no-repeat center;*/
}

.mmnav> ul> li> a.act, .mmnav> ul> li.active> a {
    background: rgba(0, 0, 0, 0.24);
}

.mmnav> ul> li> div> ul {
    display: block;
    background: #fff;
    position: relative;
}

.mmnav> ul> li> div> ul> li {
    border-bottom: 1px dotted #cecece;
}

.mmnav> ul> li> div> ul> li:last-child {
	border: 0px;
}

.mmnav> ul> li> div> ul> li> a {
	display: block;
	padding: 10px;
	font-size: 14px;
	position: relative;
 color: #000;
}

.mmnav> ul> li> div> ul> li> a> b, .mmnav> ul> li> div> ul> li> div> ul> li> a> b {
    text-transform: lowercase;
}

.mmnav> ul> li> div> ul> li> a> b:first-letter, .mmnav> ul> li> div> ul> li> div> ul> li> a> b:first-letter {
    text-transform: uppercase;
	color: #000;
}


.mmnav> ul> li> div> ul> li> a.msub::before {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 7px;
	right: 10px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABx0lEQVRIS7WVjVHCQBCFCRQgVkCowAgNYAVABcQOsAIpwQ6ADrACsQAgHSAViAVA/N7M3U1+Lggz5maYJLd7b9++vV2CRk0rqAm3cRE4YjWbzUkQBFGappFI8J7wnpzP52XCqiLmBQav3Wq15hwaAXLgueJ3NCBt7ROgo/3T6fQMvrW5OCVgw/IDjx8OTzebjUBLq9/vK+gbhjvYPxXZ54DFlNT3OB9wHviYZCMY/zV7Hfy7Wf8cMCxW0hKn6C9QG8CAJ2S3I7ux3XfAkgBddxjGvvR7vZ6YNbbb7aCoC7YY4Dl6P1pJHDBG6TXiYOjT9BKw/LF/qZicn+o7CyxGiTV4WFUyli8yLpAxtBk5YAxHVRnDzIKKJSmm+s7eY2sn9RebOr46N+F8N8e4CtgVgyYxAVxTUORpATi2Uv6bFKZGUUkKYxjaVG7VuLJ4tV03U1k1yAPa6T7m+l+B5VNsXdMgO4r8yf2PXU2yKZvho/u4p+Lq/9Jw8fhrrnTxDytbWoeMJGuYf8NiBotlUW99q9t4vOJzD6jmSm6EXhqbCw4OCaAMfGMzZP8d0PiqsVlIVYNezKSvgLQUSIN+cfOg96V+615t/3m/UkcqJlqfGo4AAAAASUVORK5CYII=') no-repeat center;
}

.mmnav> ul> li> div> ul> li> a.act, .mmnav> ul> li> div> ul> li.active> a {
    box-shadow: inset 0px 0px 25px rgba(125, 10, 76, 0.2);
}

.mmnav> ul> li> div> ul> li> div> ul {
    background: #da3a96;
	box-shadow: 0px 1px 0px #fff;
}

.mmnav> ul> li> div> ul> li> div> ul> li {
    border-bottom: 1px dotted rgba(58, 0, 33, 0.21);
    border-top: 1px dotted rgba(255, 194, 229, 0.18);
    position: relative;
}

.mmnav> ul> li> div> ul> li> div> ul> li:first-child {
	border-top: 0px;
}

.mmnav> ul> li> div> ul> li> div> ul> li:last-child {
	border-bottom: 0px;
}

.mmnav> ul> li> div> ul> li> div> ul> li> a {
    color: #fff;
    padding: 7px 10px 7px 25px;
    display: block;
    font-size: 12px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.mmnav> ul> li> div> ul> li> div> ul> li> a::before {
    content: '';
    display: block;
    background: #fff;
    width: 4px;
    height: 4px;
    border-radius: 100px;
    position: absolute;
    top: 14px;
    left: 12px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
}

.mmnav> ul> li> div> ul> li> div> ul> li.active> a {
    background: rgba(131, 11, 80, 0.34);
}

.mmcenterlink {
	display: block;
	text-align: center;
}

.mmcenterlink> a {
    display: inline-block;
    color: #7e0a4d;
    padding: 6px 15px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.34), inset 0px -2px 0px rgba(125, 9, 76, 0.18), 0px 0px 0px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
 font-size: 14px;
}





@media only screen and (-webkit-min-device-pixel-ratio: 2.0),
	only screen and (min--moz-device-pixel-ratio: 2.0),
	only screen and (-o-min-device-pixel-ratio: 200/100),
	only screen and (min-device-pixel-ratio: 2.0) {

	
	.mmnav> ul> li> a.msub::before, .mmnav> ul> li> div> ul> li> a.msub::before {
		background-size: 22px 22px;
	}
}