/* ==========================================================================
   Off-canvas Menu Styles
   ========================================================================== */

.navbar-default {
	background: none;
	border:0;
	box-shadow: none;
}
a.nav-expander {
	display: inline-block;
	position: relative;
	z-index: 12;
	transition: left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition: left 0.3s ease-in-out 0s;
	-o-transition: left 0.3s ease-in-out 0s;
	font-size: 64%;
	letter-spacing: 5px;
	color:#FFF;
	line-height: 100%;
}
a.nav-expander:hover {
	cursor: pointer;
}
a.nav-expander.fixed {
}
a.nav-expander .icon-bar {
	background: #FFF;
	height: 7px;
	width: 56px;
	border-radius: 0px;
	display: block !important;
}
a.nav-expander .icon-bar {
	margin-bottom: 7px;	
}
.nav-expanded a.nav-expander.fixed {
}
nav {
	border-right:1px solid #FFF;
	background: #350054;
	display: block;
	height: 100%;
	overflow: auto;
	position: fixed;
	left: -250px;
	top: 0;
	width: 250px;
	z-index: 2000;
	transition: left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition: left 0.3s ease-in-out 0s;
	-o-transition: left 0.3s ease-in-out 0s;
}
.nav-expanded nav {
	left: 0;
}
body.nav-expanded {
	margin-left:0;
	transition: right 0.4s ease-in-out 0s;
	-webkit-transition: right 0.4s ease-in-out 0s;
	-moz-transition: right 0.4s ease-in-out 0s;
	-o-transition: right 0.4s ease-in-out 0s;
}
nav .nav-close {
	text-align: right;
	padding:10px 15px 0 0;
	font-size: 80%;
}
nav a#nav-close {
	color:#CCC;
}
nav a#nav-close:hover {
	color:#FF9200;
}
nav .nav {
	padding-top: 65px;
	margin-right:30px;
}
nav .nav li {
	border-bottom: 1px solid #CCC;
	margin:0px;
	padding:10px 0;
	font-size: 80%;
}
nav .nav li a {
	color: #FFF;
	text-decoration: none;
	padding:0;
	background:none !important;
}
nav .nav li a:hover {
	color: #FF9200;
	text-decoration: none;
	background:none;
}
nav .nav .open>a, .nav .open>a:hover, nav .nav .open>a:focus {
	background:none;
	border:0;
	color: #FF9200;
}
nav .nav a .caret {
    margin-left: 6px;
    vertical-align: middle;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
nav .nav a:hover .caret {
	border-top-color: #FFF;
}
nav .nav li.open > a > .caret {
	border-top: none;
	border-bottom: 6px solid #FFF;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
nav .nav li.open > a:hover > .caret {
	border-bottom-color: #FFF;
}
nav .nav .nav-child {
	padding:0;
	margin:0;
	list-style: none;
}
nav .nav .nav-child li {
	font-size: 100%;
	border:0;
	margin:0 0 0 10px;
	padding:5px 0 0;	
}