.infinite {
    animation-iteration-count:infinite; /* W3C and Opera */
    -moz-animation-iteration-count:infinite; /* Firefox */
    -webkit-animation-iteration-count:infinite; /*Safari and Chrome*/
}

.jiggly {
    -webkit-animation: jiggle 0.5s infinite;
    -moz-animation-duration: 0.5s;
    -moz-animation-name: jiggle;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
}


@-moz-keyframes jiggle {
    0% {
        -moz-transform: rotate(-2deg);
    }
    50% {
        -moz-transform: rotate(2deg);
    }
}

@-webkit-keyframes jiggle {
    0% {
        -webkit-transform: rotate(-2deg);
    }
    50% {
        -webkit-transform: rotate(2deg);
    }
}



.animated-half {
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated-quarter {
  -webkit-animation-duration: 0.25s;
     -moz-animation-duration: 0.25s;
       -o-animation-duration: 0.25s;
          animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated-slow {
        -webkit-animation-duration: 2s;
           -moz-animation-duration: 2s;
             -o-animation-duration: 2s;
                animation-duration: 2s;
        -webkit-animation-fill-mode: both;
           -moz-animation-fill-mode: both;
             -o-animation-fill-mode: both;
                animation-fill-mode: both;
}
.animated-4s {
        -webkit-animation-duration: 4s;
           -moz-animation-duration: 4s;
             -o-animation-duration: 4s;
                animation-duration: 4s;
        -webkit-animation-fill-mode: both;
           -moz-animation-fill-mode: both;
             -o-animation-fill-mode: both;
                animation-fill-mode: both;
}

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

@-moz-keyframes e55slideUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(300px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes e55slideUp {
  0% {
    opacity: 0;
    -o-transform: translateY(300px);
  }
  
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes e55slideUp {
  0% {
    opacity: 0;
    transform: translateY(300px);
  }
  
  100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.e55slideUp {
	-webkit-animation-name: e55slideUp;
	-moz-animation-name: e55slideUp;
	-o-animation-name: e55slideUp;
	animation-name: e55slideUp;
}


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

@-moz-keyframes e55slideDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  
  
  100% {
    opacity: 0;
    -moz-transform: translateY(300px);
  }
}

@-o-keyframes e55slideDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  
  100% {
    opacity: 0;
    -o-transform: translateY(300px);
  }
}

@keyframes e55slideDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  
  100% {
    opacity: 0;
		transform: translateY(300px);
	}
}

.e55slideDown {
	-webkit-animation-name: e55slideDown;
	-moz-animation-name: e55slideDown;
	-o-animation-name: e55slideDown;
	animation-name: e55slideDown;
}






@-webkit-keyframes e55SlideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes e55SlideInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-300px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes e55SlideInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-300px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes e55SlideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }

  100% {
    transform: translateX(0);
  }
}

.e55SlideInLeft {
  -webkit-animation-name: e55SlideInLeft;
  -moz-animation-name: e55SlideInLeft;
  -o-animation-name: e55SlideInLeft;
  animation-name: e55SlideInLeft;
}





@-webkit-keyframes e55SlideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes e55SlideInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(300px);
  }
  
  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes e55SlideInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(300px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes e55SlideInRight {
  0% {
    opacity: 0;
    transform: translateX(300px);
  }

  100% {
    transform: translateX(0);
  }
}

.e55SlideInRight {
  -webkit-animation-name: e55SlideInRight;
  -moz-animation-name: e55SlideInRight;
  -o-animation-name: e55SlideInRight;
  animation-name: e55SlideInRight;
}






@-webkit-keyframes e55SlideOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
}

@-moz-keyframes e55SlideOutLeft {
  0% {
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-300px);
  }
}

@-o-keyframes e55SlideOutLeft {
  0% {
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-300px);
  }
}

@keyframes e55SlideOutLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-300px);
  }
}

.e55SlideOutLeft {
  -webkit-animation-name: e55SlideOutLeft;
  -moz-animation-name: e55SlideOutLeft;
  -o-animation-name: e55SlideOutLeft;
  animation-name: e55SlideOutLeft;
}





