#all-animation {width: 200px; float: left; height: 140px; background:red; background-size:100%; margin: 100px 20px;}
.center { margin: 0 auto;}
.treed {
	-webkit-perspective:600;
	-moz-perspective:600;
	-o-perspective:600;
	-ms-perspective:600;
	perspective:600;
}

.legend-flip:before,.legend-flip {
	-webkit-perspective: 600;
	perspective: 600;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
}

.legend-flip {
	-webkit-animation: legendFlip 1.2s ease-out;
	-moz-animation: legendFlip 1.2s ease-out;
	-ms-animation: legendFlip 1.2s ease-out;
	-o-animation: legendFlip 1.2s ease-out;
	animation: legendFlip 1.2s ease-out;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.legend-flip:before {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	-webkit-animation: legendFlipBefore 1.2s ease-out;
	-moz-animation: legendFlipBefore 1.2s ease-out;
	-ms-animation: legendFlipBefore 1.2s ease-out;
	-o-animation: legendFlipBefore 1.2s ease-out;
	animation: legendFlipBefore 1.2s ease-out;
	left: 0;
	background: #00D7D7;
	content: "";
	z-index: 1000;
}

.rotate-row {
	-webkit-animation: rotateRow infinite 40s ease-in;
	-moz-animation: rotateRow infinite 40s ease-in;
	-ms-animation: rotateRow infinite 40s ease-in;
	-o-animation: rotateRow infinite 40s ease-in;
	animation: rotateRow infinite 40s ease-in}

.scale-before:before {
	-webkit-animation: scaleBefore 1 0.5s ease-out;
	-moz-animation: scaleBefore 1 0.5s ease-out;
	-ms-animation: scaleBefore 1 0.5s ease-out;
	-o-animation: scaleBefore 1 0.5s ease-out;
	animation: scaleBefore 1 0.5s ease-out;
}

.legend-down:before {
	-webkit-animation: legendDown 1 0.5s ease-out;
	-moz-animation: legendDown 1 0.5s ease-out;
	-ms-animation: legendDown 1 0.5s ease-out;
	-o-animation: legendDown 1 0.5s ease-out;
	animation: legendDown 1 0.5s ease-out;
}	

.legend-up:before {
	-webkit-animation: legendUp 1 0.5s ease-out;
	-moz-animation: legendUp 1 0.5s ease-out;
	-ms-animation: legendUp 1 0.5s ease-out;
	-o-animation: legendUp 1 0.5s ease-out;
	animation: legendUp 1 0.5s ease-out;
}	

.legend-left:before {
	-webkit-animation: legendLeft 1 0.5s ease-out;
	-moz-animation: legendLeft 1 0.5s ease-out;
	-ms-animation: legendLeft 1 0.5s ease-out;
	-o-animation: legendLeft 1 0.5s ease-out;
	animation: legendLeft 1 0.5s ease-out;
}	

.legend-right:before {
	-webkit-animation: legendRight 1 0.5s ease-out;
	-moz-animation: legendRight 1 0.5s ease-out;
	-ms-animation: legendRight 1 0.5s ease-out;
	-o-animation: legendRight 1 0.5s ease-out;
	animation: legendRight 1 0.5s ease-out;
}	

.scale-before:before, .legend-down:before, .legend-up:before, .legend-left:before, .legend-right:before {background: rgba(0,0,0,0.5)}
.portrait-before:before,.portrait-blur:before,.scale-before:before,.legend-down:before, .legend-up:before, .legend-left:before, .legend-right:before {
	content: "";
	display: block;
	position: absolute;
	width: 92%;
	height: 64%;
	z-index: 1000;
	top: 9px;
	left: 9px;}

.portrait-blur:before {box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5); 
	-webkit-animation: portraitBlur 1 0.6s ease-out;
	-moz-animation: portraitBlur 1 0.6s ease-out;
	-ms-animation: portraitBlur 1 0.6s ease-out;
	-o-animation: portraitBlur 1 0.6s ease-out;
	animation: portraitBlur 1 0.6s ease-out}

.portrait-before:before {
	box-shadow: inset 0 0 0 100px rgba(0,0,0,0.5);
	-webkit-animation: portraitBefore 1 0.3s ease-out;
	-moz-animation: portraitBefore 1 0.3s ease-out;
	-ms-animation: portraitBefore 1 0.3s ease-out;
	-o-animation: portraitBefore 1 0.3s ease-out;
	animation: portraitBefore 1 0.3s ease-out
}



.rotate-down-bounce {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-animation: rotateDowBounce 1 2s ease-in;
	-o-animation: rotateDowBounce 1 2s ease-in;
	-moz-animation: rotateDowBounce 1 2s ease-in;
	-ms-animation: rotateDowBounce 1 2s ease-in;
	animation: rotateDowBounce 1 2s ease-in;
	opacity: 0; filter:alpha(opacity=0);
}

.journal {
	-webkit-animation: journal 1 2s ease-in;
	-o-animation: journal 1 2s ease-in;
	-moz-animation: journal 1 2s ease-in;
	-ms-animation: journal 1 2s ease-in;
	animation: journal 1 2s ease-in;
	opacity: 1!important;
}

.flash-bang {
	-webkit-animation: flashBang 1 2s linear;
	-o-animation: flashBang 1 2s linear;
	-moz-animation: flashBang 1 2s linear;
	-ms-animation: flashBang 1 2s linear;
	animation: flashBang 1 2s linear;
    opacity: 1 !important;
}
.dance {
	-webkit-animation: dance 1 2s linear;
	-o-animation: dance 1 2s linear;
	-moz-animation: dance 1 2s linear;
	-ms-animation: dance 1 2s linear;
	animation: dance 1 2s linear;
}
.flip-left {
	-webkit-animation: flipLeft 1 1s ease-out;
	-o-animation: flipLeft 1 1s ease-out;
	-moz-animation: flipLeft 1 1s ease-out;
	-ms-animation: flipLeft 1 1s ease-out;
	animation: flipLeft 1 1s ease-out;
	opacity: 1!important;
}
.flip-top {
	-webkit-animation: flipTop 1 1s ease-out;
	-o-animation: flipTop 1 1s ease-out;
	-moz-animation: flipTop 1 1s ease-out;
	-ms-animation: flipTop 1 1s ease-out;
	animation: flipTop 1 1s ease-out;
	opacity: 1!important;
}
.flip-right {
	-webkit-animation: flipRight 1 1s ease-out;
	-o-animation: flipRight 1 1s ease-out;
	-moz-animation: flipRight 1 1s ease-out;
	-ms-animation: flipRight 1 1s ease-out;
	animation: flipRight 1 1s ease-out;
	opacity: 1!important;
}
.flip-bottom {
	-webkit-animation: flipBottom 1 1s ease-out;
	-o-animation: flipBottom 1 1s ease-out;
	-moz-animation: flipBottom 1 1s ease-out;
	-ms-animation: flipBottom 1 1s ease-out;
	animation: flipBottom 1 1s ease-out;
	opacity: 1!important;
}
.rotate-flip {
	-webkit-animation: rotateFlip 1 1s linear;
	-o-animation: rotateFlip 1 1s linear;
	-moz-animation: rotateFlip 1 1s linear;
	-ms-animation: rotateFlip 1 1s linear;
	animation: rotateFlip 1 1s linear;
	opacity: 1!important;
}
.rotate-flip-down {
	-webkit-animation: rotateFlipDown 1 1s linear;
	-o-animation: rotateFlipDown 1 1s linear;
	-moz-animation: rotateFlipDown 1 1s linear;
	-ms-animation: rotateFlipDown 1 1s linear;
	animation: rotateFlipDown 1 1s linear;
}

