.mm-menu {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bb209+0,015f01+100 */
    background: #4bb209; /* Old browsers */
    background: -moz-linear-gradient(top,  #4bb209 0%, #015f01 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #4bb209 0%,#015f01 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #4bb209 0%,#015f01 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb209', endColorstr='#015f01',GradientType=0 ); /* IE6-9 */

    color: #fff;
    text-transform: uppercase;
}

.mm-listview > li > a, .mm-listview > li > span {
    padding: 20px 20px 20px 20px;
    font-weight: 600;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
    text-align: left;
}

.mm-listview > li{
	transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.mm-panel.mm-hasnavbar .mm-navbar {
    background-color: #016f09;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
    color: #fff;
}

.mm-listview > li:hover{
    background-color: #4BB209;
}

.mm-listview > li a i{
	padding-right: 20px;
	font-size: 1.5em;
}

.mm-listview .mm-next {
    background-color: rgba(0,0,0,0.3);
    outline: none;
}


.mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after,
.mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after{
    border-color: #fff;
}

.mm-navbar .mm-btn:first-child {
    outline: none;
}

.mm-listview > li, .mm-listview > li::after, .mm-listview > li .mm-next, .mm-listview > li .mm-next::before {
    border-left: #fff;
}

.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
}