@keyframes flipLeft {
 0% {
transform: translateX(-100px);
opacity: 0;
}
 70% {
transform: translateX(0);
opacity: 1;
}
}

@keyframes fadeInTop {
  0% {
    -webkit-transform: translate3d(0, -400px, 0);
    transform: translate3d(0, -400px, 0);
    opacity: 0; }
  50% {
    opacity: 0.2; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
}


@keyframes rollInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(-400px) rotate(445deg);
    transform: translateX(-400px) rotate(445deg);
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    -webkit-transform: translateX(20px) rotate(20deg);
    transform: translateX(20px) rotate(20deg); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg); } }


@keyframes ball {
  0% {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  20% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); }
  40% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  85% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
	
	
	

@keyframes popInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1);
    transform: translate3d(-200px, 0, 0) scale3d(0.1, 0.1, 0.1); }
  40% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    transform: translate3d(0, 0, 0) scale3d(1.08, 1.08, 1.08);
    -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  80% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
	

@keyframes rollInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translateX(400px) rotate(-445deg);
    transform: translateX(400px) rotate(-445deg);
    opacity: 0; }
  30% {
    opacity: 1; }
  50% {
    -webkit-transform: translateX(-20px) rotate(-20deg);
    transform: translateX(-20px) rotate(-20deg); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg); } }



@keyframes enterUpBounce {
 0% {
 transform:translateY(220px);
opacity: 0;
}
50% {
 transform:translateY(0px);
}
70% {
transform:translateY(20px);
}
 100% {
 transform:translateY(0);
opacity: 1;
}
}


@keyframes swoopInLeft {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(-400px, 0, 0);
    transform: scaleX(1.5) translate3d(-400px, 0, 0); }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0); }
  65% {
    -webkit-transform: scaleX(1) translate3d(20px, 0, 0);
    transform: scaleX(1) translate3d(20px, 0, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0); } }
	
	
	

@keyframes swoopInRight {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: scaleX(1.5) translate3d(400px, 0, 0);
    transform: scaleX(1.5) translate3d(400px, 0, 0); }
  40% {
    opacity: 1;
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1.2) translate3d(0, 0, 0);
    transform: scaleX(1.2) translate3d(0, 0, 0); }
  65% {
    -webkit-transform: scaleX(1) translate3d(-20px, 0, 0);
    transform: scaleX(1) translate3d(-20px, 0, 0); }
  100% {
    -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
    transform: scaleX(1) translate3d(0, 0, 0); } }
	
	
	
	
	
.jumpInLeft {
  -webkit-animation-name: jumpInLeft;
  animation-name: jumpInLeft;
 }

@keyframes jumpInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg);
    transform: scale3d(0.5, 0.5, 0.5) rotate(-90deg); }
  50% {
    opacity: 1;
    -webkit-transform: scale3d(1.2, 1.2, 1.2) rotate(10deg);
    transform: scale3d(1.2, 1.2, 1.2) rotate(10deg); }
  70% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg); }
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate(0deg);
    transform: scale3d(1, 1, 1) rotate(0deg); } }
	
	
.enter-down-bounce {
	-webkit-animation: enterDownBounce 2s linear;
	-moz-animation: enterDownBounce 2s linear;
	-ms-animation: enterDownBounce 2s linear;
	-o-animation: enterDownBounce 2s linear;
	animation: enterDownBounce 2s linear;
	opacity: 1!important;
}
@-webkit-keyframes enterDownBounce {
 0% {
 -webkit-transform:translateY(-220px);
opacity: 0;
}
50% {
 -webkit-transform:translateY(0px);
}
70% {
-webkit-transform:translateY(-20px);
}
 100% {
 -webkit-transform:translateY(0);
opacity: 1;
}
}
@-moz-keyframes enterDownBounce {
 0% {
 -moz-transform:translateY(-220px);
opacity: 0;
}
50% {
 -moz-transform:translateY(0px);
}
70% {
-moz-transform:translateY(-20px);
}
 100% {
 -moz-transform:translateY(0);
opacity: 1;
}
}
@-ms-keyframes enterDownBounce {
 0% {
 -ms-transform:translateY(-220px);
opacity: 0;
}
50% {
 -ms-transform:translateY(0px);
}
70% {
-ms-transform:translateY(-20px);
}
 100% {
 -ms-transform:translateY(0);
opacity: 1;
}
}
@-o-keyframes enterDownBounce {
 0% {
 -o-transform:translateY(-220px);
opacity: 0;
}
50% {
 -o-transform:translateY(0px);
}
70% {
-o-transform:translateY(-20px);
}
 100% {
 -o-transform:translateY(0);
opacity: 1;
}
}
@keyframes enterDownBounce {
 0% {
 transform:translateY(-220px);
opacity: 0;
}
50% {
 transform:translateY(0px);
}
70% {
transform:translateY(-20px);
}
 100% {
 transform:translateY(0);
opacity: 1;
}
}



