.cl-effect a span {
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.menu-item::before {
	position: absolute;
    width: 110px;
    height: 48px;
    top: 100%;
    left: 0;
    content: attr(data-hover);
    color: transparent;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hover-menu-item::before {
    color: #fff;
}
.hover-menu-item-1::before {
    color: transparent!important;
}
.test::before {
	top: 0!important;
}
.cl-effect a:hover span {
	color: transparent;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}