/* CSS Document */

#effect{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	z-index:100;
	
	animation-name:animRoule;
	-webkit-animation-name:animRoule;
	-moz-animation-name:animRoule;
	-o-animation-name:animRoule;
	
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule{
	0% {left:0px;top:40px;opacity:0;}
	100%{left:150px;top:40px;opacity:1}
}

@-webkit-keyframes animRoule{
	0% {left:0px;top:40px;opacity:0;}
	100%{left:150px;top:40px;opacity:1}
}



#effect2{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	z-index:100;
	
	animation-name:animRoule2;
	-webkit-animation-name:animRoule2;
	-moz-animation-name:animRoule2;
	-o-animation-name:animRoule2;
	
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule2{
	0% {left:400px;top:50px;opacity:0;}
	100%{left:300px;top:50px;opacity:1}
}

@-webkit-keyframes animRoule2{
	0% {left:400px;top:50px;opacity:0;}
	100%{left:300px;top:50px;opacity:1}
}

#effect3{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule3;
	-webkit-animation-name:animRoule3;
	-moz-animation-name:animRoule3;
	-o-animation-name:animRoule3;
	
	animation-duration:6s;
	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	-o-animation-duration:6s;
	
	animation-delay: 6s;
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule3{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}

@-webkit-keyframes animRoule3{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}
@-moz-keyframes animRoule3{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}

@-o-keyframes animRoule3{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}


#effect4{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule4;
	-webkit-animation-name:animRoule4;
	-moz-animation-name:animRoule4;
	-o-animation-name:animRoule4;
	
	animation-duration:6s;
	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	-o-animation-duration:6s;
	
	animation-delay: 6.1s;
	-webkit-animation-delay: 6.1s;
	-moz-animation-delay: 6.1s;
	-o-animation-delay: 6.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule4{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}

@-webkit-keyframes animRoule4{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}
@-moz-keyframes animRoule4{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}

@-o-keyframes animRoule4{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}

#effect5{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule5;
	-webkit-animation-name:animRoule5;
	-moz-animation-name:animRoule5;
	-o-animation-name:animRoule5;
	
	animation-duration:6s;
	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	-o-animation-duration:6s;
	
	animation-delay: 12s;
	-webkit-animation-delay: 12s;
	-moz-animation-delay: 12s;
	-o-animation-delay: 12s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule5{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}

@-webkit-keyframes animRoule5{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}
@-moz-keyframes animRoule5{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}

@-o-keyframes animRoule5{
	0% {left:200px;top:130px;opacity:0;}
	50%{left:400px;top:130px;opacity:1}
	100%{left:600px;top:130px;opacity:0}
}


#effect6{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule6;
	-webkit-animation-name:animRoule6;
	-moz-animation-name:animRoule6;
	-o-animation-name:animRoule6;
	
	animation-duration:6s;
	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	-o-animation-duration:6s;
	
	animation-delay: 12.1s;
	-webkit-animation-delay: 12.1s;
	-moz-animation-delay: 12.1s;
	-o-animation-delay: 12.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule6{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}

@-webkit-keyframes animRoule6{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}
@-moz-keyframes animRoule6{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}

@-o-keyframes animRoule6{
	0% {left:550px;top:130px;opacity:0;}
	50%{left:450px;top:130px;opacity:1}
	100%{left:150px;top:130px;opacity:0}
}

#effect7{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule7;
	-webkit-animation-name:animRoule7;
	-moz-animation-name:animRoule7;
	-o-animation-name:animRoule7;
	
	animation-duration:9s;
	-webkit-animation-duration:9s;
	-moz-animation-duration:9s;
	-o-animation-duration:9s;
	
	animation-delay: 13s;
	-webkit-animation-delay: 13s;
	-moz-animation-delay: 13s;
	-o-animation-delay: 13s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule7{
	0% {left:200px;top:50px;opacity:0;}
	50%{left:400px;top:50px;opacity:1}
	100%{left:600px;top:50px;opacity:0}
}

