/*! ============================================================ */
/*! Animate
/*! ============================================================ */
/*! Fade In */
.fadeIn { opacity: 0; -webkit-transition: opacity .8s ease; transition: opacity .8s ease; }

.fadeInRun { opacity: 1; }

/*! Scale */
.scale { opacity: 0; -webkit-transform: scale(0.1); transform: scale(0.1); -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; }

.scaleRun { opacity: 1; -webkit-animation-name: scaleRun; animation-name: scaleRun; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-transform: scale(1); transform: scale(1); }

@-webkit-keyframes scaleRun { 0% { -webkit-transform: scale(0.1); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; } }

@keyframes scaleRun { 0% { transform: scale(0.1); opacity: 0; }
  100% { transform: scale(1); opacity: 1; } }

@-webkit-keyframes scaleRunPricing { 0% { -webkit-transform: scale(0.1); opacity: 0; }
  100% { -webkit-transform: scale(1.05); opacity: 1; } }

@keyframes scaleRunPricing { 0% { transform: scale(0.1); opacity: 0; }
  100% { transform: scale(1.05); opacity: 1; } }

/*! Slide Up */
.slideUp { opacity: 0; -webkit-transform: translateY(15%); transform: translateY(15%); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: all; transition-property: all; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slideUpRun { opacity: 1; -webkit-animation-name: slideUpRun; animation-name: slideUpRun; -webkit-transform: translateY(0); transform: translateY(0); }

@-webkit-keyframes slideUpRun { 0% { -webkit-transform: translateY(15%); }
  100% { -webkit-transform: translateY(0); } }

@keyframes slideUpRun { 0% { transform: translateY(15%); }
  100% { transform: translateY(0); } }

/*! Slide Down */
.slideDown { opacity: 0; -webkit-transform: translateY(-15%); transform: translateY(-15%); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slideDownRun { opacity: 1; -webkit-animation-name: slideDownRun; animation-name: slideDownRun; -webkit-transform: translateY(0); transform: translateY(0); }

@-webkit-keyframes slideDownRun { 0% { -webkit-transform: translateY(-15%); }
  100% { -webkit-transform: translateY(0); } }

@keyframes slideDownRun { 0% { transform: translateY(-15%); }
  100% { transform: translateY(0); } }

/*! Slide Left */
.slideLeft { opacity: 0; -webkit-transform: translateX(15%); transform: translateX(15%); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slideLeftRun { opacity: 1; -webkit-animation-name: slideLeftRun; animation-name: slideLeftRun; -webkit-transform: translateX(0); transform: translateX(0); }

@-webkit-keyframes slideLeftRun { 0% { -webkit-transform: translateX(15%); }
  100% { -webkit-transform: translateX(0); } }

@keyframes slideLeftRun { 0% { transform: translateX(15%); }
  100% { transform: translateX(0); } }

/*! Slide Right */
.slideRight { opacity: 0; -webkit-transform: translateX(-15%); transform: translateX(-15%); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.slideRightRun { opacity: 1; -webkit-animation-name: slideRightRun; animation-name: slideRightRun; -webkit-transform: translateX(0); transform: translateX(0); }

@-webkit-keyframes slideRightRun { 0% { -webkit-transform: translateX(-15%); }
  100% { -webkit-transform: translateX(0); } }

@keyframes slideRightRun { 0% { transform: translateX(-15%); }
  100% { transform: translateX(0); } }
