<!--загрузка-->
<span oncontextmenu="return false;" ondragstart="return false";>
<div id="zagru-ru-page-loader" style="width:60px; height:60px;left:2%; color:#fff; position:fixed; top:3%; text-align:center; background:#000; background:rgba(0,0,0,0.7); padding:7px 10px; border-radius:50% 50% 50% 50%; -moz-border-radius:50% 50% 50% 50%; -webkit-border-radius:50% 50% 50% 50%; box-shadow:1px 1px 3px rgba(0,0,0,0.5); z-index:999; display:none;">
<div class="circle"></div>
<div class="circle1"></div>

<style>
.circle {
     background-color: rgba(0,0,0,0);
     border:5px solid rgba(142, 213, 87,0.9);
     opacity:.9;
     border-right:5px solid rgba(0,0,0,0);
     border-left:5px solid rgba(0,0,0,0);
     border-radius:50px;
     box-shadow: 0 0 35px #11830F;
     width:50px;
     height:50px;
     margin:0 auto;
     -moz-animation:spinPulse 1s infinite ease-in-out;
     -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
     background-color: rgba(0,0,0,0);
     border:5px solid rgba(142, 213, 87,0.9);
     opacity:.9;
     border-left:5px solid rgba(0,0,0,0);
     border-right:5px solid rgba(0,0,0,0);
     border-radius:50px;
     box-shadow: 0 0 15px #11830F;  
     width:30px;
     height:30px;
     margin:0 auto;
     position:relative;
     top:-50px;
     -moz-animation:spinoffPulse 1s infinite linear;
     -webkit-animation:spinoffPulse 1s infinite linear;
}
@-moz-keyframes spinPulse {
     0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #11830F;}
     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 #11830F; }
     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); }
}
</style>

</div>
<script type="text/javascript">document.getElementById('zagru-ru-page-loader').style.display='';</script>
</span>

   <!--/загрузка-->

<!--загрузка-->   
<script type="text/javascript">$(function(){ $("#zagru-ru-page-loader").delay('2000').fadeOut('slow'); });</script>
  <!--/загрузка-->