.animated {
	opacity:0;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:cubic-bezier(.47,.05,.37,.97);
	animation-timing-function:cubic-bezier(.47,.05,.37,.97)
	
}

.animated2 {
	opacity:0;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-timing-function:cubic-bezier(.47,.05,.37,.97);
	animation-timing-function:cubic-bezier(.47,.05,.37,.97)
	
}

/* ---------------------------------intro anim--------------------------------------*/

@-webkit-keyframes slideInUp{
	0% {
		opacity:1;
		-webkit-transform:translateY(30px);
		transform:translateY(-110px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
}
@keyframes slideInUp  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		transform:translateY(30px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
}
.slideInUp  {
	opacity:1;
	-webkit-animation-name:slideInUp;
	animation-name:slideInUp;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes slideInDown{
	0% {
		opacity:1;
		-webkit-transform:translateY(-30px);
		transform:translateY(110px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
}
@keyframes slideInDown  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(-30px);
		-ms-transform:translateY(-30px);
		transform:translateY(-30px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
}
.slideInDown  {
	opacity:1;
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}







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

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
	  opacity:1;
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
	opacity:1;
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}



@-webkit-keyframes fadeIn {
	0% {
		opacity:0;	
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeIn {
	0% {
		opacity:0;
		
	}
	50% {
		opacity:1;	
	}
	100% {
		opacity:1;
		
	}
}
.fadeIn {
	opacity:1;
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity:0;
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	
	}
	40% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes zoomIn {
	0% {
		opacity:0;
		-webkit-transform:scale(1.5);
		-ms-transform:scale(1.5);
		transform:scale(1.5)
	}
	40% {
		opacity:1;
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
}
.zoomIn {
	opacity:1;
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes zoomIn2 {
	0% {
		opacity:0;
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	
	}
	8% {
		opacity:1;
	
	}
	60% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes zoomIn2 {
	0% {
		opacity:0;
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		transform:scale(1.2)
	}
	8% {
		opacity:1;
	
	}
	60% {
		opacity:1;
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
}
.zoomIn2 {
	opacity:1;
	-webkit-animation-name:zoomIn2;
	animation-name:zoomIn2
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}



@-webkit-keyframes slideUp {
	0% {
		opacity:0;
		-webkit-transform:translateY(50px);
		transform:translateY(50px)
	}
	80% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
}
@keyframes slideUp  {
	0% {
		opacity:0;
		-webkit-transform:translateY(50px);
		-ms-transform:translateY(50px);
		transform:translateY(50px)
	}
	80% {
		opacity:1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
}
.slideUp  {
	opacity:1;
	-webkit-animation-name:slideUp;
	animation-name:slideUp;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


/* ---------------------------------out anim--------------------------------------*/

@-webkit-keyframes slideDownS{
	0% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(30px);
		transform:translateY(30px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(30px);
		transform:translateY(30px)
	}
}
@keyframes slideDownS  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		transform:translateY(30px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		transform:translateY(30px)
	}
}
.slideDownS  {
	opacity:1;
	-webkit-animation-name:slideDownS;
	animation-name:slideDownS;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}




@-webkit-keyframes slideDownK{
	0% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(220px);
		transform:translateY(220px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(220px);
		transform:translateY(220px)
	}
}
@keyframes slideDownK  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(220px);
		-ms-transform:translateY(220px);
		transform:translateY(220px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(220px);
		-ms-transform:translateY(220px);
		transform:translateY(220px)
	}
}
.slideDownK  {
	opacity:1;
	-webkit-animation-name:slideDownK;
	animation-name:slideDownK;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}




@-webkit-keyframes slideDownK2{
	0% {
		opacity:1;
		-webkit-transform:translateY(110px);
		transform:translateY(110px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(200px);
		transform:translateY(200px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(200px);
		transform:translateY(200px)
	}
}
@keyframes slideDownK2  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(110px);
		-ms-transform:translateY(110px);
		transform:translateY(110px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(200px);
		-ms-transform:translateY(200px);
		transform:translateY(200px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(200px);
		-ms-transform:translateY(200px);
		transform:translateY(200px)
	}
}
.slideDownK2  {
	opacity:1;
	-webkit-animation-name:slideDownK2;
	animation-name:slideDownK2;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


@-webkit-keyframes slideDownS2{
	0% {
		opacity:1;
		-webkit-transform:translateY(30px);
		transform:translateY(30px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(60px);
		transform:translateY(60px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(60px);
		transform:translateY(60px)
	}
}
@keyframes slideDownS2  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		transform:translateY(30px)
	}
	70% {
		opacity:1;
		-webkit-transform:translateY(60px);
		-ms-transform:translateY(60px);
		transform:translateY(60px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(60px);
		-ms-transform:translateY(60px);
		transform:translateY(60px)
	}
}
.slideDownS2  {
	opacity:1;
	-webkit-animation-name:slideDownS2;
	animation-name:slideDownS2;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}




@-webkit-keyframes slideDown{
	0% {
		opacity:1;
		-webkit-transform:translateY(0px);
		transform:translateY(0px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(250px);
		transform:translateY(250px)
	}
}
@keyframes slideDown  {
	0% {
		opacity: 1;
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		transform:translateY(0px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateY(250px);
		-ms-transform:translateY(250px);
		transform:translateY(250px)
	}
}
.slideDown  {
	opacity:1;
	-webkit-animation-name:slideDown;
	animation-name:slideDown;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


@-webkit-keyframes fadeOut {
	0% {
		opacity:1;
		
	
	}
	40% {
		opacity:0;
		
	}
	100% {
		opacity:0;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes fadeOut {
	0% {
		opacity:1;
		
	}
	40% {
		opacity:0;
		
	}
	100% {
		opacity:0;
		
	}
}
.fadeOut {
	opacity:1;
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes fadeOutLeft {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  @keyframes fadeOutLeft {
	from {
	  opacity: 1;
	}
  
	to {
	  opacity: 0;
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
  }
  
  .fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
  }


/*-------------------anim------------------*/


#text1.slidein, #cta.slidein {
	-webkit-animation: slidein .8s cubic-bezier(.18,.74,.27,1.49);
	-moz-animation: slidein .8s cubic-bezier(.18,.74,.27,1.49);
	animation: slidein .8s cubic-bezier(.18,.74,.27,1.49);
	opacity:1;
}
			
@keyframes slidein {
	0% {top:60px;opacity:0;}
	100% {top:0px;opacity:1;}
}
			
@-webkit-keyframes slidein {
	0% {top:60px;opacity:0;} 
	100% {top:0px;opacity:1;}
}

@-moz-keyframes slidein {
	0% {top:60px;opacity:0;} 
	100% {top:0px;opacity:1;}
}

  /*-------------------slideout--------------------------------*/


#text1.slideout, #text2.slideout, #text3.slideout, #text4.slideout, #rocket1.slideout {
	-webkit-animation: slideout .8s cubic-bezier(.64,.09,.31,1);
	-moz-animation: slideout .8s cubic-bezier(.64,.09,.31,1);
	animation: slideout .8s cubic-bezier(.64,.09,.31,1);
	opacity:0;
}
			
@keyframes slideout {
	0% {top:0px;opacity:1;}
	60% {top:-50px;opacity:0;}
}
			
@-webkit-keyframes slideout {
	0% {top:0px;opacity:1;}
	60% {top:-50px;opacity:0;}
}

@-moz-keyframes slideout {
	0% {top:0px;opacity:1;}
	60% {top:-50px;opacity:0;}
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

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

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

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

@-webkit-keyframes slideInLeft{
	0% {
		opacity:0;
		-webkit-transform:translate3d(-20%, 0, 0);
		transform:translate3d(-20%, 0, 0)
	}
	50% {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0)
	}
}
@keyframes slideInLeft  {
	0% {
		opacity: 0;
		-webkit-transform:translate3d(-20%, 0, 0);
		-ms-transform:translate3d(-20%, 0, 0);
		transform:translate3d(-20%, 0, 0)
	}
	50% {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0)
	}
}
.slideInLeft  {
	opacity:1;
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@-webkit-keyframes slideInRight{
	0% {
		opacity:0;
		-webkit-transform:translate3d(50%, 0, 0);
		transform:translate3d(50%, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0)
	}
}
@keyframes slideInRight  {
	0% {
		opacity: 0;
		-webkit-transform:translate3d(50%, 0, 0);
		-ms-transform:translate3d(50%, 0, 0);
		transform:translate3d(50%, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0)
	}
}
.slideInRight  {
	opacity:1;
	-webkit-animation-name:slideInRight;
	animation-name:slideInRight;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}