@-webkit-keyframes rotating{
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 20s linear infinite;
  -moz-animation: rotating 20s linear infinite;
  -ms-animation: rotating 20s linear infinite;
  -o-animation: rotating 20s linear infinite;
  animation: rotating 20s linear infinite;
}

/* Load Masthead SVG */
@keyframes fadeUpIn {
  0% {
    transform: translateY(5%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.fade-up-in{
  -webkit-animation: 1s ease-out 0s 1 fadeUpIn;
  -moz-animation: 1s ease-out 0s 1 fadeUpIn;
  -ms-animation: 1s ease-out 0s 1 fadeUpIn;
  -o-animation: 1s ease-out 0s 1 fadeUpIn;
  animation: 1s ease-out 0s 1 fadeUpIn;
}
@keyframes fadeDownIn {
  0% {
    transform: translateY(-10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.fade-down-in{
  -webkit-animation: 1s ease-out 0s 1 fadeDownIn;
  -moz-animation: 1s ease-out 0s 1 fadeDownIn;
  -ms-animation: 1s ease-out 0s 1 fadeDownIn;
  -o-animation: 1s ease-out 0s 1 fadeDownIn;
  animation: 1s ease-out 0s 1 fadeDownIn;
}

@keyframes fadeRightIn {
  0% {
    transform: translateX(10%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
.fade-right-in{
  -webkit-animation: 900ms ease-out 0s 1 fadeRightIn;
  -moz-animation: 900ms ease-out 0s 1 fadeRightIn;
  -ms-animation: 900ms ease-out 0s 1 fadeRightIn;
  -o-animation: 900ms ease-out 0s 1 fadeRightIn;
  animation: 900ms ease-out 0s 1 fadeRightIn;
}

@media (max-width:767px){
  .fade-up-in, .fade-right-in, .rotating, .move-up{
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
  }
}

@keyframes moveUp {
  0% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-7rem);
  }
}

.move-up{
  transform: translateY(-7rem);
  -webkit-animation: 750ms ease-out 0s 1 moveUp;
}

@keyframes moveUpTall {
  0% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(-12rem);
  }
}

.move-up-tall{
  transform: translateY(-12rem);
  -webkit-animation: 750ms ease-out 0s 1 moveUpTall;
}

@keyframes movingLines {
  0% {
    background-position: left 0%;
  }
  100% {
    background-position: left 100%;
  }
}