@media screen and (orientation:landscape) {
	@keyframes jump {
	  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
	  40%  {transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
	  100% {transform: translate3d(0,100%,0) scale3d(1.5,.7,1);}
	}
	.jump {
	  transform-origin: 50% 50%;
	  animation: jump .65s linear alternate infinite;
	}
	.jump2 {
	  transform-origin: 50% 50%;
	  animation: jumping 0.65s linear alternate infinite;
	}
	@keyframes jumping {
	  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
	  40%  {transform: translate3d(0,30%,0) scale3d(.7,.7,1);}
	  100% {transform: translate3d(0,100%,0) scale3d(1.5,1.5,1);}
	}
	.LoadingContent{
		z-index: 15000;
		display: none;
		position: fixed;
		bottom:43vh;
		left:45vw;
		width: 10vw;
	  height: 20vh;
	}
	.BoxEIcon{
		position: absolute;
		top: 0.1vh;
		width: 10vw;
	  height: 10.5vh;
		background-image: url("../Images/LoadingImages/Box-E_Icon_Image.png");
		background-repeat: no-repeat;
		background-size:100% 100%;
	}
	.BoxELetter{
		position: absolute;
		bottom: 0.1vh;
		width: 10vw;
	  height: 3vh;
		background-image: url("../Images/LoadingImages/Box-E_Letters.png");
		background-repeat: no-repeat;
		background-size:100% 100%;
	}
	.circle {
		position: absolute;
		left:-5vw;
		top: 0.1vh;
		width: 20vw;
		height: 20vw;
	  background-color: rgba(0,0,0,0);
	  border: 5px solid rgba(0,183,229,0.9);
	  opacity: .9;
	  border-right: 5px solid rgba(0,0,0,0);
	  border-left: 5px solid rgba(0,0,0,0);
	  border-radius: 20vw;
	  box-shadow: 0 0 35px #2187e7;  
	  -moz-animation: spinPulse 1s infinite ease-in-out;
	  -webkit-animation: spinPulse 1s infinite linear;
	}

	@-moz-keyframes spinPulse {
	  0% {
	      -moz-transform: rotate(160deg);
	      opacity: 0;
	      box-shadow: 0 0 1px #2187e7;
	  }
	  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 #2187e7;
	  }

	  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);
	  };
	}
}

@media screen and (orientation:portrait) {
	@keyframes jump {
	  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
	  40%  {transform: translate3d(0,30%,0) scale3d(.7,1.5,1);}
	  100% {transform: translate3d(0,100%,0) scale3d(1.5,.7,1);}
	}
	.jump {
	  transform-origin: 50% 50%;
	  animation: jump .65s linear alternate infinite;
	}
	.jump2 {
	  transform-origin: 50% 50%;
	  animation: jumping 0.65s linear alternate infinite;
	}
	@keyframes jumping {
	  0%   {transform: translate3d(0,0,0) scale3d(1,1,1);}
	  40%  {transform: translate3d(0,30%,0) scale3d(.7,.7,1);}
	  100% {transform: translate3d(0,100%,0) scale3d(1.5,1.5,1);}
	}
	.LoadingContent{
		z-index: 15000;
		display: none;
		position: fixed;
		top:43vh;
		left:45vw;
		width: 15vh;
	  height: 20vh;
	  color: white;
	}
	.BoxEIcon{
		position: absolute;
		top: 0.1vh;
		width: 10vw;
	  height: 10.5vh;
		background-image: url("../Images/LoadingImages/Box-E_Icon_Image.png");
		background-repeat: no-repeat;
		background-size:100% 100%;
	}
	.BoxELetter{
		position: absolute;
		bottom: 0.1vh;
		width: 10vw;
	  height: 3vh;
		background-image: url("../Images/LoadingImages/Box-E_Letters.png");
		background-repeat: no-repeat;
		background-size:100% 100%;
	}
	.circle {
		position: absolute;
		top: 0.1vh;
		left: -10vh;
		width: 25vh;
		height: 25vh;
	  background-color: rgba(0,0,0,0);
	  border: 5px solid rgba(0,183,229,0.9);
	  opacity: .9;
	  border-right: 5px solid rgba(0,0,0,0);
	  border-left: 5px solid rgba(0,0,0,0);
	  border-radius: 15vh;
	  box-shadow: 0 0 35px #2187e7;  
	  -moz-animation: spinPulse 1s infinite ease-in-out;
	  -webkit-animation: spinPulse 1s infinite linear;
	}

	@-moz-keyframes spinPulse {
	  0% {
	      -moz-transform: rotate(160deg);
	      opacity: 0;
	      box-shadow: 0 0 1px #2187e7;
	  }
	  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 #2187e7;
	  }

	  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);
	  };
	}
}