.bomba {
	-webkit-animation: bomba 1 1s ease-out;
	-o-animation: bomba 1 1s ease-out;
	-moz-animation: bomba 1 1s ease-out;
	-ms-animation: bomba 1 1s ease-out;
	animation: bomba 1 1s ease-out;
	opacity: 0; filter:alpha(opacity=0);
}

.jump-bounce {
	-webkit-animation: jumpBounce 1 1.5s ease-in;
	-o-animation: jumpBounce 1 1.5s ease-in;
	-moz-animation: jumpBounce 1 1.5s ease-in;
	-ms-animation: jumpBounce 1 1.5s ease-in;
	animation: jumpBounce 1 1.5s ease-in;
}

.rotate-out {
	-webkit-animation: rotateOut 1 1.5s ease-out;
	-o-animation: rotateOut 1 1.5s ease-out;
	-moz-animation: rotateOut 1 1.5s ease-out;
	-ms-animation: rotateOut 1 1.5s ease-out;
	animation: rotateOut 1 1.5s ease-out;
	opacity: 0; filter:alpha(opacity=0);
}

.pulse-slow {
	-webkit-animation: pulseSlow infinite alternate 1s ease-in-out;
	-o-animation: pulseSlow infinite alternate 1s ease-in-out;
	-moz-animation: pulseSlow infinite alternate 1s ease-in-out;
	-ms-animation: pulseSlow infinite alternate 1s ease-in-out;
	animation: pulseSlow infinite alternate 1s ease-in-out;
}

.enter-down-bounce {
	-webkit-animation: enterDownBounce 1s linear;
	-moz-animation: enterDownBounce 1s linear;
	-ms-animation: enterDownBounce 1s linear;
	-o-animation: enterDownBounce 1s linear;
	animation: enterDownBounce 1s linear;
	opacity: 1!important;
}

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

.enter-left-bounce {
	-webkit-animation: enterLeftBounce 1s linear;
	-moz-animation: enterLeftBounce 1s linear;
	-ms-animation: enterLeftBounce 1s linear;
	-o-animation: enterLeftBounce 1s linear;
	animation: enterLeftBounce 1s linear;
	opacity: 1!important;
}
.enter-right-bounce {
	-webkit-animation: enterRightBounce 1s linear;
	-moz-animation: enterRightBounce 1s linear;
	-ms-animation: enterRightBounce 1s linear;
	-o-animation: enterRightBounce 1s linear;
	animation: enterRightBounce 1s linear;
	opacity: 1!important;
}

.scale-bounce {
	-webkit-animation: scaleBounce 1s linear;
	-moz-animation: scaleBounce 1s linear;
	-ms-animation: scaleBounce 1s linear;
	-o-animation: scaleBounce 1s linear;
	animation: scaleBounce 1s linear;
	opacity: 1!important;
}

.jamp {
	-webkit-animation: jamp 1s linear;
	-moz-animation: jamp 1s linear;
	-ms-animation: jamp 1s linear;
	-o-animation: jamp 1s linear;
	animation: jamp 1s linear;
}

.flip-left-bounce {
	-webkit-animation: flipLeftBounce 1s ease-in-out;
	-moz-animation: flipLeftBounce 1s ease-in-out;
	-ms-animation: flipLeftBounce 1s ease-in-out;
	-o-animation: flipLeftBounce 1s ease-in-out;
	animation: flipLeftBounce 1s ease-in-out;
	opacity: 1!important;
}


.flip-right-bounce {
	-webkit-animation: flipRightBounce 1s ease-in-out;
	-moz-animation: flipRightBounce 1s ease-in-out;
	-ms-animation: flipRightBounce 1s ease-in-out;
	-o-animation: flipRightBounce 1s ease-in-out;
	animation: flipRightBounce 1s ease-in-out;
	opacity: 1!important;
}

.pulse {
  -webkit-animation: pulse infinite alternate linear 0.5s;
  -moz-animation: pulse infinite alternate linear 0.5s;
  -o-animation: pulse infinite alternate linear 0.5s;
  -ms-animation: pulse infinite alternate linear 0.5s;
  animation: pulse infinite alternate linear 0.5s;
}



@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.05);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  100% {
    -moz-transform: scale(1.05);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }

  100% {
    -ms-transform: scale(1.05);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }

  100% {
    -o-transform: scale(1.05);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.05);
  }
}



/* FLIP RIGHT BOUNCE */
@-webkit-keyframes flipRightBounce {
	0% {
		opacity: 0; -webkit-transform:rotateY(-70deg);
	}50%{
		opacity: 1; -webkit-transform:rotateY(5deg);
	}80% { -webkit-transform:rotateY(-20deg);}
	100%{-webkit-transform:rotateY(0deg);}
}@-moz-keyframes flipRightBounce {
	0% {
		opacity: 0; -moz-transform:rotateY(-70deg);
	}50%{
		opacity: 1; -moz-transform:rotateY(5deg);
	}80% { -moz-transform:rotateY(-20deg);}
	100%{-moz-transform:rotateY(0deg);}
}@-ms-keyframes flipRightBounce {
	0% {
		opacity: 0; -ms-transform:rotateY(-70deg);
	}50%{
		opacity: 1; -ms-transform:rotateY(5deg);
	}80% { -ms-transform:rotateY(-20deg);}
	100%{-ms-transform:rotateY(0deg);}
}@-o-keyframes flipRightBounce {
	0% {
		opacity: 0; -o-transform:rotateY(-70deg);
	}50%{
		opacity: 1; -o-transform:rotateY(5deg);
	}80% { -o-transform:rotateY(-20deg);}
	100%{-o-transform:rotateY(0deg);}
}@keyframes flipRightBounce {
	0% {
		opacity: 0;transform:rotateY(-70deg);
	}50%{
		opacity: 1;transform:rotateY(5deg);
	}80% {transform:rotateY(-20deg);}
	100% {transform:rotateY(0deg);}
}


/* FLIP LEFT BOUNCE */
@-webkit-keyframes flipLeftBounce {
	0% {
		opacity: 0; -webkit-transform:rotateY(70deg);
	}50%{
		opacity: 1; -webkit-transform:rotateY(-5deg);
	}80% { -webkit-transform:rotateY(20deg);}
	100%{-webkit-transform:rotateY(0deg);}
}@-moz-keyframes flipLeftBounce {
	0% {
		opacity: 0; -moz-transform:rotateY(70deg);
	}50%{
		opacity: 1; -moz-transform:rotateY(-5deg);
	}80% { -moz-transform:rotateY(20deg);}
	100%{-moz-transform:rotateY(0deg);}
}@-ms-keyframes flipLeftBounce {
	0% {
		opacity: 0; -ms-transform:rotateY(70deg);
	}50%{
		opacity: 1; -ms-transform:rotateY(-5deg);
	}80% { -ms-transform:rotateY(20deg);}
	100%{-ms-transform:rotateY(0deg);}
}@-o-keyframes flipLeftBounce {
	0% {
		opacity: 0; -o-transform:rotateY(70deg);
	}50%{
		opacity: 1; -o-transform:rotateY(-5deg);
	}80% { -o-transform:rotateY(20deg);}
	100%{-o-transform:rotateY(0deg);}
}@keyframes flipLeftBounce {
	0% {
		opacity: 0;transform:rotateY(70deg);
	}50%{
		opacity: 1;transform:rotateY(-5deg);
	}80% {transform:rotateY(20deg);}
	100% {transform:rotateY(0deg);}
}