@-webkit-keyframes animRoule7{
	0% {left:200px;top:50px;opacity:0;}
	50%{left:400px;top:50px;opacity:1}
	100%{left:600px;top:50px;opacity:0}
}
@-moz-keyframes animRoule7{
	0% {left:200px;top:50px;opacity:0;}
	50%{left:400px;top:50px;opacity:1}
	100%{left:600px;top:50px;opacity:0}
}

@-o-keyframes animRoule7{
	0% {left:200px;top:50px;opacity:0;}
	50%{left:400px;top:50px;opacity:1}
	100%{left:600px;top:50px;opacity:0}
}


#effect8{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule8;
	-webkit-animation-name:animRoule8;
	-moz-animation-name:animRoule8;
	-o-animation-name:animRoule8;
	
	animation-duration:9s;
	-webkit-animation-duration:9s;
	-moz-animation-duration:9s;
	-o-animation-duration:9s;
	
	animation-delay: 13.1s;
	-webkit-animation-delay: 13.1s;
	-moz-animation-delay: 13.1s;
	-o-animation-delay: 13.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule8{
	0% {left:550px;top:50px;opacity:0;}
	50%{left:450px;top:50px;opacity:1}
	100%{left:150px;top:50px;opacity:0}
}

@-webkit-keyframes animRoule8{
	0% {left:550px;top:50px;opacity:0;}
	50%{left:450px;top:50px;opacity:1}
	100%{left:150px;top:50px;opacity:0}
}
@-moz-keyframes animRoule8{
	0% {left:550px;top:50px;opacity:0;}
	50%{left:450px;top:50px;opacity:1}
	100%{left:150px;top:50px;opacity:0}
}

@-o-keyframes animRoule8{
	0% {left:550px;top:50px;opacity:0;}
	50%{left:450px;top:50px;opacity:1}
	100%{left:150px;top:50px;opacity:0}
}

#effect9{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule9;
	-webkit-animation-name:animRoule9;
	-moz-animation-name:animRoule9;
	-o-animation-name:animRoule9;
	
	animation-duration:9s;
	-webkit-animation-duration:9s;
	-moz-animation-duration:9s;
	-o-animation-duration:9s;
	
	animation-delay: 13s;
	-webkit-animation-delay: 13s;
	-moz-animation-delay: 13s;
	-o-animation-delay: 13s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule9{
	0% {left:200px;top:-350px;opacity:0;}
	50%{left:400px;top:-350px;opacity:1}
	100%{left:600px;top:-350px;opacity:0}
}

@-webkit-keyframes animRoule9{
	0% {left:200px;top:-350px;opacity:0;}
	50%{left:400px;top:-350px;opacity:1}
	100%{left:600px;top:-350px;opacity:0}
}
@-moz-keyframes animRoule9{
	0% {left:200px;top:-350px;opacity:0;}
	50%{left:400px;top:-350px;opacity:1}
	100%{left:600px;top:-350px;opacity:0}
}

@-o-keyframes animRoule9{
	0% {left:200px;top:-350px;opacity:0;}
	50%{left:400px;top:-350px;opacity:1}
	100%{left:600px;top:-350px;opacity:0}
}


#effect10{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule10;
	-webkit-animation-name:animRoule10;
	-moz-animation-name:animRoule10;
	-o-animation-name:animRoule10;
	
	animation-duration:9s;
	-webkit-animation-duration:9s;
	-moz-animation-duration:9s;
	-o-animation-duration:9s;
	
	animation-delay: 13.1s;
	-webkit-animation-delay: 13.1s;
	-moz-animation-delay: 13.1s;
	-o-animation-delay: 13.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule10{
	0% {left:550px;top:-350px;opacity:0;}
	50%{left:450px;top:-350px;opacity:1}
	100%{left:150px;top:-350px;opacity:0}
}

@-webkit-keyframes animRoule10{
	0% {left:550px;top:-350px;opacity:0;}
	50%{left:450px;top:-350px;opacity:1}
	100%{left:150px;top:-350px;opacity:0}
}
@-moz-keyframes animRoule10{
	0% {left:550px;top:-350px;opacity:0;}
	50%{left:450px;top:-350px;opacity:1}
	100%{left:150px;top:-350px;opacity:0}
}

