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

/*////////////////////////////////////////////////////////

ANIMATION

////////////////////////////////////////////////////////*/

/* spin right 
--------------------------------------------------------*/
.spin_r {
	-webkit-animation: spin_r 8s linear infinite;
    -moz-animation: spin_r 8s linear infinite;
    -ms-animation: spin_r 8s linear infinite;
    -o-animation: spin_r 8s linear infinite;
    animation: spin_r 8s linear infinite;
}

@-webkit-keyframes spin_r {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin_r {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin_r {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin_r {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin_r {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.spin_r_min {
	-webkit-animation: spin_r_min 1s linear;
    -moz-animation: spin_r_min 1s linear;
    -ms-animation: spin_r_min 1s linear;
    -o-animation: spin_r_min 1s linear;
    animation: spin_r_min 1s linear;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes spin_r_min {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(30deg);}
}
@-moz-keyframes spin_r_min {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(30deg);}
}
@-ms-keyframes spin_r_min {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(30deg);}
}
@-o-keyframes spin_r_min {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(30deg);}
}
@keyframes spin_r_min {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(30deg);}
}

/* spin left 
--------------------------------------------------------*/
.spin_l {
	-webkit-animation: spin_l 8s linear infinite;
    -moz-animation: spin_l 8s linear infinite;
    -ms-animation: spin_l 8s linear infinite;
    -o-animation: spin_l 8s linear infinite;
    animation: spin_l 8s linear infinite;
}

@-webkit-keyframes spin_l {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-360deg);}
}
@-moz-keyframes spin_l {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(-360deg);}
}
@-ms-keyframes spin_l {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(-360deg);}
}
@-o-keyframes spin_l {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(-360deg);}
}
@keyframes spin_l {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-360deg);}
}

.spin_l_min {
	-webkit-animation: spin_l_min 1s linear;
    -moz-animation: spin_l_min 1s linear;
    -ms-animation: spin_l_min 1s linear;
    -o-animation: spin_l_min 1s linear;
    animation: spin_l_min 1s linear;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes spin_l_min {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(-30deg);}
}
@-moz-keyframes spin_l_min {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(-30deg);}
}
@-ms-keyframes spin_l_min {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(-30deg);}
}
@-o-keyframes spin_l_min {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(-30deg);}
}
@keyframes spin_l_min {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(-30deg);}
}

/* blink 
--------------------------------------------------------*/
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* fade in
--------------------------------------------------------*/
body {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	
	-moz-animation-name: fadein;
	-moz-animation-duration: 0.5s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	
	animation-name: fadein;
	animation-duration: 0.5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.fadein {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: 1;
	
	-moz-animation-name: fadein;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: 1;
	
	animation-name: fadein;
	animation-duration: 1.5s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes fadein {
	0% {
		filter: alpha(opacity=0);
    	-moz-opacity: 0;
		opacity: 0;
	}
	100% {
		filter: alpha(opacity=100);
    	-moz-opacity: 1;
		opacity: 1;
	}
}
@-webkit-keyframes fadein {
	0% {
		filter: alpha(opacity=0);
    	-moz-opacity: 0;
		opacity: 0;
	}
	100% {
		filter: alpha(opacity=100);
    	-moz-opacity: 1;
		opacity: 1;
	}
}

/* fade out
--------------------------------------------------------*/
.fadeout {
	-webkit-animation-name: fadeout;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: 1;
	
	-moz-animation-name: fadeout;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: ease-out;
	-moz-animation-iteration-count: 1;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes fadeout {
	0% {
		filter: alpha(opacity=100);
    	-moz-opacity: 1;
		opacity: 1;
	}
	40% {
		filter: alpha(opacity=100);
    	-moz-opacity: 1;
		opacity: 1;
	}
	100% {
		filter: alpha(opacity=0);
    	-moz-opacity: 0;
		opacity: 0;
	}
}
@-webkit-keyframes fadeout {
	0% {opacity:1;}
	40% {opacity:1;}
	100% {opacity:0;}
}

/* pull down
--------------------------------------------------------*/
.pullDown{
	animation-name: pullDown;
	-webkit-animation-name: pullDown;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%; 		
}

@keyframes pullDown {
	0% { transform: scaleY(0.1); }
	100% { transform: scaleY(1); }
}

@-webkit-keyframes pullDown {
	0% { -webkit-transform: scaleY(0.1); }
	100% { -webkit-transform: scaleY(1); }
}

/* stretch right
--------------------------------------------------------*/
.stretchRight {
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%; 		
}

@keyframes stretchRight {
	0% { transform: scaleX(0); }
	100% { transform: scaleX(1); }
}

@-webkit-keyframes stretchRight {
	0% { -webkit-transform: scaleX(0); }
	100% { -webkit-transform: scaleX(1); }
}

/* vanish in
--------------------------------------------------------*/
.vanishIn{
	-webkit-animation-name:vanishIn;
	animation-name:vanishIn;
	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
}

@-webkit-keyframes vanishIn{
	0%{
		opacity:0;
		-webkit-transform-origin:50% 50%;
		-webkit-transform:scale(2,2);
		-webkit-filter: blur(90px);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=90);
		filter: blur(90px);
	}
	100%{
		opacity:1;
		-webkit-transform-origin:50% 50%;
		-webkit-transform:scale(1,1);
		-webkit-filter:blur(0px);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=0);
		filter: blur(0px);
	}
}
@keyframes vanishIn{
	0%{
		opacity:0;
		transform-origin:50% 50%;
		transform:scale(2,2);
		-webkit-filter:blur(90px);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=90);
		filter: blur(90px);
	}
	100%{
		opacity:1;
		transform-origin:50% 50%;
		transform:scale(1,1);
		-webkit-filter:blur(0px);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=0);
		filter: blur(0px);
	}
}

/* vanish out
--------------------------------------------------------*/
.vanishOut{
	-webkit-animation-name:vanishOut;
	animation-name:vanishOut;
	
	animation-duration: 2s;	
	-webkit-animation-duration: 2s;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes vanishOut{
	0%{
		opacity:1;
		-webkit-transform-origin:50% 50%;
		-webkit-transform:scale(1,1);
		-webkit-filter:blur(0px);
		filter: blur(0px);
	}
	100%{
		opacity:0;
		-webkit-transform-origin:50% 50%;
		-webkit-transform:scale(2,2);
		-webkit-filter:blur(20px);
		filter: blur(20px);
	}
}
@keyframes vanishOut{
	0%{
		opacity:1;
		transform-origin:50% 50%;
		transform:scale(1,1);
		-webkit-filter:blur(0px);
		filter: blur(0px);
	}
	100%{
		opacity:0;
		transform-origin:50% 50%;
		transform:scale(2,2);
		-webkit-filter:blur(20px);
		filter: blur(20px);
	}
}


.swashIn{
	-webkit-animation-name:swashIn;
	animation-name:swashIn;
	
	animation-duration: 1s;	
	-webkit-animation-duration: 1s;
	
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes swashIn{
	0%{opacity:0;-webkit-transform-origin:50% 50%;-webkit-transform:scale(0,0);}
	100%{opacity:1;-webkit-transform-origin:50% 50%;-webkit-transform:scale(1,1);}
}
@keyframes swashIn{
	0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}
	100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}
}