/*==================== Animation Styles ====================*/

/* ScrollMagic Animation */
.scrollMagic
{
	opacity: 0;



}

.scrollMagic.show
{
	opacity: 1;

	        animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;


}





.text-shadow-pop-bottom {
 	        animation: text-shadow-pop-bottom 0.8s both;
}


.flip-in-ver-right {
	-webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}



/**
 * Keyframes
 */


 /* ----------------------------------------------
 * Generated by Animista on 2021-3-26 11:36:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */

@keyframes fade-in-bottom {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}




/* ----------------------------------------------
 * Generated by Animista on 2021-3-26 13:36:29
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-shadow-pop-bottom
 * ----------------------------------------
 */

@keyframes text-shadow-pop-bottom {
0% {
    text-shadow: 0 1px #ffffff, 0 2px #ffffff ;
             transform: translateY(-8px);
  }
  100% {
    text-shadow: 0 1px #ffffff, 0 2px #ffffff ;
             transform: translateY(-8px);
  }
}



/* ----------------------------------------------
 * Generated by Animista on 2021-3-26 15:31:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-in-ver-right
 * ----------------------------------------
 */
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(-80deg);
            transform: rotateY(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}