/********************************************************************** ROTATION ANIMATIONS ***********************************************************************/
        /*
                ------------------------------------                           ------------------------------------
                |       rotateLeft animation       |                           |        rotateLeft animation      |
                |----------------------------------|                           |----------------------------------|
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |               <                  |           ---->           |                <                 |
                |            _    )                |                           |           _      )               |
                |           [_]                    |                           |          \ _\                    |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                ------------------------------------                           ------------------------------------
        */
        @keyframes rotateLeft_1
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(1deg);}
        }
        @keyframes rotateLeft_5
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(5deg);}
        }
        @keyframes rotateLeft_10
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(10deg);}
        }
        @keyframes rotateLeft_15
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(15deg);}
        }
        @keyframes rotateLeft_45
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(45deg);}
        }
        @keyframes rotateLeft_90
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(90deg);}
        }
        @keyframes rotateLeft_180
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(180deg);}
        }
        @keyframes rotateLeft_360
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(360deg);}
        }
        







        
        /*
                ------------------------------------                           ------------------------------------
                |       rotateRight animation      |                           |        rotateRight animation     |
                |----------------------------------|                           |----------------------------------|
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |                                  |           ---->           |                                  |
                |            _                     |                           |            _                     |
                |           \ _\    )              |                           |           [_]   )                |
                |                 <                |                           |               <                  |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                ------------------------------------                           ------------------------------------
        */
        @keyframes rotateRight_1
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-1deg);}
        }
        @keyframes rotateRight_5
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-5deg);}
        }
        @keyframes rotateRight_10
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-10deg);}
        }
        @keyframes rotateRight_15
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-15deg);}
        }
        @keyframes rotateRight_45
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-45deg);}
        }
        @keyframes rotateRight_90
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-90deg);}
        }
        @keyframes rotatRight_180
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-180deg);}
        }
        @keyframes rotateRight_360
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(-360deg);}
        }








        /*
                ------------------------------------                           ------------------------------------                             ------------------------------------
                |         rockLeft animation       |                           |        rockLeft animation        |                             |        rockLeft animation        |
                |----------------------------------|                           |----------------------------------|                             |----------------------------------|
                |                                  |                           |                                  |                             |                                  |
                |                                  |                           |                                  |                             |                                  |
                |                                  |                           |                                  |                             |                                  |
                |                                  |           ---->           |                                  |             ---->           |                                  |
                |            _    <                |                           |           _     <                |                             |           _     <                |
                |           [_]     )              |                           |          \ _\     )              |                             |          [_]      )              |
                |                 <                |                           |                 <                |                             |                 <                |
                |                                  |                           |                                  |                             |                                  |
                |                                  |                           |                                  |                             |                                  |
                ------------------------------------                           ------------------------------------                             ------------------------------------
        */
        @keyframes rockLeft_1
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(1deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_5
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(5deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_10
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(10deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_15
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(15deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_45
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(45deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_90
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(90deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_180
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(180deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockLeft_360
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(360deg);}
                100%    {transform      :       rotate(0deg);}
        }








        /*
                ------------------------------------                           ------------------------------------                             ------------------------------------
                |         rockRight animation      |                           |        rockRight animation       |                             |        rockRight animation       |
                |----------------------------------|                           |----------------------------------|                             |----------------------------------|
                |                                  |                           |                                  |                             |                                  |
                |                                  |                           |                                  |                             |                                  |
                |                                  |                           |                                  |                             |                                  |
                |                                  |           ---->           |                                  |             ---->           |                                  |
                |            _    <                |                           |           _     <                |                             |           _     <                |
                |           \ _\     )             |                           |          [_]      )              |                             |          \ _\     )              |
                |                 <                |                           |                 <                |                             |                 <                |
                |                                  |                           |                                  |                             |                                  |
                |                                  |                           |                                  |                             |                                  |
                ------------------------------------                           ------------------------------------                             ------------------------------------
        */
        @keyframes rockRight_1
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-1deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_5
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-5deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_10
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-10deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_15
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-15deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_45
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-45deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_90
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-90deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_180
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-180deg);}
                100%    {transform      :       rotate(0deg);}
        }
        @keyframes rockRight_360
        {
                0%      {transform      :       rotate(0deg);}
                50%     {transform      :       rotate(-360deg);}
                100%    {transform      :       rotate(0deg);}
        }
        







        /*
                ------------------------------------                           ------------------------------------
                |       clockTick animation        |                           |        clockTick animation       |
                |----------------------------------|                           |----------------------------------|
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                |                                  |           ---->           |                                  |
                |                                  |                           |                                  |
                |             __   )               |                           |              |   )               |
                |                <                 |                           |                <                 |
                |                                  |                           |                                  |
                |                                  |                           |                                  |
                ------------------------------------                           ------------------------------------
        */
        @keyframes clockTick_second
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(6deg);}
        }
        @keyframes clockTick_minute
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(6deg);}
        }
        @keyframes clockTick_hour
        {
                0%      {transform      :       rotate(0deg);}
                100%    {transform      :       rotate(360deg);}
        }
/******************************************************************************************************************************************************************/