@-webkit-keyframes slidetounlock{
    0%{background-position:-100px 0}
    10%{background-position:-100px 0}
    50%{background-position:100px 0}
    to{background-position:100px 0}
}

@keyframes slidetounlock{
    0%{background-position:-100px 0}
    10%{background-position:-100px 0}
    50%{background-position:100px 0}
    to{background-position:100px 0}
}

@-webkit-keyframes glow {
  from {
  
    text-shadow: 0 0 10px #ffffff, 0 0 0px #ffffff, 0 0 10px #ffffff, 0 0 0px #ffffff, 0 0 10px #ffffff, 0 0 0px #ffffff, 0 0 10px #ffffff;

  }

}
@-webkit-keyframes glow2 {
  from {
  
    text-shadow: 0 0 10px #ffffff, 0 0 0px #ffffff, 0 0 10px #ffffff, 0 0 0px #ffffff, 0 0 10px #ffffff, 0 0 0px #ffffff, 0 0 10px #ffffff;
     filter:contrast(180%) brightness(86%);
  }

}

@-webkit-keyframes glitch-color {
   0% {
      transform: translate(0);
   }

   20% {
      transform: translate(-3px, 3px);
   }

   40% {
      transform: translate(-3px, -3px);
   }

   60% {
      transform: translate(3px, 3px);
   }

   80% {
      transform: translate(3px, -3px);
   }

   to {
      transform: translate(0);
   }
}
@-webkit-keyframes shift {
   0%, 40%, 44%, 58%, 61%, 65%, 69%, 73%, 100% {
      transform: skewX(0deg);
   }
   41% {
      transform: skewX(10deg);
   }
   42% {
      transform: skewX(-10deg);
   }
   59% {
      transform: skewX(35deg) skewY(10deg);
   }
   60% {
      transform: skewX(-35deg) skewY(-10deg);
   }
   63% {
      transform: skewX(10deg) skewY(-5deg);
   }
   70% {
      transform: skewX(-30deg) skewY(-20deg);
   }
   71% {
      transform: skewX(10deg) skewY(-10deg);
   }
}
@-webkit-keyframes main-fade {
  0% { opacity: 0; }
  90% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes Load-title {

	0% {
		opacity: 0;
		font-size: 36px;
		transform: translateX(-500px) translateY(320px);
	}
    25% {
        opacity:1;
        font-size: 36px;
        transform: translateX(0px) translateY(320px);
    }
    50% {
        opacity: 1;
        font-size: 36px;
        transform: translateX(0px) translateY(320px);
    }
	75% {
		opacity: 1;
		font-size: 36px;
		transform: translateY(320px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

@-webkit-keyframes Load-banner {
	0% {transform:  scale(0.001, 0.001) translateY(420%);
	}
	25% {transform: scale(1.5, 1.5) translateY(160px);
	}
	75% {transform: scale(1.5, 1.5) translateY(160px);
	}
	100% {transform: translateY(0px);
	}
}

@-webkit-keyframes fadeInDown {
   0% {
      opacity: 0;
      transform: translateY(-400px);
   }
   100% {
      opacity: 1;
      transform: translateY(0px);
   }
} 

@keyframes fill {
	from {
		background-image: linear-gradient(#ffffff, #646464);
	}
	to {
		background-image: linear-gradient(#ff0000, #646464);
	}
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    25% {
        opacity:0.75;
    }
    50% {
     opacity:1;
    }
    75% {
     opacity:0.75;
    }
    100% {
        opacity:1;
    }
}


@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn)
    }
}

@keyframes spin{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(1turn)
    }
}



@-webkit-keyframes pulse {
  0% {
	  color: white;
	  	text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000;
  transform: translate(0);
  }
  5% {
  color: white;
    	text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000;
    transform: translate(-3px, 3px);
  }
  50% {
  color: white;
	text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000;
      transform: translate(-3px, -3px);
  }
  88% {
  color: white;
	text-shadow: -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, 2px 2px 2px #000;
    transform: translate(3px, 3px);
  }
  90% {
  color: black;
    text-shadow: -2px 0px 10px red ; 
  }
   95% {
  color: white;
    text-shadow: -2px 0px 8px #000;
    transform: translate(3px, 3px);
  }
  98% {
  color: black;
    text-shadow: 2px 0px 8px #ff0000,  4px 0px 8px #000 ;

  }
  100% {
  color: white;
  text-shadow: 4px -4px 8px #0000ff;
  }
}