/* JAMP */
@-webkit-keyframes jamp {
	0% {
		-webkit-transform:translateY(0);
	}10%{
		-webkit-transform:translateY(-50px);
	}25%{
		-webkit-transform:translateY(-50px) scale(1.1);
	}35%{
		-webkit-transform:translateY(-50px) scale(1);
	}45%{
		-webkit-transform:translateY(-50px) scale(1.2);
	}55%{
		-webkit-transform:translateY(-50px) scale(1);
	}65%{
		-webkit-transform:translate(150px,-50px) scale(0.8);
	}85%{
		-webkit-transform:translate(150px,-50px) scale(1.2);
	}95%{
		-webkit-transform:translate(0,0px) scale(1);
	}100%{
		-webkit-transform:translate(0,0);

	}
}
@-moz-keyframes jamp {
	0% {
		-moz-transform:translateY(0);
	}10%{
		-moz-transform:translateY(-50px);
	}25%{
		-moz-transform:translateY(-50px) scale(1.1);
	}35%{
		-moz-transform:translateY(-50px) scale(1);
	}45%{
		-moz-transform:translateY(-50px) scale(1.2);
	}55%{
		-moz-transform:translateY(-50px) scale(1);
	}65%{
		-moz-transform:translate(150px,-50px) scale(0.8);
	}85%{
		-moz-transform:translate(150px,-50px) scale(1.2);
	}95%{
		-moz-transform:translate(0,0px) scale(1);
	}100%{
		-moz-transform:translate(0,0);

	}
}
@-ms-keyframes jamp {
	0% {
		-ms-transform:translateY(0);
	}10%{
		-ms-transform:translateY(-50px);
	}25%{
		-ms-transform:translateY(-50px) scale(1.1);
	}35%{
		-ms-transform:translateY(-50px) scale(1);
	}45%{
		-ms-transform:translateY(-50px) scale(1.2);
	}55%{
		-ms-transform:translateY(-50px) scale(1);
	}65%{
		-ms-transform:translate(150px,-50px) scale(0.8);
	}85%{
		-ms-transform:translate(150px,-50px) scale(1.2);
	}95%{
		-ms-transform:translate(0,0px) scale(1);
	}100%{
		-ms-transform:translate(0,0);

	}
}
@-o-keyframes jamp {
	0% {
		-o-transform:translateY(0);
	}10%{
		-o-transform:translateY(-50px);
	}25%{
		-o-transform:translateY(-50px) scale(1.1);
	}35%{
		-o-transform:translateY(-50px) scale(1);
	}45%{
		-o-transform:translateY(-50px) scale(1.2);
	}55%{
		-o-transform:translateY(-50px) scale(1);
	}65%{
		-o-transform:translate(150px,-50px) scale(0.8);
	}85%{
		-o-transform:translate(150px,-50px) scale(1.2);
	}95%{
		-o-transform:translate(0,0px) scale(1);
	}100%{
		-o-transform:translate(0,0);

	}
}
@keyframes jamp {
	0% {
		transform:translateY(0);
	}10%{
		transform:translateY(-50px);
	}25%{
		transform:translateY(-50px) scale(1.1);
	}35%{
		transform:translateY(-50px) scale(1);
	}45%{
		transform:translateY(-50px) scale(1.2);
	}55%{
		transform:translateY(-50px) scale(1);
	}65%{
		transform:translate(150px,-50px) scale(0.8);
	}85%{
		transform:translate(150px,-50px) scale(1.2);
	}95%{
		transform:translate(0,0px) scale(1);
	}100%{
		transform:translate(0,0);

	}
}


/* SCALE BOUNCE */
@-webkit-keyframes scaleBounce {
	0% {
		-webkit-transform:scale(1.5);  opacity: 0;
	}50%{
		-webkit-transform:scale(1); 
	}70%{
		-webkit-transform:scale(1.1); 
	}100%{opacity: 1;-webkit-transform:scale(1);}
}
@-moz-keyframes scaleBounce {
	0% {
		-moz-transform:scale(1.5);  opacity: 0;
	}50%{
		-moz-transform:scale(1); 
	}70%{
		-moz-transform:scale(1.1); 
	}100%{opacity: 1;-moz-transform:scale(1);}
}
@-o-keyframes scaleBounce {
	0% {
		-o-transform:scale(1.5);  opacity: 0;
	}50%{
		-o-transform:scale(1); 
	}70%{
		-o-transform:scale(1.1); 
	}100%{opacity: 1;-o-transform:scale(1);}
}
@-ms-keyframes scaleBounce {
	0% {
		-ms-transform:scale(1.5);  opacity: 0;
	}50%{
		-ms-transform:scale(1); 
	}70%{
		-ms-transform:scale(1.1); 
	}100%{opacity: 1;-ms-transform:scale(1);}
}
@keyframes scaleBounce {
	0% {
		transform:scale(1.5);  opacity: 0;
	}50%{
		transform:scale(1); 
	}70%{
		transform:scale(1.1); 
	}100%{opacity: 1;transform:scale(1);}
}

/* ENTER RIGHT BOUNCE */
@-webkit-keyframes enterRightBounce {
	0% {
		-webkit-transform:translateX(220px);  opacity: 0;
	}50%{
		-webkit-transform:translateX(0px); 
	}70%{-webkit-transform:translateX(8px); }
	
	100%{
		-webkit-transform:translateX(0);  opacity: 1;
	}
}
@-moz-keyframes enterRightBounce {
	0% {
		-moz-transform:translateX(220px);  opacity: 0;
	}50%{
		-moz-transform:translateX(0px); 
	}70%{-moz-transform:translateX(8px); }
	
	100%{
		-moz-transform:translateX(0);  opacity: 1;
	}
}
@-o-keyframes enterRightBounce {
	0% {
		-o-transform:translateX(220px);  opacity: 0;
	}50%{
		-o-transform:translateX(0px); 
	}70%{-o-transform:translateX(8px); }
	
	100%{
		-o-transform:translateX(0);  opacity: 1;
	}
}
@-ms-keyframes enterRightBounce {
	0% {
		-ms-transform:translateX(220px);  opacity: 0;
	}50%{
		-ms-transform:translateX(0px); 
	}70%{-ms-transform:translateX(8px); }
	
	100%{
		-ms-transform:translateX(0);  opacity: 1;
	}
}
@keyframes enterRightBounce {
	0% {
		transform:translateX(220px);  opacity: 0;
	}50%{
		transform:translateX(0px); 
	}70%{transform:translateX(8px); }
	
	100%{
		transform:translateX(0);  opacity: 1;
	}
}

/* ENTER LEFT BOUNCE */
@-webkit-keyframes enterLeftBounce {
	0% {
		-webkit-transform:translateX(-220px);  opacity: 0;
	}50%{
		-webkit-transform:translateX(0px); 
	}70%{-webkit-transform:translateX(-8px); }
	
	100%{
		-webkit-transform:translateX(0);  opacity: 1;
	}
}
@-moz-keyframes enterLeftBounce {
	0% {
		-moz-transform:translateX(-220px);  opacity: 0;
	}50%{
		-moz-transform:translateX(0px); 
	}70%{-moz-transform:translateX(-8px); }
	
	100%{
		-moz-transform:translateX(0);  opacity: 1;
	}
}
@-o-keyframes enterLeftBounce {
	0% {
		-o-transform:translateX(-220px);  opacity: 0;
	}50%{
		-o-transform:translateX(0px); 
	}70%{-o-transform:translateX(-8px); }
	
	100%{
		-o-transform:translateX(0);  opacity: 1;
	}
}
@-ms-keyframes enterLeftBounce {
	0% {
		-ms-transform:translateX(-220px);  opacity: 0;
	}50%{
		-ms-transform:translateX(0px); 
	}70%{-ms-transform:translateX(-8px); }
	
	100%{
		-ms-transform:translateX(0);  opacity: 1;
	}
}
@keyframes enterLeftBounce {
	0% {
		transform:translateX(-220px);  opacity: 0;
	}50%{
		transform:translateX(0px); 
	}70%{transform:translateX(-8px); }
	
	100%{
		transform:translateX(0);  opacity: 1;
	}
}

/* ENTER UP BOUNCE */
@-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;
	}
}


