@charset "utf-8";
/*section1 animation*/

.section1.active .ani0 {
	-webkit-animation: pulse2 1s 1.2s;
	animation: pulse2 1s 1.2s;
	
}


.section1.active .ani1 {
	-webkit-animation: bounceInRight 1s;
	animation: bounceInRight 1s;
	
	
}

.section1.active .ani2 {
	-webkit-animation: bounceInRight 1.5s;
	animation: bounceInRight 1.5s;
}

.section1.active .ani3 {
	-webkit-animation: bounceInRight 2s;
	animation: bounceInRight 2s;
}

.section1.active .ani4 {
	-webkit-animation: fadeInDownBig 1.2s;
	animation: fadeInDownBig 1.2s;
}

.section1.active .ani5 {
	-webkit-animation: fadeInDownBig 1.2s;
	animation: fadeInDownBig 1.2s;
}

.section1.active .ani6 {
	-webkit-animation: fadeInDownBig 1.8s;
	animation: fadeInDownBig 1.8s;
}

.section1.active .ani7 {
	-webkit-animation: fadeInDownBig 2.4s;
	animation: fadeInDownBig 2.4s;
}

@-webkit-keyframes pulse2 {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.4, 1.4, 1.4);
		        transform: scale3d(1.4, 1.4, 1.4);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse2 {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.4, 1.4, 1.4);
		        transform: scale3d(1.4, 1.4, 1.4);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
            transform: none;
  }
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}


/*section2 animation*/
.section2.active .an1 {
	-webkit-animation: bounceInRight2 2s;
	animation: bounceInRight2 2s;
}

.section2.active .an2 {
	-webkit-animation: bounceInRight2 2.5s;
	animation: bounceInRight2 2.5s;
}

.section2.active .an3 {
	-webkit-animation: bounceInRight2 3s;
	animation: bounceInRight2 3s;
}

.section2.active .an4 {
	-webkit-animation: bounceInLeft2 2s;
	animation: bounceInLeft2 2s;
}

.section2.active .an5 {
	-webkit-animation: bounceInLeft2 2.5s;
	animation: bounceInLeft2 2.5s;
}

