
.plus,.cross-faq{
	position:absolute;
	margin-top:13px;
	left:13% !important;
	transform:translate(-50%,-50%);
}
.plus span{
	display:block;
	width:18px;
	height:2px;
	margin-bottom:-1.5px;
	overflow:hidden;
	position:relative;
}
.plus span:last-child{
	margin:0;
    transform: rotate(90deg);

}
.plus span:before,.plus span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgb(15,15,15);
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
.plus span:after{
	transform:translateX(0);
}
.plus span:nth-child(2):before,.plus span:nth-child(2):after{
	transition-delay:75ms;
}
.plus span:last-child:before,.plus span:last-child:after{
	transition-delay:150ms;
}
.menu-expand:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand.active .plus span:after{
	transform:translateX(200%);
}
.cross-faq span{
	display:block;
	width:18px;
	height:2px;
	background-color:rgb(15,15,15);
	transform:translateY(50%) rotate(45deg) scaleX(0);
	transition:transform ease 200ms;
}
.cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(0);
}
.menu-expand.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

/* second  */

.menu-expand_1:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand_1:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand_1.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand_1.active .plus span:after{
	transform:translateX(200%);
}
.menu-expand_1.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand_1.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

/* third  */

.menu-expand_2:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand_2:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand_2.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand_2.active .plus span:after{
	transform:translateX(200%);
}
.menu-expand_2.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand_2.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

/*  */


.menu-expand_3:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand_3:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand_3.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand_3.active .plus span:after{
	transform:translateX(200%);
}
.menu-expand_3.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand_3.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

/* fourth */

.menu-expand_4:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand_4:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand_4.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand_4.active .plus span:after{
	transform:translateX(200%);
}
.menu-expand_4.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand_4.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

/* five */

.menu-expand_5:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand_5:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand_5.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand_5.active .plus span:after{
	transform:translateX(200%);
}
.menu-expand_5.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand_5.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}

@media only screen and (min-width: 320px) and (max-width: 600px) {

.active:after {
        content: "" !important ;
    }   

.plus,.cross-faq{
	position:absolute;
	margin-top:9px;
	left:9% !important;
	transform:translate(-50%,-50%);
}
.plus span{
	display:block;
	width:18px;
	height:2px;
	margin-bottom:-1.5px;
	overflow:hidden;
	position:relative;
}
.plus span:last-child{
	margin:0;
    transform: rotate(90deg);

}
.plus span:before,.plus span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgb(15,15,15);
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
.plus span:after{
	transform:translateX(0);
}
.plus span:nth-child(2):before,.plus span:nth-child(2):after{
	transition-delay:75ms;
}
.plus span:last-child:before,.plus span:last-child:after{
	transition-delay:150ms;
}
.menu-expand:hover .plus span:before{
	transform:translateX(0);
}
.menu-expand:hover .plus span:after{
	transform:translateX(200%);
}
.menu-expand.active .plus span:before{
	transform:translateX(100%);
}
.menu-expand.active .plus span:after{
	transform:translateX(200%);
}
.cross-faq span{
	display:block;
	width:18px;
	height:2px;
	background-color:rgb(15,15,15);
	transform:translateY(50%) rotate(45deg) scaleX(0);
	transition:transform ease 200ms;
}
.cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(0);
}
.menu-expand.active .cross-faq span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
.menu-expand.active .cross-faq span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}




}