@-webkit-keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}

@keyframes widthAni{ 0%{ width:0;}100%{ width:100%;}}

.widthAni{ -webkit-animation-name:widthAni; animation-name:widthAni;}



@-webkit-keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}

@keyframes heightAni{ 0%{ height:0;}100%{ height:100%;}}

.heightAni{ -webkit-animation-name:heightAni; animation-name:heightAni;}


@-webkit-keyframes opacity { 0%{ color:#333333;} 100%{ color:#c6000b;}}

@keyframes opacity { 0%{ color:#333333;} 100%{ color:#c6000b;}}

.opacity{ -webkit-animation-name:opacity; animation-name:opacity;}


@keyframes one8Dot{ 0%{ width:0; height:0; opacity:1;} 80%{ width:100%; height:100%; opacity:1;} 100%{ width:150%; height:150%; opacity:0;}}
.one8Dot{ -webkit-animation-name:one8Dot; animation-name:one8Dot;}


@-webkit-keyframes LineScroll{ 0%{ background-position:0 -50px} 80%{background-position:0 0} 100%{background-position:0 50px}}
@keyframes LineScroll{ 0%{background-position:0 -50px} 80%{background-position:0 0} 100%{background-position:0 50px}}

@-webkit-keyframes warn{ 
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
@keyframes warn{
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}
.warn{ -webkit-animation-name:warn; animation-name:warn;}

@-webkit-keyframes warn2{ 
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .25;
	}
	50% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .25;
	}
}
@keyframes warn2{
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .25;
	}
	50% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: .25;
	}
}
.warn2{ -webkit-animation-name:warn2; animation-name:warn2;}

@-webkit-keyframes bounceUp{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}
	40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
	60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
}
@keyframes bounceUp{
	0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	40%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
	60%{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}
}
.bounceUp{-webkit-animation-name:bounceUp;animation-name:bounceUp}


@-webkit-keyframes cir {  0%{ transform:rotate(0);} 100%{ transform:rotate(360deg);}}
@keyframes cir {  0%{ transform:rotate(0);} 100%{ transform:rotate(360deg);}}
.cir { -webkit-animation-name:cir; animation-name:cir;}

@-webkit-keyframes cir2 {  0%{ transform:rotate(0); margin:0;} 50%{ transform:rotate(360deg); margin:10px 10px 0 0;} 100%{ transform:rotate(0); margin:0;}}
@keyframes cir2 {  0%{ transform:rotate(0); margin:0;} 50%{ transform:rotate(360deg); margin:10px 10px 0 0;} 100%{ transform:rotate(0); margin:0;}}
.cir2 { -webkit-animation-name:cir2; animation-name:cir2;}