.nav-btn span,
.nav-btn span:before,
.nav-btn span:after{
	height: 1px;
	width: 28px;
}

.nav-btn span:before{
	bottom: 9px;
}

.nav-btn span:after{
	top: 8px;
	width: 20px;
	margin-right: 0;
}

.nav-btn.active span:before{
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.nav-btn.active span:after{
	width: 28px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.nav-btn.type-dots.active span,
.nav-btn.type-dots.active span:before,
.nav-btn.type-dots.active span:after{
	width: 25px;
	height: 1px;
}

.nav-btn.type-dots.active span:after{
	top: 0;
}