.svgmenu {
  width: 30px;
  display: block;
  position: fixed;
  top: 50px;
  left: 15px;
	z-index: 20;
}
.svgmenu .path {
  stroke-dasharray: 25;
  stroke-dashoffset: 0;
  animation: dashnew 0.5s linear;
}
.svgmenu.active{
	
}
.menubtn{
	width: 30px;
  display: block;
  position: fixed;
  top: 50px;
  left: 15px;
	z-index: 30;
}
@keyframes widthbig {
  from {
    width: 0px;
  }
  to {
   	width: 15px;
  }
}
@keyframes widthbignew {
  from {
    width: 0px;
  }
  to {
   	width: 25px;
  }
}
.menubtn b.one{
	border-radius: 4px;
	overflow: hidden;
	height: 3px;
	width: 0px;
	position: absolute;
	display: block;
	background: #000000;
	margin-bottom: 5px;
  animation: widthbig 0.5s linear;
  -webkit-animation: widthbig 0.5s linear;
  -moz-animation: widthbig 0.5s linear;	
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.menubtn b.two{
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	top: -10px;
	height: 3px;
	width: 0px;
	display: block;
	background: #000000;
	margin-bottom: 5px;
  animation: widthbignew 0.5s linear;
  -webkit-animation: widthbignew 0.5s linear;
  -moz-animation: widthbignew 0.5s linear;	
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes esc {
  from {
    width: 15px;
  }
  50% {
   	width: 0px;
   	bottom: 0;
  }
  to{
  	transform: translateY(11px) rotate(45deg);
  	width: 25px;
   	bottom: 0;
  }
}
.menubtn.active b.one{
  animation: esc 0.8s linear;
  -webkit-animation: esc 0.8s linear;
  -moz-animation: esc 0.8s linear;	
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
} 
@keyframes escnew {
  from {
    width: 25px;
  }
  50% {
   	width: 0px;
   	bottom: 0;
   	top: 16px;
  }
  to{
  	transform: translateY(-13px) rotate(-45deg);
  	width: 25px;
   	bottom: 0;
   	top: 16px;
  }
}
.menubtn.active b.two{
  animation: escnew 0.8s linear;
  -webkit-animation: escnew 0.8s linear;
  -moz-animation: escnew 0.8s linear;	
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
} 
@keyframes dashnew {
  from {
    stroke-dashoffset: 25;
  }
  to {
    stroke-dashoffset: 0;
  }
}