/*---=====================================================
   <!--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); }
  }