/** General **/

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

/** Smooth Animations **/

/** zenFadeIn **/

.zenFadeIn {
  -webkit-animation: zenFadeIn 0.5s;
  animation: zenFadeIn 0.5s;
}

/** zenFadeInUp **/

.zenFadeInUp {
  -webkit-animation: zenFadeInUp 0.5s;
  animation: zenFadeInUp 0.5s;
}

@-webkit-keyframes zenFadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(200px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes zenFadeInUp {
  0% {opacity: 0;transform: translateY(200px);}
  100% {opacity: 1;transform: translateY(0);}
}

/** zenFadeInLeft **/

.zenFadeInLeft {
  -webkit-animation: zenFadeInLeft 0.5s;
  animation: zenFadeInLeft 0.5s;
}

@-webkit-keyframes zenFadeInLeft {
  0% {opacity: 0;-webkit-transform: translateX(-200px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes zenFadeInLeft {
  0% {opacity: 0;transform: translateX(-200px);}
  100% {opacity: 1;transform: translateY(0);}
}

/** zenFadeInDown **/

.zenFadeInDown {
  -webkit-animation: zenFadeInDown 0.5s;
  animation: zenFadeInDown 0.5s;
}

/** zenFadeInRight **/

.zenFadeInRight {
  -webkit-animation: zenFadeInRight 0.5s;
  animation: zenFadeInRight 0.5s;
}
@-webkit-keyframes zenFadeInRight {
  0% {opacity: 0;-webkit-transform: translateX(200px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes zenFadeInRight {
  0% {opacity: 0;transform: translateX(200px);}
  100% {opacity: 1;transform: translateY(0);}
}

/** zenFadeInBig **/

.zenFadeInBig {
  -webkit-animation: zenFadeIn 2s;
  animation: zenFadeIn 2s;
}

/** zenFadeInUpBig **/

.zenFadeInUpBig {
  -webkit-animation: zenFadeInUpBig 2s;
  animation: zenFadeInUpBig 2s;
}

@-webkit-keyframes zenFadeInUpBig {
  0% {opacity: 0;-webkit-transform: translateY(250px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes zenFadeInUpBig {
  0% {opacity: 0;transform: translateY(250px);}
  100% {opacity: 1;transform: translateY(0);}
}

/** zenFadeInLeftBig **/

.zenFadeInLeftBig {
  -webkit-animation: zenFadeInLeftBig 2s;
  animation: zenFadeInLeftBig 2s;
}
@-webkit-keyframes zenFadeInLeftBig {
  0% {opacity: 0;-moz-transform: translateX(-250px);}
  100% {opacity: 1;-moz-transform: translateX(0);}
}
@keyframes zenFadeInLeftBig {
  0% {opacity: 0;transform: translateX(-250px);}
  100% {opacity: 1;transform: translateX(0);}
}

/** zenFadeInDownBig **/

.zenFadeDownBig {
  -webkit-animation: zenFadeInDownBig 2s;
  animation: zenFadeInDownBig 2s;
}
@-webkit-keyframes zenFadeInDownBig {
  0% {opacity: 0;-webkit-transform: translateY(-250px);}
  100% {opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes zenFadeInDownBig {
  0% {opacity: 0;transform: translateY(-250px);}
  100% {opacity: 1;transform: translateY(0);}
}

/** zenFadeInRightBig **/

.zenFadeInRightBig {
  -webkit-animation: zenFadeInRightBig 2s;
  animation: zenFadeInRightBig 2s;
}
@-webkit-keyframes zenFadeInRightBig {
  0% {opacity: 0;-moz-transform: translateX(250px);}
  100% {opacity: 1;-moz-transform: translateX(0);}
}
@keyframes zenFadeInRightBig {
  0% {opacity: 0;transform: translateX(200px);}
  100% {opacity: 1;transform: translateX(0);}
}

/** fadeInRightBigCustom **/

.fadeInRightBigCustom {
  -webkit-animation: fadeInRightBigCustom 1s;
  animation: fadeInRightBigCustom 1s;
}
@-webkit-keyframes fadeInRightBigCustom {
  0% {opacity: 0;-moz-transform: translate(1000px, 1000px);}
  100% {opacity: 1;-moz-transform: translate(0, 0);}
}
@keyframes fadeInRightBigCustom {
  0% {opacity: 0;transform: translate(1000px, 1000px);}
  100% {opacity: 1;transform: translate(0, 0);}
}

/** fadeInCustom **/

.fadeInCustom {
  -webkit-animation: fadeInCustom 1.5s;
  animation: fadeInCustom 1.5s;
}
@-webkit-keyframes fadeInCustom {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeInCustom {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/** inRightCustom **/

.inRightCustom {
  -webkit-animation: inRightCustom 30s;
  animation: inRightCustom 30s;
}
@-webkit-keyframes inRightCustom {
  0% {-moz-transform: translateX(0);}
  100% {-moz-transform: translateX(-500px);}
}
@keyframes inRightCustom {
  0% {transform: translateX(0);}
  100% {transform: translateX(-500px);}
}

/** inLeftCustom **/

.inLeftCustom {
  -webkit-animation: inLeftCustom 30s;
  animation: inLeftCustom 30s;
}
@-webkit-keyframes inLeftCustom {
  0% {-moz-transform: translateX(0);}
  100% {-moz-transform: translateX(500px);}
}
@keyframes inLeftCustom {
  0% {transform: translateX(0);}
  100% {transform: translateX(500px);}
}

/** logoAnimOneCustom **/

.logoAnimOne {
  -webkit-animation: logoAnimOne 10s ease-in-out infinite;
  animation: logoAnimOne 10s ease-in-out infinite;
}
@-webkit-keyframes logoAnimOne {
  0% {-moz-transform: translate3d(0,0,0);}
  50% {-moz-transform: translate3d(-280px,0,0);}
  100% {-moz-transform: translate3d(0,0,0);}
}
@keyframes logoAnimOne {
  0% {transform: translate3d(0,0,0);}
  50% {transform: translate3d(-280px,0,0);}
  100% {transform: translate3d(0,0,0);}
}

/** logoAnimTwoCustom **/

.logoAnimTwo {
  -webkit-animation: logoAnimTwo 10s ease-in-out infinite;
  animation: logoAnimTwo 10s ease-in-out infinite;
}
@-webkit-keyframes logoAnimTwo {
  0% {-moz-transform: translate3d(0,0,0);}
  50% {-moz-transform: translate3d(-420px,0,0);}
  100% {-moz-transform: translate3d(0,0,0);}
}
@keyframes logoAnimTwo {
  0% {transform: translate3d(0,0,0);}
  50% {transform: translate3d(-420px,0,0);}
  100% {transform: translate3d(0,0,0);}
}

/** logoAnimThreeCustom **/

.logoAnimThree {
  -webkit-animation: logoAnimThree 10s ease-in-out infinite;
  animation: logoAnimThree 10s ease-in-out infinite;
}
@-webkit-keyframes logoAnimThree {
  0% {-moz-transform: translate3d(0,0,0);}
  50% {-moz-transform: translate3d(-330px,0,0);}
  100% {-moz-transform: translate3d(0,0,0);}
}
@keyframes logoAnimThree {
  0% {transform: translate3d(0,0,0);}
  50% {transform: translate3d(-330px,0,0);}
  100% {transform: translate3d(0,0,0);}
}

/** logoAnimFourCustom **/

.logoAnimFour {
  -webkit-animation: logoAnimFour 10s ease-in-out infinite;
  animation: logoAnimFour 10s ease-in-out infinite;
}
@-webkit-keyframes logoAnimFour {
  0% {-moz-transform: translate3d(0,0,0);}
  50% {-moz-transform: translate3d(-490px,0,0);}
  100% {-moz-transform: translate3d(0,0,0);}
}
@keyframes logoAnimFour {
  0% {transform: translate3d(0,0,0);}
  50% {transform: translate3d(-490px,0,0);}
  100% {transform: translate3d(0,0,0);}
}