div#test{
	position:fixed;
	top:0;left:0;
}
div#loading{
	display:block;
}
div#main_wrap{
	visibility: hidden;
	opacity:0;
	-webkit-transition: 0.7s ease-in-out;
       	-moz-transition: 0.7s ease-in-out;
         -o-transition: 0.7s ease-in-out;
         transition: 0.7s ease-in-out;
}
div#main_wrap.animation{
	visibility: visible;
	opacity:1;

}
h2{
	visibility: hidden;
}

div#main a{
	visibility:hidden;
}
div#main a.animation{
	visibility: visible;
	animation-name: aanime;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;

	-moz-animation-name: aanime;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 1;

	-webkit-animation-name: aanime;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;

	-o-animation-name: aanime;
	-o-animation-duration: 0.5s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: 1;

	-ms-animation-name: aanime;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: 1;
}
@keyframes aanime {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@-moz-keyframes aanime {
0% {
	opacity:0;

}
100% {
	opacity:1;

}
}

@-webkit-keyframes aanime {
0% {
	opacity:0;

}
100% {
	opacity:1;

}
}
@-o-keyframes aanime {
0% {
	opacity:0;

}
100% {
	opacity:1;

}
}
@-moz-keyframes aanime {
0% {
	opacity:0;

}
100% {
	opacity:1;

}
}
@-ms-keyframes aanime {
0% {
	opacity:0;

}
100% {
	opacity:1;

}
}
div#main h3{
	visibility:hidden;
}
div#main a:hover{
	-webkit-transition:none;
       	-moz-transition:none;
         -o-transition:none;
         transition:none;
}
p#release,p#party{
	visibility: hidden;
	opacity:0;
	-webkit-transition: 0.5s ease-in-out;
       	-moz-transition: 0.5s ease-in-out;
         -o-transition: 0.5s ease-in-out;
         transition: 0.5s ease-in-out;
}
p#copy{
	visibility: hidden;
}
div#item{
	visibility: hidden;
	opacity:0;
	-webkit-transition: 3s ease;
       	-moz-transition: 3s ease;
         -o-transition: 3s ease;
         transition: 3s ease;
}
div#item.animation{
	visibility: visible;
	opacity:1;
    	/*filter: alpha(opacity=60);  */
}

p#release.animation,p#party.animation,p#copy.animation{
	visibility: visible;
	opacity:1;
    	/*filter: alpha(opacity=60);  */
}

h2.animation{
	visibility: visible;
	animation-name: h2anime;
	animation-duration: 0.8s;
	animation-timing-function: ease;
	animation-iteration-count: 1;

	-moz-animation-name: h2anime;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

	-webkit-animation-name: h2anime;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-o-animation-name: h2anime;
	-o-animation-duration: 0.8s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: h2anime;
	-ms-animation-duration: 0.8s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
}

@keyframes h2anime {
0% {
	opacity:0;
	transform: scale(1.5,1.5) rotate(720deg);
}
100% {
	opacity:1;
	transform: scale(1,1) rotate(0deg);
}
}
@-moz-keyframes h2anime {
0% {
	opacity:0;
	-moz-transform: scale(1.5,1.5) rotate(720deg);

}
100% {
	opacity:1;
	-moz-transform: scale(1,1) rotate(0deg);

}
}

@-webkit-keyframes h2anime {
0% {
	opacity:0;
	-webkit-transform: scale(1.5,1.5) rotate(720deg);
}
100% {
	opacity:1;
	-webkit-transform: scale(1,1) rotate(0deg);
}
}
@-o-keyframes h2anime {
0% {
	opacity:0;
	-o-transform: scale(1.5,1.5) rotate(720deg);
}
100% {
	opacity:1;
	-o-transform: scale(1,1) rotate(0deg);
}
}
@-ms-keyframes h2anime {
0% {
	opacity:0;
	-ms-transform: scale(1.5,1.5) rotate(720deg);
}
100% {
	opacity:1;
	-ms-transform: scale(1,1) rotate(0deg);
}
}

div#main h3.animation{
	visibility: visible;
	animation-name: h3anime;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;

	-moz-animation-name: h3anime;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count: 1;

	-webkit-animation-name: h3anime;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;

	-o-animation-name: h3anime;
	-o-animation-duration: 0.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;

	-ms-animation-name: h3anime;
	-ms-animation-duration: 0.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
}


