/*----- Toggle Button -----*/
.toggle-nav1 { display:none }

/*----- Menu -----*/
@media screen and (min-width: 860px) {
	.menu { width:100%; padding:0; border-radius:3px  }
}

.menu ul { display:block; margin:0; padding:0 }
.menu li { margin:0; list-style:none; font-size:14px; font-family:'Abel', sans-serif }
.menu li:last-child { margin-right:0px }
/*.menu li a { color:#777; transition:color linear 0.15s; text-decoration:none }
.menu a:hover, .menu .current-item a { text-decoration:none; color:#66a992 }*/

.menu li a { display: block; color: #333; padding: 5px 8px; text-decoration: none; font-family:'Abel', sans-serif; font-size:17px; transition: 300ms ease-in-out; border-bottom:1px dashed #d6d6d6 }
.menu li a:hover, .menu .current-item a { background:#eaeaea; color:#000 }

li.blank { display: block; padding:10px 0 }

.left-menu-heading { font-family:'Abel', sans-serif; font-weight:bold; padding:0; font-size:20px; color:#333; margin:0 }



/*----- Responsive -----*/
@media screen and (max-width: 1150px) {
	.wrap { width:100% }
}

@media screen and (max-width: 860px) {
	.left-menu-heading { display:none }
	.menu { position:relative; display:inline-block; z-index:10; margin-bottom:15px; float:right }
	.menu ul.active { display:none }
	.menu ul {
		width:300px;
		position:absolute;
		top:115%;
		right:0px;
		padding:10px;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background:#232f3c;
	}
	.menu ul:after {
		width:0px;
		height:0px;
		position:absolute;
		top:0%;
		right:22px;
		content:'';
		transform:translate(0%, -100%);
		border-left:7px solid transparent;
		border-right:7px solid transparent;
		border-bottom:7px solid #232f3c;
	}
	.menu li { margin:0; float:none; display:block/*; width:400px*/ }
	/*.menu li a { display: block; color: #ccc; transition: 300ms ease-in-out; font-size:17px }*/
	.menu li a { display: block; color: #999; padding: 5px 8px; text-decoration: none; font-family:'Abel', sans-serif; font-size:17px; transition: 300ms ease-in-out; border-bottom:1px dashed #3b4a58 }
.menu li a:hover, .menu .current-item a { background:#3b4a58; color:#fff }
	
	.toggle-nav1 {
		padding:6px 10px;
		float:right;
		display:inline-block;
		box-shadow:0px 1px 1px rgba(0,0,0,0.15);
		border-radius:3px;
		background:#232f3c;
		text-shadow:0px 1px 0px rgba(0,0,0,0.5);
		color:#ccc;
		font-size:17px;
		font-family:'Abel', sans-serif;
		transition:color linear 0.15s; text-decoration: none
	}
	.toggle-nav1:hover, .toggle-nav1.active { text-decoration:none; color:#fff }
	
	li.blank { display:none }
	
}