#mainmenu {
	display: none;
}

#mobilemenu_button {
	z-index: 1000;
	display: inline-block;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 9%;
	top: 211px;
/*
	position: relative;
	top: 1px;
	right: 0;
*/
	
	text-indent: -9999px;
	border: 2px solid #733d5d;
	border-radius: 50%;
	background: #fff url(../tmpl_img/button_mobilemenu@1x.png) center top no-repeat;
}

@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(180deg); }
}

#mobilemenu_button:active,
#mobilemenu_button:hover {
	background-color: #e2d7de;
	border: 2px solid #733d5d;
	background-position: center bottom;
}

#mobilemenu_button:hover {
	animation-name: spin; 
	animation-duration: 0.4s;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    /* Retina-specific stuff here */
    #mobilemenu_button {
    	background-image: url(../tmpl_img/button_mobilemenu@2x.png);
    	background-size: 34px 68px;
    }
    
/*
    #mobilemenu {
    	background-image: url(../tmpl_img/mm_signet@2x.png);
    }
*/
}


/* ****************************** */

#mobilemenu {
	/* text-transform: uppercase; */
	/* background-color: #fff; */
	/* background: rgba(229,240,248,.6) url(../tmpl_img/mm_signet@1x.png) center bottom no-repeat; */
	background-color: #fff;
	color: #733d5d;
	-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.22);
	box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.22);
	border-bottom: 1px solid #fff;
	z-index: 10000;
	font-family: 'Quicksand', sans-serif;
}

#mobilemenu ul li a {
	font-weight: 500 !important;
}

#mobilemenu ul.level_1>li {
	font-size: 1.3em;
	text-transform: uppercase;
}

#mobilemenu ul.level_2>li {
	font-size: 1.2em;
}

/* link level 1 active */
#mobilemenu ul.level_1>li>span {
	background: #733d5d;
	color: #fff;
}

/* link level 1 active submenu */
#mobilemenu ul.level_1>li.submenu.trail {
	background: #165aa8;
	color: #b1c9e8;
}

#mobilemenu li.submenu.trail em.mm-counter {
	color: #b1c9e8;
}

/* arrow level 1 active submenu */
#mobilemenu li.submenu.trail a.mm-subopen:after {
	border-color: #b1c9e8;
}

/* link level 2 active */
#mobilemenu ul.level_2>li>span {
	background: #165aa8;
	color: #fff;
}

#mobilemenu .mm-counter {
	font-size: 1em;
}

#mobilemenu em.mm-counter {
	color: #165aa8;
}

#mobilemenu li.mm-selected em.mm-counter {
	color: #b1c9e8;
}

/* 2nd chart: 1st level active */
#mobilemenu .mm-list > li > a.mm-subclose {
	color: #b1c9e8;
}

/* arrows */
#mobilemenu .mm-list a.mm-subopen:after {
	border-color: #165aa8;
}

#mobilemenu li.mm-selected a.mm-subopen:after {
	border-color: #b1c9e8;
}

/* 2nd chart, arrow left */
#mobilemenu .mm-list a.mm-subclose:before {
	border-color: #b1c9e8;
}

#mobilemenu .mm-list > li > a.mm-subclose {
	background: #165aa8;
}