/* ENTER DOWN BOUNCE */
@-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;
	}
}

/* ROTATE DOWN */
@-webkit-keyframes pulseSlow {
	0% {
		-webkit-transform:scale(1);  opacity: 1;
	}100%{
		-webkit-transform:scale(0.85);  opacity: 0.5;
	}
}@-moz-keyframes pulseSlow {
	0% {
		-moz-transform:scale(1);  opacity: 1;
	}100%{
		-moz-transform:scale(0.85);  opacity: 0.5;
	}
}@-ms-keyframes pulseSlow {
	0% {
		-ms-transform:scale(1);  opacity: 1;
	}100%{
		-ms-transform:scale(0.85);  opacity: 0.5;
	}
}@-o-keyframes pulseSlow {
	0% {
		-o-transform:scale(1);  opacity: 1;
	}100%{
		-o-transform:scale(0.85);  opacity: 0.5;
	}
}@keyframes pulseSlow {
	0% {
		transform:scale(1);  opacity: 1;
	}100%{
		transform:scale(0.85);  opacity: 0.5;
	}
}

/* ROTATE DOWN */
@-webkit-keyframes rotateOut {
	0% {
		opacity: 1;	
	}50%,100%{
		-webkit-transform:scale(0) rotateY(189deg);
	}
}@-moz-keyframes rotateOut {
	0% {
		opacity: 1;	
	}50%,100%{
		-moz-transform:scale(0) rotateY(189deg);
	}
}@-ms-keyframes rotateOut {
	0% {
		opacity: 1;	
	}50%,100%{
		-ms-transform:scale(0) rotateY(189deg);
	}
}@-o-keyframes rotateOut {
	0% {
		opacity: 1;	
	}50%,100%{
		-o-transform:scale(0) rotateY(189deg);
	}
}@keyframes rotateOut {
	0% {
		opacity: 1;	
	}50%,100%{
		transform:scale(0) rotateY(189deg);
	}
}

/* TREE FLIP DOWN */
@-webkit-keyframes treeFlipDown {
	0% {-webkit-transform: rotateX(0);}
	100%{-webkit-transform: rotateX(-62deg);}
}
@-moz-keyframes treeFlipDown {
	0% {-moz-transform: rotateX(0);}
	100%{-moz-transform: rotateX(-62deg);}
}
@-ms-keyframes treeFlipDown {
	0% {-ms-transform: rotateX(0);}
	100%{-ms-transform: rotateX(-62deg);}
}
@-o-keyframes treeFlipDown {
	0% {-o-transform: rotateX(0);}
	100%{-o-transform: rotateX(-62deg);}
}
@keyframes treeFlipDown {
	0% {transform: rotateX(0);}
	100%{transform: rotateX(-62deg);}
}

/* TREE FLIP UP */
@-webkit-keyframes treeFlipUp {
	0% {-webkit-transform: rotateX(0);}
	100%{-webkit-transform: rotateX(110deg);}
}
@-moz-keyframes treeFlipUp {
	0% {-moz-transform: rotateX(0);}
	100%{-moz-transform: rotateX(110deg);}
}
@-ms-keyframes treeFlipUp {
	0% {-ms-transform: rotateX(0);}
	100%{-ms-transform: rotateX(110deg);}
}
@-o-keyframes treeFlipUp {
	0% {-o-transform: rotateX(0);}
	100%{-o-transform: rotateX(110deg);}
}
@keyframes treeFlipUp {
	0% {transform: rotateX(0);}
	100%{transform: rotateX(110deg);}
}

/* TREE FLIP RIGHT */
@-webkit-keyframes treeFlipRight {
	0% {-webkit-transform: rotateY(0);}
	100%{-webkit-transform: rotateY(90deg);}
}
@-moz-keyframes treeFlipRight {
	0% {-moz-transform: rotateY(0);}
	100%{-moz-transform: rotateY(90deg);}
}
@-ms-keyframes treeFlipRight {
	0% {-ms-transform: rotateY(0);}
	100%{-ms-transform: rotateY(90deg);}
}
@-o-keyframes treeFlipRight {
	0% {-o-transform: rotateY(0);}
	100%{-o-transform: rotateY(90deg);}
}
@keyframes treeFlipRight {
	0% {transform: rotateY(0);}
	100%{transform: rotateY(90deg);}
}

/* TREE FLIP */
@-webkit-keyframes treeFlip {
	0% {-webkit-transform: rotateY(0);}
	100%{-webkit-transform: rotateY(-90deg);}
}
@-moz-keyframes treeFlip {
	0% {-moz-transform: rotateY(0);}
	100%{-moz-transform: rotateY(-90deg);}
}
@-ms-keyframes treeFlip {
	0% {-ms-transform: rotateY(0);}
	100%{-ms-transform: rotateY(-90deg);}
}
@-o-keyframes treeFlip {
	0% {-o-transform: rotateY(0);}
	100%{-o-transform: rotateY(-90deg);}
}
@keyframes treeFlip {
	0% {transform: rotateY(0);}
	100%{transform: rotateY(-90deg);}
}


/* JUMP BOUNCE */
@-webkit-keyframes jumpBounce {
	10% {-webkit-transform:translateY(-150px);}
	20%,35%,50% {-webkit-transform:translateY(0px);}
	25% {-webkit-transform:translateY(-60px);}
	40% {-webkit-transform:translateY(-40px);}
	
}
@-moz-keyframes jumpBounce {
	10% {-moz-transform:translateY(-150px);}
	20%,35%,50% {-moz-transform:translateY(0px);}
	25% {-moz-transform:translateY(-60px);}
	40% {-moz-transform:translateY(-40px);}
	
}
@-ms-keyframes jumpBounce {
	10% {-ms-transform:translateY(-150px);}
	20%,35%,50% {-ms-transform:translateY(0px);}
	25% {-ms-transform:translateY(-60px);}
	40% {-ms-transform:translateY(-40px);}
	
}
@-o-keyframes jumpBounce {
	10% {-o-transform:translateY(-150px);}
	20%,35%,50% {-o-transform:translateY(0px);}
	25% {-o-transform:translateY(-60px);}
	40% {-o-transform:translateY(-40px);}
	
}
@keyframes jumpBounce {
	10% {transform:translateY(-150px);}
	20%,35%,50% {transform:translateY(0px);}
	25% {transform:translateY(-60px);}
	40% {transform:translateY(-40px);}
	
}

