/*
	 *
	 *	jQuery Sliding Menu Plugin
	 *	Mobile app list-style navigation in the browser
	 *
	 *	Written by Ali Zahid
	 *	http://designplox.com/jquery-sliding-menu
	 *
	 */

.sliding-menu { overflow: hidden; position: relative; }

	.sliding-menu ul { float: left; margin: 0; }

		.sliding-menu li { list-style: none; margin: 0; }

			.sliding-menu a { display: block; padding: 1em; box-sizing: border-box; position: relative; color: #fff; }

				.sliding-menu a:hover { background-color: #333; color: #FFF; }

				.sliding-menu a.nav:before { content: '\3009'; position: absolute; top: 50%; margin-top: -10px; right: 1em; }

				.sliding-menu a.back { background: #000; color: #FFF; overflow: hidden; padding: .5em 1em; width: 100%; }
				.sliding-menu a.back:hover, .sliding-menu a.close:hover { background-color: #000; }
					.sliding-menu a.back:before { content: 'Back'; float: left; margin-right: 1em; }

.mmenu { position: fixed; overflow-y: auto; width: 100%; z-index: 99999; left: -100%; top: 0; box-sizing: border-box; background-color: #313131; }
	.sliding-menu li:first-child { background-color: #000; overflow: hidden; }
	.sliding-menu a.close { width: 50%; float: right; overflow: hidden; padding: .5em 1em; }
	.sliding-menu a.close:before { content: '\2715'; color: #fff; float: right; }
	
.mmenu .icon { background-size: 28px 28px; padding-left: 3em; background-position: .5em center; background-repeat: no-repeat; }
.mmenu .i-home { background-image: url(../images/menu-i-01.svg); }
.mmenu .i-content { background-image: url(../images/menu-i-02.svg); }
/*.mmenu .i-search { background-image: url(../images/m-search.png); }
#menu .search_box { padding: 1em;}*/
.mmenu .i-news { background-image: url(../images/menu-i-03.svg); }
.mmenu .i-map { background-image: url(../images/menu-i-04.svg); }