@keyframes men_bt{
  0%{
      content:"\e911";
    }
    25%{
      opacity:0;
      rotate:0deg;
    }
  26%{
    rotate:-25deg;
    opacity:0;
    content:"\e946";
  }
    50%{
    rotate:50deg;
    opacity:1;
  }
  100% {
    rotate:0deg;
    content:"\e910";
    color:red;
    }
  }
@keyframes men_bt01{
    0%{
        content:"\e911";
        transform: rotate(0deg);
    }
    25%{
        content:"\e911";
        transform: rotate(90deg);
    }
    100%{
         opacity:1;
        content:"\e929";
    }
}
@keyframes bot_down{
	
	0%{
		transform:translateY(-2.5em);
	}
	50%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(2.5em);
	}
}
/*movimiento girar icono + movimiento to dch*/
@keyframes gir_right{
	0%{
		transform: rotate(-0.25turn);
	}
	25%{
		transform:translatex(0%);
	}
	50%{
		transform:translatex(50%);
	}
	100%{
		transform:translatex(0%);
	}
}