@-moz-keyframes ani-wrench {
    0% {
        -moz-transform: rotate(-12deg)
    }
    8% {
        -moz-transform: rotate(12deg)
    }
    10% {
        -moz-transform: rotate(24deg)
    }
    18% {
        -moz-transform: rotate(-24deg)
    }
    20% {
        -moz-transform: rotate(-24deg)
    }
    28% {
        -moz-transform: rotate(24deg)
    }
    30% {
        -moz-transform: rotate(24deg)
    }
    38% {
        -moz-transform: rotate(-24deg)
    }
    40% {
        -moz-transform: rotate(-24deg)
    }
    48% {
        -moz-transform: rotate(24deg)
    }
    50% {
        -moz-transform: rotate(24deg)
    }
    58% {
        -moz-transform: rotate(-24deg)
    }
    60% {
        -moz-transform: rotate(-24deg)
    }
    68% {
        -moz-transform: rotate(24deg)
    }
    75% {
        -moz-transform: rotate(0deg)
    }
}
@-webkit-keyframes ani-wrench {
    0% {
        -webkit-transform: rotate(-12deg)
    }
    8% {
        -webkit-transform: rotate(12deg)
    }
    10% {
        -webkit-transform: rotate(24deg)
    }
    18% {
        -webkit-transform: rotate(-24deg)
    }
    20% {
        -webkit-transform: rotate(-24deg)
    }
    28% {
        -webkit-transform: rotate(24deg)
    }
    30% {
        -webkit-transform: rotate(24deg)
    }
    38% {
        -webkit-transform: rotate(-24deg)
    }
    40% {
        -webkit-transform: rotate(-24deg)
    }
    48% {
        -webkit-transform: rotate(24deg)
    }
    50% {
        -webkit-transform: rotate(24deg)
    }
    58% {
        -webkit-transform: rotate(-24deg)
    }
    60% {
        -webkit-transform: rotate(-24deg)
    }
    68% {
        -webkit-transform: rotate(24deg)
    }
    75% {
        -webkit-transform: rotate(0deg)
    }
}
@-o-keyframes ani-wrench {
    0% {
        -o-transform: rotate(-12deg)
    }
    8% {
        -o-transform: rotate(12deg)
    }
    10% {
        -o-transform: rotate(24deg)
    }
    18% {
        -o-transform: rotate(-24deg)
    }
    20% {
        -o-transform: rotate(-24deg)
    }
    28% {
        -o-transform: rotate(24deg)
    }
    30% {
        -o-transform: rotate(24deg)
    }
    38% {
        -o-transform: rotate(-24deg)
    }
    40% {
        -o-transform: rotate(-24deg)
    }
    48% {
        -o-transform: rotate(24deg)
    }
    50% {
        -o-transform: rotate(24deg)
    }
    58% {
        -o-transform: rotate(-24deg)
    }
    60% {
        -o-transform: rotate(-24deg)
    }
    68% {
        -o-transform: rotate(24deg)
    }
    75% {
        -o-transform: rotate(0deg)
    }
}
@-ms-keyframes ani-wrench {
    0% {
        -ms-transform: rotate(-12deg)
    }
    8% {
        -ms-transform: rotate(12deg)
    }
    10% {
        -ms-transform: rotate(24deg)
    }
    18% {
        -ms-transform: rotate(-24deg)
    }
    20% {
        -ms-transform: rotate(-24deg)
    }
    28% {
        -ms-transform: rotate(24deg)
    }
    30% {
        -ms-transform: rotate(24deg)
    }
    38% {
        -ms-transform: rotate(-24deg)
    }
    40% {
        -ms-transform: rotate(-24deg)
    }
    48% {
        -ms-transform: rotate(24deg)
    }
    50% {
        -ms-transform: rotate(24deg)
    }
    58% {
        -ms-transform: rotate(-24deg)
    }
    60% {
        -ms-transform: rotate(-24deg)
    }
    68% {
        -ms-transform: rotate(24deg)
    }
    75% {
        -ms-transform: rotate(0deg)
    }
}
@keyframes ani-wrench {
    0% {
        transform: rotate(-12deg)
    }
    8% {
        transform: rotate(12deg)
    }
    10% {
        transform: rotate(24deg)
    }
    18% {
        transform: rotate(-24deg)
    }
    20% {
        transform: rotate(-24deg)
    }
    28% {
        transform: rotate(24deg)
    }
    30% {
        transform: rotate(24deg)
    }
    38% {
        transform: rotate(-24deg)
    }
    40% {
        transform: rotate(-24deg)
    }
    48% {
        transform: rotate(24deg)
    }
    50% {
        transform: rotate(24deg)
    }
    58% {
        transform: rotate(-24deg)
    }
    60% {
        transform: rotate(-24deg)
    }
    68% {
        transform: rotate(24deg)
    }
    75% {
        transform: rotate(0deg)
    }
}