.enter-up-bounce {
	-webkit-animation: enterUpBounce 2.8s linear;
	-moz-animation: enterUpBounce 2.8s linear;
	-ms-animation: enterUpBounce 2.8s linear;
	-o-animation: enterUpBounce 2.8s linear;
	animation: enterUpBounce 2.8s linear;
	opacity: 1!important;
}

@-webkit-keyframes enterUpBounce {
 0% {
 -webkit-transform:translateY(220px);
opacity: 0;
}
50% {
 -webkit-transform:translateY(0px);
}
70% {
-webkit-transform:translateY(20px);
}
 100% {
 -webkit-transform:translateY(0);
opacity: 1;
}
}
@-moz-keyframes enterUpBounce {
 0% {
 -moz-transform:translateY(220px);
opacity: 0;
}
50% {
 -moz-transform:translateY(0px);
}
70% {
-moz-transform:translateY(20px);
}
 100% {
 -moz-transform:translateY(0);
opacity: 1;
}
}
@-o-keyframes enterUpBounce {
 0% {
 -o-transform:translateY(220px);
opacity: 0;
}
50% {
 -o-transform:translateY(0px);
}
70% {
-o-transform:translateY(20px);
}
 100% {
 -o-transform:translateY(0);
opacity: 1;
}
}
@-ms-keyframes enterUpBounce {
 0% {
 -ms-transform:translateY(220px);
opacity: 0;
}
50% {
 -ms-transform:translateY(0px);
}
70% {
-ms-transform:translateY(20px);
}
 100% {
 -ms-transform:translateY(0);
opacity: 1;
}
}
@keyframes enterUpBounce {
 0% {
 transform:translateY(220px);
opacity: 0;
}
50% {
 transform:translateY(0px);
}
70% {
transform:translateY(20px);
}
 100% {
 transform:translateY(0);
opacity: 1;
}
}


.flip-bottom {
	-webkit-animation: flipBottom 1 2.8s ease-out;
	-o-animation: flipBottom 1 2.8s ease-out;
	-moz-animation: flipBottom 1 2.8s ease-out;
	-ms-animation: flipBottom 1 2.8s ease-out;
	animation: flipBottom 1 2.8s ease-out;
	opacity: 1!important;
}
@-webkit-keyframes flipBottom {
 0% {
transform: translateY(100px);
opacity: 0;
}
 70% {
transform: translateY(30px);
opacity: 1;
}
 100% {
transform: translateY(0);
}
}
@-moz-keyframes flipBottom {
 0% {
transform: translateY(100px);
opacity: 0;
}
 70% {
transform: translateY(30px);
opacity: 1;
}
 100% {
transform: translateY(0);
}
}
@-ms-keyframes flipBottom {
 0% {
transform: translateY(100px);
opacity: 0;
}
 70% {
transform: translateY(30px);
opacity: 1;
}
 100% {
transform: translateY(0);
}
}
@-o-keyframes flipBottom {
 0% {
transform: translateY(100px);
opacity: 0;
}
 70% {
transform: translateY(30px);
opacity: 1;
}
 100% {
transform: translateY(0);
}
}
@keyframes flipBottom {
 0% {
transform: translateY(100px);
opacity: 0;
}
 70% {
transform: translateY(30px);
opacity: 1;
}
 100% {
transform: translateY(0);
}
}