/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.grow:hover,
.grow:focus,
.grow:active {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* Shrink */
.shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.shrink:hover,
.shrink:focus,
.shrink:active {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
      transform: scale(0.9);
}
/* Pulse */
@-webkit-keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.pulse:hover,
.pulse:focus,
.pulse:active {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Pulse Grow */
@-webkit-keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.pulse-grow:hover,
.pulse-grow:focus,
.pulse-grow:active {
  -webkit-animation-name: pulse-grow;
  animation-name: pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Pulse Shrink */
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.pulse-shrink:hover,
.pulse-shrink:focus,
.pulse-shrink:active {
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Push */
@-webkit-keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.push:hover,
.push:focus,
.push:active {
  -webkit-animation-name: push;
  animation-name: push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Pop */
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.pop:hover,
.pop:focus,
.pop:active {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Bounce In */
.bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-in:hover,
.bounce-in:focus,
.bounce-in:active {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
      transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Bounce Out */
.bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-out:hover,
.bounce-out:focus,
.bounce-out:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
      transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Rotate */
.rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.rotate:hover,
.rotate:focus,
.rotate:active {
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
      transform: rotate(4deg);
}
/* Grow Rotate */
.grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.grow-rotate:hover,
.grow-rotate:focus,
.grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  -ms-transform: scale(1.1) rotate(4deg);
      transform: scale(1.1) rotate(4deg);
}
/* Float */
.float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.float:hover,
.float:focus,
.float:active {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
      transform: translateY(-8px);
}
/* Sink */
.sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sink:hover,
.sink:focus,
.sink:active {
  -webkit-transform: translateY(8px);
  -ms-transform: translateY(8px);
      transform: translateY(8px);
}
/* Bob */
@-webkit-keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.bob:hover,
.bob:focus,
.bob:active {
  -webkit-animation-name: bob-float, bob;
  animation-name: bob-float, bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Hang */
@-webkit-keyframes hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hang:hover,
.hang:focus,
.hang:active {
  -webkit-animation-name: hang-sink, hang;
  animation-name: hang-sink, hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Skew */
.skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.skew:hover,
.skew:focus,
.skew:active {
  -webkit-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
      transform: skew(-10deg);
}
/* Skew Forward */
.skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
}
.skew-forward:hover,
.skew-forward:focus,
.skew-forward:active {
  -webkit-transform: skew(-10deg);
  -ms-transform: skew(-10deg);
      transform: skew(-10deg);
}
/* Skew Backward */
.skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
}
.skew-backward:hover,
.skew-backward:focus,
.skew-backward:active {
  -webkit-transform: skew(10deg);
  -ms-transform: skew(10deg);
      transform: skew(10deg);
}
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.wobble-vertical:hover,
.wobble-vertical:focus,
.wobble-vertical:active {
  -webkit-animation-name: wobble-vertical;
  animation-name: wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.wobble-horizontal:hover,
.wobble-horizontal:focus,
.wobble-horizontal:active {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble To Bottom Right */
@-webkit-keyframes wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.wobble-to-bottom-right:hover,
.wobble-to-bottom-right:focus,
.wobble-to-bottom-right:active {
  -webkit-animation-name: wobble-to-bottom-right;
  animation-name: wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble To Top Right */
@-webkit-keyframes wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.wobble-to-top-right:hover,
.wobble-to-top-right:focus,
.wobble-to-top-right:active {
  -webkit-animation-name: wobble-to-top-right;
  animation-name: wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Top */
@-webkit-keyframes wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
      transform-origin: 0 100%;
}
.wobble-top:hover,
.wobble-top:focus,
.wobble-top:active {
  -webkit-animation-name: wobble-top;
  animation-name: wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Bottom */
@-webkit-keyframes wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
}
.wobble-bottom:hover,
.wobble-bottom:focus,
.wobble-bottom:active {
  -webkit-animation-name: wobble-bottom;
  animation-name: wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Skew */
@-webkit-keyframes wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.wobble-skew:hover,
.wobble-skew:focus,
.wobble-skew:active {
  -webkit-animation-name: wobble-skew;
  animation-name: wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Buzz */
@-webkit-keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.buzz:hover,
.buzz:focus,
.buzz:active {
  -webkit-animation-name: buzz;
  animation-name: buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Buzz Out */
@-webkit-keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.buzz-out:hover,
.buzz-out:focus,
.buzz-out:active {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* BACKGROUND TRANSITIONS */
/* Fade */
.fade-legacy {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.fade-legacy:hover,
.fade-legacy:focus,
.fade-legacy:active {
  background-color: #2098d1;
  color: white;
}
/* Back Pulse */
@-webkit-keyframes back-pulse {
  50% {
    background-color: transparent;
  }
}
@keyframes back-pulse {
  50% {
    background-color: transparent;
  }
}
.back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.back-pulse:hover,
.back-pulse:focus,
.back-pulse:active {
  -webkit-animation-name: back-pulse;
  animation-name: back-pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  color: white;
}
/* Sweep To Right */
.sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-right:hover,
.sweep-to-right:focus,
.sweep-to-right:active {
  color: white;
}
.sweep-to-right:hover:before,
.sweep-to-right:focus:before,
.sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}
/* Sweep To Left */
.sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-left:hover,
.sweep-to-left:focus,
.sweep-to-left:active {
  color: white;
}
.sweep-to-left:hover:before,
.sweep-to-left:focus:before,
.sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}
/* Sweep To Bottom */
.sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-bottom:hover,
.sweep-to-bottom:focus,
.sweep-to-bottom:active {
  color: white;
}
.sweep-to-bottom:hover:before,
.sweep-to-bottom:focus:before,
.sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
}
/* Sweep To Top */
.sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-top:hover,
.sweep-to-top:focus,
.sweep-to-top:active {
  color: white;
}
.sweep-to-top:hover:before,
.sweep-to-top:focus:before,
.sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
}
/* Bounce To Right */
.bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
      transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bounce-to-right:hover,
.bounce-to-right:focus,
.bounce-to-right:active {
  color: white;
}
.bounce-to-right:hover:before,
.bounce-to-right:focus:before,
.bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Left */
.bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bounce-to-left:hover,
.bounce-to-left:focus,
.bounce-to-left:active {
  color: white;
}
.bounce-to-left:hover:before,
.bounce-to-left:focus:before,
.bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Bottom */
.bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bounce-to-bottom:hover,
.bounce-to-bottom:focus,
.bounce-to-bottom:active {
  color: white;
}
.bounce-to-bottom:hover:before,
.bounce-to-bottom:focus:before,
.bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
.bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.bounce-to-top:hover,
.bounce-to-top:focus,
.bounce-to-top:active {
  color: white;
}
.bounce-to-top:hover:before,
.bounce-to-top:focus:before,
.bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Radial Out */
.radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.radial-out:hover,
.radial-out:focus,
.radial-out:active {
  color: white;
}
.radial-out:hover:before,
.radial-out:focus:before,
.radial-out:active:before {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
      transform: scale(2);
}
/* Radial In */
.radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
      transform: scale(2);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.radial-in:hover,
.radial-in:focus,
.radial-in:active {
  color: white;
}
.radial-in:hover:before,
.radial-in:focus:before,
.radial-in:active:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}
/* Rectangle In */
.rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.rectangle-in:hover,
.rectangle-in:focus,
.rectangle-in:active {
  color: white;
}
.rectangle-in:hover:before,
.rectangle-in:focus:before,
.rectangle-in:active:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
}
/* Rectangle Out */
.rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.rectangle-out:hover,
.rectangle-out:focus,
.rectangle-out:active {
  color: white;
}
.rectangle-out:hover:before,
.rectangle-out:focus:before,
.rectangle-out:active:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
}
/* Shutter In Horizontal */
.shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.shutter-in-horizontal:hover,
.shutter-in-horizontal:focus,
.shutter-in-horizontal:active {
  color: white;
}
.shutter-in-horizontal:hover:before,
.shutter-in-horizontal:focus:before,
.shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
}
/* Shutter Out Horizontal */
.shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.shutter-out-horizontal:hover,
.shutter-out-horizontal:focus,
.shutter-out-horizontal:active {
  color: white;
}
.shutter-out-horizontal:hover:before,
.shutter-out-horizontal:focus:before,
.shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}
/* Shutter In Vertical */
.shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.shutter-in-vertical:hover,
.shutter-in-vertical:focus,
.shutter-in-vertical:active {
  color: white;
}
.shutter-in-vertical:hover:before,
.shutter-in-vertical:focus:before,
.shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
}
/* Shutter Out Vertical */
.shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
      transform: scaleY(0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
      transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.shutter-out-vertical:hover,
.shutter-out-vertical:focus,
.shutter-out-vertical:active {
  color: white;
}
.shutter-out-vertical:hover:before,
.shutter-out-vertical:focus:before,
.shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
      transform: scaleY(1);
}
/* BORDER TRANSITIONS */
/* Border Fade */
.border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.border-fade:hover,
.border-fade:focus,
.border-fade:active {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Hollow */
.hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hollow:hover,
.hollow:focus,
.hollow:active {
  background: none;
}
/* Trim */
.trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.trim:hover:before,
.trim:focus:before,
.trim:active:before {
  opacity: 1;
}
/* Ripple Out */
@-webkit-keyframes ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.ripple-out:hover:before,
.ripple-out:focus:before,
.ripple-out:active:before {
  -webkit-animation-name: ripple-out;
  animation-name: ripple-out;
}
/* Ripple In */
@-webkit-keyframes ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.ripple-in:hover:before,
.ripple-in:focus:before,
.ripple-in:active:before {
  -webkit-animation-name: ripple-in;
  animation-name: ripple-in;
}
/* Outline Out */
.outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.outline-out:hover:before,
.outline-out:focus:before,
.outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
/* Outline In */
.outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.outline-in:hover:before,
.outline-in:focus:before,
.outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
/* Round Corners */
.round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.round-corners:hover,
.round-corners:focus,
.round-corners:active {
  border-radius: 1em;
}
/* Underline From Left */
.underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-from-left:hover:before,
.underline-from-left:focus:before,
.underline-from-left:active:before {
  right: 0;
}
/* Underline From Center */
.underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-from-center:hover:before,
.underline-from-center:focus:before,
.underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Underline From Right */
.underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-from-right:hover:before,
.underline-from-right:focus:before,
.underline-from-right:active:before {
  left: 0;
}
/* Overline From Left */
.overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.overline-from-left:hover:before,
.overline-from-left:focus:before,
.overline-from-left:active:before {
  right: 0;
}
/* Overline From Center */
.overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.overline-from-center:hover:before,
.overline-from-center:focus:before,
.overline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Overline From Right */
.overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.overline-from-right:hover:before,
.overline-from-right:focus:before,
.overline-from-right:active:before {
  left: 0;
}
/* Reveal */
.reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098d1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.reveal:hover:before,
.reveal:focus:before,
.reveal:active:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
  border-width: 4px;
}
/* Underline Reveal */
.underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
      transform: translateY(4px);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-reveal:hover:before,
.underline-reveal:focus:before,
.underline-reveal:active:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}
/* Overline Reveal */
.overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
      transform: translateY(-4px);
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.overline-reveal:hover:before,
.overline-reveal:focus:before,
.overline-reveal:active:before {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
}
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.glow:hover,
.glow:focus,
.glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Shadow */
.shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.shadow:hover,
.shadow:focus,
.shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
/* Grow Shadow */
.grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  -webkit-transition-property: box-shadow, -webkit-transform;
  transition-property: box-shadow, -webkit-transform;
  transition-property: box-shadow, transform;
  transition-property: box-shadow, transform, -webkit-transform;
}
.grow-shadow:hover,
.grow-shadow:focus,
.grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
      transform: scale(1.1);
}
/* Box Shadow Outset */
.box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.box-shadow-outset:hover,
.box-shadow-outset:focus,
.box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
/* Box Shadow Inset */
.box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.box-shadow-inset:hover,
.box-shadow-inset:focus,
.box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Float Shadow */
.float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
.float-shadow:hover,
.float-shadow:focus,
.float-shadow:active {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
      transform: translateY(-5px);
  /* move the element up by 5px */
}
.float-shadow:hover:before,
.float-shadow:focus:before,
.float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
      transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Shadow Radial */
.shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.shadow-radial:before,
.shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(50% 150% ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(50% -50% ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.shadow-radial:hover:before,
.shadow-radial:focus:before,
.shadow-radial:active:before,
.shadow-radial:hover:after,
.shadow-radial:focus:after,
.shadow-radial:active:after {
  opacity: 1;
}
/* SPEECH BUBBLES */
/* Bubble Top */
.bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  left: calc(40%);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.bubble-top:hover:before,
.bubble-top:focus:before,
.bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
/* Bubble Right */
.bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  top: calc(40%);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.bubble-right:hover:before,
.bubble-right:focus:before,
.bubble-right:active:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px);
}
/* Bubble Bottom */
.bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  left: calc(40%);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.bubble-bottom:hover:before,
.bubble-bottom:focus:before,
.bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
/* Bubble Left */
.bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  top: calc(40%);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.bubble-left:hover:before,
.bubble-left:focus:before,
.bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
}
/* Bubble Float Top */
.bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(40%);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-top:hover,
.bubble-float-top:focus,
.bubble-float-top:active {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
.bubble-float-top:hover:before,
.bubble-float-top:focus:before,
.bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
/* Bubble Float Right */
.bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(40%);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-right:hover,
.bubble-float-right:focus,
.bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
}
.bubble-float-right:hover:before,
.bubble-float-right:focus:before,
.bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px);
}
/* Bubble Float Bottom */
.bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(40%);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-bottom:hover,
.bubble-float-bottom:focus,
.bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px);
}
.bubble-float-bottom:hover:before,
.bubble-float-bottom:focus:before,
.bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
      transform: translateY(10px);
}
/* Bubble Float Left */
.bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(40%);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.bubble-float-left:hover,
.bubble-float-left:focus,
.bubble-float-left:active {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
      transform: translateX(10px);
}
.bubble-float-left:hover:before,
.bubble-float-left:focus:before,
.bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
      transform: translateX(-10px);
}
/* ICONS */
/* Icon Back */
.icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-back:hover:before,
.icon-back:focus:before,
.icon-back:active:before {
  -webkit-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
      transform: translateX(-4px);
}
/* Icon Forward */
.icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-forward:hover:before,
.icon-forward:focus:before,
.icon-forward:active:before {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
      transform: translateX(4px);
}
/* Icon Down */
@-webkit-keyframes icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-down:hover:before,
.icon-down:focus:before,
.icon-down:active:before {
  -webkit-animation-name: icon-down;
  animation-name: icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Up */
@-webkit-keyframes icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-up:hover:before,
.icon-up:focus:before,
.icon-up:active:before {
  -webkit-animation-name: icon-up;
  animation-name: icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Spin */
.icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.icon-spin:hover:before,
.icon-spin:focus:before,
.icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
      transform: rotate(360deg);
}
/* Icon Drop */
@-webkit-keyframes icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
@keyframes icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
/* Icon Drop */
.icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-drop:hover:before,
.icon-drop:focus:before,
.icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: icon-drop;
  animation-name: icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Icon Fade */
.icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.icon-fade:hover:before,
.icon-fade:focus:before,
.icon-fade:active:before {
  color: #0F9E5E;
}
/* Icon Float Away */
@-webkit-keyframes icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-float-away:before,
.icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.icon-float-away:hover:after,
.icon-float-away:focus:after,
.icon-float-away:active:after {
  -webkit-animation-name: icon-float-away;
  animation-name: icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Sink Away */
@-webkit-keyframes icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-sink-away:before,
.icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.icon-sink-away:hover:after,
.icon-sink-away:focus:after,
.icon-sink-away:active:after {
  -webkit-animation-name: icon-sink-away;
  animation-name: icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Grow */
.icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-grow:hover:before,
.icon-grow:focus:before,
.icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}
/* Icon Shrink */
.icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-shrink:hover:before,
.icon-shrink:focus:before,
.icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}
/* Icon Pulse */
@-webkit-keyframes icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-pulse:hover:before,
.icon-pulse:focus:before,
.icon-pulse:active:before {
  -webkit-animation-name: icon-pulse;
  animation-name: icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Pulse Grow */
@-webkit-keyframes icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-pulse-grow:hover:before,
.icon-pulse-grow:focus:before,
.icon-pulse-grow:active:before {
  -webkit-animation-name: icon-pulse-grow;
  animation-name: icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Icon Pulse Shrink */
@-webkit-keyframes icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
}
.icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-pulse-shrink:hover:before,
.icon-pulse-shrink:focus:before,
.icon-pulse-shrink:active:before {
  -webkit-animation-name: icon-pulse-shrink;
  animation-name: icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Icon Push */
@-webkit-keyframes icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-push:hover:before,
.icon-push:focus:before,
.icon-push:active:before {
  -webkit-animation-name: icon-push;
  animation-name: icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Pop */
@-webkit-keyframes icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-pop:hover:before,
.icon-pop:focus:before,
.icon-pop:active:before {
  -webkit-animation-name: icon-pop;
  animation-name: icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Bounce */
.icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-bounce:hover:before,
.icon-bounce:focus:before,
.icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Icon Rotate */
.icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-rotate:hover:before,
.icon-rotate:focus:before,
.icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
      transform: rotate(20deg);
}
/* Icon Grow Rotate */
.icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-grow-rotate:hover:before,
.icon-grow-rotate:focus:before,
.icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  -ms-transform: scale(1.5) rotate(12deg);
      transform: scale(1.5) rotate(12deg);
}
/* Icon Float */
.icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-float:hover:before,
.icon-float:focus:before,
.icon-float:active:before {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
      transform: translateY(-4px);
}
/* Icon Sink */
.icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.icon-sink:hover:before,
.icon-sink:focus:before,
.icon-sink:active:before {
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
      transform: translateY(4px);
}
/* Icon Bob */
@-webkit-keyframes icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-bob:hover:before,
.icon-bob:focus:before,
.icon-bob:active:before {
  -webkit-animation-name: icon-bob-float, icon-bob;
  animation-name: icon-bob-float, icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Hang */
@-webkit-keyframes icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-hang:before {
  content: "\f0d7";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome !important;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-hang:hover:before,
.icon-hang:focus:before,
.icon-hang:active:before,
.current:hover ~ .icon-hang:before {
  -webkit-animation-name: icon-hang-sink, icon-hang;
  animation-name: icon-hang-sink, icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Wobble Horizontal */
@-webkit-keyframes icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-wobble-horizontal:hover:before,
.icon-wobble-horizontal:focus:before,
.icon-wobble-horizontal:active:before {
  -webkit-animation-name: icon-wobble-horizontal;
  animation-name: icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Wobble Vertical */
@-webkit-keyframes icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-wobble-vertical:hover:before,
.icon-wobble-vertical:focus:before,
.icon-wobble-vertical:active:before {
  -webkit-animation-name: icon-wobble-vertical;
  animation-name: icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Buzz */
@-webkit-keyframes icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-buzz:hover:before,
.icon-buzz:focus:before,
.icon-buzz:active:before {
  -webkit-animation-name: icon-buzz;
  animation-name: icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Buzz Out */
@-webkit-keyframes icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.icon-buzz-out:hover:before,
.icon-buzz-out:focus:before,
.icon-buzz-out:active:before {
  -webkit-animation-name: icon-buzz-out;
  animation-name: icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* CURLS */
/* Curl Top Left */
.curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.curl-top-left:hover:before,
.curl-top-left:focus:before,
.curl-top-left:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Top Right */
.curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.curl-top-right:hover:before,
.curl-top-right:focus:before,
.curl-top-right:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Bottom Right */
.curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.curl-bottom-right:hover:before,
.curl-bottom-right:focus:before,
.curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Bottom Left */
.curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: -webkit-linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.curl-bottom-left:hover:before,
.curl-bottom-left:focus:before,
.curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/* default tooltip */
.css-map > li a,
.css-map > li a:hover,
#map-tooltip,
.cssmap-tooltip-content {
  background-color: white;
  color: #f07818;
  font: 20px "Lato", sans-serif;
  padding: 0.5em 1.2em;
  text-align: center;
  white-space: nowrap;
}
.m1450 .css-map > li a,
.m1280 .css-map > li a {
  font-size: 14px;
}
.m650 .css-map > li a,
.m540 .css-map > li a {
  font-size: 11px;
}
.m430 .css-map > li a,
.m320 .css-map > li a {
  font-size: 10px;
}
.m250 .css-map > li a,
.m210 .css-map > li a {
  font-size: 9px !important;
}
/* tooltip arrow; when you change its size don't forget to set tooltipArrowHeight variable in the cssMap(); function */
.css-map > li a .tooltip-arrow {
  bottom: -5px;
  /* must be the same as a border-width */
  border: solid;
  border-color: #fff transparent;
  border-width: 5px 5px 0 5px;
  /* this's a height of the arrow */
  margin-left: -5px;
  /* must be the same as a border-width */
}
.css-map > li a.tooltip-right .tooltip-arrow {
  margin-right: -5px;
  /* must be the same as a tooltip-arrow border-width */
}
.css-map > li a.tooltip-top .tooltip-arrow {
  /* set tooltip under the arrow */
  border-width: 0 5px 5px 5px;
  top: -5px;
}
/* tooltip style when the region is activated */
.css-map .active-region a {
  background-color: #fff;
}
.css-map .active-region a .tooltip-arrow {
  border-color: #fff transparent;
}
/* links in the visible list of regions */
.map-visible-list a {
  /* color: #eee; */
}
.map-visible-list a:hover,
.map-visible-list a:focus,
.map-visible-list li.focus a {
  /* color: #fc0; */
}
.map-visible-list a:active,
.map-visible-list li.active-region a {
  /* color: #cc3; */
}
/* default pre-loader */
.map-loader {
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  color: #eee;
  font: normal 14px 'Lucida Grande', Arial, sans-serif;
  padding: .6em 1.2em;
  text-shadow: 0 1px 0 #000;
  border-radius: .6em;
}
.m1450 .map-loader,
.m1280 .map-loader {
  font-size: 16px;
}
.m540 .map-loader {
  font-size: 12px;
}
.m430 .map-loader,
.m320 .map-loader {
  font-size: 11px;
}
.m250 .map-loader,
.m210 .map-loader {
  font-size: 10px;
}
/* link to the search engine - shown in the multipleClick mode */
.map-search-link {
  /* your properties goes here */
}
.map-search-link:hover,
a.map-search-link:focus {
  /* selected link style */
}
.m430 .map-search-link,
.m320 .map-search-link {
  /* style for a specific map size, ex.:
   font-size: 1em;
   */
}
/* --------------------------------------------------------
 * the maps starts here

 * DO NOT EDIT!

 * CSSMap plugin - World continents
 * map version: 4.4.26
 * web: http://cssmapsplugin.com/world-continents.html
 * email: support@cssmapsplugin.com
 * author: Łukasz Popardowski { Winston_Wolf }
 * license: http://cssmapsplugin.com/license
*/
.css-map-container {
  margin: 0 auto !important;
  overflow: hidden;
  padding: 0 !important;
  position: relative;
}
.css-map-container * {
  box-sizing: content-box;
}
.css-map {
  display: block;
  left: 0;
  margin: 0 !important;
  list-style: none;
  padding: 0 !important;
  position: relative;
}
.css-map > li {
  height: 0;
  width: 0;
}
.css-map > li a {
  height: auto;
  margin: -9999px 0 0 0;
  position: absolute;
  text-decoration: none;
  width: auto;
  z-index: 89;
}
.css-map > li a:focus {
  outline: 0 none;
}
.css-map-container span {
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: -9999px;
  width: 0;
}
.css-map > li a.tooltip-right {
  left: auto;
  right: 0;
  width: auto;
}
.css-map > li a .tooltip-arrow {
  left: 50%;
  top: auto;
}
.css-map > li a.tooltip-middle .tooltip-arrow {
  display: none;
}
.css-map > li a.tooltip-top .tooltip-arrow {
  bottom: auto;
}
.css-map > li a.tooltip-right .tooltip-arrow {
  left: auto;
}
#map-tooltip {
  position: absolute;
  z-index: 999;
}
.css-map-container .cities {
  top: 0;
  z-index: 88;
}
.css-map .bg {
  padding: 10px;
}
.css-map .active-region .bg {
  z-index: 87;
}
.css-map .m {
  cursor: pointer;
  z-index: 99;
}
.css-map .m span {
  z-index: 89;
}
.map-visible-list {
  clear: both;
  overflow: hidden;
}
span.map-loader {
  height: auto;
  position: absolute;
  text-align: center;
  width: auto;
  z-index: 90;
}
/* really, DO NOT EDIT THIS! */
.c1 .s1 {
  height: .1em;
  left: 9.5em;
  top: 5.7em;
  width: 0.1em;
}
.c1 .s2 {
  height: .4em;
  left: 9.3em;
  top: 5.8em;
  width: 0.3em;
}
.c1 .s3 {
  height: .3em;
  left: 9.2em;
  top: 6em;
  width: 0.3em;
}
.c1 .s4 {
  height: .2em;
  left: 8.2em;
  top: 6.5em;
  width: 0.6em;
}
.c1 .s5 {
  height: .1em;
  left: 8.1em;
  top: 6.4em;
  width: 0.8em;
}
.c1 .s6 {
  height: .4em;
  left: 8em;
  top: 6em;
  width: 1em;
}
.c1 .s7 {
  height: .5em;
  left: 8em;
  top: 5.5em;
  width: 1.2em;
}
.c1 .s8 {
  height: .2em;
  left: 9.6em;
  top: 4.8em;
  width: 0.1em;
}
.c1 .s9 {
  height: .4em;
  left: 9.5em;
  top: 4.8em;
  width: 0.1em;
}
.c1 .s10 {
  height: .5em;
  left: 9.3em;
  top: 4.8em;
  width: 0.2em;
}
.c1 .s11 {
  height: .7em;
  left: 9.2em;
  top: 4.7em;
  width: 0.1em;
}
.c1 .s12 {
  height: .9em;
  left: 7.9em;
  top: 4.6em;
  width: 1.3em;
}
.c1 .s13 {
  height: 1em;
  left: 7.8em;
  top: 4.4em;
  width: 1.3em;
}
.c1 .s14 {
  height: .1em;
  left: 7.5em;
  top: 3.8em;
  width: 0.5em;
}
.c1 .s15 {
  height: .1em;
  left: 7.1em;
  top: 3.9em;
  width: 0.9em;
}
.c1 .s16 {
  height: .6em;
  left: 6.8em;
  top: 4.3em;
  width: 0.1em;
}
.c1 .s17 {
  height: 1em;
  left: 7em;
  top: 4.1em;
  width: 0.1em;
}
.c1 .s18 {
  height: .8em;
  left: 6.9em;
  top: 4.2em;
  width: 2.1em;
}
.c1 .s19 {
  height: 1.2em;
  left: 7.1em;
  top: 4em;
  width: 1.8em;
}
.c2 .s1 {
  height: .1em;
  left: 11.7em;
  top: .6em;
  width: 0.1em;
}
.c2 .s2 {
  height: .1em;
  left: 11.5em;
  top: .7em;
  width: 0.5em;
}
.c2 .s3 {
  height: .2em;
  left: 11.4em;
  top: .8em;
  width: 0.6em;
}
.c2 .s4 {
  height: .1em;
  left: 9.7em;
  top: .6em;
  width: 0.3em;
}
.c2 .s5 {
  height: .1em;
  left: 9.8em;
  top: .7em;
  width: 0.4em;
}
.c2 .s6 {
  height: .1em;
  left: 9.8em;
  top: .8em;
  width: 0.7em;
}
.c2 .s7 {
  height: .1em;
  left: 9.8em;
  top: .9em;
  width: 0.8em;
}
.c2 .s8 {
  height: .3em;
  left: 9.6em;
  top: 1.6em;
  width: 0.1em;
}
.c2 .s9 {
  height: .4em;
  left: 9.7em;
  top: 1.6em;
  width: 0.1em;
}
.c2 .s10 {
  height: .2em;
  left: 13.9em;
  top: 1.2em;
  width: 0.1em;
}
.c2 .s11 {
  height: 1.5em;
  left: 13.7em;
  top: 1em;
  width: 0.2em;
}
.c2 .s12 {
  height: 1.6em;
  left: 13.6em;
  top: 1em;
  width: 0.1em;
}
.c2 .s13 {
  height: 1.9em;
  left: 13.2em;
  top: 1em;
  width: 0.4em;
}
.c2 .s14 {
  height: 1.1em;
  left: 9.7em;
  top: 2.1em;
  width: 3.8em;
}
.c2 .s15 {
  height: .9em;
  left: 9.6em;
  top: 2.4em;
  width: 3.8em;
}
.c2 .s16 {
  height: .1em;
  left: 9.3em;
  top: 3.2em;
  width: 0.1em;
}
.c2 .s17 {
  height: .5em;
  left: 9.4em;
  top: 3.1em;
  width: 0.1em;
}
.c2 .s18 {
  height: .6em;
  left: 9.5em;
  top: 3em;
  width: 3.8em;
}
.c2 .s19 {
  height: 2.9em;
  left: 9.8em;
  top: 1em;
  width: 3.4em;
}
.c2 .s20 {
  height: .1em;
  left: 12.4em;
  top: 5.7em;
  width: 0.4em;
}
.c2 .s21 {
  height: .2em;
  left: 11.8em;
  top: 5.5em;
  width: 1.6em;
}
.c2 .s22 {
  height: .2em;
  left: 11.6em;
  top: 5.3em;
  width: 1.8em;
}
.c2 .s23 {
  height: .2em;
  left: 11.5em;
  top: 5.1em;
  width: 1.5em;
}
.c2 .s24 {
  height: .1em;
  left: 10.8em;
  top: 5em;
  width: 2.1em;
}
.c2 .s25 {
  height: .1em;
  left: 10.7em;
  top: 4.9em;
  width: 2.2em;
}
.c2 .s26 {
  height: .1em;
  left: 10.6em;
  top: 4.8em;
  width: 2.2em;
}
.c2 .s27 {
  height: .1em;
  left: 9.7em;
  top: 4.8em;
  width: 0.1em;
}
.c2 .s28 {
  height: .1em;
  left: 9.3em;
  top: 4.7em;
  width: 3.5em;
}
.c2 .s29 {
  height: .3em;
  left: 9.2em;
  top: 4.4em;
  width: 3.5em;
}
.c2 .s30 {
  height: 1.1em;
  left: 9.1em;
  top: 3.5em;
  width: 0.1em;
}
.c2 .s31 {
  height: .2em;
  left: 9em;
  top: 4.2em;
  width: 3.8em;
}
.c2 .s32 {
  height: .1em;
  left: 8.6em;
  top: 3.8em;
  width: 0.3em;
}
.c2 .s33 {
  height: .2em;
  left: 8.5em;
  top: 3.6em;
  width: 4.8em;
}
.c2 .s34 {
  height: .6em;
  left: 8.9em;
  top: 3.6em;
  width: 4em;
}
.c3 .s1 {
  height: .1em;
  left: 14.3em;
  top: 4.7em;
  width: 0.2em;
}
.c3 .s2 {
  height: .1em;
  left: 13.5em;
  top: 4.7em;
  width: 0.2em;
}
.c3 .s3 {
  height: .2em;
  left: 13.2em;
  top: 4.9em;
  width: 0.2em;
}
.c3 .s4 {
  height: .3em;
  left: 13.4em;
  top: 4.8em;
  width: 0.4em;
}
.c3 .s5 {
  height: .5em;
  left: 13.8em;
  top: 4.8em;
  width: 0.8em;
}
.c3 .s6 {
  height: .4em;
  left: 13.4em;
  top: 5.3em;
  width: 1.8em;
}
.c3 .s7 {
  height: .1em;
  left: 12.8em;
  top: 5.7em;
  width: 2.4em;
}
.c3 .s8 {
  height: .1em;
  left: 12.7em;
  top: 5.8em;
  width: 2.5em;
}
.c3 .s9 {
  height: .2em;
  left: 15.2em;
  top: 6em;
  width: 0.3em;
}
.c3 .s10 {
  height: .3em;
  left: 12.5em;
  top: 5.9em;
  width: 2.7em;
}
.c3 .s11 {
  height: .3em;
  left: 12.4em;
  top: 6em;
  width: 2.6em;
}
.c3 .s12 {
  height: .1em;
  left: 13.2em;
  top: 7.3em;
  width: 1.1em;
}
.c3 .s13 {
  height: .1em;
  left: 13.2em;
  top: 7.2em;
  width: 1.2em;
}
.c3 .s14 {
  height: .1em;
  left: 13.2em;
  top: 7.1em;
  width: 1.3em;
}
.c3 .s15 {
  height: .1em;
  left: 13.1em;
  top: 7em;
  width: 1.5em;
}
.c3 .s16 {
  height: .1em;
  left: 13em;
  top: 6.9em;
  width: 1.6em;
}
.c3 .s17 {
  height: .2em;
  left: 12.2em;
  top: 6.7em;
  width: 2.4em;
}
.c3 .s18 {
  height: .7em;
  left: 12.1em;
  top: 6.1em;
  width: 2.3em;
}
.c4 .s1 {
  height: .1em;
  left: 8.9em;
  top: .7em;
  width: 0.2em;
}
.c4 .s2 {
  height: .1em;
  left: 8.8em;
  top: .8em;
  width: 0.4em;
}
.c4 .s3 {
  height: .2em;
  left: 8.6em;
  top: .9em;
  width: 0.5em;
}
.c4 .s4 {
  height: .2em;
  left: 8.2em;
  top: 1.1em;
  width: 0.1em;
}
.c4 .s5 {
  height: .5em;
  left: 7.8em;
  top: 1em;
  width: 0.4em;
}
.c4 .s6 {
  height: .1em;
  left: 9.2em;
  top: 1.3em;
  width: 0.3em;
}
.c4 .s7 {
  height: .5em;
  left: 9.1em;
  top: 1.4em;
  width: 0.3em;
}
.c4 .s8 {
  height: .1em;
  left: 9.7em;
  top: 2em;
  width: 0.1em;
}
.c4 .s9 {
  height: .5em;
  left: 8.1em;
  top: 1.9em;
  width: 1.6em;
}
.c4 .s10 {
  height: 1em;
  left: 7.9em;
  top: 2em;
  width: 1.7em;
}
.c4 .s11 {
  height: .8em;
  left: 7.8em;
  top: 2.3em;
  width: 1.7em;
}
.c4 .s12 {
  height: .1em;
  left: 6.7em;
  top: 2.2em;
  width: 0.3em;
}
.c4 .s13 {
  height: .2em;
  left: 6.6em;
  top: 2.3em;
  width: 0.5em;
}
.c4 .s14 {
  height: .1em;
  left: 7.2em;
  top: 2.5em;
  width: 0.1em;
}
.c4 .s15 {
  height: 1.1em;
  left: 7.7em;
  top: 2.4em;
  width: 1.6em;
}
.c4 .s16 {
  height: .3em;
  left: 9.2em;
  top: 3.3em;
  width: 0.2em;
}
.c4 .s17 {
  height: 1.1em;
  left: 7.6em;
  top: 2.5em;
  width: 1.5em;
}
.c4 .s18 {
  height: .5em;
  left: 7.1em;
  top: 2.7em;
  width: 2.3em;
}
.c4 .s19 {
  height: 1.2em;
  left: 7.3em;
  top: 2.6em;
  width: 1.2em;
}
.c4 .s20 {
  height: .4em;
  left: 7.1em;
  top: 3.5em;
  width: 0.4em;
}
.c4 .s21 {
  height: .1em;
  left: 8em;
  top: 3.8em;
  width: 0.6em;
}
.c4 .s22 {
  height: .1em;
  left: 8.4em;
  top: 3.9em;
  width: 0.5em;
}
.c5 .s1 {
  height: .2em;
  left: 7.1em;
  top: .9em;
  width: 0.1em;
}
.c5 .s2 {
  height: .5em;
  left: 7em;
  top: .8em;
  width: 0.1em;
}
.c5 .s3 {
  height: 1em;
  left: 6.9em;
  top: .7em;
  width: 0.1em;
}
.c5 .s4 {
  height: 1.5em;
  left: 6.7em;
  top: .6em;
  width: 0.2em;
}
.c5 .s5 {
  height: 1.6em;
  left: 6.4em;
  top: .6em;
  width: 0.3em;
}
.c5 .s6 {
  height: 1.7em;
  left: 6.3em;
  top: .6em;
  width: 0.1em;
}
.c5 .s7 {
  height: 1.7em;
  left: 6.1em;
  top: .7em;
  width: 0.2em;
}
.c5 .s8 {
  height: .1em;
  left: 5.2em;
  top: .5em;
  width: 0.8em;
}
.c5 .s9 {
  height: .1em;
  left: 5em;
  top: .6em;
  width: 1.1em;
}
.c5 .s10 {
  height: 2em;
  left: 4.3em;
  top: .7em;
  width: 1.8em;
}
.c5 .s11 {
  height: 2.6em;
  left: 4em;
  top: .8em;
  width: 1.5em;
}
.c5 .s12 {
  height: 2.6em;
  left: 3.9em;
  top: .9em;
  width: 1.3em;
}
.c5 .s13 {
  height: 2.6em;
  left: 3.7em;
  top: 1.1em;
  width: 1.1em;
}
.c5 .s14 {
  height: 2.6em;
  left: 3.5em;
  top: 1.2em;
  width: 1.1em;
}
.c5 .s15 {
  height: .2em;
  left: .5em;
  top: 2.2em;
  width: 0.2em;
}
.c5 .s16 {
  height: .2em;
  left: .7em;
  top: 2.3em;
  width: 0.9em;
}
.c5 .s17 {
  height: .1em;
  left: 1.3em;
  top: 1.6em;
  width: 0.2em;
}
.c5 .s18 {
  height: .7em;
  left: 1.2em;
  top: 1.7em;
  width: 0.5em;
}
.c5 .s19 {
  height: 1em;
  left: 1.7em;
  top: 1.4em;
  width: 0.2em;
}
.c5 .s20 {
  height: 1.1em;
  left: 1.9em;
  top: 1.2em;
  width: 0.2em;
}
.c5 .s21 {
  height: 1.2em;
  left: 2.1em;
  top: 1.1em;
  width: 0.3em;
}
.c5 .s22 {
  height: 1.8em;
  left: 2.4em;
  top: 1.1em;
  width: 0.1em;
}
.c5 .s23 {
  height: 2.6em;
  left: 2.5em;
  top: 1.1em;
  width: 0.1em;
}
.c5 .s24 {
  height: 2.7em;
  left: 2.6em;
  top: 1.2em;
  width: 0.1em;
}
.c5 .s25 {
  height: 2.8em;
  left: 2.7em;
  top: 1.3em;
  width: 0.1em;
}
.c5 .s26 {
  height: 3em;
  left: 2.8em;
  top: 1.3em;
  width: 0.1em;
}
.c5 .s27 {
  height: 3em;
  left: 2.9em;
  top: 1.4em;
  width: 0.2em;
}
.c5 .s28 {
  height: 3.2em;
  left: 3.1em;
  top: 1.4em;
  width: 1.4em;
}
.c5 .s29 {
  height: .4em;
  left: 3.2em;
  top: 4.3em;
  width: 1.4em;
}
.c5 .s30 {
  height: .2em;
  left: 3.9em;
  top: 4.8em;
  width: 0.3em;
}
.c5 .s31 {
  height: .3em;
  left: 3.4em;
  top: 4.5em;
  width: 1.6em;
}
.c5 .s32 {
  height: .3em;
  left: 4.9em;
  top: 4.6em;
  width: 0.2em;
}
.c5 .s33 {
  height: .2em;
  left: 4em;
  top: 4.9em;
  width: 0.3em;
}
.c5 .s34 {
  height: .2em;
  left: 1.1em;
  top: 4.3em;
  width: 0.2em;
}
.c6 .s1 {
  height: .4em;
  left: 4.1em;
  top: 5.2em;
  width: 0.1em;
}
.c6 .s2 {
  height: .7em;
  left: 4.2em;
  top: 5.1em;
  width: 0.1em;
}
.c6 .s3 {
  height: 1em;
  left: 4.3em;
  top: 4.9em;
  width: 0.1em;
}
.c6 .s4 {
  height: 1.2em;
  left: 4.4em;
  top: 4.8em;
  width: 0.2em;
}
.c6 .s5 {
  height: .4em;
  left: 6em;
  top: 5.4em;
  width: 0.1em;
}
.c6 .s6 {
  height: .8em;
  left: 5.8em;
  top: 5.4em;
  width: 0.2em;
}
.c6 .s7 {
  height: 1em;
  left: 5.6em;
  top: 5.3em;
  width: 0.2em;
}
.c6 .s8 {
  height: 1.2em;
  left: 5.5em;
  top: 5.3em;
  width: 0.1em;
}
.c6 .s9 {
  height: 1.6em;
  left: 5.4em;
  top: 5.1em;
  width: 0.1em;
}
.c6 .s10 {
  height: 1.8em;
  left: 5.3em;
  top: 5em;
  width: 0.1em;
}
.c6 .s11 {
  height: 1.9em;
  left: 5.2em;
  top: 5em;
  width: 0.1em;
}
.c6 .s12 {
  height: .5em;
  left: 4.5em;
  top: 6.7em;
  width: 0.1em;
}
.c6 .s13 {
  height: 2.8em;
  left: 4.6em;
  top: 4.8em;
  width: 0.2em;
}
.c6 .s14 {
  height: 2.9em;
  left: 4.7em;
  top: 4.9em;
  width: 0.5em;
}
/* size: 210 */
.m210 {
  width: 210px;
}
.m210 .continents,
.m210 .continents .bg,
.m210 .continents-cities {
  background: transparent url('../img/continents/continents-210.png') no-repeat 0 0;
}
.m210 .continents,
.m210 .continents-cities {
  height: 105px;
  width: 210px;
}
.m210 .continents-cities {
  background-position: -220px 0;
}
.m210 .continents .m {
  margin: 9997px 0 0 0;
}
.m210 .continents .m span {
  font-size: 13px !important;
  padding: 0 1px 1px 0;
}
.m210 .continents .bg {
  padding: 5px;
}
.m210 .c1.focus .bg,
.m210 .c1.active-region .bg {
  height: 38px;
  left: 83px;
  top: 43px;
  width: 38px;
}
.m210 .c1.focus .bg {
  background-position: -106px -225px;
}
.m210 .c1.active-region .bg {
  background-position: -326px -225px;
}
.m210 .c2.focus .bg,
.m210 .c2.active-region .bg {
  height: 67px;
  left: 106px;
  top: 1px;
  width: 71px;
}
.m210 .c2.focus .bg {
  background-position: -5px -145px;
}
.m210 .c2.active-region .bg {
  background-position: -225px -145px;
}
.m210 .c3.focus .bg,
.m210 .c3.active-region .bg {
  height: 34px;
  left: 153px;
  top: 55px;
  width: 44px;
}
.m210 .c3.focus .bg {
  background-position: -46px -229px;
}
.m210 .c3.active-region .bg {
  background-position: -266px -229px;
}
.m210 .c4.focus .bg,
.m210 .c4.active-region .bg {
  height: 42px;
  left: 82px;
  top: 3px;
  width: 41px;
}
.m210 .c4.focus .bg {
  background-position: -160px -220px;
}
.m210 .c4.active-region .bg {
  background-position: -380px -220px;
}
.m210 .c5.focus .bg,
.m210 .c5.active-region .bg {
  height: 59px;
  left: 2px;
  top: 0;
  width: 88px;
}
.m210 .c5.focus .bg {
  background-position: -95px -146px;
}
.m210 .c5.active-region .bg {
  background-position: -315px -146px;
}
.m210 .c6.focus .bg,
.m210 .c6.active-region .bg {
  height: 39px;
  left: 49px;
  top: 56px;
  width: 26px;
}
.m210 .c6.focus .bg {
  background-position: -5px -227px;
}
.m210 .c6.active-region .bg {
  background-position: -225px -227px;
}
.m210 .c1 a {
  left: 110px;
  top: 61px;
}
.m210 .c1 a.tooltip-left .tooltip-arrow {
  left: 110px;
}
.m210 .c2 a {
  left: 145px;
  top: 34px;
}
.m210 .c2 a.tooltip-right .tooltip-arrow {
  right: 65px;
}
.m210 .c3 a {
  left: 170px;
  top: 80px;
}
.m210 .c3 a.tooltip-right .tooltip-arrow {
  right: 40px;
}
.m210 .c4 a {
  left: 107px;
  top: 40px;
}
.m210 .c4 a.tooltip-left .tooltip-arrow {
  left: 107px;
}
.m210 .c5 a {
  left: 48px;
  top: 40px;
}
.m210 .c5 a.tooltip-left .tooltip-arrow {
  left: 48px;
}
.m210 .c6 a {
  left: 67px;
  top: 73px;
}
.m210 .c6 a.tooltip-left .tooltip-arrow {
  left: 67px;
}
/* size: 250 */
.m250 {
  width: 250px;
}
.m250 .continents,
.m250 .continents .bg,
.m250 .continents-cities {
  background: transparent url('../img/continents/continents-250.png') no-repeat 0 0;
}
.m250 .continents,
.m250 .continents-cities {
  height: 130px;
  width: 250px;
}
.m250 .continents-cities {
  background-position: -260px 0;
}
.m250 .continents .m {
  margin: 9998px 0 0 -3px;
}
.m250 .continents .m span {
  font-size: 16px !important;
  padding: 0 1px 1px 0;
}
.m250 .continents .bg {
  padding: 5px;
}
.m250 .c1.focus .bg,
.m250 .c1.active-region .bg {
  height: 46px;
  left: 100px;
  top: 55px;
  width: 46px;
}
.m250 .c1.focus .bg {
  background-position: -119px -273px;
}
.m250 .c1.active-region .bg {
  background-position: -379px -273px;
}
.m250 .c2.focus .bg,
.m250 .c2.active-region .bg {
  height: 82px;
  left: 128px;
  top: 4px;
  width: 87px;
}
.m250 .c2.focus .bg {
  background-position: -5px -181px;
}
.m250 .c2.active-region .bg {
  background-position: -265px -181px;
}
.m250 .c3.focus .bg,
.m250 .c3.active-region .bg {
  height: 42px;
  left: 186px;
  top: 70px;
  width: 54px;
}
.m250 .c3.focus .bg {
  background-position: -51px -280px;
}
.m250 .c3.active-region .bg {
  background-position: -311px -280px;
}
.m250 .c4.focus .bg,
.m250 .c4.active-region .bg {
  height: 51px;
  left: 98px;
  top: 6px;
  width: 50px;
}
.m250 .c4.focus .bg {
  background-position: -180px -268px;
}
.m250 .c4.active-region .bg {
  background-position: -440px -268px;
}
.m250 .c5.focus .bg,
.m250 .c5.active-region .bg {
  height: 73px;
  left: 0;
  top: 2px;
  width: 108px;
}
.m250 .c5.focus .bg {
  background-position: -122px -181px;
}
.m250 .c5.active-region .bg {
  background-position: -382px -181px;
}
.m250 .c6.focus .bg,
.m250 .c6.active-region .bg {
  height: 48px;
  left: 58px;
  top: 71px;
  width: 32px;
}
.m250 .c6.focus .bg {
  background-position: -5px -278px;
}
.m250 .c6.active-region .bg {
  background-position: -265px -278px;
}
.m250 .c1 a {
  left: 132px;
  top: 76px;
}
.m250 .c1 a.tooltip-left .tooltip-arrow {
  left: 132px;
}
.m250 .c2 a {
  left: 171px;
  top: 42px;
}
.m250 .c2 a.tooltip-right .tooltip-arrow {
  right: 79px;
}
.m250 .c3 a {
  left: 206px;
  top: 100px;
}
.m250 .c3 a.tooltip-right .tooltip-arrow {
  right: 44px;
}
.m250 .c4 a {
  left: 128px;
  top: 48px;
}
.m250 .c4 a.tooltip-left .tooltip-arrow {
  left: 128px;
}
.m250 .c5 a {
  left: 55px;
  top: 48px;
}
.m250 .c5 a.tooltip-left .tooltip-arrow {
  left: 55px;
}
.m250 .c6 a {
  left: 79px;
  top: 91px;
}
.m250 .c6 a.tooltip-left .tooltip-arrow {
  left: 79px;
}
/* size: 320 */
.m320 {
  width: 320px;
}
.m320 .continents,
.m320 .continents .bg,
.m320 .continents-cities {
  background: transparent url('../img/continents/continents-320.png') no-repeat 0 0;
}
.m320 .continents,
.m320 .continents-cities {
  height: 165px;
  width: 320px;
}
.m320 .continents-cities {
  background-position: -330px 0;
}
.m320 .continents .m {
  margin: 9999px 0 0 0;
}
.m320 .continents .m span {
  font-size: 20px !important;
}
.m320 .c1.focus .bg,
.m320 .c1.active-region .bg {
  height: 58px;
  left: 126px;
  top: 66px;
  width: 58px;
}
.m320 .c1.focus .bg {
  background-position: -170px -341px;
}
.m320 .c1.active-region .bg {
  background-position: -520px -341px;
}
.m320 .c2.focus .bg,
.m320 .c2.active-region .bg {
  height: 103px;
  left: 160px;
  top: 2px;
  width: 109px;
}
.m320 .c2.focus .bg {
  background-position: -6px -210px;
}
.m320 .c2.active-region .bg {
  background-position: -356px -210px;
}
.m320 .c3.focus .bg,
.m320 .c3.active-region .bg {
  height: 53px;
  left: 233px;
  top: 85px;
  width: 67px;
}
.m320 .c3.focus .bg {
  background-position: -76px -343px;
}
.m320 .c3.active-region .bg {
  background-position: -426px -343px;
}
.m320 .c4.focus .bg,
.m320 .c4.active-region .bg {
  height: 64px;
  left: 123px;
  top: 5px;
  width: 62px;
}
.m320 .c4.focus .bg {
  background-position: -259px -336px;
}
.m320 .c4.active-region .bg {
  background-position: -609px -336px;
}
.m320 .c5.focus .bg,
.m320 .c5.active-region .bg {
  height: 91px;
  left: 0;
  top: 0;
  width: 135px;
}
.m320 .c5.focus .bg {
  background-position: -154px -211px;
}
.m320 .c5.active-region .bg {
  background-position: -504px -211px;
}
.m320 .c6.focus .bg,
.m320 .c6.active-region .bg {
  height: 60px;
  left: 72px;
  top: 86px;
  width: 40px;
}
.m320 .c6.focus .bg {
  background-position: -6px -342px;
}
.m320 .c6.active-region .bg {
  background-position: -356px -342px;
}
.m320 .c1 a {
  left: 169px;
  top: 96px;
}
.m320 .c1 a.tooltip-left .tooltip-arrow {
  left: 169px;
}
.m320 .c2 a {
  left: 218px;
  top: 53px;
}
.m320 .c2 a.tooltip-right .tooltip-arrow {
  right: 102px;
}
.m320 .c3 a {
  left: 261px;
  top: 126px;
}
.m320 .c3 a.tooltip-right .tooltip-arrow {
  right: 59px;
}
.m320 .c4 a {
  left: 164px;
  top: 62px;
}
.m320 .c4 a.tooltip-left .tooltip-arrow {
  left: 164px;
}
.m320 .c5 a {
  left: 69px;
  top: 56px;
}
.m320 .c5 a.tooltip-left .tooltip-arrow {
  left: 69px;
}
.m320 .c6 a {
  left: 102px;
  top: 115px;
}
.m320 .c6 a.tooltip-left .tooltip-arrow {
  left: 102px;
}
/* size: 430 */
.m430 {
  width: 430px;
}
.m430 .continents,
.m430 .continents .bg,
.m430 .continents-cities {
  background: transparent url('../img/continents/continents-430.png') no-repeat 0 0;
}
.m430 .continents,
.m430 .continents-cities {
  height: 220px;
  width: 430px;
}
.m430 .continents-cities {
  background-position: -440px 0;
}
.m430 .continents .m {
  margin: 10000px 0 0 5px;
}
.m430 .continents .m span {
  font-size: 26px !important;
  padding: 0 1px 1px 0;
}
.m430 .c1.focus .bg,
.m430 .c1.active-region .bg {
  height: 75px;
  left: 171px;
  top: 91px;
  width: 75px;
}
.m430 .c1.focus .bg {
  background-position: -204px -433px;
}
.m430 .c1.active-region .bg {
  background-position: -644px -433px;
}
.m430 .c2.focus .bg,
.m430 .c2.active-region .bg {
  height: 133px;
  left: 216px;
  top: 8px;
  width: 141px;
}
.m430 .c2.focus .bg {
  background-position: -4px -266px;
}
.m430 .c2.active-region .bg {
  background-position: -444px -266px;
}
.m430 .c3.focus .bg,
.m430 .c3.active-region .bg {
  height: 68px;
  left: 311px;
  top: 115px;
  width: 87px;
}
.m430 .c3.focus .bg {
  background-position: -85px -431px;
}
.m430 .c3.active-region .bg {
  background-position: -525px -431px;
}
.m430 .c4.focus .bg,
.m430 .c4.active-region .bg {
  height: 83px;
  left: 168px;
  top: 12px;
  width: 81px;
}
.m430 .c4.focus .bg {
  background-position: -310px -425px;
}
.m430 .c4.active-region .bg {
  background-position: -750px -425px;
}
.m430 .c5.focus .bg,
.m430 .c5.active-region .bg {
  height: 118px;
  left: 8px;
  top: 5px;
  width: 175px;
}
.m430 .c5.focus .bg {
  background-position: -182px -266px;
}
.m430 .c5.active-region .bg {
  background-position: -622px -266px;
}
.m430 .c6.focus .bg,
.m430 .c6.active-region .bg {
  height: 77px;
  left: 102px;
  top: 117px;
  width: 51px;
}
.m430 .c6.focus .bg {
  background-position: -4px -429px;
}
.m430 .c6.active-region .bg {
  background-position: -444px -429px;
}
.m430 .c1 a {
  left: 225px;
  top: 127px;
}
.m430 .c1 a.tooltip-right .tooltip-arrow {
  right: 205px;
}
.m430 .c2 a {
  left: 288px;
  top: 72px;
}
.m430 .c2 a.tooltip-right .tooltip-arrow {
  right: 142px;
}
.m430 .c3 a {
  left: 345px;
  top: 166px;
}
.m430 .c3 a.tooltip-right .tooltip-arrow {
  right: 85px;
}
.m430 .c4 a {
  left: 218px;
  top: 82px;
}
.m430 .c4 a.tooltip-left .tooltip-arrow {
  left: 218px;
}
.m430 .c5 a {
  left: 94px;
  top: 75px;
}
.m430 .c5 a.tooltip-left .tooltip-arrow {
  left: 94px;
}
.m430 .c6 a {
  left: 138px;
  top: 151px;
}
.m430 .c6 a.tooltip-left .tooltip-arrow {
  left: 138px;
}
/* size: 540 */
.m540 {
  width: 540px;
}
.m540 .continents,
.m540 .continents .bg,
.m540 .continents-cities {
  background: transparent url('../img/continents/continents-540.png') no-repeat 0 0;
}
.m540 .continents,
.m540 .continents-cities {
  height: 280px;
  width: 540px;
}
.m540 .continents-cities {
  background-position: -550px 0;
}
.m540 .continents .m {
  margin: 10002px 0 0 3px;
}
.m540 .continents .m span {
  font-size: 33px !important;
  padding: 0 1px 1px 0;
}
.m540 .c1.focus .bg,
.m540 .c1.active-region .bg {
  height: 95px;
  left: 217px;
  top: 119px;
  width: 95px;
}
.m540 .c1.focus .bg {
  background-position: -250px -524px;
}
.m540 .c1.active-region .bg {
  background-position: -800px -524px;
}
.m540 .c2.focus .bg,
.m540 .c2.active-region .bg {
  height: 169px;
  left: 274px;
  top: 14px;
  width: 179px;
}
.m540 .c2.focus .bg {
  background-position: -4px -326px;
}
.m540 .c2.active-region .bg {
  background-position: -554px -326px;
}
.m540 .c3.focus .bg,
.m540 .c3.active-region .bg {
  height: 86px;
  left: 395px;
  top: 150px;
  width: 111px;
}
.m540 .c3.focus .bg {
  background-position: -97px -525px;
}
.m540 .c3.active-region .bg {
  background-position: -647px -525px;
}
.m540 .c4.focus .bg,
.m540 .c4.active-region .bg {
  height: 105px;
  left: 213px;
  top: 18px;
  width: 103px;
}
.m540 .c4.focus .bg {
  background-position: -375px -512px;
}
.m540 .c4.active-region .bg {
  background-position: -925px -512px;
}
.m540 .c5.focus .bg,
.m540 .c5.active-region .bg {
  height: 150px;
  left: 10px;
  top: 10px;
  width: 222px;
}
.m540 .c5.focus .bg {
  background-position: -231px -326px;
}
.m540 .c5.active-region .bg {
  background-position: -781px -326px;
}
.m540 .c6.focus .bg,
.m540 .c6.active-region .bg {
  height: 98px;
  left: 130px;
  top: 152px;
  width: 65px;
}
.m540 .c6.focus .bg {
  background-position: -4px -524px;
}
.m540 .c6.active-region .bg {
  background-position: -554px -524px;
}
.m540 .c1 a {
  left: 282px;
  top: 163px;
}
.m540 .c2 a {
  left: 363px;
  top: 92px;
}
.m540 .c2 a.tooltip-right .tooltip-arrow {
  right: 177px;
}
.m540 .c3 a {
  left: 435px;
  top: 212px;
}
.m540 .c3 a.tooltip-right .tooltip-arrow {
  right: 105px;
}
.m540 .c4 a {
  left: 274px;
  top: 106px;
}
.m540 .c5 a {
  left: 117px;
  top: 96px;
}
.m540 .c5 a.tooltip-left .tooltip-arrow {
  left: 117px;
}
.m540 .c6 a {
  left: 172px;
  top: 193px;
}
.m540 .c6 a.tooltip-left .tooltip-arrow {
  left: 172px;
}
/* size: 650 */
.m650 {
  width: 650px;
}
.m650 .continents,
.m650 .continents .bg,
.m650 .continents-cities {
  background: transparent url('../img/continents/continents-650.png') no-repeat 0 0;
}
.m650 .continents,
.m650 .continents-cities {
  height: 340px;
  width: 650px;
}
.m650 .continents-cities {
  background-position: -660px 0;
}
.m650 .continents .m {
  margin: 10003px 0 0 5px;
}
.m650 .continents .m span {
  font-size: 40px !important;
}
.m650 .c1.focus .bg,
.m650 .c1.active-region .bg {
  height: 115px;
  left: 266px;
  top: 147px;
  width: 115px;
}
.m650 .c1.focus .bg {
  background-position: -296px -617px;
}
.m650 .c1.active-region .bg {
  background-position: -956px -617px;
}
.m650 .c2.focus .bg,
.m650 .c2.active-region .bg {
  height: 205px;
  left: 335px;
  top: 19px;
  width: 217px;
}
.m650 .c2.focus .bg {
  background-position: -4px -386px;
}
.m650 .c2.active-region .bg {
  background-position: -664px -386px;
}
.m650 .c3.focus .bg,
.m650 .c3.active-region .bg {
  height: 105px;
  left: 481px;
  top: 184px;
  width: 134px;
}
.m650 .c3.focus .bg {
  background-position: -120px -621px;
}
.m650 .c3.active-region .bg {
  background-position: -780px -621px;
}
.m650 .c4.focus .bg,
.m650 .c4.active-region .bg {
  height: 127px;
  left: 261px;
  top: 24px;
  width: 124px;
}
.m650 .c4.focus .bg {
  background-position: -443px -606px;
}
.m650 .c4.active-region .bg {
  background-position: -1103px -606px;
}
.m650 .c5.focus .bg,
.m650 .c5.active-region .bg {
  height: 182px;
  left: 15px;
  top: 14px;
  width: 269px;
}
.m650 .c5.focus .bg {
  background-position: -273px -386px;
}
.m650 .c5.active-region .bg {
  background-position: -933px -386px;
}
.m650 .c6.focus .bg,
.m650 .c6.active-region .bg {
  height: 119px;
  left: 160px;
  top: 186px;
  width: 79px;
}
.m650 .c6.focus .bg {
  background-position: -4px -620px;
}
.m650 .c6.active-region .bg {
  background-position: -664px -620px;
}
.m650 .c1 a {
  left: 343px;
  top: 197px;
}
.m650 .c2 a {
  left: 441px;
  top: 111px;
}
.m650 .c2 a.tooltip-right .tooltip-arrow {
  right: 209px;
}
.m650 .c3 a {
  left: 528px;
  top: 256px;
}
.m650 .c3 a.tooltip-right .tooltip-arrow {
  right: 122px;
}
.m650 .c4 a {
  left: 333px;
  top: 128px;
}
.m650 .c5 a {
  left: 143px;
  top: 116px;
}
.m650 .c5 a.tooltip-left .tooltip-arrow {
  left: 143px;
}
.m650 .c6 a {
  left: 210px;
  top: 234px;
}
.m650 .c6 a.tooltip-left .tooltip-arrow {
  left: 210px;
}
/* size: 750 */
.m750 {
  width: 750px;
}
.m750 .continents,
.m750 .continents .bg,
.m750 .continents-cities {
  background: transparent url('../img/continents/continents-750.png') no-repeat 0 0;
}
.m750 .continents,
.m750 .continents-cities {
  height: 395px;
  width: 750px;
}
.m750 .continents-cities {
  background-position: -760px 0;
}
.m750 .continents .m {
  margin: 9999px 0 0 -1px;
}
.m750 .continents .m span {
  font-size: 47px !important;
  padding: 0 1px 1px 0;
}
.m750 .c1.focus .bg,
.m750 .c1.active-region .bg {
  height: 135px;
  left: 309px;
  top: 171px;
  width: 135px;
}
.m750 .c1.focus .bg {
  background-position: -324px -704px;
}
.m750 .c1.active-region .bg {
  background-position: -1084px -704px;
}
.m750 .c2.focus .bg,
.m750 .c2.active-region .bg {
  height: 241px;
  left: 390px;
  top: 21px;
  width: 255px;
}
.m750 .c2.focus .bg {
  background-position: -5px -441px;
}
.m750 .c2.active-region .bg {
  background-position: -765px -441px;
}
.m750 .c3.focus .bg,
.m750 .c3.active-region .bg {
  height: 123px;
  left: 561px;
  top: 215px;
  width: 158px;
}
.m750 .c3.focus .bg {
  background-position: -128px -721px;
}
.m750 .c3.active-region .bg {
  background-position: -888px -721px;
}
.m750 .c4.focus .bg,
.m750 .c4.active-region .bg {
  height: 149px;
  left: 303px;
  top: 27px;
  width: 146px;
}
.m750 .c4.focus .bg {
  background-position: -499px -693px;
}
.m750 .c4.active-region .bg {
  background-position: -1259px -693px;
}
.m750 .c5.focus .bg,
.m750 .c5.active-region .bg {
  height: 213px;
  left: 13px;
  top: 15px;
  width: 316px;
}
.m750 .c5.focus .bg {
  background-position: -320px -441px;
}
.m750 .c5.active-region .bg {
  background-position: -1080px -441px;
}
.m750 .c6.focus .bg,
.m750 .c6.active-region .bg {
  height: 140px;
  left: 184px;
  top: 218px;
  width: 92px;
}
.m750 .c6.focus .bg {
  background-position: -5px -721px;
}
.m750 .c6.active-region .bg {
  background-position: -765px -721px;
}
.m750 .c1 a {
  left: 397px;
  top: 229px;
}
.m750 .c2 a {
  left: 512px;
  top: 127px;
}
.m750 .c3 a {
  left: 614px;
  top: 298px;
}
.m750 .c3 a.tooltip-right .tooltip-arrow {
  right: 136px;
}
.m750 .c4 a {
  left: 385px;
  top: 147px;
}
.m750 .c5 a {
  left: 161px;
  top: 134px;
}
.m750 .c5 a.tooltip-left .tooltip-arrow {
  left: 161px;
}
.m750 .c6 a {
  left: 240px;
  top: 272px;
}
/* size: 850 */
.m850 {
  width: 850px;
}
.m850 .continents,
.m850 .continents .bg,
.m850 .continents-cities {
  background: transparent url('../img/continents/continents-850.png') no-repeat 0 0;
}
.m850 .continents,
.m850 .continents-cities {
  height: 445px;
  width: 850px;
}
.m850 .continents-cities {
  background-position: -860px 0;
}
.m850 .continents .m {
  margin: 9997px 0 0 -2px;
}
.m850 .continents .m span {
  font-size: 54px !important;
  padding: 0 1px 1px 0;
}
.m850 .c1.focus .bg,
.m850 .c1.active-region .bg {
  height: 154px;
  left: 355px;
  top: 194px;
  width: 155px;
}
.m850 .c1.focus .bg {
  background-position: -378px -795px;
}
.m850 .c1.active-region .bg {
  background-position: -1238px -795px;
}
.m850 .c2.focus .bg,
.m850 .c2.active-region .bg {
  height: 276px;
  left: 448px;
  top: 22px;
  width: 293px;
}
.m850 .c2.focus .bg {
  background-position: -8px -491px;
}
.m850 .c2.active-region .bg {
  background-position: -868px -491px;
}
.m850 .c3.focus .bg,
.m850 .c3.active-region .bg {
  height: 141px;
  left: 645px;
  top: 244px;
  width: 181px;
}
.m850 .c3.focus .bg {
  background-position: -143px -807px;
}
.m850 .c3.active-region .bg {
  background-position: -1003px -807px;
}
.m850 .c4.focus .bg,
.m850 .c4.active-region .bg {
  height: 172px;
  left: 348px;
  top: 29px;
  width: 168px;
}
.m850 .c4.focus .bg {
  background-position: -564px -785px;
}
.m850 .c4.active-region .bg {
  background-position: -1424px -785px;
}
.m850 .c5.focus .bg,
.m850 .c5.active-region .bg {
  height: 245px;
  left: 15px;
  top: 15px;
  width: 363px;
}
.m850 .c5.focus .bg {
  background-position: -360px -491px;
}
.m850 .c5.active-region .bg {
  background-position: -1220px -491px;
}
.m850 .c6.focus .bg,
.m850 .c6.active-region .bg {
  height: 160px;
  left: 211px;
  top: 248px;
  width: 106px;
}
.m850 .c6.focus .bg {
  background-position: -7px -807px;
}
.m850 .c6.active-region .bg {
  background-position: -867px -807px;
}
.m850 .c1 a {
  left: 455px;
  top: 259px;
}
.m850 .c2 a {
  left: 586px;
  top: 143px;
}
.m850 .c3 a {
  left: 704px;
  top: 339px;
}
.m850 .c3 a.tooltip-right .tooltip-arrow {
  right: 146px;
}
.m850 .c4 a {
  left: 441px;
  top: 165px;
}
.m850 .c5 a {
  left: 184px;
  top: 150px;
}
.m850 .c5 a.tooltip-left .tooltip-arrow {
  left: 184px;
}
.m850 .c6 a {
  left: 275px;
  top: 308px;
}
/* size: 960 */
.m960 {
  width: 960px;
}
.m960 .continents,
.m960 .continents .bg,
.m960 .continents-cities {
  background: transparent url('../img/continents/continents-960.png') no-repeat 0 0;
}
.m960 .continents,
.m960 .continents-cities {
  height: 495px;
  width: 960px;
}
.m960 .continents-cities {
  background-position: -970px 0;
}
.m960 .continents .m {
  margin: 9999px 0 0 0;
}
.m960 .continents .m span {
  font-size: 60px !important;
}
.m960 .c1.focus .bg,
.m960 .c1.active-region .bg {
  height: 172px;
  left: 397px;
  top: 219px;
  width: 172px;
}
.m960 .c1.focus .bg {
  background-position: -484px -892px;
}
.m960 .c1.active-region .bg {
  background-position: -1454px -892px;
}
.m960 .c2.focus .bg,
.m960 .c2.active-region .bg {
  height: 307px;
  left: 501px;
  top: 28px;
  width: 325px;
}
.m960 .c2.focus .bg {
  background-position: -5px -551px;
}
.m960 .c2.active-region .bg {
  background-position: -975px -551px;
}
.m960 .c3.focus .bg,
.m960 .c3.active-region .bg {
  height: 157px;
  left: 720px;
  top: 275px;
  width: 201px;
}
.m960 .c3.focus .bg {
  background-position: -244px -927px;
}
.m960 .c3.active-region .bg {
  background-position: -1214px -927px;
}
.m960 .c4.focus .bg,
.m960 .c4.active-region .bg {
  height: 191px;
  left: 390px;
  top: 36px;
  width: 186px;
}
.m960 .c4.focus .bg {
  background-position: -5px -897px;
}
.m960 .c4.active-region .bg {
  background-position: -975px -897px;
}
.m960 .c5.focus .bg,
.m960 .c5.active-region .bg {
  height: 272px;
  left: 19px;
  top: 19px;
  width: 403px;
}
.m960 .c5.focus .bg {
  background-position: -426px -550px;
}
.m960 .c5.active-region .bg {
  background-position: -1396px -550px;
}
.m960 .c6.focus .bg,
.m960 .c6.active-region .bg {
  height: 178px;
  left: 238px;
  top: 279px;
  width: 117px;
}
.m960 .c6.focus .bg {
  background-position: -706px -882px;
}
.m960 .c6.active-region .bg {
  background-position: -1676px -882px;
}
.m960 .c1 a {
  left: 508px;
  top: 290px;
}
.m960 .c2 a {
  left: 654px;
  top: 161px;
}
.m960 .c2 a.tooltip-right .tooltip-arrow {
  right: 306px;
}
.m960 .c3 a {
  left: 785px;
  top: 379px;
}
.m960 .c3 a.tooltip-right .tooltip-arrow {
  right: 175px;
}
.m960 .c4 a {
  left: 493px;
  top: 186px;
}
.m960 .c5 a {
  left: 207px;
  top: 169px;
}
.m960 .c5 a.tooltip-left .tooltip-arrow {
  left: 207px;
}
.m960 .c6 a {
  left: 308px;
  top: 345px;
}
.m960 .c6 a.tooltip-left .tooltip-arrow {
  left: 308px;
}
/* size: 1280 */
.m1280 {
  width: 1280px;
}
.m1280 .continents,
.m1280 .continents .bg,
.m1280 .continents-cities {
  background: transparent url('../img/continents/continents-1280.png') no-repeat 0 0;
}
.m1280 .continents,
.m1280 .continents-cities {
  height: 665px;
  width: 1280px;
}
.m1280 .continents-cities {
  background-position: -1300px 0;
}
.m1280 .continents .m {
  margin: 10001px 0 0 0;
}
.m1280 .continents .m span {
  font-size: 80px !important;
}
.m1280 .continents .bg {
  padding: 15px;
}
.m1280 .c1.focus .bg,
.m1280 .c1.active-region .bg {
  height: 229px;
  left: 528px;
  top: 292px;
  width: 230px;
}
.m1280 .c1.focus .bg {
  background-position: -546px -1158px;
}
.m1280 .c1.active-region .bg {
  background-position: -1846px -1158px;
}
.m1280 .c2.focus .bg,
.m1280 .c2.active-region .bg {
  height: 409px;
  left: 666px;
  top: 36px;
  width: 433px;
}
.m1280 .c2.focus .bg {
  background-position: -13px -715px;
}
.m1280 .c2.active-region .bg {
  background-position: -1313px -715px;
}
.m1280 .c3.focus .bg,
.m1280 .c3.active-region .bg {
  height: 209px;
  left: 958px;
  top: 366px;
  width: 268px;
}
.m1280 .c3.focus .bg {
  background-position: -218px -1174px;
}
.m1280 .c3.active-region .bg {
  background-position: -1518px -1174px;
}
.m1280 .c4.focus .bg,
.m1280 .c4.active-region .bg {
  height: 254px;
  left: 518px;
  top: 47px;
  width: 248px;
}
.m1280 .c4.focus .bg {
  background-position: -835px -1128px;
}
.m1280 .c4.active-region .bg {
  background-position: -2135px -1128px;
}
.m1280 .c5.focus .bg,
.m1280 .c5.active-region .bg {
  height: 363px;
  left: 25px;
  top: 26px;
  width: 537px;
}
.m1280 .c5.focus .bg {
  background-position: -526px -716px;
}
.m1280 .c5.active-region .bg {
  background-position: -1826px -716px;
}
.m1280 .c6.focus .bg,
.m1280 .c6.active-region .bg {
  height: 237px;
  left: 316px;
  top: 371px;
  width: 157px;
}
.m1280 .c6.focus .bg {
  background-position: -23px -1164px;
}
.m1280 .c6.active-region .bg {
  background-position: -1323px -1164px;
}
.m1280 .c1 a {
  left: 677px;
  top: 388px;
}
.m1280 .c2 a {
  left: 872px;
  top: 216px;
}
.m1280 .c3 a {
  left: 1046px;
  top: 506px;
}
.m1280 .c3 a.tooltip-right .tooltip-arrow {
  right: 234px;
}
.m1280 .c4 a {
  left: 657px;
  top: 249px;
}
.m1280 .c5 a {
  left: 276px;
  top: 226px;
}
.m1280 .c5 a.tooltip-left .tooltip-arrow {
  left: 276px;
}
.m1280 .c6 a {
  left: 410px;
  top: 461px;
}
/* size: 1450 */
.m1450 {
  width: 1450px;
}
.m1450 .continents,
.m1450 .continents .bg,
.m1450 .continents-cities {
  background: transparent url('../img/continents/continents-1450.png') no-repeat 0 0;
}
.m1450 .continents,
.m1450 .continents-cities {
  height: 755px;
  width: 1450px;
}
.m1450 .continents-cities {
  background-position: -1500px 0;
}
.m1450 .continents .m {
  margin: 10004px 0 0 5px;
}
.m1450 .continents .m span {
  font-size: 90px !important;
}
.m1450 .continents .bg {
  padding: 15px;
}
.m1450 .c1.focus .bg,
.m1450 .c1.active-region .bg {
  height: 257px;
  left: 601px;
  top: 334px;
  width: 258px;
}
.m1450 .c1.focus .bg {
  background-position: -932px -1283px;
}
.m1450 .c1.active-region .bg {
  background-position: -2432px -1283px;
}
.m1450 .c2.focus .bg,
.m1450 .c2.active-region .bg {
  height: 460px;
  left: 757px;
  top: 47px;
  width: 487px;
}
.m1450 .c2.focus .bg {
  background-position: -15px -816px;
}
.m1450 .c2.active-region .bg {
  background-position: -1515px -816px;
}
.m1450 .c3.focus .bg,
.m1450 .c3.active-region .bg {
  height: 235px;
  left: 1085px;
  top: 418px;
  width: 301px;
}
.m1450 .c3.focus .bg {
  background-position: -241px -1336px;
}
.m1450 .c3.active-region .bg {
  background-position: -1741px -1336px;
}
.m1450 .c4.focus .bg,
.m1450 .c4.active-region .bg {
  height: 286px;
  left: 590px;
  top: 59px;
  width: 279px;
}
.m1450 .c4.focus .bg {
  background-position: -592px -1283px;
}
.m1450 .c4.active-region .bg {
  background-position: -2092px -1283px;
}
.m1450 .c5.focus .bg,
.m1450 .c5.active-region .bg {
  height: 408px;
  left: 35px;
  top: 35px;
  width: 604px;
}
.m1450 .c5.focus .bg {
  background-position: -562px -816px;
}
.m1450 .c5.active-region .bg {
  background-position: -2062px -816px;
}
.m1450 .c6.focus .bg,
.m1450 .c6.active-region .bg {
  height: 267px;
  left: 363px;
  top: 424px;
  width: 176px;
}
.m1450 .c6.focus .bg {
  background-position: -15px -1326px;
}
.m1450 .c6.active-region .bg {
  background-position: -1515px -1326px;
}
.m1450 .c1 a {
  left: 767px;
  top: 440px;
}
.m1450 .c2 a {
  left: 986px;
  top: 247px;
}
.m1450 .c3 a {
  left: 1182px;
  top: 574px;
}
.m1450 .c3 a.tooltip-right .tooltip-arrow {
  right: 268px;
}
.m1450 .c4 a {
  left: 744px;
  top: 284px;
}
.m1450 .c5 a {
  left: 315px;
  top: 259px;
}
.m1450 .c6 a {
  left: 467px;
  top: 523px;
}
/* custom modifications */
.continents.css-map {
  list-style: outside none none;
}
/* --------------------------------------------------------
end of the maps */

/*# sourceMappingURL=home-4196f351.css.map */