/*---=====================================================

   <!--prolegal All Animation Here-->

=========================================================---*/





/*bounce-left-right-animation*/



@keyframes bounceleft{

    0% {

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }



    50% {

        -webkit-transform: translateX(-15px);

        transform: translateX(-15px);

    }



    100% {

        -webkit-transform: translateX(-50px);

        transform: translateX(-50px);

    }

}



/*bounce-top-bottom-animation*/



@keyframes bounce {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }



    50% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px);

    }



    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

}





@keyframes dance {

  0% {

    -webkit-transform: scale(1.2);

  }



  100% {

    -webkit-transform: scale(1.0);

  }

}





@keyframes rotateme {

from {

transform: rotate(0deg);

}

to {

transform: rotate(360deg);

}

}





/*left bounce animation*/



@keyframes moveLeftBounce {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    50% {

        -webkit-transform: translateX(30px);

        transform: translateX(30px);

    }



    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



.bounce-animate4 {

    animation-name: float-bob4;

    animation-duration: 5s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    -moz-animation-name: float-bob4;

    -moz-animation-duration: 5s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob4;

    -ms-animation-duration: 5s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob4;

    -o-animation-duration: 5s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}



.bounce-animate5 {

    animation-name: float-bob4;

    animation-duration: 5s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    -moz-animation-name: float-bob4;

    -moz-animation-duration: 5s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    -ms-animation-name: float-bob4;

    -ms-animation-duration: 5s;

    -ms-animation-iteration-count: infinite;

    -ms-animation-timing-function: linear;

    -o-animation-name: float-bob4;

    -o-animation-duration: 5s;

    -o-animation-iteration-count: infinite;

    -o-animation-timing-function: linear;

}



@keyframes float-bob4 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }



    50% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px);

    }



    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

}



@keyframes float-bob5 {

    0% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }



    50% {

        -webkit-transform: translateY(-10px);

        transform: translateY(-10px);

    }



    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px);

    }

}



/* wave animation */

@keyframes wave-animation {

	0% {

		transform: rotate( 0.0deg);

	}



	10% {

		transform: rotate(14.0deg);

	}  /* The following five values can be played with to make the waving more or less extreme */

	20% {

		transform: rotate(-8.0deg);

	}



	30% {

		transform: rotate(14.0deg);

	}



	40% {

		transform: rotate(-4.0deg);

	}



	50% {

		transform: rotate(10.0deg);

	}



	60% {

		transform: rotate( 0.0deg);

	}  /* Reset for the last half to pause */

	100% {

		transform: rotate( 0.0deg);

	}

}





@keyframes moveLeftBounces {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

  

    50% {

        -webkit-transform: translateX(480px);

        transform: translateX(480px);

    }

  

    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

  }

  

  /* moveleft bounces two */

  @-webkit-keyframes moveLeftBouncestwo{

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

  

    50% {

        -webkit-transform: translateX(200px);

        transform: translateY(200px);

    }

  

    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

  }

  

  @keyframes moveLeftBouncestwo {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

  

    50% {

        -webkit-transform: translateX(200px);

        transform: translateX(200px);

    }

  

    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

  }

  

  @keyframes ripple-blue {

    0% {

      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.30196078431372547),

        0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255,0.30196078431372547);

      box-shadow: 0 0 0 0 rgba(255,255,255,0.30196078431372547),

        0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255,255,255,0.30196078431372547);

    }

    100% {

      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.30196078431372547),

        0 0 0 20px rgba(255,255,255,0.30196078431372547), 0 0 0 30px rgba(255, 255, 255, 0);

      box-shadow: 0 0 0 10px rgba(255,255,255,0.30196078431372547),

        0 0 0 20px rgba(255,255,255,0.30196078431372547), 0 0 0 30px rgba(255, 255, 255, 0);

    }

  }



    

  @keyframes upDown {

    0% {

      -webkit-transform: translateY(0px);

      -moz-transform: translateY(0px);

      -ms-transform: translateY(0px);

      -o-transform: translateY(0px);

      transform: translateY(0px);

    }

    100% {

      -webkit-transform: translateY(-15px);

      -moz-transform: translateY(-15px);

      -ms-transform: translateY(-15px);

      -o-transform: translateY(-15px);

      transform: translateY(-15px);

    }

  }

  

  @-webkit-keyframes upDown {

    0% {

      -webkit-transform: translateY(0px);

      -moz-transform: translateY(0px);

      -ms-transform: translateY(0px);

      -o-transform: translateY(0px);

      transform: translateY(0px);

    }

    100% {

      -webkit-transform: translateY(-15px);

      -moz-transform: translateY(-15px);

      -ms-transform: translateY(-15px);

      -o-transform: translateY(-15px);

      transform: translateY(-15px);

    }

  }

  

  @keyframes animation-upDown {

    0% {

      transform: translateY(0);

    }

    100% {

      transform: translateY(-40px);

    }

  }

  

  @-webkit-keyframes shine {

    from {

      -webkit-mask-position: 150%;

    }

    

    to {

      -webkit-mask-position: -50%;

    }

  }



  @keyframes floatEmblem {

    0% { transform: translateY(0); }

    50% { transform: translateY(-10px); }

    100% { transform: translateY(0); }

  }



  @keyframes gavelBounce {

    0% { transform: rotate(0deg) translateY(0) scale(1); }

    20% { transform: rotate(-10deg) translateY(-5px) scale(1.05); }

    40% { transform: rotate(5deg) translateY(2px) scale(1); }

    60% { transform: rotate(-3deg) translateY(-2px) scale(1.02); }

    80% { transform: rotate(2deg) translateY(1px) scale(1); }

    100% { transform: rotate(0deg) translateY(0) scale(1); }

  }

  

  @keyframes floatScales {

    0% { transform: translateY(0); }

    50% { transform: translateY(-10px); }

    100% { transform: translateY(0); }

  }