/* FOUR ROCK */
@-webkit-keyframes fourRock {
	0% {-webkit-transform-origin: 0 0;}
	5%{-webkit-transform: scale(0.5);}
	10% {-webkit-transform: scale(0.5)}
	15% {-webkit-transform: scale(0.5) translateX(130px);}
	20% {-webkit-transform: scale(0.5) translateX(130px);}
	25% {-webkit-transform: scale(0.5) translate(130px,130px);}
	30% {-webkit-transform: scale(0.5) translate(0px,130px);}
	35% {-webkit-transform: scale(0.5) translate(0px,0px);}
	40% {-webkit-transform: scale(1);}
	100%{-webkit-transform: scale(1);-webkit-transform-origin: 0 0;}
	
}
@-moz-keyframes fourRock {
	0% {-moz-transform-origin: 0 0;}
	5%{-moz-transform: scale(0.5);}
	10% {-moz-transform: scale(0.5)}
	15% {-moz-transform: scale(0.5) translateX(130px);}
	20% {-moz-transform: scale(0.5) translateX(130px);}
	25% {-moz-transform: scale(0.5) translate(130px,130px);}
	30% {-moz-transform: scale(0.5) translate(0px,130px);}
	35% {-moz-transform: scale(0.5) translate(0px,0px);}
	40% {-moz-transform: scale(1);}
	100%{-moz-transform: scale(1);-webkit-transform-origin: 0 0;}
	
}
@-ms-keyframes fourRock {
	0% {-ms-transform-origin: 0 0;}
	5%{-ms-transform: scale(0.5);}
	10% {-ms-transform: scale(0.5)}
	15% {-ms-transform: scale(0.5) translateX(130px);}
	20% {-ms-transform: scale(0.5) translateX(130px);}
	25% {-ms-transform: scale(0.5) translate(130px,130px);}
	30% {-ms-transform: scale(0.5) translate(0px,130px);}
	35% {-ms-transform: scale(0.5) translate(0px,0px);}
	40% {-ms-transform: scale(1);}
	100%{-ms-transform: scale(1);-webkit-transform-origin: 0 0;}
	
}
@-o-keyframes fourRock {
	0% {-o-transform-origin: 0 0;}
	5%{-o-transform: scale(0.5);}
	10% {-o-transform: scale(0.5)}
	15% {-o-transform: scale(0.5) translateX(130px);}
	20% {-o-transform: scale(0.5) translateX(130px);}
	25% {-o-transform: scale(0.5) translate(130px,130px);}
	30% {-o-transform: scale(0.5) translate(0px,130px);}
	35% {-o-transform: scale(0.5) translate(0px,0px);}
	40% {-o-transform: scale(1);}
	100%{-o-transform: scale(1);-webkit-transform-origin: 0 0;}
	
}
@keyframes fourRock {
	0% {transform-origin: 0 0;}
	5%{transform: scale(0.5);}
	10% {transform: scale(0.5)}
	15% {transform: scale(0.5) translateX(130px);}
	20% {transform: scale(0.5) translateX(130px);}
	25% {transform: scale(0.5) translate(130px,130px);}
	30% {transform: scale(0.5) translate(0px,130px);}
	35% {transform: scale(0.5) translate(0px,0px);}
	40% {transform: scale(1);}
	100%{transform: scale(1);-webkit-transform-origin: 0 0;}
	
}


/* BOMBA */
@-webkit-keyframes bomba {
	0% {-webkit-transform-origin: -50% 0%;-webkit-transform: rotateZ(0); opacity: 1;}
	50%,100%{-webkit-transform: rotateZ(-210deg);-webkit-transform-origin: -20% 0%; }
	47%,100%{opacity: 0;}
}
@-moz-keyframes bomba {
	0% {-moz-transform-origin: -20% 0%;-moz-transform: rotateZ(0); opacity: 1;}
	50%,100%{-moz-transform: rotateZ(-210deg);-moz-transform-origin: -20% 0%;}
}
@-ms-keyframes bomba {
	0% {-ms-transform-origin: -20% 0%;-ms-transform: rotateZ(0); opacity: 1;}
	50%,100%{-ms-transform: rotateZ(-210deg);-ms-transform-origin: -20% 0%;}
}
@-o-keyframes bomba {
	0% {-o-transform-origin: -20% 0%;-o-transform: rotateZ(0); opacity: 1;}
	50%,100%{-o-transform: rotateZ(-210deg);-o-transform-origin: -20% 0%;}
}
@keyframes bomba {
	0% {transform-origin: -20% 0%;transform: rotateZ(0); opacity: 1;}
	50%,100%{transform: rotateZ(-210deg);transform-origin: -20% 0%;}
}

/* ROTATE FLIP */
@-webkit-keyframes rotateFlipDown {
	0% {-webkit-transform-origin: 50%;}
	40%{-webkit-transform: rotateX(70deg); opacity: 0;}
	60%{-webkit-transform: rotateX(70deg); opacity: 0;}
	100%{-webkit-transform: rotateX(0deg);opacity: 1;}
}
@-moz-keyframes rotateFlipDown {
	0% {-moz-transform-origin: 50%;}
	40%{-moz-transform: rotateX(70deg); opacity: 0;}
	60%{-moz-transform: rotateX(70deg); opacity: 0;}
	100%{-moz-transform: rotateX(0deg);opacity: 1;}
}
@-ms-keyframes rotateFlipDown {
	0% {-ms-transform-origin: 50%;}
	40%{-ms-transform: rotateX(70deg); opacity: 0;}
	60%{-ms-transform: rotateX(70deg); opacity: 0;}
	100%{-ms-transform: rotateX(0deg);opacity: 1;}
}
@-o-keyframes rotateFlipDown {
	0% {-o-transform-origin: 50%;}
	40%{-o-transform: rotateX(70deg); opacity: 0;}
	60%{-o-transform: rotateX(70deg); opacity: 0;}
	100%{-o-transform: rotateX(0deg);opacity: 1;}
}
@keyframes rotateFlipDown {
	0% {transform-origin: 50%;}
	40%{transform: rotateX(70deg); opacity: 0;}
	60%{transform: rotateX(70deg); opacity: 0;}
	100%{transform: rotateX(0deg);opacity: 1;}
}


/* ROTATE FLIP */
@-webkit-keyframes rotateFlip {
	0% {-webkit-transform-origin: 50%;}
	40%{-webkit-transform: rotateY(70deg); opacity: 0;}
	60%{-webkit-transform: rotateY(70deg); opacity: 0;}
	100%{-webkit-transform: rotateY(0deg);opacity: 1;}
}
@-moz-keyframes rotateFlip {
	0% {-moz-transform-origin: 50%;}
	40%{-moz-transform: rotateY(70deg); opacity: 0;}
	60%{-moz-transform: rotateY(70deg); opacity: 0;}
	100%{-moz-transform: rotateY(0deg);opacity: 1;}
}
@-ms-keyframes rotateFlip {
	0% {-ms-transform-origin: 50%;}
	40%{-ms-transform: rotateY(70deg); opacity: 0;}
	60%{-ms-transform: rotateY(70deg); opacity: 0;}
	100%{-ms-transform: rotateY(0deg);opacity: 1;}
}
@-o-keyframes rotateFlip {
	0% {-o-transform-origin: 50%;}
	40%{-o-transform: rotateY(70deg); opacity: 0;}
	60%{-o-transform: rotateY(70deg); opacity: 0;}
	100%{-o-transform: rotateY(0deg);opacity: 1;}
}
@keyframes rotateFlip {
	0% {transform-origin: 50%;}
	40%{transform: rotateY(70deg); opacity: 0;}
	60%{transform: rotateY(70deg); opacity: 0;}
	100%{transform: rotateY(0deg);opacity: 1;}
}

/* FLIP BOTTOM */
@-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);}
}


/* FLIP RIGHT */
@-webkit-keyframes flipRight {
	0%{-webkit-transform: translateX(100px);opacity: 0;}
	70%{-webkit-transform: translateX(0);opacity: 1;}
}
@-moz-keyframes flipRight {
	0%{-moz-transform: translateX(100px);opacity: 0;}
	70%{-moz-transform: translateX(0);opacity: 1;}
}
@-ms-keyframes flipRight {
	0%{-ms-transform: translateX(100px);opacity: 0;}
	70%{-ms-transform: translateX(0);opacity: 1;}
}
@-o-keyframes flipRight {
	0%{-o-transform: translateX(100px);opacity: 0;}
	70%{-o-transform: translateX(0);opacity: 1;}
}
@keyframes flipRight {
	0%{transform: translateX(100px);opacity: 0;}
	70%{transform: translateX(0);opacity: 1;}
}

/* FLIP TOP */
@-webkit-keyframes flipTop {
	0%{-webkit-transform: translateY(-100px);opacity: 0;}
	70%{-webkit-transform: translateY(0);opacity: 1;}
}
@-moz-keyframes flipTop {
	0%{-moz-transform: translateY(-100px);opacity: 0;}
	70%{-moz-transform: translateY(0);opacity: 1;}
}
@-ms-keyframes flipTop {
	0%{-ms-transform: translateY(-100px);opacity: 0;}
	70%{-ms-transform: translateY(0);opacity: 1;}
}
@-o-keyframes flipTop {
	0%{-o-transform: translateY(-100px);opacity: 0;}
	70%{-o-transform: translateY(0);opacity: 1;}
}
@keyframes flipTop {
	0%{transform: translateY(-100px);opacity: 0;}
	70%{transform: translateY(0);opacity: 1;}
}

