.treemenu{
	position: relative;
	z-index: 10;
}
.treemenu > ul{
	height: 0;
	overflow: hidden;
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
.treemenu.treemenu-after > ul{
	height: auto !important;
}
.treemenu > ul > li{
	opacity: 0;
	transform: translateY(-20px);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
.treemenu.treemenu-opened > ul > li{
	opacity: 1;
	transform: translateY(0);
    background: rgb(92, 17, 119);
}
.treemenu > .treemenu-button{
	position: absolute;
	z-index: 10;
	top: 0;
    right: 35px;
	cursor: pointer;
	transform: rotate(0deg);
	transform-origin: 50% 50%;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	color: #fff;
}
.treemenu.treemenu-opened > .treemenu-button{
	transform: rotate(180deg);
	transform-origin: 50% 50%;
}