@charset "utf-8";

.ltk-flipInX, .ltk-flipInY { backface-visibility: visible !important; }

.ltk-animated { animation-delay: 240ms; animation-duration: 1s; animation-fill-mode: both; }

@keyframes pulse { 
  0%, 100% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
}

.ltk-pulse { animation-name: pulse; }

@keyframes shake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}

.ltk-shake { animation-name: shake; }

@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100vh, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-slideInUp { animation-name: slideInUp; }

@keyframes slideInDown { 
  0% { transform: translate3d(0px, -80vh, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-slideInDown { animation-name: slideInDown; }

@keyframes slideInLeft { 
  0% { transform: translate3d(-100vw, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-slideInLeft { animation-name: slideInLeft; }

@keyframes slideInRight { 
  0% { transform: translate3d(100vw, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-slideInRight { animation-name: slideInRight; }

@keyframes bounce { 
  20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}

.ltk-bounce { animation-name: bounce; transform-origin: center bottom; }

@keyframes bounceIn { 
  20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

.ltk-bounceIn { animation-duration: 0.75s; animation-name: bounceIn; }

@keyframes bounceInLeft { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-bounceInLeft { animation-name: bounceInLeft; }

@keyframes bounceInRight { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-bounceInRight { animation-name: bounceInRight; }

@keyframes bounceInUp { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-bounceInUp { animation-name: bounceInUp; }

@keyframes bounceInDown { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}

.ltk-bounceInDown { animation-name: bounceInDown; }

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

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

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

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

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

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

@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

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

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

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

@keyframes flipInX { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}

.ltk-flipInX { animation-name: flipInX; }

@keyframes flipInY { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(400px); }
}

.ltk-flipInY { animation-name: flipInY; }

@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}

.ltk-zoomIn { animation-name: zoomIn; }