/* FLIP LEFT */
@-webkit-keyframes flipLeft {
	0%{-webkit-transform: translateX(-100px);opacity: 0;}
	70%{-webkit-transform: translateX(0);opacity: 1;}
}
@-moz-keyframes flipLeft {
	0%{-moz-transform: translateX(-100px);opacity: 0;}
	70%{-moz-transform: translateX(0);opacity: 1;}
}
@-ms-keyframes flipLeft {
	0%{-ms-transform: translateX(-100px);opacity: 0;}
	70%{-ms-transform: translateX(0);opacity: 1;}
}
@-o-keyframes flipLeft {
	0%{-o-transform: translateX(-100px);opacity: 0;}
	70%{-o-transform: translateX(0);opacity: 1;}
}
@keyframes flipLeft {
	0%{transform: translateX(-100px);opacity: 0;}
	70%{transform: translateX(0);opacity: 1;}
}

/* JOURNAL */
@-webkit-keyframes journal {
	0%{-webkit-transform: scale(0) rotate(-360deg);}
	80% {-webkit-transform: scale(0.5) rotate(-180deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes journal {
	0%{-moz-transform: scale(0) rotate(-360deg);}
	80% {-moz-transform: scale(0.5) rotate(-180deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes journal {
	0%{-ms-transform: scale(0) rotate(-360deg);}
	80% {-ms-transform: scale(0.5) rotate(-180deg);}
	100% {-ms-transform: scale(1) rotate(0);}
}
@-o-keyframes journal {
	0%{-o-transform: scale(0) rotate(-360deg);}
	80% {-o-transform: scale(0.5) rotate(-180deg);}
	100% {-o-transform: scale(1) rotate(0);}
}@keyframes journal {
	0%{transform: scale(0) rotate(-360deg);}
	80% {transform: scale(0.5) rotate(-180deg);}
	100% {transform: scale(1) rotate(0);}
}

/* DANCE */
@-webkit-keyframes dance {
	0%,10%,20%{-webkit-transform:rotateZ(10deg);}
	5%,15%,25%{-webkit-transform:rotateZ(-10deg)}
	35%,60%,100%{-webkit-transform:scale(1) rotateZ(0deg); box-shadow:inset 0 0 0 0 transparent;}
	40% {-webkit-transform:scale(1.3); box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);}
}
@-moz-keyframes dance {
	0%,10%,20%{-moz-transform:rotateZ(10deg);}
	5%,15%,25%{-moz-transform:rotateZ(-10deg)}
	35%,60%,100%{-moz-transform:scale(1) rotateZ(0deg); box-shadow:inset 0 0 0 0 transparent;}
	40% {-moz-transform:scale(1.3); box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);}
}
@-ms-keyframes dance {
	0%,10%,20%{-ms-transform:rotateZ(10deg);}
	5%,15%,25%{-ms-transform:rotateZ(-10deg)}
	35%,60%,100%{-ms-transform:scale(1) rotateZ(0deg); box-shadow:inset 0 0 0 0 transparent;}
	40% {-ms-transform:scale(1.3); box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);}
}
@-o-keyframes dance {
	0%,10%,20%{-o-transform:rotateZ(10deg);}
	5%,15%,25%{-o-transform:rotateZ(-10deg)}
	35%,60%,100%{-o-transform:scale(1) rotateZ(0deg); box-shadow:inset 0 0 0 0 transparent;}
	40% {-o-transform:scale(1.3); box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);}
}
@keyframes dance {
	0%,10%,20%{transform:rotateZ(10deg);}
	5%,15%,25%{transform:rotateZ(-10deg)}
	35%,60%,100%{transform:scale(1) rotateZ(0deg); box-shadow:inset 0 0 0 0 transparent;}
	40% {transform:scale(1.3); box-shadow:inset 0 0 0 0; box-shadow:inset 0 0 0 2px rgba(0,0,0,0.1);}
}

/* FLASH BANG */
@-webkit-keyframes flashBang {
	0%,20%{opacity: 0;}
	10%,30%,100%{opacity: 1;}
}
@-moz-keyframes flashBang {
	0%,20%{opacity: 0;}
	10%,30%,100%{opacity: 1;}
}
@-ms-keyframes flashBang {
	0%,20%{opacity: 0;}
	10%,30%,100%{opacity: 1;}
}
@-o-keyframes flashBang {
	0%,20%{opacity: 0;}
	10%,30%,100%{opacity: 1;}
}
@keyframes flashBang {
	0%,20%{opacity: 0;}
	10%,30%,100%{opacity: 1;}
}

/* ROTATE DOW BOUNCE */
@-webkit-keyframes rotateDowBounce {
	0%{-webkit-transform: rotate(0deg); opacity: 1;}
	20%{-webkit-transform: rotate(25deg); }
	40%{-webkit-transform:rotate(30deg);}
	10%,30%,50%{-webkit-transform: rotate(40deg); opacity: 1;filter:alpha(opacity=100);}
	80%,100%{-webkit-transform: rotate(30deg) translateY(310px) translateX(230px);opacity: 0;filter:alpha(opacity=0);}
}

@-moz-keyframes rotateDowBounce {
	0%{-moz-transform: rotate(0deg); opacity: 1;}
	20%{-moz-transform: rotate(25deg); }
	40%{-moz-transform:rotate(30deg);}
	10%,30%,50%{-moz-transform: rotate(40deg); opacity: 1;filter:alpha(opacity=100);}
	80%,100%{-moz-transform: rotate(30deg) translateY(310px) translateX(230px);opacity: 0;filter:alpha(opacity=0);}
}

@-ms-keyframes rotateDowBounce {
	0%{-ms-transform: rotate(0deg); opacity: 1;}
	20%{-ms-transform: rotate(25deg); }
	40%{-ms-transform:rotate(30deg);}
	10%,30%,50%{-ms-transform: rotate(40deg); opacity: 1;filter:alpha(opacity=100);}
	80%,100%{-ms-transform: rotate(30deg) translateY(310px) translateX(230px);opacity: 0;filter:alpha(opacity=0);}
}

@-o-keyframes rotateDowBounce {
	0%{-o-transform: rotate(0deg); opacity: 1;}
	20%{-o-transform: rotate(25deg); }
	40%{-o-transform:rotate(30deg);}
	10%,30%,50%{-o-transform: rotate(40deg); opacity: 1;filter:alpha(opacity=100);}
	80%,100%{-o-transform: rotate(30deg) translateY(310px) translateX(230px);opacity: 0;filter:alpha(opacity=0);}
}
@keyframes rotateDowBounce {
	0%{transform: rotate(0deg); opacity: 1;}
	20%{transform: rotate(25deg); }
	40%{transform:rotate(30deg);}
	10%,30%,50%{transform: rotate(40deg); opacity: 1;filter:alpha(opacity=100);}
	80%,100%{transform: rotate(30deg) translateY(310px) translateX(230px);opacity: 0;filter:alpha(opacity=0);}
}


/* ROTATE ROW */
@-webkit-keyframes rotateRow {
	0%{-webkit-transform: translateY(0);}
	0.5%{-webkit-transform: translateY(-20px);}
	1%{-webkit-transform: translateY(0px);}
	100% {-webkit-transform:rotate(20000deg);}
}
@-moz-keyframes rotateRow {
	0%{-moz-transform: translateY(0);}
	0.5%{-moz-transform: translateY(-20px);}
	1%{-moz-transform: translateY(0px);}
	100% {-moz-transform:rotate(20000deg);}
}
@-ms-keyframes rotateRow {
	0%{-ms-transform: translateY(0);}
	0.5%{-ms-transform: translateY(-20px);}
	1%{-ms-transform: translateY(0px);}
	100% {-ms-transform:rotate(20000deg);}
}
@-o-keyframes rotateRow {
	0%{-o-transform: translateY(0);}
	0.5%{-o-transform: translateY(-20px);}
	1%{-o-transform: translateY(0px);}
	100% {-o-transform:rotate(20000deg);}
}@-keyframes rotateRow {
	0%{transform: translateY(0);}
	0.5%{transform: translateY(-20px);}
	1%{transform: translateY(0px);}
	100% {transform:rotate(20000deg);}
}

/* PORTRAIT BEFORE */
@-webkit-keyframes portraitBefore {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 0 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
@-moz-keyframes portraitBefore {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5); 
		width: 100%; 
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 0 100px rgba(0,0,0,0.5); 
		width: 92%; 
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
@-ms-keyframes portraitBefore {
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5); 
		width: 100%; 
		height: 74%; 
		top: 0;
		left: 0;
	}100% {
		box-shadow: inset 0 0 0 100px rgba(0,0,0,0.5);
		width: 92%; 
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}
@-o-keyframes portraitBefore {
	0% {box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5); width: 100%; height: 74%; 
	top: 0;
	left: 0;}
	100% {box-shadow: inset 0 0 0 100px rgba(0,0,0,0.5); width: 92%; height: 64%; 
	top: 9px;
	left: 9px;}
}
@keyframes portraitBefore {
	0% {box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5); width: 100%; height: 74%; 
	top: 0;
	left: 0;}
	100% {box-shadow: inset 0 0 0 100px rgba(0,0,0,0.5); width: 92%; height: 64%; 
	top: 9px;
	left: 9px;}
}


