ul.inline {
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
	}
ul.inline li {
	float: left;
	}
ul.inline a {
    text-transform: capitalize;
	}
ul.ninline a {
    text-transform: none;
	}
ul.ninline, ul .ninline {
	display: block;
	}
#mm a, #mm2 a, #mm span, #mm2 span {
	background: transparent;
	color: #2e7fb4;
	border-left: solid 1px rgba(0,0,0,0);
	border-right: solid 1px rgba(0,0,0,0);
	}
#mm a:hover, #mm2 a:hover{
	color: #d31414;
	border-left: solid 1px #CDCDCD;
	border-right: solid 1px #CDCDCD;
	}
#mm span:hover, #mm2 span:hover {
    background: #ffffff;
    color: #d31414;
    border-left: solid 1px #CDCDCD;
    border-right: solid 1px #CDCDCD;
    }
#mm span, #mm2 span{
	text-transform: capitalize;
	}
#mm ul li a, #mm2 ul li a {
    margin:0;
    display: block;
    white-space: nowrap;
    padding: 20px 20px 21px 20px;
    border-left: none;
    border-right: none;
    font-weight: 300;
    font-size: 1.188em;
}
#mm ul li a:hover, #mm2 ul li a:hover {
    border-left: none;
    border-right: none;
}

#mm ul li.first a{
    padding: 24px 20px 23px 20px;
    color: #2e7fb4;
}
#mm ul li.first a:hover{
    color: #d31414;
}
#mm ul li.first a.activ{
    color: #d31414;
}

#mm ul li span, #mm2 ul li span {
    margin:0;
    display: block;
    white-space: nowrap;
    padding: 21px 20px 21px 20px;
    font-weight: 300;
    font-size: 1.188em;
    cursor: default;
}
#mm .first, #mm2 .first {
	padding-left:0;
	background: none;
}
#mm .activ {
	padding: 21px 20px 21px 20px;
	color: #d31414;
}
#mm ul ul li{
	display: block;
	background: none;
}
#mm ul ul li a{
	padding: 7px 20px 7px 30px;
	display: block;
	width: 100%;
	float: none;
	color: #5a5a5a;
	white-space: normal;
	font-weight: 300;
	transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
	}
#mm ul ul li a::before{
    border-color: transparent transparent transparent #d4d4d4;
    border-style: solid;
    border-width: 4px;
    content: " ";
    display: inline-block;
    height: 0;
    width: 0;
    left: 20px;
    top: 14px;
    position: absolute;
    transform: translateX(-50%);
    z-index: 10;
    transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    }
#mm li ul a:hover { 
    color: #d31414;
    padding: 7px 15px 7px 35px;
}
#mm li ul a:hover::before { 
    border-color: transparent transparent transparent #d31414;
    left: 25px;
}

#mm ul ul li a {
	font-size: 0.938em;
	}
#mm ul ul ul li a {
	font-size: 0.938em;
	}
#mm ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	float: left;
}
#mm li {
	float: left;
	position: relative;
}
#mm li ul {
	background: #ffffff;
	display: none;
	opacity: 0;
	margin: 0;
	padding: 10px 0 10px 0;
	z-index: 10000;
	position: absolute;	
	top: 70px;
	left: 0;
	width: 260px;
	border-left: solid 1px #CDCDCD;
	border-right: solid 1px #CDCDCD;
	border-bottom: solid 1px #CDCDCD;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
}
#mm li ul li {	
	display: block;
	float: none;
	height:auto;
	padding:0;
	margin:0;
}
#mm li:hover ul, #mm li.over ul {
	display: block;
	height:auto;
	opacity: 1;
	margin: 0;
	top: 68px;
}
#mm li.over ul ul,  #mm li.over ul ul ul, #mm li:hover ul ul,  #mm li:hover ul ul ul {
	display: none;
}
#mm li li:hover ul, #mm li li.over ul {
	display: block;
	height:auto;
	padding:0 0 11px 0;
    margin:0;
	width:207px;
	background: url(../images/sp_base.png) no-repeat center bottom;
	left: 190px;
	top: -1px;
	border-top: solid 1px #CDCDCD;
}
#mm li li li:hover ul, #mm li li li.over ul {
	height:auto;
	display: block;	
}
#mm span.rgft{ float:right;}
#mm span.mfll { float: left;}

#mm ul.inline > li:last-child > a:only-child, #mm2 ul:last-child.inline > li:last-child > a:only-child {
    color: #D31414;
    font-weight: 400;
}
#mm ul.inline > li:last-child > a:only-child:hover, #mm2 ul:last-child.inline > li:last-child > a:only-child:hover {
    color: #D31414;
}

/*----- home and eco icon begin  -----*/

#mm ul li a.home-icon{
    display: inline-block;
    font-size: 1.375em;
    font-weight: 300;
}
#mm ul li a.home-icon i{
    padding: 2px 0 0 0;
    height: 28px;
}
#mm .menu-eco-wrap{
    float: right;
    /*display: none;*/ /*-- disable the ECO menu in mainmenu!!! --*/
    display: inline-block;
}
#mm .menu-eco{
    display: inline-block;
    color: #54a500;
    padding: 18px 18px 18px 18px;
    font-size: 1.188em;
    font-weight: 300;
    text-transform: none;
    border: 0 none;
}
#mm .menu-eco:hover{
    background: transparent;
    border: 0 none;
    color: #d31414;
}
#mm .menu-eco .menu-eco-icon{
    display: inline-block;
    color: #54a500;
    font-size: 1em;
    margin: 0 0 0 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #54a500;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#mm .menu-eco:hover .menu-eco-icon{
    background: transparent;
    border: 1px solid #d31414;
    color: #d31414;
}

/*----- home and eco icon end  -----*/