vpn.email/bower_components/metro/build/css/metro-icons.css

vpn.email client

@font-face {
  font-family: 'metro';
  src: url('../fonts/metro.eot');
  src: url('../fonts/metro.eot') format('embedded-opentype'), url('../fonts/metro.woff') format('woff'), url('../fonts/metro.ttf') format('truetype'), url('../fonts/metro.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="mif-"],
[class*=" mif-"] {
  display: inline-block;
  font: normal normal normal 1.5em/1;
  font-family: metro, "Segoe UI", "Open Sans", serif;
  line-height: 1 ;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  vertical-align: middle;
  position: static;
}
[class^="mif-"]:before,
[class*=" mif-"]:before {
  font-family: metro, serif;
}
.mif-lg {
  font-size: 1.3rem;
  line-height: 0.75em;
  vertical-align: -35%;
}
.mif-2x {
  font-size: 1.75rem;
  vertical-align: -25%;
}
.mif-3x {
  font-size: 2.625rem;
  vertical-align: -30%;
}
.mif-4x {
  font-size: 3.5rem;
  vertical-align: -35%;
}
.op-default {
  background-color: rgba(27, 161, 226, 0.7);
}
.fg-black {
  color: #000000 !important;
}
.bg-black {
  background-color: #000000 !important;
}
.fg-white {
  color: #ffffff !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.fg-lime {
  color: #a4c400 !important;
}
.bg-lime {
  background-color: #a4c400 !important;
}
.fg-green {
  color: #60a917 !important;
}
.bg-green {
  background-color: #60a917 !important;
}
.fg-emerald {
  color: #008a00 !important;
}
.bg-emerald {
  background-color: #008a00 !important;
}
.fg-blue {
  color: #00aff0 !important;
}
.bg-blue {
  background-color: #00aff0 !important;
}
.fg-teal {
  color: #00aba9 !important;
}
.bg-teal {
  background-color: #00aba9 !important;
}
.fg-cyan {
  color: #1ba1e2 !important;
}
.bg-cyan {
  background-color: #1ba1e2 !important;
}
.fg-cobalt {
  color: #0050ef !important;
}
.bg-cobalt {
  background-color: #0050ef !important;
}
.fg-indigo {
  color: #6a00ff !important;
}
.bg-indigo {
  background-color: #6a00ff !important;
}
.fg-violet {
  color: #aa00ff !important;
}
.bg-violet {
  background-color: #aa00ff !important;
}
.fg-pink {
  color: #dc4fad !important;
}
.bg-pink {
  background-color: #dc4fad !important;
}
.fg-magenta {
  color: #d80073 !important;
}
.bg-magenta {
  background-color: #d80073 !important;
}
.fg-crimson {
  color: #a20025 !important;
}
.bg-crimson {
  background-color: #a20025 !important;
}
.fg-red {
  color: #ce352c !important;
}
.bg-red {
  background-color: #ce352c !important;
}
.fg-orange {
  color: #fa6800 !important;
}
.bg-orange {
  background-color: #fa6800 !important;
}
.fg-amber {
  color: #f0a30a !important;
}
.bg-amber {
  background-color: #f0a30a !important;
}
.fg-yellow {
  color: #e3c800 !important;
}
.bg-yellow {
  background-color: #e3c800 !important;
}
.fg-brown {
  color: #825a2c !important;
}
.bg-brown {
  background-color: #825a2c !important;
}
.fg-olive {
  color: #6d8764 !important;
}
.bg-olive {
  background-color: #6d8764 !important;
}
.fg-steel {
  color: #647687 !important;
}
.bg-steel {
  background-color: #647687 !important;
}
.fg-mauve {
  color: #76608a !important;
}
.bg-mauve {
  background-color: #76608a !important;
}
.fg-taupe {
  color: #87794e !important;
}
.bg-taupe {
  background-color: #87794e !important;
}
.fg-dark {
  color: #1d1d1d !important;
}
.bg-dark {
  background-color: #1d1d1d !important;
}
.fg-darkBrown {
  color: #63362f !important;
}
.bg-darkBrown {
  background-color: #63362f !important;
}
.fg-darkCrimson {
  color: #640024 !important;
}
.bg-darkCrimson {
  background-color: #640024 !important;
}
.fg-darkMagenta {
  color: #81003c !important;
}
.bg-darkMagenta {
  background-color: #81003c !important;
}
.fg-darkIndigo {
  color: #4b0096 !important;
}
.bg-darkIndigo {
  background-color: #4b0096 !important;
}
.fg-darkCyan {
  color: #1b6eae !important;
}
.bg-darkCyan {
  background-color: #1b6eae !important;
}
.fg-darkCobalt {
  color: #00356a !important;
}
.bg-darkCobalt {
  background-color: #00356a !important;
}
.fg-darkTeal {
  color: #004050 !important;
}
.bg-darkTeal {
  background-color: #004050 !important;
}
.fg-darkEmerald {
  color: #003e00 !important;
}
.bg-darkEmerald {
  background-color: #003e00 !important;
}
.fg-darkGreen {
  color: #128023 !important;
}
.bg-darkGreen {
  background-color: #128023 !important;
}
.fg-darkOrange {
  color: #bf5a15 !important;
}
.bg-darkOrange {
  background-color: #bf5a15 !important;
}
.fg-darkRed {
  color: #9a1616 !important;
}
.bg-darkRed {
  background-color: #9a1616 !important;
}
.fg-darkPink {
  color: #9a165a !important;
}
.bg-darkPink {
  background-color: #9a165a !important;
}
.fg-darkViolet {
  color: #57169a !important;
}
.bg-darkViolet {
  background-color: #57169a !important;
}
.fg-darkBlue {
  color: #16499a !important;
}
.bg-darkBlue {
  background-color: #16499a !important;
}
.fg-lightBlue {
  color: #4390df !important;
}
.bg-lightBlue {
  background-color: #4390df !important;
}
.fg-lighterBlue {
  color: #00ccff !important;
}
.bg-lighterBlue {
  background-color: #00ccff !important;
}
.fg-lightTeal {
  color: #45fffd !important;
}
.bg-lightTeal {
  background-color: #45fffd !important;
}
.fg-lightOlive {
  color: #78aa1c !important;
}
.bg-lightOlive {
  background-color: #78aa1c !important;
}
.fg-lightOrange {
  color: #ffc194 !important;
}
.bg-lightOrange {
  background-color: #ffc194 !important;
}
.fg-lightPink {
  color: #f472d0 !important;
}
.bg-lightPink {
  background-color: #f472d0 !important;
}
.fg-lightRed {
  color: #da5a53 !important;
}
.bg-lightRed {
  background-color: #da5a53 !important;
}
.fg-lightGreen {
  color: #7ad61d !important;
}
.bg-lightGreen {
  background-color: #7ad61d !important;
}
.fg-lightCyan {
  color: #59cde2 !important;
}
.bg-lightCyan {
  background-color: #59cde2 !important;
}
.fg-grayed {
  color: #585858 !important;
}
.bg-grayed {
  background-color: #585858 !important;
}
.fg-grayDarker {
  color: #222222 !important;
}
.bg-grayDarker {
  background-color: #222222 !important;
}
.fg-grayDark {
  color: #333333 !important;
}
.bg-grayDark {
  background-color: #333333 !important;
}
.fg-gray {
  color: #555555 !important;
}
.bg-gray {
  background-color: #555555 !important;
}
.fg-grayLight {
  color: #999999 !important;
}
.bg-grayLight {
  background-color: #999999 !important;
}
.fg-grayLighter {
  color: #eeeeee !important;
}
.bg-grayLighter {
  background-color: #eeeeee !important;
}
.fg-lightGray {
  color: #999999 !important;
}
.bg-lightGray {
  background-color: #999999 !important;
}
.fg-lighterGray {
  color: #eeeeee !important;
}
.bg-lighterGray {
  background-color: #eeeeee !important;
}
.fg-darkGray {
  color: #333333 !important;
}
.bg-darkGray {
  background-color: #333333 !important;
}
.fg-darkerGray {
  color: #222222 !important;
}
.bg-darkerGray {
  background-color: #222222 !important;
}
.fg-darker {
  color: #222222 !important;
}
.bg-darker {
  background-color: #222222 !important;
}
.dropdown-toggle {
  position: relative;
  cursor: pointer;
}
.dropdown-toggle:before {
  display: block;
  position: absolute;
  vertical-align: middle;
  color: transparent;
  font-size: 0;
  content: "";
  height: 5px;
  width: 5px;
  background-color: transparent;
  border-left: 1px solid;
  border-bottom: 1px solid;
  border-color: #1d1d1d;
  top: 50%;
  left: 100%;
  margin-left: -1rem;
  margin-top: -0.1625rem;
  z-index: 2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.dropdown-toggle.drop-marker-light:before {
  border-color: #ffffff;
}
*.dropdown-toggle {
  padding-right: 1.625rem;
}
.flush-list {
  padding: 0;
  margin: 0;
  list-style: none inside none;
}
.shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.before-shadow:before {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.after-shadow:after {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
.block-shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.block-shadow-success {
  box-shadow: 0 0 25px 0 rgba(0, 128, 0, 0.7);
}
.block-shadow-error {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-danger {
  box-shadow: 0 0 25px 0 rgba(128, 0, 0, 0.7);
}
.block-shadow-warning {
  box-shadow: 0 0 25px 0 rgba(255, 165, 0, 0.7);
}
.block-shadow-info {
  box-shadow: 0 0 25px 0 rgba(89, 205, 226, 0.7);
}
.block-shadow-impact {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
.bottom-shadow {
  box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
}
.text-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.before-text-shadow:before {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.after-text-shadow:after {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.no-shadow {
  box-shadow: none !important;
}
.full-size {
  width: 100% !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.no-display {
  display: none !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-right {
  margin-right: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-float {
  float: none !important;
}
.no-visible {
  visibility: hidden !important;
}
.no-border {
  border: 0 !important;
}
.no-overflow {
  overflow: hidden !important;
}
.no-scroll {
  overflow: hidden !important;
}
.no-scroll-x {
  overflow-x: hidden !important;
}
.no-scroll-y {
  overflow-y: hidden !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.no-border-left {
  border-left: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.transparent-border {
  border-color: transparent !important;
}
.place-right {
  float: right !important;
}
.place-left {
  float: left !important;
}
.clear-float:before,
.clear-float:after {
  display: table;
  content: "";
}
.clear-float:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.no-user-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.no-appearance {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.debug {
  border: 1px dashed red;
}
.example {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.example:before,
.example:after {
  display: table;
  content: "";
}
.example:after {
  clear: both;
}
.example:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.padding10 {
  padding: 0.625rem;
}
.padding20 {
  padding: 1.25rem;
}
.padding30 {
  padding: 1.875rem;
}
.padding40 {
  padding: 2.5rem;
}
.padding50 {
  padding: 3.125rem;
}
.padding60 {
  padding: 3.75rem;
}
.padding70 {
  padding: 4.375rem;
}
.padding80 {
  padding: 5rem;
}
.padding90 {
  padding: 5.625rem;
}
.padding100 {
  padding: 6.25rem;
}
.padding5 {
  padding: 5px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 0.625rem;
}
.margin20 {
  margin: 1.25rem;
}
.margin30 {
  margin: 1.875rem;
}
.margin40 {
  margin: 2.5rem;
}
.margin50 {
  margin: 3.125rem;
}
.margin60 {
  margin: 3.75rem;
}
.margin70 {
  margin: 4.375rem;
}
.margin80 {
  margin: 5rem;
}
.margin90 {
  margin: 5.625rem;
}
.margin100 {
  margin: 6.25rem;
}
.opacity {
  opacity: .9;
}
.half-opacity {
  opacity: .5;
}
.hi-opacity {
  opacity: .2;
}
.element-selected {
  border: 4px #4390df solid;
}
.element-selected:after {
  position: absolute;
  display: block;
  border-top: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  top: 0;
  z-index: 101;
}
.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  border-color: #ffffff;
  border-left: 2px solid;
  border-bottom: 2px solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/* Block function */
.set-border {
  border: 1px #d9d9d9 solid;
}
.set-border.medium-border {
  border-width: 8px;
}
.set-border.large-border {
  border-width: 16px;
}
/* transform functions */
.rotate45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rotate90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.rotate135 {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.rotate180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rotate225 {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
.rotate270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.rotate360 {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.rotate-45 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.rotate-90 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.rotate-135 {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.rotate-180 {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.rotate-225 {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}
.rotate-270 {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
}
.rotate-360 {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}
.rotateX45 {
  -webkit-transform: rotateX(45deg);
          transform: rotateX(45deg);
}
.rotateX90 {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.rotateX135 {
  -webkit-transform: rotateX(135deg);
          transform: rotateX(135deg);
}
.rotateX180 {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.rotateX225 {
  -webkit-transform: rotateX(225deg);
          transform: rotateX(225deg);
}
.rotateX270 {
  -webkit-transform: rotateX(270deg);
          transform: rotateX(270deg);
}
.rotateX360 {
  -webkit-transform: rotateX(360deg);
          transform: rotateX(360deg);
}
.rotateX-45 {
  -webkit-transform: rotateX(-45deg);
          transform: rotateX(-45deg);
}
.rotateX-90 {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}
.rotateX-135 {
  -webkit-transform: rotateX(-135deg);
          transform: rotateX(-135deg);
}
.rotateX-180 {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}
.rotateX-225 {
  -webkit-transform: rotateX(-225deg);
          transform: rotateX(-225deg);
}
.rotateX-270 {
  -webkit-transform: rotateX(-270deg);
          transform: rotateX(-270deg);
}
.rotateX-360 {
  -webkit-transform: rotateX(-360deg);
          transform: rotateX(-360deg);
}
.rotateY45 {
  -webkit-transform: rotateY(45deg);
          transform: rotateY(45deg);
}
.rotateY90 {
  -webkit-transform: rotateY(90deg);
          transform: rotateY(90deg);
}
.rotateY135 {
  -webkit-transform: rotateY(135deg);
          transform: rotateY(135deg);
}
.rotateY180 {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.rotateY225 {
  -webkit-transform: rotateY(225deg);
          transform: rotateY(225deg);
}
.rotateY270 {
  -webkit-transform: rotateY(270deg);
          transform: rotateY(270deg);
}
.rotateY360 {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.rotateY-45 {
  -webkit-transform: rotateY(-45deg);
          transform: rotateY(-45deg);
}
.rotateY-90 {
  -webkit-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}
.rotateY-135 {
  -webkit-transform: rotateY(-135deg);
          transform: rotateY(-135deg);
}
.rotateY-180 {
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.rotateY-225 {
  -webkit-transform: rotateY(-225deg);
          transform: rotateY(-225deg);
}
.rotateY-270 {
  -webkit-transform: rotateY(-270deg);
          transform: rotateY(-270deg);
}
.rotateY-360 {
  -webkit-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
}
.ani-spin,
.ani-hover-spin:hover {
  -webkit-animation: ani-spin 1.5s linear infinite;
          animation: ani-spin 1.5s linear infinite;
}
.ani-spin.ani-fast,
.ani-hover-spin.ani-fast:hover {
  -webkit-animation: ani-spin 0.7s linear infinite;
          animation: ani-spin 0.7s linear infinite;
}
.ani-spin.ani-slow,
.ani-hover-spin.ani-slow:hover {
  -webkit-animation: ani-spin 2.2s linear infinite;
          animation: ani-spin 2.2s linear infinite;
}
.ani-pulse,
.ani-hover-pulse:hover {
  -webkit-animation: ani-pulse 1.7s infinite;
          animation: ani-pulse 1.7s infinite;
}
.ani-pulse.ani-fast,
.ani-hover-pulse.ani-fast:hover {
  -webkit-animation: ani-pulse 1s infinite;
          animation: ani-pulse 1s infinite;
}
.ani-pulse.ani-slow,
.ani-hover-pulse.ani-slow:hover {
  -webkit-animation: ani-pulse 3s infinite;
          animation: ani-pulse 3s infinite;
}
.ani-spanner,
.ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-spanner.ani-fast,
.ani-hover-spanner.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-spanner.ani-slow,
.ani-hover-spanner.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-ring,
.ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.ani-ring.ani-fast,
.ani-hover-ring.ani-fast:hover {
  -webkit-animation: ani-ring 1s ease infinite;
          animation: ani-ring 1s ease infinite;
}
.ani-ring.ani-slow,
.ani-hover-ring.ani-slow:hover {
  -webkit-animation: ani-ring 3s ease infinite;
          animation: ani-ring 3s ease infinite;
}
.ani-vertical,
.ani-hover-vertical:hover {
  -webkit-animation: ani-vertical 2s ease infinite;
          animation: ani-vertical 2s ease infinite;
}
.ani-vertical.ani-fast,
.ani-vertical.ani-fast:hover {
  -webkit-animation: ani-vertical 1s ease infinite;
          animation: ani-vertical 1s ease infinite;
}
.ani-vertical.ani-slow,
.ani-hover-vertical.ani-slow:hover {
  -webkit-animation: ani-vertical 4s ease infinite;
          animation: ani-vertical 4s ease infinite;
}
.ani-horizontal,
.ani-hover-horizontal:hover {
  -webkit-animation: ani-horizontal 2s ease infinite;
          animation: ani-horizontal 2s ease infinite;
}
.ani-horizontal.ani-fast,
.ani-horizontal.ani-fast:hover {
  -webkit-animation: ani-horizontal 1s ease infinite;
          animation: ani-horizontal 1s ease infinite;
}
.ani-horizontal.ani-slow,
.ani-horizontal.ani-slow:hover {
  -webkit-animation: ani-horizontal 3s ease infinite;
          animation: ani-horizontal 3s ease infinite;
}
.ani-flash,
.ani-hover-flash:hover {
  -webkit-animation: ani-flash 2s ease infinite;
          animation: ani-flash 2s ease infinite;
}
.ani-flash.ani-fast,
.ani-hover-flash.ani-fast:hover {
  -webkit-animation: ani-flash 1s ease infinite;
          animation: ani-flash 1s ease infinite;
}
.ani-flash.ani-slow,
.ani-hover-flash.ani-slow:hover {
  -webkit-animation: ani-flash 3s ease infinite;
          animation: ani-flash 3s ease infinite;
}
.ani-bounce,
.ani-hover-bounce:hover {
  -webkit-animation: ani-bounce 2s ease infinite;
          animation: ani-bounce 2s ease infinite;
}
.ani-bounce.ani-fast,
.ani-hover-bounce.ani-fast:hover {
  -webkit-animation: ani-bounce 1s ease infinite;
          animation: ani-bounce 1s ease infinite;
}
.ani-bounce.ani-slow,
.ani-hover-bounce.ani-slow:hover {
  -webkit-animation: ani-bounce 3s ease infinite;
          animation: ani-bounce 3s ease infinite;
}
.ani-float,
.ani-hover-float:hover {
  -webkit-animation: ani-float 2s linear infinite;
          animation: ani-float 2s linear infinite;
}
.ani-float.ani-fast,
.ani-hover-float.ani-fast:hover {
  -webkit-animation: ani-float 1s linear infinite;
          animation: ani-float 1s linear infinite;
}
.ani-float.ani-slow,
.ani-hover-float.ani-slow:hover {
  -webkit-animation: ani-float 3s linear infinite;
          animation: ani-float 3s linear infinite;
}
.ani-heartbeat,
.ani-hover-heartbeat:hover {
  -webkit-animation: ani-heartbeat 2s linear infinite;
          animation: ani-heartbeat 2s linear infinite;
}
.ani-heartbeat.ani-fast,
.ani-hover-heartbeat.ani-fast:hover {
  -webkit-animation: ani-heartbeat 1s linear infinite;
          animation: ani-heartbeat 1s linear infinite;
}
.ani-heartbeat.ani-slow,
.ani-hover-heartbeat.ani-slow:hover {
  -webkit-animation: ani-heartbeat 3s linear infinite;
          animation: ani-heartbeat 3s linear infinite;
}
.ani-shake,
.ani-hover-shake:hover {
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.ani-shake.ani-fast,
.ani-hover-shake.ani-fast:hover {
  -webkit-animation: ani-wrench 1.2s ease infinite;
          animation: ani-wrench 1.2s ease infinite;
}
.ani-shake.ani-slow,
.ani-hover-shake.ani-slow:hover {
  -webkit-animation: ani-wrench 3.7s ease infinite;
          animation: ani-wrench 3.7s ease infinite;
}
.ani-shuttle,
.ani-hover-shuttle:hover {
  -webkit-animation: ani-shuttle 2s linear infinite;
          animation: ani-shuttle 2s linear infinite;
}
.ani-shuttle.ani-fast,
.ani-hover-shuttle.ani-fast:hover {
  -webkit-animation: ani-shuttle 1s linear infinite;
          animation: ani-shuttle 1s linear infinite;
}
.ani-shuttle.ani-slow,
.ani-hover-shuttle.ani-slow:hover {
  -webkit-animation: ani-shuttle 3s linear infinite;
          animation: ani-shuttle 3s linear infinite;
}
.ani-pass,
.ani-hover-pass:hover {
  -webkit-animation: ani-pass 2s linear infinite;
          animation: ani-pass 2s linear infinite;
}
.ani-pass.ani-fast,
.ani-hover-pass.ani-fast:hover {
  -webkit-animation: ani-pass 1s linear infinite;
          animation: ani-pass 1s linear infinite;
}
.ani-pass.ani-slow,
.ani-hover-pass.ani-slow:hover {
  -webkit-animation: ani-pass 3s linear infinite;
          animation: ani-pass 3s linear infinite;
}
.ani-ripple,
.ani-hover-ripple:hover {
  -webkit-animation: ani-ripple 2s infinite linear;
          animation: ani-ripple 2s infinite linear;
}
.ani-ripple.ani-fast,
.ani-hover-ripple.ani-fast:hover {
  -webkit-animation: ani-ripple 1s infinite linear;
          animation: ani-ripple 1s infinite linear;
}
.ani-ripple.ani-slow,
.ani-hover-ripple.ani-slow:hover {
  -webkit-animation: ani-ripple 3s infinite linear;
          animation: ani-ripple 3s infinite linear;
}
@-webkit-keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  10% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  15% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes swinging {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  5% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  10% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  15% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  20% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  25% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  35% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
  }
  45% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes cubemove {
  25% {
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
            transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
            transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
            transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes cubemove {
  25% {
    -webkit-transform: translateX(10px) rotate(-90deg);
            transform: translateX(10px) rotate(-90deg);
  }
  50% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
            transform: translateX(10px) translateY(10px) rotate(-179deg);
  }
  50.1% {
    -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
            transform: translateX(10px) translateY(10px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
            transform: translateX(0px) translateY(10px) rotate(-270deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  7% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    -webkit-transform: rotate(690deg);
            transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(835deg);
            transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
}
@keyframes orbit {
  0% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  7% {
    -webkit-transform: rotate(345deg);
            transform: rotate(345deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  35% {
    -webkit-transform: rotate(495deg);
            transform: rotate(495deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  42% {
    -webkit-transform: rotate(690deg);
            transform: rotate(690deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    -webkit-transform: rotate(835deg);
            transform: rotate(835deg);
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  76% {
    opacity: 1;
  }
  77% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  78% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(955deg);
            transform: rotate(955deg);
    opacity: 0;
  }
}
@-webkit-keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@keyframes metro-slide {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-webkit-keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes metro-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}
@-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);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@-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);
  }
}
@-webkit-keyframes ani-wrench {
  0% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes ani-wrench {
  0% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
  }
  8% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  10% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  18% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  20% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  28% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  30% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  38% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  40% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  48% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  50% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  58% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  60% {
    -webkit-transform: rotate(-24deg);
            transform: rotate(-24deg);
  }
  68% {
    -webkit-transform: rotate(24deg);
            transform: rotate(24deg);
  }
  75% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-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);
            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);
  }
}
@-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);
            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);
  }
}
@-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);
            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);
  }
}
@-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;
  }
}
@-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);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}
@-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);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-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);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@-webkit-keyframes ani-shuttle {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
            transform: scale(0.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);
            transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-8deg);
            transform: scale(0.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);
  }
}
@-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%);
            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;
  }
}
@-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);
            transform: scale(1.8);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ani-shrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes ani-shrink {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes ani-drop {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ani-drop {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  25% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ani-drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ani-drop2 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ani-drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes ani-drop3 {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  75% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes ani-pre-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes ani-pre-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes ani-bg-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.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;
}
.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-spanner,
.mif-ani-hover-spanner:hover {
  transform-origin-x: 90%;
  transform-origin-y: 35%;
  transform-origin-z: initial;
  -webkit-animation: ani-wrench 2.5s ease infinite;
          animation: ani-wrench 2.5s ease infinite;
}
.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;
}
.mif-ani-ring,
.mif-ani-hover-ring:hover {
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
  -webkit-animation: ani-ring 2s ease infinite;
          animation: ani-ring 2s ease infinite;
}
.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;
}
.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;
}
.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;
}
.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