/* SCALE BEFORE */
@-webkit-keyframes scaleBefore {
	0% {-webkit-transform:scale(1.5);}100%{-webkit-transform:scale(1);}
}
@-moz-keyframes scaleBefore {
	0% {-webkit-transform:scale(1.5);}100%{-webkit-transform:scale(1);}
}
@-ms-keyframes scaleBefore {
	0% {-webkit-transform:scale(1.5);}100%{-webkit-transform:scale(1);}
}
@-o-keyframes scaleBefore {
	0% {-webkit-transform:scale(1.5);}100%{-webkit-transform:scale(1);}
}
@keyframes scaleBefore {
	0% {-webkit-transform:scale(1.5);}100%{-webkit-transform:scale(1);}
}

/* LEGEND DOWN */
@-webkit-keyframes legendDown {
	0% {top:0; height: 0;}
	100%{ height: 64%; top: 9px;}
}
@-moz-keyframes legendDown {
	0% {top:0; height: 0;}
	100%{ height: 64%; top: 9px;}
}
@-ms-keyframes legendDown {
	0% {top:0; height: 0;}
	100%{ height: 64%; top: 9px;}
}
@-o-keyframes legendDown {
	0% {top:0; height: 0;}
	100%{ height: 64%; top: 9px;}
}@keyframes legendDown {
	0% {top:0; height: 0;}
	100%{ height: 64%; top: 9px;}
}

/* LEGEND Up */
@-webkit-keyframes legendUp {
	0% {top:70%; height: 0;}
	100%{ height: 64%; top: 9px;}
}
@-moz-keyframes legendUp {
	0% {top:70%; height: 0;}
	100%{ height: 64%; top: 9px;}
}
@-ms-keyframes legendUp {
	0% {top:70%; height: 0;}
	100%{ height: 64%; top: 9px;}
}
@-o-keyframes legendUp {
	0% {top:70%; height: 0;}
	100%{ height: 64%; top: 9px;}
}@keyframes legendUp {
	0% {top:70%; height: 0;}
	100%{ height: 64%; top: 9px;}
}

