/*   
 * Justina css MPBA
*/

.box_coronavirus {
  position: fixed;
  /*top: 80%;*/
  bottom: 10px;
  left: 4px;
  z-index: 99999999998;
  border: 0px;
  width: 130px;
   transform: scale(1);
    -webkit-animation: complexCorona 2.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: complexCorona 2.5s; /* Firefox < 16 */
        -ms-animation: complexCorona 2.5s; /* Internet Explorer */
         -o-animation: complexCorona 2.5s; /* Opera < 12.1 */
            animation: complexCorona 2.5s;
  
  animation-timing-function: ease-in-out;
}


@keyframes complexCorona {
  0% { opacity: 0; left: -200px; bottom: 252px; transform: scale(1);}
  35% { opacity: 1; left: 4px; bottom: 252px; transform: scale(1);} 
  100% { opacity: 1; left: 4px; bottom: 20px; }
}

/* Firefox < 16 */
@-moz-keyframes complexCorona {
  0% { opacity: 0; left: -200px; bottom: 252px; transform: scale(1);}
  35% { opacity: 1; left: 1%; bottom: 252px; transform: scale(1);} 
  100% { opacity: 1; left: 1%; bottom: 20px; }
}


/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes complexCorona {
  0% { opacity: 0; left: -200px; bottom: 252px; transform: scale(1);}
  35% { opacity: 1; left: 1%; bottom: 252px; transform: scale(1);} 
  100% { opacity: 1; left: 1%; bottom: 20px; }
}

/* Internet Explorer */
@-ms-keyframes complexCorona {
  0% { opacity: 0; left: -200px; bottom: 252px; transform: scale(1);}
  35% { opacity: 1; left: 1%; bottom: 252px; transform: scale(1);} 
  100% { opacity: 1; left: 1%; bottom: 20px; }
}

/* Opera < 12.1 */
@-o-keyframes complexCorona {
  0% { opacity: 0; left: -200px; bottom: 252px; transform: scale(1);}
  35% { opacity: 1; left: 1%; bottom: 252px; transform: scale(1);} 
  100% { opacity: 1; left: 1%; bottom: 20px; }
}