.menu-collapser
{
	position:relative;
	width:100%;
	height:60px;
	padding:0 8px;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	font-size:18px;
	line-height:57px;
	background-color:#FFFFFF;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}
.collapse-button
{
	position:absolute;
	right:8px;
	top:50%;
	width:40px;
	padding:7px 10px;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	background-color:#121a1c;
	border-radius:2px;
	cursor:pointer;
	transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-webkit-transform:translate(0, -50%);
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
.collapse-button:hover,.collapse-button:focus
{
color:#FFF;
background-color:#121a1c;
}

.collapse-button .icon-bar
{
	display:block;
	height:2px;
	width:18px;
	margin:2px 0;
	background-color:#FFFFFF;
	border-radius:1px
}
ul.slimmenu
{
font-family: 'Roboto', sans-serif;
font-weight:400;
width: 100%;
float:right;
margin:0;
padding:0;
list-style-type:dot
}
ul.slimmenu:before,ul.slimmenu:after
{
content:'';display:table
}
ul.slimmenu:after
{
clear:both
}
ul.slimmenu.collapsed li
{display:block;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li>ul
{
position:static;
display:none
}
ul.slimmenu.collapsed li a
{
display:block;
border-bottom:1px solid rgba(0,0,0,0.075);
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li .sub-toggle
{
height:40px
}
ul.slimmenu li /*TOP BAR BKGD COLOR*/
{
	position:relative;
	float:left;
	display:inline-block;
	background-color:#333333
}
ul.slimmenu li ul
{
margin:0;
list-style-type:circle
}
ul.slimmenu li ul li
{
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	background: #336666;
	width: 50%
}
ul.slimmenu li ul li ul
{
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:500;
	background: #000000;
	width: 50%
}
ul.slimmenu li>ul
{
position:absolute;
left:0;
top:100%;
z-index:999;
display:none;
width:100%
}
ul.slimmenu li>ul>li ul
{
position:absolute;
left:100%;
top:0;
z-index:999;
display:none;
width:100%
}
ul.slimmenu li a /*font styling main & subs*/
{
	display:block;
	padding:10px 40px 12px 10px;
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size:.85em;
	font-weight:400;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out
}
ul.slimmenu li a:hover /*rollover top bar menu color fullscreen*/
{
	text-decoration: none;
	background-color:#FFCC00
}
.sub-toggle { z-index: 999; }
ul.slimmenu li .sub-toggle /*rollover sub menu color fullscreen .... arrow background color & size of dropdown box*/
{
background:none repeat scroll 0 0 #ffcc00;
position:absolute;
right:0;
top:0;
z-index:999;
width:24px;
height:100%;
text-align:middle;
cursor: pointer
}
ul.slimmenu li .sub-toggle:before
{
content:'';
display:inline-block;
height:100%;
margin-right:-0.25em;
vertical-align:left
}
ul.slimmenu li .sub-toggle>i
{
display:inline-block;
color:#333;
font-size:12px;
vertical-align:middle
}
ul.slimmenu>li
{
border-left:1px solid #999
}
ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li
{border-left:0}