div {
    -webkit-animation-direction: normal, normal, normal;
    -webkit-animation-timing-function: linear, ease-in, ease-in;
	-webkit-animation-iteration-count: 1;
}

body {
	background-color:#BF2F17;
	color:#FFFFFF;
	background-image:url(img/abstract_circular.png);
	background-repeat: none;
	background-posiition: center center;
	
	
}
@-webkit-keyframes fade
{
    0%   { opacity: .1; }
	12%   { opacity: .4;}
	30%   { opacity: 1; }
	70%   { opacity: 1; }
    88%  { opacity: .4; }
    100% { opacity: .1; }
}

@-webkit-keyframes hide
 { 0%   { opacity: 0;
}
  100%   { opacity: 0;
   }
  }
  
@-webkit-keyframes appear {
  0%   { opacity: 1;

    }
 100%   { opacity: 100; }
 }
    
@-webkit-keyframes slide
{
    0%   { -webkit-transform: translate(500px, 0px); }
	24%   { -webkit-transform: translate(0px, 0px); }
	18%   { -webkit-transform: translate(0px, 0px); }
	76%   { -webkit-transform: translate(0px, 0px); }
    100% { -webkit-transform: translate(-500px, 0px); }
}


@-webkit-keyframes foo
{
    0%   { -webkit-transform: translate(1000px, 0px); }
	5%   { -webkit-transform: translate(800px, 0px); }
	10%   { -webkit-transform: translate(600px, 0px); }
	15%   { -webkit-transform: translate(400px, 0px); }
20%   { -webkit-transform: translate(200px, 0px); }
25%   { -webkit-transform: translate(0px, 0px); }
75%   { -webkit-transform: translate(0px, 0px); }
80%   { -webkit-transform: translate(-200px, 0px); }
85%   { -webkit-transform: translate(-400px, 0px); }
90%   { -webkit-transform: translate(-600px, 0px); }
95%   { -webkit-transform: translate(-800px, 0px); }
	100% { -webkit-transform: translate(-100px, 0px); }
}



@-webkit-keyframes topbounce
{
    0%   { -webkit-transform: translate(0px, -500px); }
	17%   { -webkit-transform: translate(0px, -300px); }
	26%   { -webkit-transform: translate(0px, -100px); }
 	35%   { -webkit-transform: translate(0px, -10px); }
 	42%   { -webkit-transform: translate(0px, 8px); }
 	44%   { -webkit-transform: translate(0px, -4px); }
    50% { -webkit-transform: translate(0px, 2px); }
	52% { -webkit-transform: translate(0px, 0px); }
	
}

@-webkit-keyframes wobble
{
    0%   { -webkit-transform: rotate(15deg); }
    5%   { -webkit-transform: rotate(-15deg); }
    15%   { -webkit-transform: rotate(-10deg); }
    30%   { -webkit-transform: rotate(10deg); }
    45%   { -webkit-transform: rotate(-5deg); }
    55%   { -webkit-transform: rotate(5deg); }
    60%   { -webkit-transform: rotate(0deg); }
		
}


@-webkit-keyframes zoomout
{
	0%   { -webkit-transform: scale(.2); }    
	50%   { -webkit-transform: scale(1); }
    70%   { -webkit-transform: scale(1.5); }
    90%   { -webkit-transform: scale(2); }
    100%   { -webkit-transform: scale(5); }
		
}


@-webkit-keyframes zoomin
{
    0%   { -webkit-transform: scale(5); }
    5%   { -webkit-transform: scale(2); }
    20%   { -webkit-transform: scale(1.5); }
    30%   { -webkit-transform: scale(1); }
    100%   { -webkit-transform: scale(1); }
		
}


@-webkit-keyframes shake
{
    0%   { -webkit-transform: translate(0px, 0px); }
	15%   { -webkit-transform: translate(-20px, 10px); }
	30%   { -webkit-transform: translate(30px, -15px); }
	45%   { -webkit-transform: translate(-15px, 5px); }
    60%   { -webkit-transform: translate(3px, 0px); }
	21%   { -webkit-transform: skewy(2deg); }    
	32%   { -webkit-transform: skewx(-6deg); }    
 
 
    75%   { -webkit-transform: translate(0px, 0px); }
    76%   { -webkit-transform: skewy(-4deg); }    
77%   { -webkit-transform: skewx(6deg); }    
 
	90%   { -webkit-transform: translate(0px, 0px); }
    98%   { -webkit-transform: skewy(0deg); }    
99%   { -webkit-transform: skewx(0deg); }    
 	    
	100% { -webkit-transform: translate(-0%, 0px); }
}

@-webkit-keyframes spinaway
{
    0%   { -webkit-transform: scale(1.5); }
    15%   { -webkit-transform: scale(1); }
    30%   { -webkit-transform: rotate(10deg); }
    45%   { -webkit-transform: scale(.8); }

    55%   { -webkit-transform: rotate(20deg); }
    60%   { -webkit-transform: scale(.8); }
	
    65%   { -webkit-transform: rotate(35deg); }

    70%   { -webkit-transform: rotate(180deg); }
    82%   { -webkit-transform: scale(.6); }

    99%   { -webkit-transform: rotate(580deg); }
	98%   { -webkit-transform: scale(.2); }
	
}


@-webkit-keyframes wiggle
{
0%   { -webkit-transform: skewy(5deg); }    
	50%   { -webkit-transform: skewy(-10deg); }
    70%   { -webkit-transform: skewy(15deg); }
    90%   { -webkit-transform: skewy(-20deg); }
    100%   { -webkit-transform: skewy(30deg); }
		
}

@-webkit-keyframes waggle
{
0%   { -webkit-transform: skewy(2deg); }    
20%   { -webkit-transform: skewx(-6deg); }    
 
	30%   { -webkit-transform: skewy(-5deg); }

40%   { -webkit-transform: skewx(10deg); }    
    50%   { -webkit-transform: skewy(10deg); }
	60%   { -webkit-transform: skewx(-16deg); }    

    80%   { -webkit-transform: skewy(-12deg); }
	90%   { -webkit-transform: skewx(18deg); }    

    100%   { -webkit-transform: skewy(20deg); }
		
}


@-webkit-keyframes vibrato
{
	0%   { -webkit-transform: scale(2.5); }    
	50%   { -webkit-transform: scale(5.3); }
    70%   { -webkit-transform: scale(9.9); }
    90%   { -webkit-transform: scale(3); }
    100%   { -webkit-transform: scale(2.1); }
		
}