.mif-ani-spanner,
.mif-ani-hover-spanner:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
  animation: ani-wrench 2.5s ease infinite;
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
}

.mif-ani-spanner.mif-ani-fast,
.mif-ani-hover-spanner.mif-ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
  animation: ani-wrench 1.2s ease infinite;
}

.mif-ani-spanner.mif-ani-slow,
.mif-ani-hover-spanner.mif-ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
  animation: ani-wrench 3.7s ease infinite;
}

@-webkit-keyframes ani-ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ani-ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.mif-ani-ring,
.mif-ani-hover-ring:hover {
  -webkit-animation: ani-ring 2s ease infinite;
  animation: ani-ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

.mif-ani-ring.mif-ani-fast,
.mif-ani-hover-ring.mif-ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
  animation: ani-ring 1s ease infinite;
}

.mif-ani-ring.mif-ani-slow,
.mif-ani-hover-ring.mif-ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
  animation: ani-ring 3s ease infinite;
}

@-webkit-keyframes ani-vertical {
  0% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  4% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  8% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  12% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  16% {
    -webkit-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  20% {
    -webkit-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  22% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes ani-vertical {
  0% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  4% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  8% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  12% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  16% {
    -webkit-transform: translate(0,-3px);
    -ms-transform: translate(0,-3px);
    transform: translate(0,-3px);
  }

  20% {
    -webkit-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    transform: translate(0,3px);
  }

  22% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.mif-ani-vertical,
.mif-ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
  animation: ani-vertical 2s ease infinite;
}

.mif-ani-vertical.mif-ani-fast,
.mif-ani-vertical.mif-ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
  animation: ani-vertical 1s ease infinite;
}

.mif-ani-vertical.mif-ani-slow,
.mif-ani-hover-vertical.mif-ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
  animation: ani-vertical 4s ease infinite;
}

@-webkit-keyframes ani-horizontal {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
}

@keyframes ani-horizontal {
  0% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  6% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  12% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  18% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  24% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }

  30% {
    -webkit-transform: translate(5px,0);
    -ms-transform: translate(5px,0);
    transform: translate(5px,0);
  }

  36% {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
}

.mif-ani-horizontal,
.mif-ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
  animation: ani-horizontal 2s ease infinite;
}

.mif-ani-horizontal.mif-ani-fast,
.mif-ani-horizontal.mif-ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
  animation: ani-horizontal 1s ease infinite;
}

.mif-ani-horizontal.mif-ani-slow,
.mif-ani-horizontal.mif-ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
  animation: ani-horizontal 3s ease infinite;
}

@-webkit-keyframes ani-flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes ani-flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.mif-ani-flash,
.mif-ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
  animation: ani-flash 2s ease infinite;
}

.mif-ani-flash.mif-ani-fast,
.mif-ani-hover-flash.mif-ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
  animation: ani-flash 1s ease infinite;
}

.mif-ani-flash.mif-ani-slow,
.mif-ani-hover-flash.mif-ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
  animation: ani-flash 3s ease infinite;
}

@-webkit-keyframes ani-bounce {
  0%, 10%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes ani-bounce {
  0%, 10%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.mif-ani-bounce,
.mif-ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
  animation: ani-bounce 2s ease infinite;
}

.mif-ani-bounce.mif-ani-fast,
.mif-ani-hover-bounce.mif-ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
  animation: ani-bounce 1s ease infinite;
}

.mif-ani-bounce.mif-ani-slow,
.mif-ani-hover-bounce.mif-ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
  animation: ani-bounce 3s ease infinite;
}

@-webkit-keyframes ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes ani-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.mif-ani-spin,
.mif-ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
  animation: ani-spin 1.5s linear infinite;
}

.mif-ani-spin.mif-ani-fast,
.mif-ani-hover-spin.mif-ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
  animation: ani-spin 0.7s linear infinite;
}

.mif-ani-spin.mif-ani-slow,
.mif-ani-hover-spin.mif-ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
  animation: ani-spin 2.2s linear infinite;
}

