/* ------------------------------------------------------ */

#layer1
{
	-webkit-animation: layerMove1NoRotate 35s ease-in-out infinite;
	-moz-animation: layerMove1NoRotate 35s ease-in-out infinite;
	-ms-animation: layerMove1NoRotate 35s ease-in-out infinite;
	-o-animation: layerMove1NoRotate 35s ease-in-out infinite;
	animation: layerMove1NoRotate 35s ease-in-out infinite;
}

#layer2
{
	-webkit-animation: layerMove2NoRotate 30s ease-in-out infinite;
	-moz-animation: layerMove2NoRotate 30s ease-in-out infinite;
	-ms-animation: layerMove2NoRotate 30s ease-in-out infinite;
	-o-animation: layerMove2NoRotate 30s ease-in-out infinite;
	-webkit-animation: layerMove2NoRotate 30s ease-in-out infinite;
}

#layer3
{
	-webkit-animation: layerMove3 36s ease-in-out infinite;
	-moz-animation: layerMove3 36s ease-in-out infinite;
	-ms-animation: layerMove3 36s ease-in-out infinite;
	-o-animation: layerMove3 36s ease-in-out infinite;
	animation: layerMove3 36s ease-in-out infinite;
}

#layer4
{
	-webkit-animation: layerMove1 33s ease-in-out infinite;
	-moz-animation: layerMove1 33s ease-in-out infinite;
	-ms-animation: layerMove1 33s ease-in-out infinite;
	-o-animation: layerMove1 33s ease-in-out infinite;
	animation: layerMove1 33s ease-in-out infinite;
}

#layer5
{
	-webkit-animation: layerMove2 34s ease-in-out infinite;
	-moz-animation: layerMove2 34s ease-in-out infinite;
	-ms-animation: layerMove2 34s ease-in-out infinite;
	-o-animation: layerMove2 34s ease-in-out infinite;
	animation: layerMove2 34s ease-in-out infinite;
}

#layer6
{
	-webkit-animation: layerMove3 35s ease-in-out infinite;	
	-moz-animation: layerMove3 35s ease-in-out infinite;
	-ms-animation: layerMove3 35s ease-in-out infinite;
	-o-animation: layerMove3 35s ease-in-out infinite;
	animation: layerMove3 35s ease-in-out infinite;
}

@-webkit-keyframes layerMove1NoRotate {
  
  0% {
    -webkit-transform: translate(0px, 0px);
  }

  
  20% {
    -webkit-transform: translate(10px, -10px);
  }

  
  40% {
    -webkit-transform: translate(-10px, 10px);
  }

  
  60% {
    -webkit-transform: translate(-10px, 10px);
  }

  
  80% {
    -webkit-transform: translate(10px, -10px);
  }

  
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}


@-webkit-keyframes layerMove2NoRotate {
  
  0% {
    -webkit-transform: translate(0px, 0px);
  }

  
  20% {
    -webkit-transform: translate(10px, 10px);
  }

  
  40% {
    -webkit-transform: translate(5px, -10px);
  }

  
  60% {
    -webkit-transform: translate(10px, -15px);
  }

  
  80% {
    -webkit-transform: translate(-10px, 10px);
  }

  
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}

@-webkit-keyframes layerMove1 {
  
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }

  
  22% {
    -webkit-transform: translate(15px, -10px) rotate(-0.6deg);
  }

  
  42% {
    -webkit-transform: translate(-10px, 15px) rotate(0.4deg);
  }

  
  62% {
    -webkit-transform: translate(-15px, 15px) rotate(-0.8deg);
  }

  
  80% {
    -webkit-transform: translate(15px, -15px) rotate(0.6deg);
  }

  
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes layerMove2 {
  
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }

  
  20% {
    -webkit-transform: translate(15px, 10px) rotate(0.9deg);
  }

  
  40% {
    -webkit-transform: translate(10px, -20px) rotate(-1.5deg);
  }

  
  60% {
    -webkit-transform: translate(15px, -10px) rotate(0.8deg);
  }

  
  80% {
    -webkit-transform: translate(-15px, 10px) rotate(-0.6deg);
  }

  
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes layerMove3 {
  
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }

  
  25% {
    -webkit-transform: translate(10px, -10px) rotate(0.5deg);
  }

  
  45% {
    -webkit-transform: translate(5px, -10px) rotate(-0.4deg);
  }

  
  65% {
    -webkit-transform: translate(10px, -5px) rotate(0.6deg);
  }

  
  80% {
    -webkit-transform: translate(5px, 5px) rotate(-0.3deg);
  }

  
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}


/* ------------------------------------------------------ */

.animated {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;

	-webkit-animation-delay: .3s;
	-moz-animation-delay: .3s;
	animation-delay: .3s;
}


/* Fade */
@-webkit-keyframes ae-animation-fade {
	0% {opacity: 0; -webkit-transform: scaleY(0) scaleX(0);}	
	100% {opacity: 1; -webkit-transform: scaleY(1) scaleX(1)}
}

