@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@keyframes opacity {0% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes opacity {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
		
}
/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
    from {
        -webkit-transform: rotateZ(0deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
    }

    to {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes anim4 {
    from {
        -moz-transform: rotateZ(0deg);
    }

    50% {
        -moz-transform: rotateZ(180deg);
    }

    to {
        -moz-transform: rotateZ(360deg);
    }
}

@-ms-keyframes anim4 {
    from {
        -ms-transform: rotateZ(0deg);
    }

    50% {
        -ms-transform: rotateZ(180deg);
    }

    to {
        -ms-transform: rotateZ(360deg);
    }
}

@-o-keyframes anim4 {
    from {
        -o-transform: rotateZ(0deg);
    }

    50% {
        -o-transform: rotateZ(180deg);
    }

    to {
        -o-transform: rotateZ(360deg);
    }
}

@keyframes anim4 {
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}
    @-webkit-keyframes kuosan-1 {
        0% {
          -webkit-transform: scale(0);
          transform: scale(0);
          opacity: 1;
          filter: alpha(opacity=100)\9
        }
        100% {
          -webkit-transform: scale(5);
          transform: scale(5);
          opacity: 0;
          filter: alpha(opacity=0)\9
        }
      }
      @keyframes kuosan-1 {
        0% {
          -webkit-transform: scale(0);
          transform: scale(0);
          opacity: 1;
          filter: alpha(opacity=100)\9
        }
        100% {
          -webkit-transform: scale(5);
          transform: scale(5);
          opacity: 0;
          filter: alpha(opacity=0)\9
        }
      }
      @-webkit-keyframes kuosan-2 {
        0% {
           -webkit-transform: rotateZ(0deg);
           transform:rotateZ(0deg);
         }
         25% {
           -webkit-transform: rotateZ(90deg);
           transform:rotateZ(90deg);
         }
          50% {
           -webkit-transform: rotateZ(180deg);
           transform:rotateZ(180deg);
         }
          75% {
           -webkit-transform: rotateZ(270deg);
           transform:rotateZ(270deg);
         }
       
         100% {
          -webkit-transform: rotateZ(360deg);
           transform:rotateZ(360deg);
       
         }
       }
       @keyframes kuosan-2 {
         0% {
           -webkit-transform: rotateZ(0deg);
           transform:rotateZ(0deg);
         }
         25% {
           -webkit-transform: rotateZ(90deg);
           transform:rotateZ(90deg);
         }
          50% {
           -webkit-transform: rotateZ(180deg);
           transform:rotateZ(180deg);
         }
          75% {
           -webkit-transform: rotateZ(270deg);
           transform:rotateZ(270deg);
         }
       
         100% {
          -webkit-transform: rotateZ(360deg);
           transform:rotateZ(360deg);
       
         }
	   }
	   @-webkit-keyframes scaleUpDown {
	       from { -webkit-transform: scale(1.3); transform: scale(1.3); }
	       to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	   }
	   
	   @keyframes scaleUpDown {
	       from { -webkit-transform: scale(1.3); transform: scale(1.3); }
	       to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
	   }