.mm-menu {
/*This cannot have transparency*/
/*background: rgba(255, 255, 255, 1);*/
background: rgba(0,0,0, 1);
color: rgba(255, 255, 255, 1);
font-family: "Roboto", sans-serif;
font-weight: 200;
/*font-family: "proxima-nova-alt";*/

text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
}
nav#menu{
	margin-top: 0px;
	-webkit-transition: margin-top .18s ease-out;
	-moz-transition: margin-top .18s ease-out;
	-o-transition: margin-top .18s ease-out;
	transition: margin-top .18s ease-out;
}

nav#menu.topOfwin{
	margin-top: 22px;
	-webkit-transition: margin-top .06s linear;
	-moz-transition: margin-top .06s linear;
	-o-transition: margin-top .06s linear;
	transition: margin-top .06s linear;
}

/* Remove Padding from Page Wrapper */
div.wrapper.mm-page.mm-slideout{
	padding:0px;
	margin:0px;
}
/* Menu Font Size Override */
.mm-listview {
    font: inherit;
    font-size: 13px;
    line-height: 20px;
		font-weight: 200;
		text-align:left;
}
/* Menu Top Title - Breadcrumb Override */
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: rgba(250,250,250, 0.4);
		font-weight: 200;
}
.mm-menu .mm-navbar a:hover {
    color: rgba(250,250,250, 1);
		font-weight: 200;
}
/* Menu Top Back Button - Breadcrumb Override */
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
    border-color: rgba(250,250,250, 1);
}
.mm-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto;
}

.mm-title {
	color: rgba(0,0,0, 1);
	display:none;
}
.mm-menu .mm-btn:after{
position:relative;
top:1px;
left:36px;
font-size: 12px;
/*font-weight: 400;*/
align-content: flex-start;
color: rgba(250,250,250, 0.8);
}
.mm-menu .mm-btn.mm-prev:after {
	display:inline-block;
    content: "Back";
		line-height: 24px;
		font-weight: 500;
		text-align:left;
		position: relative;
		top: -2px;
		left: 32px;
		font-size: 102%;
		align-content: flex-start;
		color: rgba(0,168,215, 1);
}
.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
	display: block;
	position: relative;
	top: 17px;
	left:-8px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.mm-clear:before, .mm-close:before {
	  border-right: none;
    border-bottom: none;
		border-left: none;
    border-top: none;
    border-color: rgba(250,250,250, 0.7);
		color: rgba(0,168,215, 1);
		cursor:pointer;
		font-family: "FontAwesome";
		/*fa-times-circle*/
		content: "\f057";
		font-size: 150%;
}
.mm-clear:before, .mm-close:before {
		color: rgba(0,168,215, 1);
}
.mm-clear:before:hover, .mm-close:before:hover {
		color: rgba(250,250,250, 1);
}
.mm-clear:after, .mm-close:after {
	  border-right: none;
    border-bottom: none;
		border-left: none;
    border-top: none;
	}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next), .mm-menu .mm-listview>li.mm-selected>span {
	text-decoration: none;
	background-color: rgba(10,10,10, 1);
	color: rgba(250,250,250, 1);
}
.mm-menu .mm-navbar:hover .mm-btn:after{
	/*content: "Back to ";*/
/*color: rgba(255,255,255, 0.8);*/
  color: rgba(250,250,250, 1);
}
.mm-menu .mm-navbar:hover .mm-btn:before{
	border-color: rgba(250,250,250, 1);
}

/* Menu Toggles Override */
/*OFF*/
.mm-menu label.mm-toggle {
    background: rgba(200,200,200, 0.2);
		border: 2px solid rgba(0,0,0, 0.3);
}
/*ON*/
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
		background: rgba(200,200,200, 0.2);
		border: 2px solid rgba(0,0,0, 0.3);
}
/*Toggle Face*/
/*OFF*/
.mm-menu label.mm-toggle:before {
    background: (0,130,202, 1);
		/*If 2px border? */
		position:relative;
		top:-2px;
}
/*ON*/
.mm-menu input.mm-toggle:checked ~ label.mm-toggle:before {
    background: rgba(0,130,202, 1);
		/*If 2px border? */
		position:relative;
		top:-2px;
}


/*Menu Item Icons Override*/
.mm-menu .fa {
	display: inline-block;
	color: rgba(250,250,250, 0.8);
	width:30px;
	text-align: center;
}