@-webkit-keyframes ani-float {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes ani-float {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.mif-ani-float,
.mif-ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
  animation: ani-float 2s linear infinite;
}

.mif-ani-float.mif-ani-fast,
.mif-ani-hover-float.mif-ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
  animation: ani-float 1s linear infinite;
}

.mif-ani-float.mif-ani-slow,
.mif-ani-hover-float.mif-ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
  animation: ani-float 3s linear infinite;
}

@-webkit-keyframes ani-pulse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes ani-pulse {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.mif-ani-pulse,
.mif-ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
  animation: ani-pulse 1.7s infinite;
}

.mif-ani-pulse.mif-ani-fast,
.mif-ani-hover-pulse.mif-ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
  animation: ani-pulse 1s infinite;
}

.mif-ani-pulse.mif-ani-slow,
.mif-ani-hover-pulse.mif-ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
  animation: ani-pulse 3s infinite;
}

.mif-ani-pulse2,
	.mif-ani-hover-pulse2:hover {
	-webkit-animation: ani-pulse 1.7s infinite steps(8);
	animation: ani-pulse 1.7s infinite steps(8);
	}
	
	.mif-ani-pulse2.mif-ani-fast,
	.mif-ani-hover-pulse2.mif-ani-fast:hover {
	-webkit-animation: ani-pulse 1s infinite;
	animation: ani-pulse 1s infinite;
	}
	
	.mif-ani-pulse2.mif-ani-slow,
	.mif-ani-hover-pulse2.mif-ani-slow:hover {
	-webkit-animation: ani-pulse 3s infinite;
	animation: ani-pulse 3s infinite;
	}

@-webkit-keyframes ani-heartbeat {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes ani-heartbeat {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.mif-ani-heartbeat,
.mif-ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
  animation: ani-heartbeat 2s linear infinite;
}

.mif-ani-heartbeat.mif-ani-fast,
.mif-ani-hover-heartbeat.mif-ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
  animation: ani-heartbeat 1s linear infinite;
}

.mif-ani-heartbeat.mif-ani-slow,
.mif-ani-hover-heartbeat.mif-ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
  animation: ani-heartbeat 3s linear infinite;
}

.mif-ani-shake,
.mif-ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
  animation: ani-wrench 2.5s ease infinite;
}

.mif-ani-shake.mif-ani-fast,
.mif-ani-hover-shake.mif-ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
  animation: ani-wrench 1.2s ease infinite;
}

.mif-ani-shake.mif-ani-slow,
.mif-ani-hover-shake.mif-ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
  animation: ani-wrench 3.7s ease infinite;
}

@-webkit-keyframes ani-shuttle {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes ani-shuttle {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(.9) rotate(-8deg);
    -ms-transform: scale(.9) rotate(-8deg);
    transform: scale(.9) rotate(-8deg);
  }

  30%, 50%, 70% {
    -webkit-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
  }

  40%, 60% {
    -webkit-transform: scale(1.3) rotate(-8deg);
    -ms-transform: scale(1.3) rotate(-8deg);
    transform: scale(1.3) rotate(-8deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.mif-ani-shuttle,
.mif-ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
  animation: ani-shuttle 2s linear infinite;
}

.mif-ani-shuttle.mif-ani-fast,
.mif-ani-hover-shuttle.mif-ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
  animation: ani-shuttle 1s linear infinite;
}

.mif-ani-shuttle.mif-ani-slow,
.mif-ani-hover-shuttle.mif-ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
  animation: ani-shuttle 3s linear infinite;
}

@-webkit-keyframes ani-pass {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes ani-pass {
  0% {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }

  50% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

.mif-ani-pass,
.mif-ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
  animation: ani-pass 2s linear infinite;
}

.mif-ani-pass.mif-ani-fast,
.mif-ani-hover-pass.mif-ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
  animation: ani-pass 1s linear infinite;
}

.mif-ani-pass.mif-ani-slow,
.mif-ani-hover-pass.mif-ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
  animation: ani-pass 3s linear infinite;
}

@-webkit-keyframes ani-ripple {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ani-ripple {
  0% {
    opacity: .6;
  }

  50% {
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.mif-ani-ripple,
.mif-ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
  animation: ani-ripple 2s infinite linear;
}

.mif-ani-ripple.mif-ani-fast,
.mif-ani-hover-ripple.mif-ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
  animation: ani-ripple 1s infinite linear;
}

.mif-ani-ripple.mif-ani-slow,
.mif-ani-hover-ripple.mif-ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
  animation: ani-ripple 3s infinite linear;
}