@-webkit-keyframes bounceInRight2 {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		        transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translate3d(-25px, 0, 0);
		        transform: translate3d(-25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		        transform: translate3d(10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		        transform: translate3d(-5px, 0, 0);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}

@keyframes bounceInRight2 {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		        transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translate3d(-25px, 0, 0);
		        transform: translate3d(-25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		        transform: translate3d(10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		        transform: translate3d(-5px, 0, 0);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}

@-webkit-keyframes bounceInLeft2 {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-400px, 0, 0);
		        transform: translate3d(-400px, 0, 0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translate3d(25px, 0, 0);
		        transform: translate3d(25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		        transform: translate3d(-10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		        transform: translate3d(5px, 0, 0);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}

@keyframes bounceInLeft2 {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-400px, 0, 0);
		        transform: translate3d(-400px, 0, 0);
	}
	60% {
		opacity: 0;
		-webkit-transform: translate3d(25px, 0, 0);
		        transform: translate3d(25px, 0, 0);
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		        transform: translate3d(-10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		        transform: translate3d(5px, 0, 0);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}


/*section3 animation*/

.section3.active .an1 {
	-webkit-animation: bounceInUp2 2s;
	animation: bounceInUp2 2s;
}

.section3.active .an2 {
	-webkit-animation: bounceInUp2 2.2s;
	animation: bounceInUp2 2.2s;
}

.section3.active .an3 {
	-webkit-animation: bounceInUp2 2.4s;
	animation: bounceInUp2 2.4s;
}

.section3.active .an4 {
	-webkit-animation: bounceInUp2 2.6s;
	animation: bounceInUp2 2.6s;
}

.section3.active .an5 {
	-webkit-animation: bounceInUp2 2.8s;
	animation: bounceInUp2 2.8s;
}

.section3.active .an6 {
	-webkit-animation: bounceInUp2 3s;
	animation: bounceInUp2 3s;
}
.section3.active .an7 {
	-webkit-animation: bounceInUp2 3s;
	animation: bounceInUp2 3.2s;
}
.section3.active .an8 {
	-webkit-animation: bounceInUp2 3s;
	animation: bounceInUp2 3.4s;
}
@-webkit-keyframes bounceInUp2 {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		        transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(60PX, -20px, 0);
		        transform: translate3d(60PX, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(60PX, 10px, 0);
		        transform: translate3d(60PX, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(60PX, -5px, 0);
		        transform: translate3d(60PX, -5px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInUp2 {
	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		        transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(60PX, -20px, 0);
		        transform: translate3d(60PX, -20px, 0);
	}
	75% {
		-webkit-transform: translate3d(60PX, 10px, 0);
		        transform: translate3d(60PX, 10px, 0);
	}
	90% {
		-webkit-transform: translate3d(60PX, -5px, 0);
		        transform: translate3d(60PX, -5px, 0);
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}


/*section4 animation*/


.section4.active .an0 {
	-webkit-animation: zoomInDown 1.5s;
	animation: zoomInDown 1.5s;
}

.section4.active .an1 {
	-webkit-animation: bounceInRight2 2s;
	animation: bounceInRight2 2s;
}

.section4.active .an2 {
	-webkit-animation: bounceInRight2 2.5s;
	animation: bounceInRight2 2.5s;
}

.section4.active .an3 {
	-webkit-animation: bounceInLeft2 2s;
	animation: bounceInLeft2 2s;
}

.section4.active .an4 {
	-webkit-animation: bounceInLeft2 2.5s;
	animation: bounceInLeft2 2.5s;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}



/*section5 animation*/


.section5.active .an1 {
	-webkit-animation: flipOutX 2s;
	animation: flipOutX 2s;
}

.section5.active .an2 {
	-webkit-animation: flipOutX 2.4s;
	animation: flipOutX 2.4s;
}

.section5.active .an3 {
	-webkit-animation: flipOutX 2.8s;
	animation: flipOutX 2.8s;
}

.section5.active .an4 {
	-webkit-animation: pulse3 3s 0.5s;
	animation: pulse3 3s 0.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes pulse3 {
	from {
		-webkit-transform: scale3d(0, 0, 0);
		        transform: scale3d(0, 0, 0);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes pulse3 {
	from {
		-webkit-transform: scale3d(0, 0, 0);
		        transform: scale3d(0, 0, 0);
	}
	to {
		-webkit-transform: none;
		        transform: none;
	}
}


/*section6 animation*/

.section6.active .an0 {
	-webkit-animation: slideInRight 1.2s;
	animation: slideInRight 1.2s;
}

.section6.active .an1 {
	-webkit-animation: slideInRight 1.5s;
	animation: slideInRight 1.5s;
}

.section6.active .an2 {
	-webkit-animation: pulse3 1.5s;
	animation: pulse3 1.5s;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}



/*section7 animation*/

.section7.active .an0 {
	-webkit-animation: pulse3 1.5s ;
	animation: pulse3 1.5s ;
}

.section7.active .an1 {
	-webkit-animation: fadeInRight2 2s 3s;
	animation: fadeInRight2 2s 3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.section7.active .an2 {
	-webkit-animation: fadeInLeft2 2s 3s;
	animation: fadeInLeft2 2s 3s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards; 
	
}
 .section7.active .g-rect-fill {
 	-webkit-animation: lineMove 2s linear 1s ;
 	        animation: lineMove 2s linear 1s ;
 }
 .section7.active .son2,.section7.active .son3{
	-webkit-animation:scale 0.6s linear 3s;
	 animation:scale 0.6s linear 3s;
	-webkit-animation-fill-mode: forwards;
	 animation-fill-mode: forwards;
}
@-webkit-keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(8%, 0, 0);
		        transform: translate3d(8%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}
@keyframes fadeInRight2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(8%, 0, 0);
		        transform: translate3d(8%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}

@-webkit-keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-8%, 0, 0);
		        transform: translate3d(-8%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}

@keyframes fadeInLeft2 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-8%, 0, 0);
		        transform: translate3d(-8%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		        transform: none;
	}
}

@-webkit-keyframes lineMove {
    0%{
        stroke-dasharray: 0, 1350;
    }
    100%{
        stroke-dasharray: 1350, 1350;
    }
}

@keyframes lineMove {
    0%{
        stroke-dasharray: 0, 1350;
    }
    100%{
        stroke-dasharray: 1350, 1350;
    }
}
@-ms-keyframes lineMove {
	0%{
		stroke-dasharray: 0, 1350;
	}
	100%{
		stroke-dasharray: 1350, 1350;
	}
}
@-webkit-keyframes scale {
	 to {
		 opacity: 1;
	 }
 }
@keyframes scale {
	to {
		opacity: 1;
	}
}


/*section8 animation*/

.section8.active p.one,.section8.active p.two,.section8.active p.there,.section8.active p.four{
	-webkit-animation: zoomInRight2 2s ;
	animation: zoomInRight2 2s ;
}
 
.section8.active p.five,.section8.active p.six ,.section8.active p.seven,.section8.active p.eight {
	-webkit-animation: zoomInLeft2 2s ;
	animation: zoomInLeft2 2s ;
}

.section8.active .son1 {
		-webkit-animation: erase9 2s ;
	animation: erase9 2s ;
}

.section8.active .son2 {
	opacity: 1;
    -webkit-transition-delay: 2.5s;
	transition-delay: 2.5s;
	-webkit-animation: flipInX2 2.5s 1s;
	animation: flipInX2 2.5s 1s;
}

@-webkit-keyframes flipInX2 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX2 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@-webkit-keyframes erase6 {
	from {
		height: 0;
	}
	to {
		height: 259px;
	}
}

@keyframes erase6 {
	from {
		height: 0;
	}
	to {
		height: 259px;
	}
}

@-webkit-keyframes erase8 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes erase8 {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes erase9 {
	from {
		-webkit-transform: scaleX(0.2);
		        transform: scaleX(0.2);
	}

	to {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}

@keyframes erase9 {
	from {
		-webkit-transform: scaleX(0.2);
		        transform: scaleX(0.2);
	}

	to {
		-webkit-transform: scaleX(1);
		        transform: scaleX(1);
	}
}

@-webkit-keyframes zoomInRight2 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)  translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1)  translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  to{
  }
}

@keyframes zoomInRight2 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1)  translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1)  translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  to{
  }
}
@-webkit-keyframes zoomInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) ;
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) ;
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}
@keyframes zoomInLeft2 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) ;
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) ;
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}