@charset "utf-8";

/* ------------------------------------------------------------ aside */

	nav {
		min-width: 240px; 
		background: #fff;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		height: 100%;
		overflow: auto;
	}

		nav h2 {
			padding: 25px 0 30px;
			text-align: center;
		}

		nav #nav li a {
			padding: 15px 0 15px 25px;
			display: block;
			background: #fff;
			transition: 0.5s;
		}

		nav #nav li a:hover {
			background: #C23395;
			color: #fff;
		}

		nav #nav li.on a {
			background: #C23395;
			color: #fff;
		}

		nav #nav li.on a path {
			fill: #fff; 
			stroke: #fff;
		}

		nav #nav li.on a polygon {
			fill: #fff; 
			stroke: #fff;
		}

		nav #nav li.on a rect {
			fill: #fff; 
			stroke: #fff;
		}

		nav #nav li a span {
			float: left;
			padding: 0 0 0 10px;
		}

		nav #nav li a svg {
			max-height: 25px;
			width: auto;
			float: left;
		}

		nav #nav li a path {
			transition: 0.5s;
		}

		nav #nav li a polygon {
			transition: 0.5s;
		}

		nav #nav li a rect {
			transition: 0.5s;
		}

		nav #nav li a:hover path {
			fill: #fff;
			stroke: #fff;
		}

		nav #nav li a:hover polygon {
			fill: #fff;
			stroke: #fff;
		}

		nav #nav li a:hover rect {
			fill: #fff;
			stroke: #fff;
		}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ aside */



}