/* Beginning Loader */
#loader {
  background: #fff;
  position: fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index: 99999;
  text-align: center;
}

#loader .loader-logo {
  position: absolute;
  left:0;
  right:0;
  top:35%;
  margin:0 auto;
}

#loader img.navkey {
  position: absolute;
  left:0;
  right:0;
  margin:0 auto;
  bottom:100px;
}

#circler {
  position: absolute;
  height:35px;
  width:35px;
  top: 45%;
  border:3px solid #ddd;
  border-radius:100%;
  -webkit-animation: rotation 1s infinite linear;
  -moz-animation: rotation 1s infinite linear;
  -o-animation: rotation 1s infinite linear;
  animation: rotation 1s infinite linear;
  left: 50%;
  margin-left: -17px;
  margin-top: -17px;
}


#circler:before {
   content:"";
   display:block;
   position:absolute;
   left:-3px;
   top:-3px;
   height:100%;
   width:100%;
   border-top:3px solid #ee2626;
   border-left: 3px solid #ee2626;
   border-bottom:3px solid transparent;
   border-right: 3px solid #ee2626;
   border-radius:35px;
   height:35px;
  width:35px;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}