/* LEGEND LEFT */
@-webkit-keyframes legendLeft {
	0% {left:0%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@-moz-keyframes legendLeft {
	0% {left:0%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@-ms-keyframes legendLeft {
	0% {left:0%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@-o-keyframes legendLeft {
	0% {left:0%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@keyframes legendLeft {
	0% {left:0%; width: 0;}
	100%{ left: 9px; width: 92%;}
}

/* LEGEND RIGHT */
@-webkit-keyframes legendRight {
	0% {left:100%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@-moz-keyframes legendRight {
	0% {left:100%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@-ms-keyframes legendRight {
	0% {left:100%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@-o-keyframes legendRight {
	0% {left:100%; width: 0;}
	100%{ left: 9px; width: 92%;}
}
@keyframes legendRight {
	0% {left:100%; width: 0;}
	100%{ left: 9px; width: 92%;}
}

/* LEGEND FLIP BEFORE */
@-webkit-keyframes legendFlipBefore {
	0% {-webkit-transform:rotateY(-180deg);}
	60% {-webkit-transform:rotateY(30deg);}
	80% {-webkit-transform:rotateY(-30deg);}
	100% {-webkit-transform:rotateY(0);}
}
@-moz-keyframes legendFlipBefore {
	0% {-moz-transform:rotateY(-180deg);}
	60% {-moz-transform:rotateY(30deg);}
	80% {-moz-transform:rotateY(-30deg);}
	100% {-moz-transform:rotateY(0);}
}
@-ms-keyframes legendFlipBefore {
	0% {-ms-transform:rotateY(-180deg);}
	60% {-ms-transform:rotateY(30deg);}
	80% {-ms-transform:rotateY(-30deg);}
	100% {-ms-transform:rotateY(0);}
}
@-o-keyframes legendFlipBefore {
	0% {-o-transform:rotateY(-180deg);}
	60% {-o-transform:rotateY(30deg);}
	80% {-o-transform:rotateY(-30deg);}
	100% {-o-transform:rotateY(0);}
}
@keyframes legendFlipBefore {
	0% {transform:rotateY(-180deg);}
	60% {transform:rotateY(30deg);}
	80% {transform:rotateY(-30deg);}
	100% {transform:rotateY(0);}
}

/* LEGEND FLIP */
@-webkit-keyframes legendFlip {
	0% {-webkit-transform:rotateY(0);}
	60% {-webkit-transform:rotateY(-210deg);}
	100% {-webkit-transform:rotateY(-150deg);}
	100% {-webkit-transform:rotateY(-180deg);}
}
@-moz-keyframes legendFlip {
	0% {-moz-transform:rotateY(0);}
	60% {-moz-transform:rotateY(-210deg);}
	100% {-moz-transform:rotateY(-150deg);}
	100% {-moz-transform:rotateY(-180deg);}
}
@-ms-keyframes legendFlip {
	0% {-ms-transform:rotateY(0);}
	60% {-ms-transform:rotateY(-210deg);}
	100% {-ms-transform:rotateY(-150deg);}
	100% {-ms-transform:rotateY(-180deg);}
}
@-o-keyframes legendFlip {
	0% {-o-transform:rotateY(0);}
	60% {-o-transform:rotateY(-210deg);}
	100% {-o-transform:rotateY(-150deg);}
	100% {-o-transform:rotateY(-180deg);}
}
@keyframes legendFlip {
	0% {transform:rotateY(0);}
	60% {transform:rotateY(-210deg);}
	100% {transform:rotateY(-150deg);}
	100% {transform:rotateY(-180deg);}
}

/* LEGEND FLIP */
@-webkit-keyframes portraitBlur {
	
	0% {
		box-shadow: inset 0 0 0 0 rgba(0,0,0,0.5);
		width: 100%;
		height: 74%; 
		top: 0;
		left: 0;
	}
	100% {
		box-shadow: inset 0 0 100px 100px rgba(0,0,0,0.5);
		width: 92%;
		height: 64%; 
		top: 9px;
		left: 9px;
	}
}



* {
		/* box-sizing: border-box; */
		font-family: "Noto Sans", Arial;
		margin: 0;
		padding: 0;	
	}
	
	div.chat_wrap {
		bottom: 0;
		display: block;
		font-size: .85em;
		position: fixed;
		right: 3rem;
		width: 255px;
	}
	
		div.chat_wrap > div.toggle {
			background: rgb(250,250,250);
			background: linear-gradient(to bottom, rgb(250,250,250) 0%,rgb(240,240,240) 100%);
			border: 1px solid rgba(0,0,0,.1);
			color: rgba(0,0,0,.4);
			display: none;
			font-weight: bold;
			padding: .45rem 0;
			text-align: center;
		}
		
			.toggle:hover {
				cursor: pointer;	
			}
		
		div.chat {
			display: block;	
		}
		
		div.chat > header {
			background-color: rgb(76, 102, 164);
			background: linear-gradient(to bottom, rgba(76,102,164,1) 0%,rgba(62,77,132,1) 100%);
			border: 1px solid rgba(0,0,0,.1);
			border-radius: 2px 2px 0 0;
			display: block;
			line-height: 2.25rem;
		}
		
			div.chat > header > h3 {
				color: rgb(255,255,255);
				display:block;
				margin: 0;
				padding: 0;	
				text-align: center;
			}
		
		div.chat > div.chatArea {
			background: rgb(250,250,250);
			border: 1px solid rgba(0,0,0,.1);
			border-top: none;
			display: block;
			height: 252px;
			font-size: .9em;
			overflow: auto;
			padding: .25rem .65rem;
		}
		
			div.chat > div.chatArea > ul {
				list-style-type: none;	
			}
			
				div.chat > div.chatArea > ul > li {
					padding: 0 0 .45rem;
				}
				
					div.chat > div.chatArea > ul > li.time {
						color: rgba(0,0,0,.35);
						font-size: .85em;
						font-weight: bold;
						text-align: center;
						text-transform: uppercase;
					}
			
		div.chat input {
			border: none;
			border: 1px solid rgba(0,0,0,.1);
			border-top: none;
			display: block;
			padding: .35rem .5rem;
			width: 100%;	
		}
		
		
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    font-size: 24px;
    line-height: inherit;
    color: inherit;
    border-bottom: none;
}

input[type="search"] {
    -webkit-appearance: none !important;
}

.form-control-flatui::-moz-placeholder,
.select2-search input[type="text"]::-moz-placeholder {
    color: #b2bcc5;
    opacity: 1;
}
.form-control-flatui::-webkit-input-placeholder,
.select2-search input[type="text"]::-webkit-input-placeholder {
    color: #b2bcc5;
}
.form-control-flatui,
.select2-search input[type="text"] {
    height: 42px;
    padding: 8px 12px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.467;
    color: #34495e;
    border: 2px solid #bdc3c7;
    border-radius: 6px;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.form-control-flatui.flat,
.select2-search input[type="text"].flat {
    border-color: transparent;
}
.form-control-flatui.flat:hover,
.select2-search input[type="text"].flat:hover {
    border-color: #bdc3c7;
}
.form-control-flatui.flat:focus,
.select2-search input[type="text"].flat:focus {
    border-color: #1abc9c;
}
.input-sm,
.form-group-sm .form-control-flatui,
.form-group-sm .select2-search input[type="text"],
.select2-search input[type="text"] {
    height: 25px;
    padding: 6px 10px;
    font-size: 13px;
    line-height: 1.462;
    border-radius: 6px;
}


.floatForm{
    width: 540px;   
    position: fixed;
    bottom: -57px;
    right: 37px;
    background: #fff;
    z-index: 9999999;
    margin-bottom: 60px;
    opacity:0;
    display: none;
	border: 1px solid #dedede;
}
.floatFormChild{
    width: 269px;
    float:left;
}
.floatFormChildRight{
    width: 269px;
    float:left;
	margin-top:60px;
}

.floatForm .close{
    float: right;
    position: absolute;
    top:10px;
	font-size:18px;
	font-weight:900;
	font-stretch:ultra-expanded;
    right:10px;
}

.floatForm .messageNewsForm{
    color: cadetblue;
    display:none;
}

.floatForm .submitNewsForm{
    position: relative;
}

.floatForm h2{
    margin-bottom: 9px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    font-family: 'GothamBlack', Helvetica, Arial, sans-serif;
    letter-spacing: -2px;
    color: #008349; 
    font-size: 23px;
}

.floatForm .subTitle{
    font-family: 'UbuntuLight', Helvetica, Arial, sans-serif;
	color:#696969;
    font-size: 14px;
    line-height: 13px;
    margin-bottom: 20px;
}

.input-sm + .form-control-feedback, .control-feedback-sm, .select2-search input[type="text"] + .form-control-feedback {
    width: auto;
    height: 29px;
    padding-right: 10px;
    line-height: 29px;
}



.form-control-feedback {
    position: absolute;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
}

.form-control-feedback {
    position: absolute;
    top: 2px !important;
    right: 2px;
    padding: 0 12px 0 0;
    margin-top: 1px;
    font-size: 17px;
    line-height: 36px;
    color: #b2bcc5;
    pointer-events: none;
    background-color: transparent;
    border-radius: 6px;
}

.ttTxGratis .show-lesson{
    color: inherit;
    font-size: inherit; 
}

.training_training .caixa.caixaHome {
    max-width: 100%;
}

.training_training .caixa.caixaHome h1 {
    font-size: 38px;
}

.enter-right-bounce{
    display: block;
    box-sizing: border-box;
}

.product_product .lancamento{
    top: -9px;
}

.modal-full{
    width:75% !important;
    height: 95%;
}

.modal-full .modal-content{
    height:90%;
}

.modal-full .modal-body{
    height:70%;
}

.has-error label.has-error{
    font-size: 9px;
    display: block;
    margin-left: 0px;
    color: #f00;
    float: left;
    font-weight: normal;
    margin-left: 3px;
    margin-top: 2px;
}
.has-error .form-control-flatui, .has-error .select2-search input[type="text"] {
    border-bottom-color: #e74c3c;
    border-left-color: #e74c3c;
    border-right-color: #e74c3c;
    border-top-color: #e74c3c;
    box-shadow: none;
    color: #e74c3c;
}

.action-button{
    border: 2px solid;
}

.action-button:focus{
    border-color: #1abc9c;    
    outline: 0;
}

.fui-user:before {
    content: "\e631";
}
.fui-mail:before {
    content: "\e632";
}
.btn-primary {
    color: #fff;
    background-color: #ffb74c;
}
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #fdbb6a;
    border-color: #eee;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background: #16a085;
    border-color: #16a085;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled.hover,
.btn-primary[disabled].hover,
fieldset[disabled] .btn-primary.hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #bdc3c7;
    border-color: #1abc9c;
}
.btn-primary .badge {
    color: #1abc9c;
    background-color: #fff;
}
.btn {
    padding: 10px 15px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.4;
    border: none;
    border-radius: 4px;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;

    -webkit-font-smoothing: subpixel-antialiased;
}
.btn:hover,
.btn:focus {
    color: #fff;
    outline: none;
}
.btn:active,
.btn.active {
    outline: none;
    box-shadow: none;
}
.btn:focus:active {
    outline: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    color: rgba(255, 255, 255, .75);
    cursor: not-allowed;
    background-color: #bdc3c7;
    filter: alpha(opacity=70);
    opacity: .7;
}
.btn [class^="fui-"] {
    position: relative;
    top: 1px;
    margin: 0 1px;
    line-height: 1;
}
.row {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.pull-right {
    float: right !important;
}
.form-group {
    margin-bottom: 20px;
    position: relative;
}