.menu-main-container {
  height: 50px;
  padding: 0px;
  background: #c2e8ff;
  border-bottom: 0px;
  overflow: visible;
}

.menu-main {
  height: 50px;
  padding: 0px;
  background: #c2e8ff;
  border-bottom: 0px;
  overflow: visible;
}

@media (min-width:40em) {
	.menu-main-visibility {
		display: block;
	}
}

@media (max-width:39.99em) {
	.menu-main-visibility {
		display: none;
	}
}

.brand-image {
  display: block;
}

.menu-main-ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

.menu-main-ul > li {
list-style: none;
display: inline-block;
height: 50px;
float: left;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.menu-main-ul > li > a {
color: #337ab7;
height: 50px;
font-size: 17px;
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
  padding-top: 15px;
 padding-bottom: 12px;
display: block;

}

.menu-main-ul > li > a:hover {
background: #87D1FF;
}

.menu-main-ul > li.active {
background: #A3DCFF;
}

.divider-vertical {
height: 50px;
margin: 0 9px;
border-left: 1px solid #87D2FF;
border-right: 1px solid #EDF8FF;
}



.menu2-main-container {
  height: 50px;
  padding: 0px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #ffffff;
  border-bottom: 0px;
  overflow: visible;
  border-bottom: 1px solid #efefef;
}

.menu2-main {
  height: 50px;
  padding: 0px;
  background-color: #ffffff;
  overflow: visible;
  border-bottom: 1px solid #efefef;
}


.menu2-main-ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  padding-left: 10px;
}

.menu2-main-ul > li {
list-style: none;
display: inline-block;
height: 50px;
  float: left;
}

.menu2-main-ul > li > a {
color: #777777;
font-size: 14px;
text-decoration: none;
padding-left: 10px;
padding-right: 10px;
  padding-top: 15px;
 padding-bottom: 15px;
display: block;
height: 50px;

}

.menu2-main-ul > li > a:hover {
background: #e9e9e9;
}

.menu2-main-ul > li.active{
background: #efefef;
}

.menu2-active {
background-color: #e9e9e9;  
}


.divider-vertical-gray {
  height: 50px;
  margin: 0;
  border-right: 1px solid #efefef;
}


/*Menu button*/
.menu-btn-expand {
  display: inline-block;
  float: right;
  border: 0;
  padding: 8px;
  margin-right: 10px;
  margin-top: 7px;
 *background-color: #0183e7;
}

.menu-btn-expand:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.menu-btn-expand .icon-bar {
  display: block;
  width: 23px;
  height: 2px;
  background-color: #AAAAAA;
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
          margin-top: 4px;
}
/*Menu button*/



.listview-icons > li:after
{
	left: 40px !important;
}


.mm-menu {
	background: #FFFFFF !important;
	border-left: 1px solid #EFEFEF;
		}
			
.mm-menu:not( .mm-offcanvas )
{
	z-index: 10;
}
.mm-menu:not( .mm-offcanvas ) + #page
{
	display: none;
}

nav:not(.mm-menu)
{
	display: none;
}