@charset "utf-8";

.rlCss{ -webkit-animation: rlCss 1s linear infinite; animation: rlCss 1s linear infinite;}
.lrCss{ -webkit-animation: lrCss 1s linear infinite; animation: lrCss 1s linear infinite;}
@-webkit-keyframes UpCss {
    0% {
        -webkit-transform: translateY(20%);
		 opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes UpCss {
    0% {
      transform: translateY(20%);
	  opacity:0;
    }
    100% {
      transform: translateY(0);
	  opacity:1;
    }
}

@-webkit-keyframes rlCss {
    0% {  -webkit-transform: translateX(0);}
    50% {  -webkit-transform: translateX(10%); }
    100% {  -webkit-transform: translateX(0); }
}

@keyframes rlCss {
    0% { transform: translateX(0);}
    50% { transform: translateX(10%); }
    100% { transform: translateX(0); }
}

@-webkit-keyframes lrCss {
    0% {  -webkit-transform: translateX(0);}
    50% {  -webkit-transform: translateX(-10%); }
    100% {  -webkit-transform: translateX(0); }
}

@keyframes lrCss {
    0% { transform: translateX(0);}
    50% { transform: translateX(-10%); }
    100% { transform: translateX(0); }
}

@-webkit-keyframes opRightCss {
    0% {
        -webkit-transform: translateX(.3rem);
		 opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes opRightCss {
    0% {
      transform: translateX(.3rem);
	  opacity:0;
    }
    100% {
      transform: translateX(0);
	  opacity:1;
    }
}

@-webkit-keyframes opLeftCss {
    0% {
        -webkit-transform: translateX(-.3rem);
		 opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes opLeftCss {
    0% {
      transform: translateX(-.3rem);
	  opacity:0;
    }
    100% {
      transform: translateX(0);
	  opacity:1;
    }
}

@-webkit-keyframes downCss {
    0% {
        -webkit-transform: translateY(-20%);
		 opacity:0;
    }
    100% {
        -webkit-transform: translateY(0);
		 opacity:1;
    }
}

@keyframes downCss {
    0% {
      transform: translateY(-20%);
	  opacity:0;
    }
    100% {
      transform: translateY(0);
	  opacity:1;
    }
}

@keyframes fadeOut
{
	0% {opacity: 1;}
	100% {opacity: 0;}
}

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

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

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

@-webkit-keyframes scaleCss {
    0% {   -webkit-transform: scale(0); }
	50% {   -webkit-transform: scale(1.2); }
    100% {  -webkit-transform: scale(1); }
}
@keyframes scaleCss {
    0% {transform: scale(0);  }
	50% {transform: scale(1.2); }
    100% { transform: scale(1); }
}


@-webkit-keyframes scaleBg {
    0% {  background-size:160% 160%; }
    100% { background-size:100% 100%;}
}
@keyframes scaleBg {
    0% {  background-size:160% 160%;}
    100% {  background-size:100% 100%;}
}


@-webkit-keyframes scale1 {
    0% {   -webkit-transform: scale(0);  opacity:0;}
    100% {  -webkit-transform: scale(1); opacity:1;}
}
@keyframes scale1 {
    0% {transform: scale(0); opacity:0; }
    100% { transform: scale(1);  opacity:1;}
}

@-webkit-keyframes optCss {
	0% {
		-webkit-transform:translate(0,10%);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes optCss {
	0% {
		transform:translate(0,10%);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

@-webkit-keyframes oplCss {
	0% {
		-webkit-transform:translate(15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes oplCss {
	0% {
		transform:translate(15%,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}

@-webkit-keyframes oprCss {
	0% {
		-webkit-transform:translate(-15%,0);
		opacity:0;
	}
	100% {
		-webkit-transform:translate(0,0);
		opacity:1;
	}
}
@keyframes oprCss {
	0% {
		transform:translate(-15%,0);
		opacity:0;
	}
	100% {
		transform:translate(0,0);
		opacity:1;
	}
}



@-webkit-keyframes rightCss {
	0% {
		-webkit-transform:translate(0,0);
	}
	100% {
		-webkit-transform:translate(130%,0);
	}
}
@keyframes rightCss {
	0% {
		transform:translate(0,0);
	}
	100% {
		transform:translate(130%,0);
	}
}

@-webkit-keyframes  cssDd{
	8%,16%,24%,16%,20%,24%{
		-webkit-transform:translate(-2%,0);
	}
	4%,12%,20%,14%,18%,22%{
		-webkit-transform:translate(2%,0);
	}0%,26%,100%{
		-webkit-transform:translate(0,0);
	}
}
@keyframes  cssDd{
	4%,8%,12%,16%,20%,24%{
		transform:translate(-2%,0);
	}
	2%,6%,10%,14%,18%,22%{
		transform:translate(2%,0);
	}0%,26%,100%{
		transform:translate(0,0);
	}
}

@-webkit-keyframes  cssShoud{
	0%,20%{
		-webkit-transform: translate(0,0) scale(0);
	}
	50%{
		-webkit-transform: translate(0,0) scale(0);
	}80%,100%{
		-webkit-transform: translate(0,0) scale(0);
	}
}
@keyframes  cssShoud{
	0%,24%{
		transform: translate(0,0) scale(1);
	}
	62%{
		transform: translate(10%,-15%) scale(1.1);
	}100%{
		transform: translate(0,0) scale(1);
	}
}

@-webkit-keyframes bzCss {
	0% {
		-webkit-transform:rotateZ(0deg) ;
	}40% {
		-webkit-transform:rotateZ(0deg) ;
	}70% {
		-webkit-transform: rotateZ(90deg) ;
	}100%{
		-webkit-transform:rotateZ(0deg) ;
	}
}

@keyframes bzCss {
	0% {
		transform:rotateZ(0deg) ;
	}40% {
		transform:rotateZ(0deg) ;
	}70%{
		transform: rotateZ(90deg) ;}
	100%{
		transform:rotateZ(0deg) ;
	}
}

@-webkit-keyframes z {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@keyframes z {
	from {
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
		
	}
	to {
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@-webkit-keyframes fz {
	from {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@keyframes fz {
	from {
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	}
	to {
		transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(-360deg) scaleX(1) scaleY(1) scaleZ(1);
	}
}

@-webkit-keyframes downUpCss {

    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@keyframes downUpCss {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
    100% {
      transform: translateY(0);
    }
}


@-webkit-keyframes slMinCss {
    0% {
         -webkit-transform:scale(1); 
		 opacity:1;
    }
    50% {
         -webkit-transform:scale(.95); 
		 opacity:.9;
    }
    100% {
		 opacity:1;
		  -webkit-transform:scale(1); 
    }
}

@keyframes slMinCss {
    0% {
	  transform:scale(1); 
	  opacity:1;
    }
    50% {
       transform:scale(.95); 
	   opacity:.9;
    }
    100% {
      transform: scale(1);
	  opacity:1;
    }
}



.cssopt,.cssopts,.cssopd,.cssopds,.oprCss,.oplCss,.inCss{opacity:0;}
.current.cssopt,.current .cssopts,.fade .cssopts2{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:UpCss;
	animation-name:UpCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.current.cssopd,.current .cssopds{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:downCss;
	animation-name:downCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.current.cssopr,.current .cssoprs{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:opRightCss;
	animation-name:opRightCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.current.cssopl,.current .cssopls{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:opLeftCss;
	animation-name:opLeftCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}



.current.oplCss,.current .oplCss{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:oplCss;
	animation-name:oplCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.current.oprCss,.current .oprCss{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:oprCss;
	animation-name:oprCss;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}

.current.inCss,.current .inCss{
	opacity:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;	
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out;
	-webkit-animation-duration:.8s;
	animation-duration:.8s;
}


.fade{
	animation:fadeIn 2s 1;
	animation-fill-mode:forwards;
}
.fout{
	animation:fadeOut 3s 1;
	animation-fill-mode:forwards;
}

.delay2{
	-webkit-animation-delay:.2s;
	animation-delay:.2s;	
}
.delay4{
	-webkit-animation-delay:.4s;
	animation-delay:.4s;	
}
.delay6{
	-webkit-animation-delay:.6s;
	animation-delay:.6s;	
}
.delay8{
	-webkit-animation-delay:.8s;
	animation-delay:.8s;	
}
.delay10{
	-webkit-animation-delay:1s;
	animation-delay:1s;	
}
.delay12{
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;	
}
.delay14{
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;	
}
.delay16{
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;	
}

.delay18{
	-webkit-animation-delay:1.8s;
	animation-delay:1.8s;	
}
.delay20{
	-webkit-animation-delay:2s;
	animation-delay:2s;	
}
.delay22{
	-webkit-animation-delay:2.2s;
	animation-delay:2.2s;	
}

.delay24{
	-webkit-animation-delay:2.4s;
	animation-delay:2.4s;	
}
.delay26{
	-webkit-animation-delay:2.8s;
	animation-delay:2.8s;	
}
.delay34{
	-webkit-animation-delay:3.4s;
	animation-delay:3.4s;	
}

.delay38{
	-webkit-animation-delay:3.8s;
	animation-delay:3.8s;	
}