/*!

* # Semantic UI 2.2.4 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/

/*******************************

Transitions

*******************************/

.transition {

-webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
-webkit-animation-duration: 300ms;
        animation-duration: 300ms;
-webkit-animation-timing-function: ease;
        animation-timing-function: ease;
-webkit-animation-fill-mode: both;
        animation-fill-mode: both;

}

/*******************************

States

*******************************/

/* Animating */ .animating.transition {

-webkit-backface-visibility: hidden;
        backface-visibility: hidden;
visibility: visible !important;

}

/* Loading */ .loading.transition {

position: absolute;
top: -99999px;
left: -99999px;

}

/* Hidden */ .hidden.transition {

display: none;
visibility: hidden;

}

/* Visible */ .visible.transition {

display: block !important;
visibility: visible !important;

/* backface-visibility: @backfaceVisibility;

transform: @use3DAcceleration;*/

} /* Disabled */ .disabled.transition {

-webkit-animation-play-state: paused;
        animation-play-state: paused;

}

/*******************************

Variations

*******************************/

.looping.transition {

-webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;

}

/*******************************

Transitions

*******************************/

/*

Some transitions adapted from Animate CSS
https://github.com/daneden/animate.css

Additional transitions adapted from Glide
by Nick Pettit - https://github.com/nickpettit/glide

*/

/*————–

Browse

—————*/

.transition.browse {

-webkit-animation-duration: 500ms;
        animation-duration: 500ms;

} .transition.browse.in {

-webkit-animation-name: browseIn;
        animation-name: browseIn;

} .transition.browse.out, .transition.browse.left.out {

-webkit-animation-name: browseOutLeft;
        animation-name: browseOutLeft;

} .transition.browse.right.out {

-webkit-animation-name: browseOutRight;
        animation-name: browseOutRight;

}

/* In */ @-webkit-keyframes browseIn {

0% {
  -webkit-transform: scale(0.8) translateZ(0px);
          transform: scale(0.8) translateZ(0px);
  z-index: -1;
}
10% {
  -webkit-transform: scale(0.8) translateZ(0px);
          transform: scale(0.8) translateZ(0px);
  z-index: -1;
  opacity: 0.7;
}
80% {
  -webkit-transform: scale(1.05) translateZ(0px);
          transform: scale(1.05) translateZ(0px);
  opacity: 1;
  z-index: 999;
}
100% {
  -webkit-transform: scale(1) translateZ(0px);
          transform: scale(1) translateZ(0px);
  z-index: 999;
}

} @keyframes browseIn {

0% {
  -webkit-transform: scale(0.8) translateZ(0px);
          transform: scale(0.8) translateZ(0px);
  z-index: -1;
}
10% {
  -webkit-transform: scale(0.8) translateZ(0px);
          transform: scale(0.8) translateZ(0px);
  z-index: -1;
  opacity: 0.7;
}
80% {
  -webkit-transform: scale(1.05) translateZ(0px);
          transform: scale(1.05) translateZ(0px);
  opacity: 1;
  z-index: 999;
}
100% {
  -webkit-transform: scale(1) translateZ(0px);
          transform: scale(1) translateZ(0px);
  z-index: 999;
}

}

/* Out */ @-webkit-keyframes browseOutLeft {

0% {
  z-index: 999;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
  z-index: -1;
  -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
          transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
  opacity: 1;
}
100% {
  z-index: -1;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  opacity: 0;
}

} @keyframes browseOutLeft {

0% {
  z-index: 999;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
  z-index: -1;
  -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
          transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
  opacity: 1;
}
100% {
  z-index: -1;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  opacity: 0;
}

} @-webkit-keyframes browseOutRight {

0% {
  z-index: 999;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
  z-index: 1;
  -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
          transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
  opacity: 1;
}
100% {
  z-index: 1;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  opacity: 0;
}

} @keyframes browseOutRight {

0% {
  z-index: 999;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
  z-index: 1;
  -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
          transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
  opacity: 1;
}
100% {
  z-index: 1;
  -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
          transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
  opacity: 0;
}

}