span.mm-dynamic_icon, .mm-dynamic_icon{
display: inline-block;

}
/*Change Menu Left Padding */
.mm-listview>li>a, .mm-listview>li>span {
    color: inherit;
    display: block;
		/*padding: 10px 10px 10px 20px;*/
    padding: 10px 10px 10px 10px;
    margin: 0;
}
/*Change Menu Item Delimiters Colors Override*/
.mm-menu .mm-list > li:after {
    border-color: rgba(250,250,250, 0.1);
		color: rgba(250,250,250, 0.8);
}
.mm-menu .mm-listview {
    border-color: rgba(250,250,250, 0.1);
}
/*Change Carret Colors Override*/
.mm-menu .mm-listview>li .mm-next:after {
    border-color: rgba(250,250,250, 0.8);
}

.mm-menu .mm-listview>li .mm-next:hover {
    border-color: rgba(8 ,15 ,26 , 1);
}

mm-listview li.toggleMenuItem{
    height:40px;
}
.mm-menu li.toggleMenuItem{
    height:40px;
}
.mm-menu a.toggleMenuText{
    position:relative;
		top:-18px;
		top:0px;
}
/*
.          .    .
|   o      |   _|_
|   .  .-..|--. |
|   | (   ||  | |
`--' `-`-`|'  `-`-' SINGLE Item HOVER
       ._.'
                */
.mm-listview li:hover{
text-decoration: none;
color: rgba(255, 255, 255, 1);
background-color: rgba(250,250,250, 0.5);
}
/*
    .          .
    |          |
 .-.| .-.  .--.|.-.
(   |(   ) |   |-.'  SINGLE Item HOVER
 `-'`-`-'`-'   '  `-

								*/

.mm-listview li:hover{
text-decoration: none;
background-color: rgba(200, 200, 200, 0.2);
color: rgba(255, 255, 255, 1);
}
.mm-listview li:hover .fa{
color: rgba(0,130,202, 0.9);
color: rgba(0,216,244, 1);
}
/*
.          .    .
|   o      |   _|_
|   .  .-..|--. |
|   | (   ||  | |
`--' `-`-`|'  `-`-' GROUP HOVER
       ._.'
                */
/* Change Menu Item Group Filter Hover Over Override Color & Transition Speed**/
/* Hover Group - Carret Colors Override*/
.mm-listview a:hover.mm-next:after{
  text-decoration: none;
	border-color: rgba(255, 255, 255, 0.8);
}
/* Hover Group - Text and BG Override Need Both */
.mm-listview a.mm-next:hover+a{
  text-decoration: none;
	color: rgba(8 ,15 ,26 , 1);

}
.mm-listview a.mm-next:hover+span{
  text-decoration: none;
	background-color: rgba(8 ,15 ,26 , 1);
	color: rgba(255, 255, 255, 0.8);
}
/* Hover Group - Icon Color Override*/
.mm-listview a.mm-next:hover+span .fa{
	color: rgba(0,130,202, 0.9);
}
/*
    .          .
    |          |
 .-.| .-.  .--.|.-.
(   |(   ) |   |-.'  GROUP HOVER
 `-'`-`-'`-'   '  `-

*/
.mm-listview a:hover.mm-next:after{
  text-decoration: none;
	border-color: rgba(255, 255, 255, 0.8);
}
/* Hover Group - Text and BG Override Need Both when the mm-next is hoved this is color of menu text*/
.mm-listview a.mm-next:hover+a{
	text-decoration: none;
	color: rgba(255,255,255,1);

 /*Greyscale*/
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+69,1+100 */
 background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 69%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 69%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 69%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	/*Logo Mark Gradient*/
	/*background-color: rgba(0,137,191, 0.9)
	background: rgba(0,137,191, 0.9)
	background: -moz-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,216,244, 0.9)), color-stop(100%, rgba(0,137,191, 0.9)));
	background: -webkit-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
	background: -o-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
	background: -ms-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
	background: linear-gradient(to right, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8f4', endColorstr='#00a8d7', GradientType=1 );*/

}
.mm-listview a.mm-next:hover+span{
  text-decoration: none;
	color: rgba(255,255,255,1);

	/*Greyscale*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+69,1+100 */
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 69%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 69%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 69%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


 	/*Logo Mark Gradient*/
 	/*background-color: rgba(0,137,191, 0.9)
 	background: rgba(0,137,191, 0.9)
 	background: -moz-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
 	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,216,244, 0.9)), color-stop(100%, rgba(0,137,191, 0.9)));
 	background: -webkit-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
 	background: -o-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
 	background: -ms-linear-gradient(left, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
 	background: linear-gradient(to right, rgba(0,216,244, 0.9) 0%, rgba(0,137,191, 0.9) 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8f4', endColorstr='#00a8d7', GradientType=1 );*/
}
/* Hover Group - Icon Color Override*/
.mm-listview a.mm-next:hover+span .fa{
  text-decoration: none;
	color: rgba(0,216,244, 0.9);
}