@-o-keyframes animRoule10{
	0% {left:550px;top:-350px;opacity:0;}
	50%{left:450px;top:-350px;opacity:1}
	100%{left:150px;top:-350px;opacity:0}
}

#effect11{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule11;
	-webkit-animation-name:animRoule11;
	-moz-animation-name:animRoule11;
	-o-animation-name:animRoule11;
	
	animation-duration:9s;
	-webkit-animation-duration:9s;
	-moz-animation-duration:9s;
	-o-animation-duration:9s;
	
	animation-delay: 25s;
	-webkit-animation-delay: 25s;
	-moz-animation-delay: 25s;
	-o-animation-delay: 25s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule11{
	0% {left:200px;top:-100px;opacity:0;}
	50%{left:400px;top:-100px;opacity:1}
	100%{left:600px;top:-100px;opacity:0}
}

@-webkit-keyframes animRoule11{
	0% {left:200px;top:-100px;opacity:0;}
	50%{left:400px;top:-100px;opacity:1}
	100%{left:600px;top:-100px;opacity:0}
}
@-moz-keyframes animRoule11{
	0% {left:200px;top:-100px;opacity:0;}
	50%{left:400px;top:-100px;opacity:1}
	100%{left:600px;top:-100px;opacity:0}
}

@-o-keyframes animRoule11{
	0% {left:200px;top:-100px;opacity:0;}
	50%{left:400px;top:-100px;opacity:1}
	100%{left:600px;top:-100px;opacity:0}
}


#effect12{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	
	animation-name:animRoule12;
	-webkit-animation-name:animRoule12;
	-moz-animation-name:animRoule12;
	-o-animation-name:animRoule12;
	
	animation-duration:9s;
	-webkit-animation-duration:9s;
	-moz-animation-duration:9s;
	-o-animation-duration:9s;
	
	animation-delay: 25.1s;
	-webkit-animation-delay: 25.1s;
	-moz-animation-delay: 25.1s;
	-o-animation-delay: 25.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule12{
	0% {left:550px;top:-100px;opacity:0;}
	50%{left:450px;top:-100px;opacity:1}
	100%{left:150px;top:-100px;opacity:0}
}

@-webkit-keyframes animRoule12{
	0% {left:550px;top:-100px;opacity:0;}
	50%{left:450px;top:-100px;opacity:1}
	100%{left:150px;top:-100px;opacity:0}
}
@-moz-keyframes animRoule12{
	0% {left:550px;top:-100px;opacity:0;}
	50%{left:450px;top:-100px;opacity:1}
	100%{left:150px;top:-100px;opacity:0}
}

@-o-keyframes animRoule12{
	0% {left:550px;top:-100px;opacity:0;}
	50%{left:450px;top:-100px;opacity:1}
	100%{left:150px;top:-100px;opacity:0}
}

#effect13{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	z-index:100;
	
	animation-name:animRoule13;
	-webkit-animation-name:animRoule13;
	-moz-animation-name:animRoule13;
	-o-animation-name:animRoule13;
	
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }


@keyframes animRoule13{
	0% {left:-100px;top:40px;opacity:0;}
	100%{left:50px;top:40px;opacity:1}
}

@-webkit-keyframes animRoule13{
	0% {left:-100px;top:40px;opacity:0;}
	100%{left:50px;top:40px;opacity:1}
}



#effect14{
	position:relative;
	display:block;
	width:1000px;
	opacity:0;
	z-index:100;
	
	animation-name:animRoule14;
	-webkit-animation-name:animRoule14;
	-moz-animation-name:animRoule14;
	-o-animation-name:animRoule14;
	
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-o-animation-duration:2s;
	
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	
	animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-webkit-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-moz-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
	-o-animation-timing-function:cubic-bezier(.09,.72,.56,.98);
   }

@keyframes animRoule14{
	0% {left:300px;top:50px;opacity:0;}
	100%{left:200px;top:50px;opacity:1}
}

@-webkit-keyframes animRoule14{
	0% {left:300px;top:50px;opacity:0;}
	100%{left:200px;top:50px;opacity:1}
}