@-webkit-keyframes e55SlideOutRight {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

@-moz-keyframes e55SlideOutRight {
  0% {
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(300px);
  }
}

@-o-keyframes e55SlideOutRight {
  0% {
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(300px);
  }
}

@keyframes e55SlideOutRight {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

.e55SlideOutRight {
  -webkit-animation-name: e55SlideOutRight;
  -moz-animation-name: e55SlideOutRight;
  -o-animation-name: e55SlideOutRight;
  animation-name: e55SlideOutRight;
}


@-webkit-keyframes e55SlideInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-300px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes e55SlideInTop {
  0% {
    opacity: 0;
    -moz-transform: translateY(-300px);
  }
  
  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes e55SlideInTop {
  0% {
    opacity: 0;
    -o-transform: translateY(-300px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes e55SlideInTop {
  0% {
    opacity: 0;
    transform: translateY(-300px);
  }

  100% {
    transform: translateY(0);
  }
}

.e55SlideInTop {
  -webkit-animation-name: e55SlideInTop;
  -moz-animation-name: e55SlideInTop;
  -o-animation-name: e55SlideInTop;
  animation-name: e55SlideInTop;
}



@-webkit-keyframes e55SlideInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes e55SlideInBottom {
  0% {
    opacity: 0;
    -moz-transform: translateY(300px);
  }
  
  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes e55SlideInBottom {
  0% {
    opacity: 0;
    -o-transform: translateY(300px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes e55SlideInBottom {
  0% {
    opacity: 0;
    transform: translateY(300px);
  }

  100% {
    transform: translateY(0);
  }
}

.e55SlideInBottom {
  -webkit-animation-name: e55SlideInBottom;
  -moz-animation-name: e55SlideInBottom;
  -o-animation-name: e55SlideInBottom;
  animation-name: e55SlideInBottom;
}


@-webkit-keyframes e55SlideInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(300px, 300px);
  }
  50% {
    opacity: 0.5;
    -webkit-transform: translate(0, 300px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
  }
}

@-moz-keyframes e55SlideInBottomLeft {
  0% {
    opacity: 0;
    -moz-transform: translate(300px, 300px);
  }
  50% {
    opacity: 0.5;
    -moz-transform: translate(0, 300px);
  }
  100% {
    opacity: 1;
    -moz-transform: translate(0,0);
  }
}

@-o-keyframes e55SlideInBottomLeft {
  0% {
    opacity: 0;
    -o-transform: translate(300px, 300px);
  }
  50% {
    opacity: 0.5;
    -o-transform: translate(0, 300px);
  }
  100% {
    opacity: 1;
    -o-transform: translate(0,0);
  }
}

@keyframes e55SlideInBottomLeft {
  0% {
    opacity: 0;
    transform: translate(300px, 300px);
  }
  50% {
    opacity: 0.5;
    transform: translate(0, 300px);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}

.e55SlideInBottomLeft {
  -webkit-animation-name: e55SlideInBottomLeft;
  -moz-animation-name: e55SlideInBottomLeft;
  -o-animation-name: e55SlideInBottomLeft;
  animation-name: e55SlideInBottomLeft;
}





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

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

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

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

.e55FadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}


@-webkit-keyframes e55flipInYInverted {
    0% {
        -webkit-transform: perspective(400px) rotateY(-180deg);
        opacity: 0;
    }

    
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-moz-keyframes e55flipInYInverted {
    0% {
        -moz-transform: perspective(400px) rotateY(-180deg);
        opacity: 0;
    }
    

    
    100% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-o-keyframes e55flipInYInverted {
    0% {
        -o-transform: perspective(400px) rotateY(-180deg);
        opacity: 0;
    }

    
    100% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes e55flipInYInverted {
    0% {
        transform: perspective(400px) rotateY(-180deg);
        opacity: 0;
    }

    
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.e55flipInYInverted {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: e55flipInYInverted;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: e55flipInYInverted;
	-o-backface-visibility: visible !important;
	-o-animation-name: e55flipInYInverted;
	backface-visibility: visible !important;
	animation-name: e55flipInYInverted;
}

@-webkit-keyframes e55flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    90% {
        -webkit-transform: perspective(400px) rotateY(162deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(180deg);
        opacity: 0;
    }
}
@-moz-keyframes e55flipOutY {
    0% {
        -moz-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    90% {
        -moz-transform: perspective(400px) rotateY(162deg);
        opacity: 0;
    }
    100% {
        -moz-transform: perspective(400px) rotateY(180deg);
        opacity: 0;
    }
}
@-o-keyframes e55flipOutY {
    0% {
        -o-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    90% {
        -o-transform: perspective(400px) rotateY(162deg);
        opacity: 0;
    }
    100% {
        -o-transform: perspective(400px) rotateY(180deg);
        opacity: 0;
    }
}
@keyframes e55flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    90% {
        transform: perspective(400px) rotateY(162deg);
        opacity: 0;
    }
    100% {
        transform: perspective(400px) rotateY(180deg);
        opacity: 0;
    }
}

.e55flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: e55flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: e55flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: e55flipOutY;
	backface-visibility: visible !important;
	animation-name: e55flipOutY;
}


@-webkit-keyframes e55firework {
    0% {
        -webkit-transform: translate(0px, 0px);
        text-shadow: none;
        font-size: 2px;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(-90px, -113px);
        text-shadow: 5px 5px 5px black;
        font-size: 60px;
        opacity: 0;
    }
}
@-moz-keyframes e55firework {
    0% {
        -moz-transform: translate(0px, 0px);
        font-size: 2px;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(-90px, -113px);
        font-size: 60px;
        opacity: 0;
    }
}
@-o-keyframes e55firework {
    0% {
        -o-transform: translate(0px, 0px);
        font-size: 2px;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        -o-transform: translate(-90px, -113px);
        font-size: 60px;
        opacity: 0;
    }
}
@keyframes e55firework {
    0% {
        transform: translate(0px, 0px);
        font-size: 2px;
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(-90px, -113px);
        font-size: 60px;
        opacity: 0;
    }
}

.e55firework {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: e55firework;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: e55firework;
	-o-backface-visibility: visible !important;
	-o-animation-name: e55firework;
	backface-visibility: visible !important;
	animation-name: e55firework;
}