/*————–

Drop

—————*/

.drop.transition {

-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;
-webkit-animation-duration: 400ms;
        animation-duration: 400ms;
-webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
        animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);

} .drop.transition.in {

-webkit-animation-name: dropIn;
        animation-name: dropIn;

} .drop.transition.out {

-webkit-animation-name: dropOut;
        animation-name: dropOut;

}

/* Drop */ @-webkit-keyframes dropIn {

0% {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
100% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

} @keyframes dropIn {

0% {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
100% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

} @-webkit-keyframes dropOut {

0% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
100% {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

} @keyframes dropOut {

0% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
100% {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

}

/*————–

Fade

—————*/

.transition.fade.in {

-webkit-animation-name: fadeIn;
        animation-name: fadeIn;

} .transition[class*=“fade up”].in {

-webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;

} .transition[class*=“fade down”].in {

-webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;

} .transition[class*=“fade left”].in {

-webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;

} .transition[class*=“fade right”].in {

-webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;

} .transition.fade.out {

-webkit-animation-name: fadeOut;
        animation-name: fadeOut;

} .transition[class*=“fade up”].out {

-webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp;

} .transition[class*=“fade down”].out {

-webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown;

} .transition[class*=“fade left”].out {

-webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft;

} .transition[class*=“fade right”].out {

-webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight;

}

/* In */ @-webkit-keyframes fadeIn {

0% {
  opacity: 0;
}
100% {
  opacity: 1;
}

} @keyframes fadeIn {

0% {
  opacity: 0;
}
100% {
  opacity: 1;
}

} @-webkit-keyframes fadeInUp {

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

} @keyframes fadeInUp {

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

} @-webkit-keyframes fadeInDown {

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

} @keyframes fadeInDown {

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

} @-webkit-keyframes fadeInLeft {

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

} @keyframes fadeInLeft {

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

} @-webkit-keyframes fadeInRight {

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

} @keyframes fadeInRight {

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

}

/* Out */ @-webkit-keyframes fadeOut {

0% {
  opacity: 1;
}
100% {
  opacity: 0;
}

} @keyframes fadeOut {

0% {
  opacity: 1;
}
100% {
  opacity: 0;
}

} @-webkit-keyframes fadeOutUp {

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

} @keyframes fadeOutUp {

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

} @-webkit-keyframes fadeOutDown {

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

} @keyframes fadeOutDown {

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

} @-webkit-keyframes fadeOutLeft {

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

} @keyframes fadeOutLeft {

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

} @-webkit-keyframes fadeOutRight {

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

} @keyframes fadeOutRight {

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

}

/*————–

Flips

—————*/

.flip.transition.in, .flip.transition.out {

-webkit-animation-duration: 600ms;
        animation-duration: 600ms;

} .horizontal.flip.transition.in {

-webkit-animation-name: horizontalFlipIn;
        animation-name: horizontalFlipIn;

} .horizontal.flip.transition.out {

-webkit-animation-name: horizontalFlipOut;
        animation-name: horizontalFlipOut;

} .vertical.flip.transition.in {

-webkit-animation-name: verticalFlipIn;
        animation-name: verticalFlipIn;

} .vertical.flip.transition.out {

-webkit-animation-name: verticalFlipOut;
        animation-name: verticalFlipOut;

}

/* In */ @-webkit-keyframes horizontalFlipIn {

0% {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}
100% {
  -webkit-transform: perspective(2000px) rotateY(0deg);
          transform: perspective(2000px) rotateY(0deg);
  opacity: 1;
}

} @keyframes horizontalFlipIn {

0% {
  -webkit-transform: perspective(2000px) rotateY(-90deg);
          transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}
100% {
  -webkit-transform: perspective(2000px) rotateY(0deg);
          transform: perspective(2000px) rotateY(0deg);
  opacity: 1;
}

} @-webkit-keyframes verticalFlipIn {

0% {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}
100% {
  -webkit-transform: perspective(2000px) rotateX(0deg);
          transform: perspective(2000px) rotateX(0deg);
  opacity: 1;
}

} @keyframes verticalFlipIn {

0% {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}
100% {
  -webkit-transform: perspective(2000px) rotateX(0deg);
          transform: perspective(2000px) rotateX(0deg);
  opacity: 1;
}

}

/* Out */ @-webkit-keyframes horizontalFlipOut {

0% {
  -webkit-transform: perspective(2000px) rotateY(0deg);
          transform: perspective(2000px) rotateY(0deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

} @keyframes horizontalFlipOut {

0% {
  -webkit-transform: perspective(2000px) rotateY(0deg);
          transform: perspective(2000px) rotateY(0deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(2000px) rotateY(90deg);
          transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

} @-webkit-keyframes verticalFlipOut {

0% {
  -webkit-transform: perspective(2000px) rotateX(0deg);
          transform: perspective(2000px) rotateX(0deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

} @keyframes verticalFlipOut {

0% {
  -webkit-transform: perspective(2000px) rotateX(0deg);
          transform: perspective(2000px) rotateX(0deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(2000px) rotateX(-90deg);
          transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

}

/*————–

Scale

—————*/

.scale.transition.in {

-webkit-animation-name: scaleIn;
        animation-name: scaleIn;

} .scale.transition.out {

-webkit-animation-name: scaleOut;
        animation-name: scaleOut;

} @-webkit-keyframes scaleIn {

0% {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
100% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

} @keyframes scaleIn {

0% {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
100% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

}

/* Out */ @-webkit-keyframes scaleOut {

0% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
100% {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

} @keyframes scaleOut {

0% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
100% {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}

}

/*————–

Fly

—————*/

/* Inward */ .transition.fly {

-webkit-animation-duration: 0.6s;
        animation-duration: 0.6s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

} .transition.fly.in {

-webkit-animation-name: flyIn;
        animation-name: flyIn;

} .transition[class*=“fly up”].in {

-webkit-animation-name: flyInUp;
        animation-name: flyInUp;

} .transition[class*=“fly down”].in {

-webkit-animation-name: flyInDown;
        animation-name: flyInDown;

} .transition[class*=“fly left”].in {

-webkit-animation-name: flyInLeft;
        animation-name: flyInLeft;

} .transition[class*=“fly right”].in {

-webkit-animation-name: flyInRight;
        animation-name: flyInRight;

}

/* Outward */ .transition.fly.out {

-webkit-animation-name: flyOut;
        animation-name: flyOut;

} .transition[class*=“fly up”].out {

-webkit-animation-name: flyOutUp;
        animation-name: flyOutUp;

} .transition[class*=“fly down”].out {

-webkit-animation-name: flyOutDown;
        animation-name: flyOutDown;

} .transition[class*=“fly left”].out {

-webkit-animation-name: flyOutLeft;
        animation-name: flyOutLeft;

} .transition[class*=“fly right”].out {

-webkit-animation-name: flyOutRight;
        animation-name: flyOutRight;

}

/* In */ @-webkit-keyframes flyIn {

0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
}
20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}
40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
}
60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
}
80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
}
100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

} @keyframes flyIn {

0% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
}
20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}
40% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
}
60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
          transform: scale3d(1.03, 1.03, 1.03);
}
80% {
  -webkit-transform: scale3d(0.97, 0.97, 0.97);
          transform: scale3d(0.97, 0.97, 0.97);
}
100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

} @-webkit-keyframes flyInUp {

0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 1500px, 0);
          transform: translate3d(0, 1500px, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}
75% {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}
90% {
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
}
100% {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

} @keyframes flyInUp {

0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 1500px, 0);
          transform: translate3d(0, 1500px, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}
75% {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}
90% {
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
}
100% {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

} @-webkit-keyframes flyInDown {

0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -1500px, 0);
          transform: translate3d(0, -1500px, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
}
75% {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
90% {
  -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
}
100% {
  -webkit-transform: none;
          transform: none;
}

} @keyframes flyInDown {

0% {
  opacity: 0;
  -webkit-transform: translate3d(0, -1500px, 0);
          transform: translate3d(0, -1500px, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(0, 25px, 0);
          transform: translate3d(0, 25px, 0);
}
75% {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
90% {
  -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
}
100% {
  -webkit-transform: none;
          transform: none;
}

} @-webkit-keyframes flyInLeft {

0% {
  opacity: 0;
  -webkit-transform: translate3d(1500px, 0, 0);
          transform: translate3d(1500px, 0, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
}
75% {
  -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
}
90% {
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
}
100% {
  -webkit-transform: none;
          transform: none;
}

} @keyframes flyInLeft {

0% {
  opacity: 0;
  -webkit-transform: translate3d(1500px, 0, 0);
          transform: translate3d(1500px, 0, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(-25px, 0, 0);
          transform: translate3d(-25px, 0, 0);
}
75% {
  -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
}
90% {
  -webkit-transform: translate3d(-5px, 0, 0);
          transform: translate3d(-5px, 0, 0);
}
100% {
  -webkit-transform: none;
          transform: none;
}

} @-webkit-keyframes flyInRight {

0% {
  opacity: 0;
  -webkit-transform: translate3d(-1500px, 0, 0);
          transform: translate3d(-1500px, 0, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
}
75% {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}
90% {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
100% {
  -webkit-transform: none;
          transform: none;
}

} @keyframes flyInRight {

0% {
  opacity: 0;
  -webkit-transform: translate3d(-1500px, 0, 0);
          transform: translate3d(-1500px, 0, 0);
}
60% {
  opacity: 1;
  -webkit-transform: translate3d(25px, 0, 0);
          transform: translate3d(25px, 0, 0);
}
75% {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}
90% {
  -webkit-transform: translate3d(5px, 0, 0);
          transform: translate3d(5px, 0, 0);
}
100% {
  -webkit-transform: none;
          transform: none;
}

}

/* Out */ @-webkit-keyframes flyOut {

20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}
100% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
}

} @keyframes flyOut {

20% {
  -webkit-transform: scale3d(0.9, 0.9, 0.9);
          transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
  opacity: 1;
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
          transform: scale3d(1.1, 1.1, 1.1);
}
100% {
  opacity: 0;
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
          transform: scale3d(0.3, 0.3, 0.3);
}

} @-webkit-keyframes flyOutUp {

20% {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}
40%,
45% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
}

} @keyframes flyOutUp {

20% {
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0);
}
40%,
45% {
  opacity: 1;
  -webkit-transform: translate3d(0, -20px, 0);
          transform: translate3d(0, -20px, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
          transform: translate3d(0, 2000px, 0);
}

} @-webkit-keyframes flyOutDown {

20% {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
40%,
45% {
  opacity: 1;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
}

} @keyframes flyOutDown {

20% {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
40%,
45% {
  opacity: 1;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(0, -2000px, 0);
          transform: translate3d(0, -2000px, 0);
}

} @-webkit-keyframes flyOutRight {

20% {
  opacity: 1;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
}

} @keyframes flyOutRight {

20% {
  opacity: 1;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
          transform: translate3d(-2000px, 0, 0);
}

} @-webkit-keyframes flyOutLeft {

20% {
  opacity: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
}

} @keyframes flyOutLeft {

20% {
  opacity: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
}
100% {
  opacity: 0;
  -webkit-transform: translate3d(2000px, 0, 0);
          transform: translate3d(2000px, 0, 0);
}

}

/*————–

Slide

—————*/

.transition.slide.in, .transition[class*=“slide down”].in {

-webkit-animation-name: slideInY;
        animation-name: slideInY;
-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;

} .transition[class*=“slide up”].in {

-webkit-animation-name: slideInY;
        animation-name: slideInY;
-webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
        transform-origin: bottom center;

} .transition[class*=“slide left”].in {

-webkit-animation-name: slideInX;
        animation-name: slideInX;
-webkit-transform-origin: center right;
    -ms-transform-origin: center right;
        transform-origin: center right;

} .transition[class*=“slide right”].in {

-webkit-animation-name: slideInX;
        animation-name: slideInX;
-webkit-transform-origin: center left;
    -ms-transform-origin: center left;
        transform-origin: center left;

} .transition.slide.out, .transition[class*=“slide down”].out {

-webkit-animation-name: slideOutY;
        animation-name: slideOutY;
-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;

} .transition[class*=“slide up”].out {

-webkit-animation-name: slideOutY;
        animation-name: slideOutY;
-webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
        transform-origin: bottom center;

} .transition[class*=“slide left”].out {

-webkit-animation-name: slideOutX;
        animation-name: slideOutX;
-webkit-transform-origin: center right;
    -ms-transform-origin: center right;
        transform-origin: center right;

} .transition[class*=“slide right”].out {

-webkit-animation-name: slideOutX;
        animation-name: slideOutX;
-webkit-transform-origin: center left;
    -ms-transform-origin: center left;
        transform-origin: center left;

}

/* In */ @-webkit-keyframes slideInY {

0% {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
100% {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

} @keyframes slideInY {

0% {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
100% {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

} @-webkit-keyframes slideInX {

0% {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
100% {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

} @keyframes slideInX {

0% {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
100% {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

}

/* Out */ @-webkit-keyframes slideOutY {

0% {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

} @keyframes slideOutY {

0% {
  opacity: 1;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
100% {
  opacity: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

} @-webkit-keyframes slideOutX {

0% {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
100% {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

} @keyframes slideOutX {

0% {
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
100% {
  opacity: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

}

/*————–

Swing

—————*/

.transition.swing {

-webkit-animation-duration: 800ms;
        animation-duration: 800ms;

} .transition[class*=“swing down”].in {

-webkit-animation-name: swingInX;
        animation-name: swingInX;
-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;

} .transition[class*=“swing up”].in {

-webkit-animation-name: swingInX;
        animation-name: swingInX;
-webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
        transform-origin: bottom center;

} .transition[class*=“swing left”].in {

-webkit-animation-name: swingInY;
        animation-name: swingInY;
-webkit-transform-origin: center right;
    -ms-transform-origin: center right;
        transform-origin: center right;

} .transition[class*=“swing right”].in {

-webkit-animation-name: swingInY;
        animation-name: swingInY;
-webkit-transform-origin: center left;
    -ms-transform-origin: center left;
        transform-origin: center left;

} .transition.swing.out, .transition[class*=“swing down”].out {

-webkit-animation-name: swingOutX;
        animation-name: swingOutX;
-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;

} .transition[class*=“swing up”].out {

-webkit-animation-name: swingOutX;
        animation-name: swingOutX;
-webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
        transform-origin: bottom center;

} .transition[class*=“swing left”].out {

-webkit-animation-name: swingOutY;
        animation-name: swingOutY;
-webkit-transform-origin: center right;
    -ms-transform-origin: center right;
        transform-origin: center right;

} .transition[class*=“swing right”].out {

-webkit-animation-name: swingOutY;
        animation-name: swingOutY;
-webkit-transform-origin: center left;
    -ms-transform-origin: center left;
        transform-origin: center left;

}

/* In */ @-webkit-keyframes swingInX {

0% {
  -webkit-transform: perspective(1000px) rotateX(90deg);
          transform: perspective(1000px) rotateX(90deg);
  opacity: 0;
}
40% {
  -webkit-transform: perspective(1000px) rotateX(-30deg);
          transform: perspective(1000px) rotateX(-30deg);
  opacity: 1;
}
60% {
  -webkit-transform: perspective(1000px) rotateX(15deg);
          transform: perspective(1000px) rotateX(15deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateX(-7.5deg);
          transform: perspective(1000px) rotateX(-7.5deg);
}
100% {
  -webkit-transform: perspective(1000px) rotateX(0deg);
          transform: perspective(1000px) rotateX(0deg);
}

} @keyframes swingInX {

0% {
  -webkit-transform: perspective(1000px) rotateX(90deg);
          transform: perspective(1000px) rotateX(90deg);
  opacity: 0;
}
40% {
  -webkit-transform: perspective(1000px) rotateX(-30deg);
          transform: perspective(1000px) rotateX(-30deg);
  opacity: 1;
}
60% {
  -webkit-transform: perspective(1000px) rotateX(15deg);
          transform: perspective(1000px) rotateX(15deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateX(-7.5deg);
          transform: perspective(1000px) rotateX(-7.5deg);
}
100% {
  -webkit-transform: perspective(1000px) rotateX(0deg);
          transform: perspective(1000px) rotateX(0deg);
}

} @-webkit-keyframes swingInY {

0% {
  -webkit-transform: perspective(1000px) rotateY(-90deg);
          transform: perspective(1000px) rotateY(-90deg);
  opacity: 0;
}
40% {
  -webkit-transform: perspective(1000px) rotateY(30deg);
          transform: perspective(1000px) rotateY(30deg);
  opacity: 1;
}
60% {
  -webkit-transform: perspective(1000px) rotateY(-17.5deg);
          transform: perspective(1000px) rotateY(-17.5deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateY(7.5deg);
          transform: perspective(1000px) rotateY(7.5deg);
}
100% {
  -webkit-transform: perspective(1000px) rotateY(0deg);
          transform: perspective(1000px) rotateY(0deg);
}

} @keyframes swingInY {

0% {
  -webkit-transform: perspective(1000px) rotateY(-90deg);
          transform: perspective(1000px) rotateY(-90deg);
  opacity: 0;
}
40% {
  -webkit-transform: perspective(1000px) rotateY(30deg);
          transform: perspective(1000px) rotateY(30deg);
  opacity: 1;
}
60% {
  -webkit-transform: perspective(1000px) rotateY(-17.5deg);
          transform: perspective(1000px) rotateY(-17.5deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateY(7.5deg);
          transform: perspective(1000px) rotateY(7.5deg);
}
100% {
  -webkit-transform: perspective(1000px) rotateY(0deg);
          transform: perspective(1000px) rotateY(0deg);
}

}

/* Out */ @-webkit-keyframes swingOutX {

0% {
  -webkit-transform: perspective(1000px) rotateX(0deg);
          transform: perspective(1000px) rotateX(0deg);
}
40% {
  -webkit-transform: perspective(1000px) rotateX(-7.5deg);
          transform: perspective(1000px) rotateX(-7.5deg);
}
60% {
  -webkit-transform: perspective(1000px) rotateX(17.5deg);
          transform: perspective(1000px) rotateX(17.5deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateX(-30deg);
          transform: perspective(1000px) rotateX(-30deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(1000px) rotateX(90deg);
          transform: perspective(1000px) rotateX(90deg);
  opacity: 0;
}

} @keyframes swingOutX {

0% {
  -webkit-transform: perspective(1000px) rotateX(0deg);
          transform: perspective(1000px) rotateX(0deg);
}
40% {
  -webkit-transform: perspective(1000px) rotateX(-7.5deg);
          transform: perspective(1000px) rotateX(-7.5deg);
}
60% {
  -webkit-transform: perspective(1000px) rotateX(17.5deg);
          transform: perspective(1000px) rotateX(17.5deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateX(-30deg);
          transform: perspective(1000px) rotateX(-30deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(1000px) rotateX(90deg);
          transform: perspective(1000px) rotateX(90deg);
  opacity: 0;
}

} @-webkit-keyframes swingOutY {

0% {
  -webkit-transform: perspective(1000px) rotateY(0deg);
          transform: perspective(1000px) rotateY(0deg);
}
40% {
  -webkit-transform: perspective(1000px) rotateY(7.5deg);
          transform: perspective(1000px) rotateY(7.5deg);
}
60% {
  -webkit-transform: perspective(1000px) rotateY(-10deg);
          transform: perspective(1000px) rotateY(-10deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateY(30deg);
          transform: perspective(1000px) rotateY(30deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(1000px) rotateY(-90deg);
          transform: perspective(1000px) rotateY(-90deg);
  opacity: 0;
}

} @keyframes swingOutY {

0% {
  -webkit-transform: perspective(1000px) rotateY(0deg);
          transform: perspective(1000px) rotateY(0deg);
}
40% {
  -webkit-transform: perspective(1000px) rotateY(7.5deg);
          transform: perspective(1000px) rotateY(7.5deg);
}
60% {
  -webkit-transform: perspective(1000px) rotateY(-10deg);
          transform: perspective(1000px) rotateY(-10deg);
}
80% {
  -webkit-transform: perspective(1000px) rotateY(30deg);
          transform: perspective(1000px) rotateY(30deg);
  opacity: 1;
}
100% {
  -webkit-transform: perspective(1000px) rotateY(-90deg);
          transform: perspective(1000px) rotateY(-90deg);
  opacity: 0;
}

}

/*******************************

Static Animations

*******************************/

/*————–

Emphasis

—————*/

.flash.transition {

-webkit-animation-duration: 750ms;
        animation-duration: 750ms;
-webkit-animation-name: flash;
        animation-name: flash;

} .shake.transition {

-webkit-animation-duration: 750ms;
        animation-duration: 750ms;
-webkit-animation-name: shake;
        animation-name: shake;

} .bounce.transition {

-webkit-animation-duration: 750ms;
        animation-duration: 750ms;
-webkit-animation-name: bounce;
        animation-name: bounce;

} .tada.transition {

-webkit-animation-duration: 750ms;
        animation-duration: 750ms;
-webkit-animation-name: tada;
        animation-name: tada;

} .pulse.transition {

-webkit-animation-duration: 500ms;
        animation-duration: 500ms;
-webkit-animation-name: pulse;
        animation-name: pulse;

} .jiggle.transition {

-webkit-animation-duration: 750ms;
        animation-duration: 750ms;
-webkit-animation-name: jiggle;
        animation-name: jiggle;

}

/* Flash */ @-webkit-keyframes flash {

0%,
50%,
100% {
  opacity: 1;
}
25%,
75% {
  opacity: 0;
}

} @keyframes flash {

0%,
50%,
100% {
  opacity: 1;
}
25%,
75% {
  opacity: 0;
}

}

/* Shake */ @-webkit-keyframes shake {

0%,
100% {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

} @keyframes shake {

0%,
100% {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

}

/* Bounce */ @-webkit-keyframes bounce {

0%,
20%,
50%,
80%,
100% {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
40% {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
60% {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

} @keyframes bounce {

0%,
20%,
50%,
80%,
100% {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
40% {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}
60% {
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
}

}

/* Tada */ @-webkit-keyframes tada {

0% {
  -webkit-transform: scale(1);
          transform: scale(1);
}
10%,
20% {
  -webkit-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
  -webkit-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
  -webkit-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
}
100% {
  -webkit-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
}

} @keyframes tada {

0% {
  -webkit-transform: scale(1);
          transform: scale(1);
}
10%,
20% {
  -webkit-transform: scale(0.9) rotate(-3deg);
          transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
  -webkit-transform: scale(1.1) rotate(3deg);
          transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
  -webkit-transform: scale(1.1) rotate(-3deg);
          transform: scale(1.1) rotate(-3deg);
}
100% {
  -webkit-transform: scale(1) rotate(0);
          transform: scale(1) rotate(0);
}

}

/* Pulse */ @-webkit-keyframes pulse {

0% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
50% {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0.7;
}
100% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

} @keyframes pulse {

0% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
50% {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: 0.7;
}
100% {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

}

/* Rubberband */ @-webkit-keyframes jiggle {

0% {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
}
40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
}
50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
}
65% {
  -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
}
75% {
  -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
}
100% {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

} @keyframes jiggle {

0% {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}
30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
          transform: scale3d(1.25, 0.75, 1);
}
40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
          transform: scale3d(0.75, 1.25, 1);
}
50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
          transform: scale3d(1.15, 0.85, 1);
}
65% {
  -webkit-transform: scale3d(0.95, 1.05, 1);
          transform: scale3d(0.95, 1.05, 1);
}
75% {
  -webkit-transform: scale3d(1.05, 0.95, 1);
          transform: scale3d(1.05, 0.95, 1);
}
100% {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

}

/*******************************

Site Overrides

*******************************/