@-moz-keyframes ae-animation-fade {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes ae-animation-fade {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes ae-animation-fade {
	0% {opacity: 0; transform: scaleY(0) scaleX(0);}	
	100% {opacity: 1; transform: scaleY(1) scaleX(1)}
}

.ae-animation-fade {
	-webkit-animation-name: ae-animation-fade;
	-moz-animation-name: ae-animation-fade;
	-o-animation-name: ae-animation-fade;
	animation-name: ae-animation-fade;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;

	opacity: 1!important;
}

.fade { opacity: 0; }
html.ie9 .fade { opacity: 1!important; }


/* Slide */
@-webkit-keyframes ae-animation-slide {
	0% {-webkit-transform: translateY(100%);}	
	100% {-webkit-transform: translateY(0%);}
}

@-moz-keyframes ae-animation-slide {
	0% {-moz-transform: translateY(100%);}	
	100% {-moz-transform: translateY(0%);}
}

@-o-keyframes ae-animation-slide {
	0% {-o-transform: translateY(100%);}	
	100% {-o-transform: translateY(0%);}
}

@keyframes ae-animation-slide {
	0% {transform: translateY(100%);}	
	100% {transform: translateY(0%);}
}

.ae-animation-slide {
	-webkit-animation-name: ae-animation-slide;
	-moz-animation-name: ae-animation-slide;
	-o-animation-name: ae-animation-slide;
	animation-name: ae-animation-slide;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;

	opacity: 1!important;
}

.slide { opacity: 0; }
html.ie9 .slide { opacity: 1!important; }

/* Hatch */
@-webkit-keyframes ae-animation-hatch {
	0% {-webkit-transform: rotate(0deg) scaleY(0);}
	20% {-webkit-transform: rotate(-2deg) scaleY(1.05);}
	35% {-webkit-transform: rotate(2deg) scaleY(1);}
	50% {-webkit-transform: rotate(-2deg);}
	65% {-webkit-transform: rotate(1deg);}
	80% {-webkit-transform: rotate(-1deg);}	
	100% {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes ae-animation-hatch {
	0% {-moz-transform: rotate(0deg) scaleY(0);}
	20% {-moz-transform: rotate(-2deg) scaleY(1.05);}
	35% {-moz-transform: rotate(2deg) scaleY(1);}
	50% {-moz-transform: rotate(-2deg);}
	65% {-moz-transform: rotate(1deg);}
	80% {-moz-transform: rotate(-1deg);}	
	100% {-moz-transform: rotate(0deg);}
}

@-o-keyframes ae-animation-hatch {
	0% {-o-transform: rotate(0deg) scaleY(0);}
	20% {-o-transform: rotate(-2deg) scaleY(1.05);}
	35% {-o-transform: rotate(2deg) scaleY(1);}
	50% {-o-transform: rotate(-2deg);}
	65% {-o-transform: rotate(1deg);}
	80% {-o-transform: rotate(-1deg);}	
	100% {-o-transform: rotate(0deg);}
}

@keyframes ae-animation-hatch {
	0% {transform: rotate(0deg) scaleY(0);}
	20% {transform: rotate(-2deg) scaleY(1.05);}
	35% {transform: rotate(2deg) scaleY(1);}
	50% {transform: rotate(-2deg);}
	65% {transform: rotate(1deg);}
	80% {transform: rotate(-1deg);}	
	100% {transform: rotate(0deg);}
}

.ae-animation-hatch {
	-webkit-animation-name: ae-animation-hatch;
	-moz-animation-name: ae-animation-hatch;
	-o-animation-name: ae-animation-hatch;
	animation-name: ae-animation-hatch;

	-webkit-animation-duration:1.6s;
	-moz-animation-duration:1.6s;
	-ms-animation-duration:1.6s;
	-o-animation-duration:1.6s;
	animation-duration:1.6s;

	opacity: 1!important;
}

.hatch { opacity: 0; }
html.ie9 .hatch { opacity: 1!important; }

/* Entrance */
@-webkit-keyframes ae-animation-entrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-moz-keyframes ae-animation-entrance {
	0% {
		-moz-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-moz-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-moz-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-moz-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-moz-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-moz-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-moz-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-o-keyframes ae-animation-entrance {
	0% {
		-o-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-o-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		-o-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-o-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		-o-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-o-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		-o-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes ae-animation-entrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);		
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);		
		opacity: 1;
	}	
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

.ae-animation-entrance {
	-webkit-animation-name: ae-animation-entrance;
	-moz-animation-name: ae-animation-entrance;
	-o-animation-name: ae-animation-entrance;
	animation-name: ae-animation-entrance;

	-webkit-animation-duration:1.6s;
	-moz-animation-duration:1.6s;
	-ms-animation-duration:1.6s;
	-o-animation-duration:1.6s;
	animation-duration:1.6s;

	opacity: 1!important;
}

.entrance { opacity: 0; }
html.ie9 .entrance { opacity: 1!important; }