/* SUPERSTAFF THEME BY MDTROPININ */

/* KEYFRAMES FOR MAIN BUTTON */

@keyframes mdGradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes mdShimmer{
	0% {
		background-position: 100% 50%;
	}
	30% {
		background-position: 0% 50%;
	}
}

@keyframes mdBorderAnim {
	from {
    transform: rotate(0deg) translate(-10px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate(-10px) rotate(-360deg);
  }
}

@keyframes mdBorderBackAnim {
	0% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
	100% {
    transform: translateY(-10px);
  }
}
@keyframes mdOpacitykAnim {
	0% {
    opacity: .6;
  }
  50% {
    opacity: 1;
  }
	100% {
    opacity: .6;
  }
}
@keyframes mdHorizontalShift {
	0% {
    background-size: 100% 112%;
  }
  50% {
    background-size: 150% 100%;
  }
	100% {
    background-size: 100% 112%;
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  5.55556% {
    transform: translateY(0);
  }
  11.11111% {
    transform: translateY(0);
  }
  22.22222% {
    transform: translateY(-4px);
  }
  27.77778% {
    transform: translateY(0);
  }
  33.33333% {
    transform: translateY(-2px);
  }
  44.44444% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes fade_move_up {
  0% {
    -webkit-transform: translate(0, 10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -10px);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_up {
  0% {
    -moz-transform: translate(0, 10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, -10px);
    opacity: 0;
  }
}
@keyframes fade_move_up {
  0% {
    transform: translate(0, 10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, -10px);
    opacity: 0;
  }
}