#circle { 
 background-color: rgba(0,0,0,0); 
 border:4px solid rgba(186,0,0,0.9); 
 opacity:.9; 
 border-right:4px solid rgba(0,0,0,0); 
 border-left:4px solid rgba(0,0,0,0); 
 border-radius:50px; 
 box-shadow: 0 0 35px #bb0000; 
 width:50px; 
 height:50px; 
 margin:0 auto; 
 position:fixed; 
 top:calc(50% - 1.625em);
 left:calc(50% - 1.625em);
 -moz-animation:spinPulse 1s infinite ease-in-out; 
 -webkit-animation:spinPulse 1s infinite ease-in-out; 
 -o-animation:spinPulse 1s infinite ease-in-out; 
 -ms-animation:spinPulse 1s infinite ease-in-out; 
} 
#circle2 { 
 background-color: rgba(0,0,0,0); 
 border:4px solid rgba(186,0,0,0.9); 
 opacity:.9; 
 border-left:4px solid rgba(0,0,0,0); 
 border-right:4px solid rgba(0,0,0,0); 
 border-radius:50px; 
 box-shadow: 0 0 15px #bb0000; 
 width:30px; 
 height:30px; 
 margin:0 auto; 
 position:fixed; 
 top:calc(50% - 1em);
 left:calc(50% - 1em);
 -moz-animation:spinoffPulse 1s infinite linear; 
 -webkit-animation:spinoffPulse 1s infinite linear; 
 -o-animation:spinoffPulse 1s infinite linear; 
 -ms-animation:spinoffPulse 1s infinite linear; 
} 
@-moz-keyframes spinPulse { 
 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050;} 
 50% { -moz-transform:rotate(145deg); opacity:1; } 
 100% { -moz-transform:rotate(-320deg); opacity:0; } 
} 
@-moz-keyframes spinoffPulse { 
 0% { -moz-transform:rotate(0deg); } 
 100% { -moz-transform:rotate(360deg); } 
} 
@-webkit-keyframes spinPulse { 
 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; } 
 50% { -webkit-transform:rotate(145deg); opacity:1;} 
 100% { -webkit-transform:rotate(-320deg); opacity:0; } 
} 
@-webkit-keyframes spinoffPulse { 
 0% { -webkit-transform:rotate(0deg); } 
 100% { -webkit-transform:rotate(360deg); } 
} 
@-o-keyframes spinPulse { 
 0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; } 
 50% { -o-transform:rotate(145deg); opacity:1;} 
 100% { -o-transform:rotate(-320deg); opacity:0; } 
} 
@-o-keyframes spinoffPulse { 
 0% { -o-transform:rotate(0deg); } 
 100% { -o-transform:rotate(360deg); } 
} 
@-ms-keyframes spinPulse { 
 0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #505050; } 
 50% { -ms-transform:rotate(145deg); opacity:1;} 
 100% { -ms-transform:rotate(-320deg); opacity:0; } 
} 
@-ms-keyframes spinoffPulse { 
 0% { -ms-transform:rotate(0deg); } 
 100% { -ms-transform:rotate(360deg); } 
}