/*Animaciya zagruzki*/
.ball {
 background-color: rgba(0,0,0,0);

 border:3px solid  #0fb7bf; /*rgba(100,10,230,10);*/
 opacity:1;
 border-top:3px solid rgba(0,0,0,0);
 border-left:3px solid rgba(0,0,0,0);
 border-radius:22px;
 box-shadow: 0 0 22px #0097a4;
 width:22px;
 height:22px;
 margin:0 auto;
 padding 0 auto;
 -moz-animation:spin .5s infinite linear;
 -webkit-animation:spin .5s infinite linear;
}
.ball1 {
 background-color: rgba(0,0,0,0);
 /*border:5px solid #FF8C00; */ /*#26ABA4;*/  /*rgba(100,10,230,10);*/
 border:5px solid  #0fb7bf;
 opacity:1;
 border-top:5px solid rgba(0,0,0,0);
 border-left:5px solid rgba(0,0,0,0);
 border-radius:0px;
 /*box-shadow: 0 0 30px #FF8C00;*/ /*#26ABA4; */
box-shadow: 0 0 35px #0097a4;
 width:30px;
 height:30px;
 margin:0 auto;
 position:relative;
 top:-48px;
 -moz-animation:spinoff .5s infinite linear;
 -webkit-animation:spinoff .5s infinite linear;
}
@-moz-keyframes spin {
 0% { -moz-transform:rotate(0deg); }
 100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
 0% { -moz-transform:rotate(0deg); }
 100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
 0% { -webkit-transform:rotate(0deg); }
 100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
 0% { -webkit-transform:rotate(0deg); }
 100% { -webkit-transform:rotate(-360deg); }
}
/*Animaciya zagruzki*/