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

.intro{
    width: 100%;
    min-height: 100%;
	background-color: #5878ed;
	background-size: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../img/logo-intro.png);
    opacity: 0;
    animation: intro 1.5s 1 linear;
    -moz-animation: intro 1.5s 1 linear;
    -webkit-animation: intro 1.5s 1 linear;
    -o-animation: intro 1.5s 1 linear;
    position: fixed;
	z-index: -10000;
	display: none;
}





@-webkit-keyframes intro

{

0% {background-size: 200px;
	opacity: 1;
		z-index: 10000;
	background-color: #5878ed;
	

	}

25% {
background-size: 200px;
	}

50% {
background-size: 500px;
	opacity: 1;
	background-position: center;
	background-color: #5878ed;
	}

	
	70% {
background-size: 1500px;
	opacity: 1;
	 background-position-x: 70%;
    background-position-y: 70%;}
	




100% {    background-size: 20080px;
			opacity: 0;
	    background-position-x: 60%;
	background-position-y: 60%;
	z-index: 10000;
	background-color: #fff;}}