/* Navigation elements */

/* Foot-line */
.scrollLineAnimation {
  animation: scrollLineAnimation_frames linear 2s;
  -webkit-animation: scrollLineAnimation_frames linear 2s;
  -moz-animation: scrollLineAnimation_frames linear 2s;
  -o-animation: scrollLineAnimation_frames linear 2s;
  -ms-animation: scrollLineAnimation_frames linear 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
}

@keyframes scrollLineAnimation_frames {
  0% { top: -100%; }
  100% { top: 100%; }
}
@-moz-keyframes scrollLineAnimation_frames {
  0% { top: -100%; }
  100% { top: 100%; }
}
@-webkit-keyframes scrollLineAnimation_frames {
  0% { top: -100%; }
  100% { top: 100%; }
}
@-o-keyframes scrollLineAnimation_frames {
  0% { top: -100%; }
  100% { top: 100%; }
}
@-ms-keyframes scrollLineAnimation_frames {
  0% { top: -100%; }
  100% { top: 100%; }
}

/* Such Lupe Animation */
.magnifentGlassAnimation{
  animation: magnifentGlassAnimation_frames ease-in-out 2s;
  -webkit-animation: magnifentGlassAnimation_frames ease-in-out 2s;
  -moz-animation: magnifentGlassAnimation_frames ease-in-out 2s;
  -o-animation: magnifentGlassAnimation_frames ease-in-out 2s;
  -ms-animation: magnifentGlassAnimation_frames ease-in-out 2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
}

@keyframes magnifentGlassAnimation_frames{
  0% { transform:  rotate(0deg); }
  50% { transform:  rotate(10deg); }
  100% { transform:  rotate(0deg); }
}

@-moz-keyframes magnifentGlassAnimation_frames{
  0% { -moz-transform:  rotate(0deg); }
  50% { -moz-transform:  rotate(10deg); }
  100% { -moz-transform:  rotate(0deg); }
}

@-webkit-keyframes magnifentGlassAnimation_frames {
  0% { -webkit-transform:  rotate(0deg); }
  50% { -webkit-transform:  rotate(10deg); }
  100% { -webkit-transform:  rotate(0deg); }
}

@-o-keyframes magnifentGlassAnimation_frames {
  0% { -o-transform:  rotate(0deg); }
  50% { -o-transform:  rotate(10deg); }
  100% { -o-transform:  rotate(0deg); }
}

@-ms-keyframes magnifentGlassAnimation_frames {
  0% { -ms-transform:  rotate(0deg); }
  50% { -ms-transform:  rotate(10deg); }
  100% { -ms-transform:  rotate(0deg); }
}
