@-webkit-keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }

}



/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */

@keyframes spin {
       from {
           transform: rotate(0deg);
       } to {
           transform: rotate(360deg);
       }
   }






   @-webkit-keyframes bling {

     from{
       left:-100%;
     }

     20%{
       left:200%;
     }

     to{
       left:200%;
     }

   }
   @keyframes bling {


       from{
         left:-100%;
       }

       20%{
         left:200%;
       }

       to{
         left:200%;
       }

   }


   /*_________Preloader loading animation_________________________________*/
   @keyframes lds-ellipsis1 {
     0% {
       transform: scale(0);
     }
     100% {
       transform: scale(1);
     }
   }
   @keyframes lds-ellipsis3 {
     0% {
       transform: scale(1);
     }
     100% {
       transform: scale(0);
     }
   }
   @keyframes lds-ellipsis2 {
     0% {
       transform: translate(0, 0);
     }
     100% {
       transform: translate(24px, 0);
     }
   }
   /*__________________________________________*/
