.mtree-demo {
background: #eaeaea;
    padding: 1px;
    border-radius: 1px;
}

ul.mtree {
	opacity: 0;
	margin-left: 0;
	padding: 0;
/*	border-top: 3px solid #f7a620;
background: url(../line8.gif) repeat-x 0 top;*/
}
ul.mtree ul {
	padding-left: 0;
}
ul.mtree li {
    list-style: none;
    padding: 0;
}
ul.mtree a {
	display: block;
	text-decoration: none;
}
ul.mtree a:hover {
	text-decoration: none;
}
ul.mtree li > a.current {
	font-weight: bold;
	background: #72AF30;
	color: #FFF;
}
ul.mtree li.mtree-node > a {
    font-weight: 400;
    letter-spacing: 1px;
}

ul.mtree li.mtree-node > a.current {
	font-weight: bold;
	background: #72AF30;
	color: #FFF;
}
ul.mtree a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
ul.mtree.transit {
    background: #fff;
    padding: 5px;
    border-radius: 1px;
}
ul.mtree.transit ul {
margin-left: 0;
    background: #fffef0;
    margin-bottom: 5px;
}
ul.mtree.transit ul > li {
	font-size: 15px;
	/**background: #fdf1f4;*/
	padding: 0;
	border-bottom: none;/*border-left: 1px solid #72AF30;*/
}
ul.mtree.transit li.mtree-node {
	position: relative;
}
ul.mtree.transit li.mtree-node > a:before {
/*	color: rgba(255, 255, 255, 0.9);*/
	font-weight: normal;
	position: absolute;
	right: 10px;
	opacity: 0.85;
}
ul.mtree.transit li.mtree-open > a:before {
font-family:  FontAwesome;
	content: "\f13a";
}
ul.mtree.transit li.mtree-closed > a:before {
font-family:  FontAwesome;
	content: "\f138";
}
ul.mtree.transit ul > li:first-child {
	margin-top: 1px;
}
ul.mtree.transit li.mtree-open > a {
	color: #fff;
	background: #5DAA29;
}
/*ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
  background: #72AF30 url(../icon6.png) no-repeat 14px 16px;
  color: #FFF;
}*/
ul.mtree.transit li > a.current {
	font-weight: 500;
	background: #5DAA29;
	color: #FFF;
}
ul.mtree.transit li.mtree-node > a.current:before {
	color: #FFF;
}
ul.mtree.transit li.mtree-node > ul > li:last-child {
/*margin-bottom: .5em;
  padding-bottom: .5em;
  border-bottom: 1px solid #333;*/
}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
ul.mtree.transit a {
    padding: 10px 0.5em 10px 13px;
    color: #22282b;
}
ul.mtree.transit li > a {
    font-size: 17px;
    line-height: 1.3;
    background: #f0f0f0;
    margin-bottom: 5px;
}

ul.mtree.transit li:last-child > a {
    margin-bottom: 0px;
}

ul.mtree.transit li > a:hover {
    background: #5daa29;
    color: #fff;
}
ul.mtree.transit li li > a {
    background-color: transparent;
    color: #666;
    font-size: 16px;
    padding: 3px 10px 10px 16px;
        border-bottom: 1px dashed #e8e5c7;
}
ul.mtree.transit li li:last-child > a {
    border-bottom: none;
}
ul.mtree.transit li li > a.current {
    background-color: transparent;
	font-weight: 300;
	color: #229126;
}
ul.mtree.transit li li > a:hover {
    background-color: transparent;
	color: #72AF30;
}
ul.mtree.transit li li li > a {

	background: none;
	color: #333;
}
ul.mtree.transit li li li li > a {
	padding-left: 3.2em;
	background: none;
}
ul.mtree.transit li li li li li > a {
	padding-left: 4em;
}

/*ul.mtree.transit li li > a:hover, ul.mtree.transit li li li > a:hover {
  background-image: none;
}*/
@media (max-width: 991px) {
.pageleft {
	float: left;
	width: 100%;
	margin: 0 0 45px;
}
}