@keyframes RleftToRightAnimation {
	0% {right: -100px}
	10% {right: -80px}
	20% {right: -65px}
	30% {right: -52px}
	40% {right: -40px}
	50% {right: -30px}
	60% {right: -22px}
	70% {right: -15px}
	80% {right: -9px}
	90% {right: -4px}
	100% {right: 0px}
}

@keyframes RrightToLeftAnimation {
	100% {right: -100px}
	90% {right: -80px}
	80% {right: -65px}
	70% {right: -52px}
	60% {right: -40px}
	50% {right: -30px}
	40% {right: -22px}
	30% {right: -15px}
	20% {right: -9px}
	10% {right: -4px}
	0% {right: 0px}
}

.showCoins {
	animation-name: RleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}

.showCollisions {
	animation-name: RleftToRightAnimation;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.hideCoins {
	animation-name: RrightToLeftAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.hideCollisions {
	animation-name: RrightToLeftAnimation;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}

@keyframes containerAnimationIn {
	0% {left: -1000px}
	10% {left: -320px}
	20% {left: -260px}
	30% {left: -200px}
	40% {left: -150px}
	50% {left: -110px}
	60% {left: -75px}
	70% {left: -45px}
	80% {left: -22px}
	90% {left: -10px}
	100% {left: 0px}
}

@keyframes containerAnimationOut {
	100% {left: -1000px}
	90% {left: -320px}
	80% {left: -260px}
	70% {left: -200px}
	60% {left: -150px}
	50% {left: -110px}
	40% {left: -75px}
	30% {left: -45px}
	20% {left: -22px}
	10% {left: -10px}
	0% {left: 0px}
}

.showContainer {
	animation-name: containerAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 1200ms;
}

.hideContainer {
	animation-name: containerAnimationOut;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes speedAnimationIn {
	0% {top: -100px}
	10% {top: -80px}
	20% {top: -58px}
	30% {top: -47px}
	40% {top: -37px}
	50% {top: -28px}
	60% {top: -21px}
	70% {top: -15px}
	80% {top: -9px}
	90% {top: -4px}
	100% {top: 0px}
}

@keyframes speedAnimationOut {
	100% {top: -100px}
	90% {top: -80px}
	80% {top: -58px}
	70% {top: -47px}
	60% {top: -37px}
	50% {top: -28px}
	40% {top: -21px}
	30% {top: -15px}
	20% {top: -9px}
	10% {top: -4px}
	0% {top: 0px}
}

.showSpeed {
	animation-name: speedAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.hideSpeed {
	animation-name: speedAnimationOut;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}


@keyframes abortAnimationIn {
	0% {top: -110px}
	10% {top: -60px}
	20% {top: -20px}
	30% {top: 10px}
	40% {top: 30px}
	50% {top: 44px}
	60% {top: 58px}
	70% {top: 70px}
	80% {top: 82px}
	90% {top: 94px}
	100% {top: 100px}
}

@keyframes abortAnimationOut {
	100% {top: -110px}
	90% {top: -60px}
	80% {top: -20px}
	70% {top: 10px}
	60% {top: 30px}
	50% {top: 44px}
	40% {top: 58px}
	30% {top: 70px}
	20% {top: 82px}
	10% {top: 94px}
	0% {top: 100px}
}

.showAbort {
	animation-name: abortAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}

.hideAbort {
	animation-name: abortAnimationOut;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

@keyframes LleftToRightAnimation {
	0% {left: -100px}
	10% {left: -80px}
	20% {left: -65px}
	30% {left: -52px}
	40% {left: -40px}
	50% {left: -30px}
	60% {left: -22px}
	70% {left: -15px}
	80% {left: -9px}
	90% {left: -4px}
	100% {left: 0px}
}

@keyframes LrightToLeftAnimation {
	100% {left: -100px}
	90% {left: -80px}
	80% {left: -65px}
	70% {left: -52px}
	60% {left: -40px}
	50% {left: -30px}
	40% {left: -22px}
	30% {left: -15px}
	20% {left: -9px}
	10% {left: -4px}
	0% {left: 0px}
}

@keyframes totalScoreAnimationIn {
	0% {top: 0px}
	10% {top: 10px}
	20% {top: 18px}
	30% {top: 25px}
	40% {top: 31px}
	50% {top: 37px}
	60% {top: 42px}
	70% {top: 46px}
	80% {top: 48px}
	90% {top: 49px}
	100% {top: 50px}
}

@keyframes totalScoreAnimationOut {
	100% {top: 0px}
	90% {top: 10px}
	80% {top: 18px}
	70% {top: 25px}
	60% {top: 31px}
	50% {top: 37px}
	40% {top: 42px}
	30% {top: 46px}
	20% {top: 48px}
	10% {top: 49px}
	0% {top: 50px}
}

.showTotalTime {
	animation-name: LleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 100ms;
}

.showTotalTimeBad {
	animation-name: LleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 100ms;
}

.hideTotalTime {
	animation-name: LrightToLeftAnimation;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 1200ms;
}

.showTotalCoins {
	animation-name: LleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 450ms;
}

.showTotalCoinsBad {
	animation-name: LleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 510ms;
}

.hideTotalCoins {
	animation-name: LrightToLeftAnimation;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 900ms;
}

.showTotalCollisions {
	animation-name: LleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 960ms;
}

.showTotalCollisionsBad {
	animation-name: LleftToRightAnimation;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 810ms;
}

.hideTotalCollisions {
	animation-name: LrightToLeftAnimation;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 600ms;
}

.showTotalScore {
	animation-name: totalScoreAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 2320ms;
}

.showTotalScoreBad {
	animation-name: totalScoreAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 1200ms;
}

.hideTotalScore {
	animation-name: totalScoreAnimationOut;
        animation-duration: 500ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 2100ms;
}

@keyframes scoreAnimationIn {
	0% {bottom: -80px; right: -1000px}
	10% {bottom: -63px; right: -320px}
	20% {bottom: -55px; right: -260px}
	30% {bottom: -41px; right: -200px}
	40% {bottom: -30px; right: -150px}
	50% {bottom: -22px; right: -110px}
	60% {bottom: -15px; right: -75px}
	70% {bottom: -9px; right: -45px}
	80% {bottom: -5px; right: -22px}
	90% {bottom: -2px; right: -10px}
	100% {bottom: 0px; right: 0px}
}

@keyframes scoreAnimationOut {
	100% {bottom: -80px; right: -1000px}
	90% {bottom: -63px; right: -320px}
	80% {bottom: -55px; right: -260px}
	70% {bottom: -41px; right: -200px}
	60% {bottom: -30px; right: -150px}
	50% {bottom: -22px; right: -110px}
	40% {bottom: -15px; right: -75px}
	30% {bottom: -9px; right: -45px}
	20% {bottom: -5px; right: -22px}
	10% {bottom: -2px; right: -10px}
	0% {bottom: 0px; right: 0px}
}

@keyframes timeAnimationIn {
	0% {bottom: -80px; left: -1000px}
	10% {bottom: -63px; left: -320px}
	20% {bottom: -55px; left: -260px}
	30% {bottom: -41px; left: -200px}
	40% {bottom: -30px; left: -150px}
	50% {bottom: -22px; left: -110px}
	60% {bottom: -15px; left: -75px}
	70% {bottom: -9px; left: -45px}
	80% {bottom: -5px; left: -22px}
	90% {bottom: -2px; left: -10px}
	100% {bottom: 0px; left: 0px}
}

@keyframes timeAnimationOut {
	100% {bottom: -80px; left: -1000px}
	90% {bottom: -63px; left: -320px}
	80% {bottom: -55px; left: -260px}
	70% {bottom: -41px; left: -200px}
	60% {bottom: -30px; left: -150px}
	50% {bottom: -22px; left: -110px}
	40% {bottom: -15px; left: -75px}
	30% {bottom: -9px; left: -45px}
	20% {bottom: -5px; left: -22px}
	10% {bottom: -2px; left: -10px}
	0% {bottom: 0px; left: 0px}
}

@keyframes textAnimationIn {
	0% {bottom: -80px; }
	10% {bottom: -63px; }
	20% {bottom: -55px; }
	30% {bottom: -41px; }
	40% {bottom: -30px; }
	50% {bottom: -22px; }
	60% {bottom: -15px; }
	70% {bottom: -9px; }
	80% {bottom: -5px; }
	90% {bottom: -2px; }
	100% {bottom: 0px; }
}

@keyframes textAnimationOut {
	100% {bottom: -80px; }
	90% {bottom: -63px; }
	80% {bottom: -55px; }
	70% {bottom: -41px; }
	60% {bottom: -30px; }
	50% {bottom: -22px; }
	40% {bottom: -15px; }
	30% {bottom: -9px; }
	20% {bottom: -5px; }
	10% {bottom: -2px; }
	0% {bottom: 0px; }
}

.showScore {
	animation-name: scoreAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.hideScore {
	animation-name: scoreAnimationOut;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.showTime {
	animation-name: timeAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.hideTime {
	animation-name: timeAnimationOut;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
}

.textIn {
	animation-name: textAnimationIn;
        animation-duration: 300ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}

.textOut {
	animation-name: textAnimationOut;
        animation-duration: 400ms;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}

.hideLoading {
	animation-name: hideLoadingAnimation;
        animation-duration: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 300ms;
}

@keyframes hideLoadingAnimation {
	0% {opacity: 0.60; }
	10% {opacity: 0.43; }
	20% {opacity: 0.43; }
	30% {opacity: 0.43; }
	40% {opacity: 0.43; }
	50% {opacity: 0.34; }
	60% {opacity: 0.25; }
	70% {opacity: 0.16; }
	80% {opacity: 0.07; }
	90% {opacity: 0.03; }
	100% {opacity: 0; }
}


.hideMove {
	animation-name: hideLoadingAnimation;
        animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 3s;
}

/*
@media screen and (min-width: 770px) {
	.hideMove {
		animation-delay: 5s !important;
		animation-duration: 2s !important;
	}
}
*/



.valueChanged {
	animation-name: valueChangedAnimation;
        animation-duration: 1s;
	animation-iteration-count: 2;
}

@keyframes valueChangedAnimation { 4c4860
	0% {background-color: #000315;}
	10% {background-color: #000426;}
	20% {background-color: #101537;}
	30% {background-color: #2a2648;}
	40% {background-color: #3b3759;}
	50% {background-color: #4c4860;}
	60% {background-color: #3b3759;}
	70% {background-color: #2a2648;}
	80% {background-color: #101537;}
	90% {background-color: #000426;}
	100% {background-color: #000315;}
}

.valueChangedGreen {
	animation-name: valueChangedGoldAnimation;
        animation-duration: 500ms;
	animation-iteration-count: 1;
}

@keyframes valueChangedGoldAnimation {
	0% {background-color: #473904;}
	10% {background-color: #5c4a06;}
	20% {background-color: #705b08;}
	30% {background-color: #8a700b;}
	40% {background-color: #9e810d;}
	50% {background-color: #B59410;}
	60% {background-color: #9e810d;}
	70% {background-color: #8a700b;}
	80% {background-color: #705b08;}
	90% {background-color: #5c4a06;}
	100% {background-color: #473904;}
}

@keyframes valueChangedGreenAnimation {
	0% {background-color: #006600;}
	10% {background-color: #007700;}
	20% {background-color: #008800;}
	30% {background-color: #009900;}
	40% {background-color: #00aa00;}
	50% {background-color: #00bb00;}
	60% {background-color: #00aa00;}
	70% {background-color: #009900;}
	80% {background-color: #008800;}
	90% {background-color: #007700;}
	100% {background-color: #006600;}
}

.valueChangedRed {
	animation-name: valueChangedRedAnimation;
        animation-duration: 500ms;
	animation-iteration-count: 1;
}

@keyframes valueChangedRedAnimation {
	0% {background-color: #660000;}
	10% {background-color: #770000;}
	20% {background-color: #880000;}
	30% {background-color: #990000;}
	40% {background-color: #aa0000;}
	50% {background-color: #bb0000;}
	60% {background-color: #aa0000;}
	70% {background-color: #990000;}
	80% {background-color: #880000;}
	90% {background-color: #770000;}
	100% {background-color: #660000;}
}