a.mm-btn.mm-prev{
	color: rgba(255,255,255,1)!important;
	/*margin-top: 20px;*/
	/*-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);*/
}
.mm-menu a:hover.mm-btn:after, .mm-menu a:hover.mm-btn:before {
    border-color: rgba(0,216,244, 0.9) ;
}

/*
.                 .
|                 |
|--. .-.  .--.--. |.-. .  . .--..-.. .-. .--.
|  |(   ) |  |  | |   )|  | |  (   |(.-' |
'  `-`-'`-'  '  `-'`-' `--`-'   `-`| `--''
                                ._.'
*/
/* Hamburger Element */

#hamburger
{
	box-sizing: border-box;
	display: block;
	width: 44px;
	height: 22px;
	position: fixed;
	top: 0px;
	right: 11px;
	/*z-index: 2;*/
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	background: #1d7fc4; /*Visible when page scrolled*/
	background: #000; /*Visible when page scrolled BRIGHTER*/

	content: '';
	display: block;
	width: 20px;
	height: 2px;
	position: absolute;
	left: 20px;
	opacity: 1;
}
#hamburger:before
{
	top: 5px;
}
#hamburger span
{
	top: 10px;
}
#hamburger:after
{
	top: 15px;
}

/* Hamburger Animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 4px;
}
html.mm-opening #hamburger span
{
	left: 0px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}

html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;
}
html.mm-opening #hamburger span
{
	left: 0px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
	top: 8px;
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
	top: 8px;
}

/* Search Tool */
.mm-search {
    height: 40px;
    padding: 14px 10px 0;
    position: relative;
		/*margin-top: 22px;*/
		background-color: rgba(0,0,0, 1);
}
/*.mm-search .mm-clear, .mm-search .mm-next {
	  position: relative;
    right: 2px;
}*/
.mm-menu .mm-search input {
	    outline-color: rgba(255,255,255, 0);
	    background-color: rgba(255,255,255, 1);
	    border: 2px solid rgba(0,130,202, 0.7) !important;
			color: rgba(0,130,202, 1);
	    padding: 0px 14px 0px 14px;
	    /* margin-bottom: 3px; */
	    border-radius: 30px;
	    height: 30px;
	    line-height: 30px;
			font-size: 13px !important;
			font-weight: 300 !important;
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
			/*letter-spacing:1.5px;*/
}
.mm-menu .mm-search input:focus {
	    outline-color: rgba(6, 39, 68, 0);
	    background-color: rgba(200, 200, 200, 0.2);
	    border: 2px solid rgba(0,130,202, 1) !important;
			color: #888b8d;
	    padding: 0px 14px 0px 14px;
	    /* margin-bottom: 3px; */
	    border-radius: 30px;
	    height: 30px;

	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
}
.mm-menu .mm-noresultsmsg {
    color: rgba(256, 256, 256, 0.9);
}
.app-header, .app-footer {
	    font-size: 15px;
	    font-weight: 200;
	    color: #222222;
	    line-height: 50px;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    width: 100%;
	    height: 48px;
	    padding: 0 50px;
	    /*opacity: 0.95;*/
background: #efefef;
}
a.mm-btn.mm-clear{
	margin-right: 2px;
}
a:hover.mm-btn.mm-clear{
	color: rgba(0,0,0, 1)!important;
}
.mm-menu .mm-search input::-webkit-input-placeholder {
	color: rgba(0,130,202, 1);
	font-size: 13px;
	font-weight: 200;
}
.mm-menu .mm-search input::-moz-placeholder           {
	color: rgba(0,130,202, 1);
	font-size: 13px;
	font-weight: 200;
}
.mm-menu .mm-search input:-moz-placeholder            {
	color: rgba(0,130,202, 1);
	font-size: 13px;
	font-weight: 200;
}
.mm-menu .mm-search input:-ms-input-placeholder     {
	color: rgba(0,130,202, 1);
	font-size: 13px;
	font-weight: 200;
}

.mm-menu .mm-search input:focus::-webkit-input-placeholder { color:transparent; }
.mm-menu .mm-search input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
.mm-menu .mm-search input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
.mm-menu .mm-search input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px;
}
.mm-clear:after .mm-close:after {
    opacity:0;
}