@keyframes h3anime {
0% {
	opacity:0;
	transform: scale(0,0) rotate(720deg);
}
100% {
	opacity:1;
	transform: scale(1,1) rotate(0deg);
}
}
@-moz-keyframes h3anime {
0% {
	opacity:0;
	-moz-transform: scale(0,0) rotate(720deg);
}
100% {
	opacity:1;
	-moz-transform: scale(1,1) rotate(0deg);
}
}

@-webkit-keyframes h3anime {
0% {
	opacity:0;
	-webkit-transform: scale(0,0) rotate(720deg);
}
100% {
	opacity:1;
	-webkit-transform: scale(1,1) rotate(0deg);
}
}
@-o-keyframes h3anime {
0% {
	opacity:0;
	-o-transform: scale(0,0) rotate(720deg);
}
100% {
	opacity:1;
	-o-transform: scale(1,1) rotate(0deg);
}
}

@-ms-keyframes h3anime {
0% {
	opacity:0;
	-ms-transform: scale(0,0) rotate(720deg);
}
100% {
	opacity:1;
	-ms-transform: scale(1,1) rotate(0deg);
}
}

p#copy.animation{
	visibility: visible;
	animation-name: copyanime;
	animation-duration: 0.7s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;

	-moz-animation-name: copyanime;
	-moz-animation-duration: 0.7s;
	-moz-animation-timing-function: ease-out;
	-moz-animation-iteration-count: 1;

	-webkit-animation-name: copyanime;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: 1;

	-o-animation-name: copyanime;
	-o-animation-duration: 0.7s;
	-o-animation-timing-function: ease-out;
	-o-animation-iteration-count: 1;

	-ms-animation-name: copyanime;
	-ms-animation-duration: 0.7s;
	-ms-animation-timing-function: ease-out;
	-ms-animation-iteration-count: 1;
}


@keyframes copyanime {
0% {
	opacity:0;
	transform: translateY(0px) scale(0.5,0.5);
}
60%{
	opacity:1;
	transform: translateY(-30px) scale(1.5,1.5);
}
100% {
	opacity:1;
	transform: translateY(0px) scale(1,1);
}
}

@-webkit-keyframes copyanime {
0% {
	opacity:0;
	-webkit-transform: translateY(0px) scale(0.5,0.5);
}
60%{
	opacity:1;
	-webkit-transform: translateY(-30px) scale(1.5,1.5);
}
100% {
	opacity:1;
	-webkit-transform: translateY(0px) scale(1,1);
}
}
@-o-keyframes copyanime {
0% {
	opacity:0;
	-o-transform: translateY(0px) scale(0.5,0.5);
}
60%{
	opacity:1;
	-o-transform: translateY(-30px) scale(1.5,1.5);
}
100% {
	opacity:1;
	-o-transform: translateY(0px) scale(1,1);
}
}
@-moz-keyframes copyanime {
0% {
	opacity:0;
	-moz-transform: translateY(0px) scale(0.5,0.5);
}
60%{
	opacity:1;
	-moz-transform: translateY(-30px) scale(1.5,1.5);
}
100% {
	opacity:1;
	-moz-transform: translateY(0px) scale(1,1);
}
}
@-ms-keyframes copyanime {
0% {
	opacity:0;
	-ms-transform: translateY(0px) scale(0.5,0.5);
}
60%{
	opacity:1;
	-ms-transform: translateY(-30px) scale(1.5,1.5);
}
100% {
	opacity:1;
	-ms-transform: translateY(0px) scale(1,1);
}
}

#wave{

	animation-name: waveanime;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;

	-moz-animation-name: waveanime;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;

	-webkit-animation-name: waveanime;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;

	-o-animation-name: waveanime;
	-o-animation-duration: 2s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count: infinite;

	-ms-animation-name: waveanime;
	-ms-animation-duration: 2s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count: infinite;
}
@keyframes waveanime {
0% {
	background-position:center 0;
}
50% {
	background-position:center 10px;
}
100% {
	background-position:center 0;
}
}

@-webkit-keyframes waveanime {
0% {

	background-position:center 0;
}
50% {
	background-position:center 10px;
}
100% {
	background-position:center 0;
}
}
@-o-keyframes waveanime {
0% {
	background-position:center 0;
}
50% {
	background-position:center 10px;
}
100% {
	background-position:center 0;
}
}
@-moz-keyframes waveanime {
0% {
	background-position:center 0;
}
50% {
	background-position:center 10px;
}
100% {
	background-position:center 0;
}
}
@-ms-keyframes waveanime {
0% {
	background-position:center 0;
}
50% {
	background-position:center 10px;
}
100% {
	background-position:center 0;
}
}