.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated500 {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated200 {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); }

.animated300 {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated750 {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated1000 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-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);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }
.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    display: block; } }
/**
 * fade in/out
 */
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1;
    display: block; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes revealFromBottom {
  0% {
    opacity: 0;
    transform: translate(0, 10px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes revealFromBottom {
  0% {
    opacity: 0;
    bottom: -10px;
    transform: translate(0, 10px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.ui-animate-reveal-frombottom {
  -webkit-animation-name: revealFromBottom;
  animation-name: revealFromBottom; }

@-webkit-keyframes revealFromBottomBig {
  0% {
    opacity: 0;
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes revealFromBottomBig {
  0% {
    opacity: 0;
    transform: translate(0, 20px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.ui-animate-reveal-frombottom-big {
  -webkit-animation-name: revealFromBottomBig;
  animation-name: revealFromBottomBig; }

@-webkit-keyframes hideToBottom {
  0% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, 10px); } }
@keyframes hideToBottom {
  0% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, 10px); } }
.ui-animate-hide-tobottom {
  -webkit-animation-name: hideToBottom;
  animation-name: hideToBottom; }

@-webkit-keyframes sizeFadeOut {
  0% {
    opacity: 1;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; }
  100% {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }
@keyframes sizeFadeOut {
  0% {
    opacity: 1;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; }
  100% {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }
.sizeFadeOut {
  -webkit-animation-name: sizeFadeOut;
  animation-name: sizeFadeOut; }

@-webkit-keyframes sizeOut {
  0% {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; }
  100% {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }
@keyframes sizeOut {
  0% {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; }
  100% {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; } }
.sizeOut {
  -webkit-animation-name: sizeOut;
  animation-name: sizeOut; }

@-webkit-keyframes sizeFadeIn {
  0% {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  100% {
    opacity: 1;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; } }
@keyframes sizeFadeIn {
  0% {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  100% {
    opacity: 1;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; } }
.sizeFadeIn {
  -webkit-animation-name: sizeFadeIn;
  animation-name: sizeFadeIn; }

@-webkit-keyframes sizeIn {
  0% {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  100% {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; } }
@keyframes sizeIn {
  0% {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  100% {
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px; } }
.sizeIn {
  -webkit-animation-name: sizeIn;
  animation-name: sizeIn; }

@-webkit-keyframes revealFromTop {
  0% {
    opacity: 0;
    transform: translate(0, -15px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
@keyframes revealFromTop {
  0% {
    opacity: 0;
    transform: translate(0, -15px); }
  100% {
    opacity: 1;
    transform: translate(0, 0); } }
.ui-animate-reveal-fromtop {
  -webkit-animation-name: revealFromTop;
  animation-name: revealFromTop; }

@-webkit-keyframes hideToTop {
  0% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, -15px); } }
@keyframes hideToTop {
  0% {
    opacity: 1;
    transform: translate(0, 0); }
  100% {
    opacity: 0;
    transform: translate(0, -15px); } }
.ui-animate-hide-totop {
  -webkit-animation-name: hideToTop;
  animation-name: hideToTop; }

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(1.08); } }
@keyframes zoomIn {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.08); } }
@-moz-keyframes zoomIn {
  0% {
    -moz-transform: scale(1); }
  100% {
    -moz-transform: scale(1.08); } }
.ui-animate-zoomin {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.08); }
  100% {
    -webkit-transform: scale(1); } }
@keyframes zoomOut {
  0% {
    transform: scale(1.08); }
  100% {
    transform: scale(1); } }
.ui-animate-zoomout {
  -webkit-animation-name: zoomOut;
  -moz-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes cardHover {
  0% {
    -webkit-transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0px, -140px); } }
@keyframes cardHover {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(0px, -140px); } }
.ui-animate-cardHover {
  -webkit-animation-name: cardHover;
  -moz-animation-name: cardHover;
  animation-name: cardHover; }

.ui-animate-300-cubic {
  -webkit-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  -o-transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s;
  transition: all 0.3s cubic-bezier(0.16, 0.53, 0.15, 0.99) 0s; }

.ui-animate-3d-left {
  -webkit-transform: perspective(200px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05);
  transform: perspective(200px) rotateY(9deg) rotateX(-3deg) translateX(6%) translateZ(-10px) scale(1.05); }

.ui-animate-3d-right {
  -webkit-transform: perspective(200px) rotateY(-5deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1);
  transform: perspective(200px) rotateY(-5deg) rotateX(-3deg) translateX(-5%) translateY(2%) translateZ(-20px) scale(1.1); }
  
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}