@-webkit-keyframes app-left-canvans{
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		background-size: 20% auto;
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
		background-size: 70% auto;
	}
	
}


@-moz-keyframes app-left-canvans{
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		background-size: 20% auto;
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
		background-size: 70% auto;
	}
	
}

@-ms-keyframes app-left-canvans{
	0% {
		width: 0;
		height: 0;
		opacity: 0;
		background-size: 20% auto;
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
		background-size: 70% auto;
	}
	
}


@-webkit-keyframes app-right-canvans
 {	
    0% { 
	    opacity:0;
	    top:-100px; 
    }
    100% { 
	     top:100px; 
	     opacity: 1;
    }
}


@-moz-keyframes app-right-canvans
 {
	  0% { 
	    opacity:0;
	    top:-100px; 
    }
    100% { 
	     top:100px; 
	     opacity:1;
    }
}


@-ms-keyframes app-right-canvans
 {
  0% { 
	    opacity:0;
	    top:-100px; 
    }
    100% { 
	     top:100px; 
	     opacity:1;
    }
}

@-webkit-keyframes file-total-canvans 
 {
	0% {
		opacity: 0;	
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
	}	
}

@-moz-keyframes file-total-canvans 
 {
    0% {
		opacity: 0;	
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
	}	
}

@-ms-keyframes file-total-canvans 
 {
    0% {
		opacity: 0;	
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
	}	
}

@-webkit-keyframes file-img-canvans
{
	0% {
		opacity: 0;	
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
	}	
}

@-moz-keyframes file-img-canvans
{
	0% {
		opacity: 0;	
	}
	100% {
		width: 45em;
		height: 32em;
		opacity: 1;
	}		
}

@-ms-keyframes file-img-canvans
{

	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
	
}



@-webkit-keyframes box-left-canvans {
	0% {
	    top: 40%;
        left: 52%;
		opacity: 0;
	}
	100% {
		left:38.7%;
        top:4.1em;
		opacity: 1;
	}	
}

@-moz-keyframes box-left-canvans {
	0% {
	    top: 40%;
        left: 52%;
		opacity: 0;
	}
	100% {
		left:38.7%;
        top:4.1em;
		opacity: 1;
	}
	
}

@-ms-keyframes box-left-canvans {
	0% {
	    top: 40%;
        left: 52%;
		opacity: 0;
	}
	100% {
		left:38.7%;
        top:4.1em;
		opacity: 1;
	}	
}

@-webkit-keyframes box-right-canvans {
	0% {
	   top: 2em;
       left: 80%;
		opacity: 0;
	}
	100% {
	   left:47%;
     top:10em ;
     opacity: 1;
	}
	
}

@-moz-keyframes box-right-canvans {
	0% {
	   top: 2em;
       left: 80%;
	   opacity: 0;
	}
	100% {
	   left:47%;
       top:10em ;
	   opacity: 1;
	}	
}


@-ms-keyframes box-right-canvans {
	0% {
	   top: 2em;
       left: 100%;
	   opacity: 0;
	}
	100% {
	   left:47%;
       top:10em ;
	   opacity: 1;
	}	
}



@-webkit-keyframes arrow-left-canvans {
	0% {
	    top: 40%;
        left: 80%;
		opacity: 0;
	}
	100% {
		top: 5em;
       left: 41%;
		opacity: 1;
	}
	
}
@-moz-keyframes arrow-left-canvans {
	0% {
	    top: 40%;
        left: 80%;
		opacity: 0;
	}
	100% {
		top: 5em;
        left: 41%;
		opacity: 1;
	}
	
}
@-ms-keyframes arrow-left-canvans {
	0% {
	    top: 40%;
        left: 80%;
		opacity: 0;
	}
	100% {
		top: 5em;
        left: 41%;
		opacity: 1;
	}
	
}

@-webkit-keyframes arrow-right-canvans {
	0% {
	   top: 40%;
       left: 80%;
	   opacity: 0;
	}
	100% {
	    top: 12em;
        left: 55%;
		opacity: 1;
	}	
}

@-moz-keyframes arrow-right-canvans {
	0% {
	   top: 40%;
       left: 80%;
	   opacity: 0;
	}
	100% {
	   top: 12em;
       left: 55%;
	   opacity: 1;
	}	
}

@-ms-keyframes arrow-right-canvans {
	0% {
	   top: 40%;
       left: 80%;
		opacity: 0;
	}
	100% {
	  top: 12em;
      left: 55%;
		opacity: 1;
	}
	
}

@-webkit-keyframes square-top-canvans {
	0% {
       opacity: 0;
       height: 0;
	}
	100% {
		opacity: 1;
		height: 30em;	
	}		
}



@-moz-keyframes square-top-canvans {
	0% {
       opacity: 0;
       height: 0;
	}
	100% {
		opacity: 1;
		height: 30em;	
	}		
}

@-ms-keyframes square-top-canvans {
	0% {
       opacity: 0;
       height: 0; 
	}
	100% {
		opacity: 1;
		height: 30em;
	}	
}

@-webkit-keyframes square-bottom-canvans {
	0% { 
		opacity: 0;	
		background-position: 12em 22em; 
	}
	100% {	
		opacity: 1;
		background-position: 12em 20em;		
	}
	
}

@-moz-keyframes square-bottom-canvans {
	0% { 
		 opacity: 0;
		 background-position: 12em 22em; 	 
	}
	100% {	
		opacity: 1;
		background-position: 12em 20em;		
	}
	
}

@-ms-keyframes square-bottom-canvans {
	0% { 
		 opacity: 0;
		 background-position: 12em 22em; 	
	100% {	
		opacity: 1;	
		background-position: 12em 20em;
	}
	
}