@charset "utf-8";
/* CSS Document */

.decobox2{
	    -webkit-animation-name: slideup0;
	            animation-name: slideup0;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	nav>a:nth-child(1) {
    -webkit-animation-name: slideup1;
            animation-name: slideup1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.1s;
	        animation-delay: 0.1s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	nav>div.decobox1:nth-child(2) {
		    -webkit-animation-name: slideup3;
		            animation-name: slideup3;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.1s;
	        animation-delay: 0.1s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}  
nav>div.btn:nth-child(3) {
    -webkit-animation-name: slideup1;
            animation-name: slideup1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		nav>div:nth-child(4) {
		    -webkit-animation-name: slideup3;
		            animation-name: slideup3;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.2s;
	        animation-delay: 0.2s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;} 
nav>a:nth-child(5) {    
    -webkit-animation-name: slideup1;    
            animation-name: slideup1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		nav>div:nth-child(6),nav>div:nth-child(7),nav>div:nth-child(9),nav>div:nth-child(10) {
		    -webkit-animation-name: slideup3;
		            animation-name: slideup3;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;} 
	nav>span{-webkit-animation-name: slideup2;animation-name: slideup2;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;color:#aaaaaa;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
nav>div:nth-child(11) {-webkit-animation-name: slideup0;animation-name: slideup0;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;color:#aaaaaa;
	opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
@-webkit-keyframes slideup1 {
    0% {
        -webkit-transform: translate(-20px,+70px);
                transform: translate(-20px,+70px);
		opacity:0;
		background-color:white;
		color:rgba(0,0,0,0.5);
    } 33%
	{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);opacity:1;color:rgba(0,0,0,0);
}47%{color:#000;}
61%{coplor:rgba(0,0,0,0.5);}
50%{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);

		
}
75%{color:#000;-webkit-transform: translate(0,0);transform: translate(0,0);background-color:white;}
    100% {
		opacity:1;
background-color:#666666;
    }
}
@keyframes slideup1 {
    0% {
        -webkit-transform: translate(-20px,+70px);
                transform: translate(-20px,+70px);
		opacity:0;
		background-color:white;
		color:rgba(0,0,0,0.5);
    } 33%
	{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);opacity:1;color:rgba(0,0,0,0);
}47%{color:#000;}
61%{coplor:rgba(0,0,0,0.5);}
50%{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);

		
}
75%{color:#000;-webkit-transform: translate(0,0);transform: translate(0,0);background-color:white;}
    100% {
		opacity:1;
background-color:#666666;
    }
}

@-webkit-keyframes slideup0 {
	    0% {
        -webkit-transform: translate(-20px,+70px);
                transform: translate(-20px,+70px);
		opacity:0;

    } 33%
	{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);		opacity:1;
} 50%{-webkit-transform: translate(-20px,0);transform: translate(-20px,0);}	
    75% {
		-webkit-transform: translate(0,0);
		        transform: translate(0,0);opacity:1;
	}100% {
		opacity:0.3;
    }
}

@keyframes slideup0 {
	    0% {
        -webkit-transform: translate(-20px,+70px);
                transform: translate(-20px,+70px);
		opacity:0;

    } 33%
	{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);		opacity:1;
} 50%{-webkit-transform: translate(-20px,0);transform: translate(-20px,0);}	
    75% {
		-webkit-transform: translate(0,0);
		        transform: translate(0,0);opacity:1;
	}100% {
		opacity:0.3;
    }
}

@-webkit-keyframes slideup2 {
    0% {
        -webkit-transform: translate(-20px,+70px);
                transform: translate(-20px,+70px);
		opacity:0;
    } 33%
	{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);		opacity:1;}
	50%{ -webkit-transform: translate(-20px,0); transform: translate(-20px,0);	}
75%{-webkit-transform: translate(0,0);transform: translate(0,0);}
    100% {opacity:1;
    }
}

@keyframes slideup2 {
    0% {
        -webkit-transform: translate(-20px,+70px);
                transform: translate(-20px,+70px);
		opacity:0;
    } 33%
	{        -webkit-transform: translate(-20px,0);        transform: translate(-20px,0);		opacity:1;}
	50%{ -webkit-transform: translate(-20px,0); transform: translate(-20px,0);	}
75%{-webkit-transform: translate(0,0);transform: translate(0,0);}
    100% {opacity:1;
    }
}

@-webkit-keyframes slideup3 {
		    0% {
		-webkit-transform: translate(-20px,+70px);
		        transform: translate(-20px,+70px);
		opacity:0;
		background-color:#fff;

    } 33%
	{        
	opacity:1; -webkit-transform: translate(-20px,0); transform: translate(-20px,0);	
}50%{ -webkit-transform: translate(-20px,0); transform: translate(-20px,0);	}
75%{background-color:#666666;-webkit-transform: translate(-0,0);transform: translate(-0,0);}

    100% {
		background-color:#fff;	opacity:1;
    }}

@keyframes slideup3 {
		    0% {
		-webkit-transform: translate(-20px,+70px);
		        transform: translate(-20px,+70px);
		opacity:0;
		background-color:#fff;

    } 33%
	{        
	opacity:1; -webkit-transform: translate(-20px,0); transform: translate(-20px,0);	
}50%{ -webkit-transform: translate(-20px,0); transform: translate(-20px,0);	}
75%{background-color:#666666;-webkit-transform: translate(-0,0);transform: translate(-0,0);}

    100% {
		background-color:#fff;	opacity:1;
    }}
	
	header header>font:first-of-type{-webkit-animation-name: slideleft;animation-name: slideleft;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
	-webkit-animation-delay: 0.3s;
	        animation-delay: 0.3s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	header header>font:last-of-type{
		-webkit-animation-name: slidedown;
		        animation-name: slidedown;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 0.8s;
	        animation-delay: 0.8s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
	z-index:0;
	}
	@-webkit-keyframes slideleft {
		0% {
		-webkit-transform: translateX(300px);
		        transform: translateX(300px);
		opacity:0;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
		12.5% {
		-webkit-transform: translateX(200px);
		        transform: translateX(200px);
		-webkit-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;}
		100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity:1;}}
	@keyframes slideleft {
		0% {
		-webkit-transform: translateX(300px);
		        transform: translateX(300px);
		opacity:0;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
		12.5% {
		-webkit-transform: translateX(200px);
		        transform: translateX(200px);
		-webkit-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;}
		100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity:1;}}
		@-webkit-keyframes slidedown {
			0% {opacity:0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);}
		100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);opacity:1;}}
		@keyframes slidedown {
			0% {opacity:0;
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);}
		100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);opacity:1;}}
		
			header>section>div>div:nth-child(2){-webkit-animation-name: blink;animation-name: blink;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 0.5s;
	        animation-delay: 0.5s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		header>section>div>div:nth-child(3) {-webkit-animation-name: blink;animation-name: blink;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 0.8s;
	        animation-delay: 0.8s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		header>section>div>div:nth-child(4)>div:nth-child(1) {-webkit-animation-name: blink;animation-name: blink;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 1.6s;
	        animation-delay: 1.6s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	header>section>div>div:nth-child(4)>div:nth-child(2) {
		-webkit-animation-name: slideleft1;
		        animation-name: slideleft1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		header>section>div>div:nth-child(4)>div:nth-child(3) {
		-webkit-animation-name: slideleft1;
		        animation-name: slideleft1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
	-webkit-animation-delay: 1.2s;
	        animation-delay: 1.2s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		header>section>div>div:nth-child(4)>div:nth-child(4) {
		-webkit-animation-name: slideleft1;
		        animation-name: slideleft1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
	-webkit-animation-delay: 1.4s;
	        animation-delay: 1.4s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	@-webkit-keyframes blink {
		0% {opacity:0;}
		33%{opacity:1;}
		66%{opacity:0;}
		100% {opacity:1;}
	}
	@keyframes blink {
		0% {opacity:0;}
		33%{opacity:1;}
		66%{opacity:0;}
		100% {opacity:1;}
	}
	
		@-webkit-keyframes slideleft1 {
		0% {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
		opacity:0;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
		12.5% {
		-webkit-transform: translateX(13px);
		        transform: translateX(13px);
		-webkit-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;}
		100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity:1;}}
	
		@keyframes slideleft1 {
		0% {
		-webkit-transform: translateX(20px);
		        transform: translateX(20px);
		opacity:0;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
		12.5% {
		-webkit-transform: translateX(13px);
		        transform: translateX(13px);
		-webkit-animation-timing-function: ease-out;
		        animation-timing-function: ease-out;}
		100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		opacity:1;}}
		
		footer{
		-webkit-animation-name: slideup;
		        animation-name: slideup;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
	-webkit-animation-delay:2s;
	        animation-delay:2s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	footer header{-webkit-animation-name: slideleft1;animation-name: slideleft1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
	-webkit-animation-delay: 2.6s;
	        animation-delay: 2.6s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
		footer table table tr:nth-child(1){-webkit-animation-name: fadein;animation-name: fadein;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 3.2s;
	        animation-delay: 3.2s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
			footer table table tr:nth-child(2){-webkit-animation-name: fadein;animation-name: fadein;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 3.3s;
	        animation-delay: 3.3s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
				footer table table tr:nth-child(3){-webkit-animation-name: fadein;animation-name: fadein;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 3.4s;
	        animation-delay: 3.4s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
					footer table table tr:nth-child(4){-webkit-animation-name: fadein;animation-name: fadein;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 3.5s;
	        animation-delay: 3.5s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
						footer table table tr:nth-child(5){-webkit-animation-name: fadein;animation-name: fadein;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 3.6s;
	        animation-delay: 3.6s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
							footer table table tr:nth-child(6){-webkit-animation-name: fadein;animation-name: fadein;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
	-webkit-animation-delay: 3.7	s;
	        animation-delay: 3.7	s;opacity:0;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}

	@-webkit-keyframes slideup{
		0% {opacity:1;-webkit-transform: translateY(70px);transform: translateY(70px);}
		100% {opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}}

	@keyframes slideup{
		0% {opacity:1;-webkit-transform: translateY(70px);transform: translateY(70px);}
		100% {opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}}
		
			@-webkit-keyframes fadein{
		0% {opacity:0;}
		100% {opacity:1;}}
		
			@keyframes fadein{
		0% {opacity:0;}
		100% {opacity:1;}}
		
		header.decobox1{
			-webkit-animation-name: title;
			        animation-name: title;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
	-webkit-animation-delay: 0.5s;
	        animation-delay: 0.5s;opacity:0;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;}
	
				@-webkit-keyframes title{
		0% {opacity:1;-webkit-transform: translate(-95%,-10px);transform: translate(-95%,-10px);}
		33% {-webkit-transform: translate(-95%,0);transform: translate(-95%,0);}
		66% {-webkit-transform: translate(-95%,0);transform: translate(-95%,0);}
		100% {opacity:1;-webkit-transform: translate(0,0);transform: translate(0,0);}}
	
				@keyframes title{
		0% {opacity:1;-webkit-transform: translate(-95%,-10px);transform: translate(-95%,-10px);}
		33% {-webkit-transform: translate(-95%,0);transform: translate(-95%,0);}
		66% {-webkit-transform: translate(-95%,0);transform: translate(-95%,0);}
		100% {opacity:1;-webkit-transform: translate(0,0);transform: translate(0,0);}}