.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.45s;
  -moz-animation-duration: 0.45s;
  -ms-animation-duration: 0.45s;
  -o-animation-duration: 0.45s;
  animation-duration: 0.45s;
  animation-direction: normal;
}

.isotopecontainer .isobrick-inner {
  -webkit-transition: all 0.65s;
  -moz-transition: all 0.65s;
  transition: all 0.65s;
}

.isotopecontainer .isobrick-inner.animate {
  -webkit-transform: translateX(-400px);
  -moz-transform: translateX(-400px);
  transform: translateX(-400px);
  opacity: 0;
}

.isotopecontainer .isobrick-inner.animatereverse {
  -webkit-transform: translateX(400px);
  -moz-transform: translateX(400px);
  transform: translateX(400px);
  opacity: 0;
}

/**
 * FadeOutLeft
 */
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

/**
 * FadeInUp
 */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/**
 * FadeInDown
 */
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

/**
 * FadeOutDown
 */
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    display: block;
  }

  99% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    display: block;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    display: none;
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moztransform: translateY(0);
    display: block;
  }

  99% {
    opacity: 0;
    -moztransform: translateY(20px);
    display: block;
  }

  100% {
    opacity: 0;
    -moztransform: translateY(20px);
    display: none;
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
    display: block;
  }

  99% {
    opacity: 0;
    -o-transform: translateY(20px);
    display: block;
  }

  100% {
    opacity: 0;
    -o-transform: translateY(20px);
    display: none;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
    display: block;
  }

  99% {
    opacity: 0;
    transform: translateY(20px);
    display: block;
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
    display: none;
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

/**
 * KenBurns
 */
img.kenburns {
  -webkit-animation-name: kenburns;
  -moz-animation-name: kenburns;
  -o-animation-name: kenburns;
  animation-name: kenburns;
}

img.kenburnsreverse {
  -webkit-animation-name: kenburnsreverse;
  -moz-animation-name: kenburnsreverse;
  -o-animation-name: kenburnsreverse;
  animation-name: kenburnsreverse;
}
img.kanimate {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 30s;
  -moz-animation-duration: 30s;
  -ms-animation-duration: 30s;
  -o-animation-duration: 30s;
  animation-duration: 30s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  /* Safari and Chrome */
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -moz-animation-iteration-count: 1;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes kenburns {
  0% {
    transform: scale(1.2);
  }

  100% {
    webkit-transform: scale(1);
  }
}
/**
 * kenburns Reverse
 */
@-webkit-keyframes kenburnsreverse {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}
@keyframes kenburnsreverse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}
/**
 * Infinite Bounce
 */
@keyframes bounceinfinite {
  from {
    transform: translate3d(0, -2px, 0);
  }

  to {
    transform: translate3d(0, 2px, 0);
  }
}
@-webkit-keyframes bounceinfinite {
  from {
    -webkit-transform: translate3d(0, -2px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 2px, 0);
  }
}
.bounceinfinite {
  animation-duration: 0.25s;
  -webkit-animation-duration: 0.25s;
  /* Safari and Chrome */
  -webkit-animation-name: bounceinfinite;
  -moz-animation-name: bounceinfinite;
  -o-animation-name: bounceinfinite;
  animation-name: bounceinfinite;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
}

/**
 * CSS3 Preloader
 */
.loading-image {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  border-width: 4px;
  border-style: solid;
  border-bottom-color: #e3e3e3;
  border-left-color: #e3e3e3;
  border-bottom-color: rgba(0,0,0,0.1);
  border-left-color: rgba(0,0,0,0.1);
  border-right-color: #222;
  border-top-color: #222;
  @include border-radius(100%);
  height: 100px;
  width: 100px;
  -webkit-animation: spinner 0.7s infinite linear;
  -moz-animation: spinner 0.7s infinite linear;
  -ms-animation: spinner 0.7s infinite linear;
  -o-animation: spinner 0.7s infinite linear;
  animation: spinner 0.7s infinite linear;
}

@keyframes "spinner" {
 from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
 }

}

@-moz-keyframes spinner {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-webkit-keyframes "spinner" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-ms-keyframes "spinner" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}

@-o-keyframes "spinner" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(359deg);
   transform: rotate(359deg);
 }

}