@charset "utf-8";
/* CSS Document */

@keyframes car4{


 
 0%{
        -webkit-transform: translate(0%,-20%) rotateZ(15deg);
               transform: translate(0%,-20%) rotateZ(15deg);
}



 
 25%{
        -webkit-transform: translate(-146%,-223%) rotateZ(-14deg);
                transform: translate(-146%,-223%) rotateZ(-14deg);
}


 35%{
        -webkit-transform:  translate(-172%,-269%) rotateZ(0deg);
                transform:  translate(-172%,-269%) rotateZ(0deg);
}
  
45%{
        -webkit-transform: translate(-197%,-364%) rotateZ(13deg);
                transform: translate(-197%,-364%) rotateZ(13deg);
}


70%{
	
 -webkit-transform:   translate(-251%,-625%) rotateZ(13deg);
                transform:   translate(-251%,-625%) rotateZ(13deg);
}

80%{
        -webkit-transform:  translate(-265%,-653%) rotateZ(-24deg);
                transform:  translate(-265%,-653%) rotateZ(-24deg);
}

100%{
	
	
	        -webkit-transform:   translate(-289%,-669%) rotateZ(-24deg);
                transform:   translate(-289%,-669%) rotateZ(-24deg);
}

}


@keyframes car3{


 
 0%{
        -webkit-transform: translate(0%,-40%) rotateZ(0deg);
               transform: translate(0%,-40%) rotateZ(0deg);
}

15%{
	 -webkit-transform: translate(43%,72%) rotateZ(-8deg);
               transform: translate(43%,72%) rotateZ(-8deg);
	}


 
 25%{
        -webkit-transform: translate(78%,104%) rotateZ(-15deg);
                transform: translate(78%,104%) rotateZ(-15deg);
}

 40%{
        -webkit-transform: translate(166%,111%) rotateZ(-36deg);
                transform:  translate(166%,111%) rotateZ(-36deg);
}
  
60%{
        -webkit-transform: translate(278%,76%) rotateZ(-22deg);
                transform: translate(278%,76%) rotateZ(-22deg);
}


70%{
	
 -webkit-transform:  translate(375%,135%) rotateZ(-13deg);
                transform:  translate(375%,135%) rotateZ(-13deg);
}

85%{
        -webkit-transform:  translate(454%,221%) rotateZ(3deg);
                transform:  translate(454%,221%) rotateZ(3deg);
}

100%{
	
	
	        -webkit-transform:  translate(550%,485%) rotateZ(3deg);
                transform:   translate(550%,485%) rotateZ(3deg);
}

}

@keyframes car1{


 
 0%{
        -webkit-transform: translate(0%,0%) rotateZ(27deg);
               transform: translate(0%,0%) rotateZ(27deg);
}



 
 25%{
        -webkit-transform: translate(72%,245%) rotateZ(27deg);
                transform: translate(72%,245%) rotateZ(27deg);
}

 50%{
        -webkit-transform: translate(128%,404%) rotateZ(13deg);
                transform:  translate(128%,404%) rotateZ(13deg);
}
  
70%{
        -webkit-transform: translate(214%,560%) rotateZ(2deg);
                transform: translate(214%,560%) rotateZ(2deg);
}

100%{
        -webkit-transform: translate(304%,654%) rotateZ(-18deg);
                transform: translate(304%,654%) rotateZ(-18deg);
}

}


@keyframes car2 {

0%{
        -webkit-transform: translate(0%,0%) rotateZ(35deg);
                transform: translate(0%,0%) rotateZ(35deg);
 }

  10%{
        -webkit-transform: translate(-15%,-160%) rotateZ(-21deg);
                transform: translate(-15%,-160%) rotateZ(-21deg);
 }
 
  15%{
        -webkit-transform: translate(-35%,-164%) rotateZ(-21deg);
                transform: translate(-35%,-164%) rotateZ(-21deg);
 }
 
 
 20{
        -webkit-transform: translate(-41%,-172%) rotateZ(-11deg);
                transform: translate(-41%,-172%) rotateZ(-11deg);
}
 
 
 60%{
        -webkit-transform: translate(-121%,-288%) rotateZ(-10deg);
                transform: translate(-121%,-288%) rotateZ(-10deg);
}


 90%{
        -webkit-transform: translate(-255%,-583%) rotateZ(-10deg);
                transform: ttranslate(-255%,-583%) rotateZ(-10deg);
}
 

  
100%{
        -webkit-transform: translate(-270%,-601%) rotateZ(-10deg);
                transform: translate(-270%,-601%) rotateZ(-10deg);
}
}


@keyframes kayak {
 0%{
        -webkit-transform: translate(22%,0%)  rotateZ(-30deg);
                transform: translate(22%,0%)  rotateZ(-30deg);
 }
 
 
 25%{
        -webkit-transform: translate(60%,150%) rotateZ(-30deg);
                transform: translate(60%,150%) rotateZ(-30deg);
}
 
 50%{
        -webkit-transform: translate(0%,300%) rotateZ(30deg);
                transform: translate(0%,300%) rotateZ(30deg);
}
  
100%{
        -webkit-transform: translate(0%,900%);
                transform: translate(0%,900%);
}
		
	
}


@keyframes kayak2 {
 0%{
        -webkit-transform: translate(0%,0%);
                transform: translate(0%,0%);
 }
 
 30%{
	    -webkit-transform: translate(-40%,150%) rotateZ(30deg);
                transform: translate(-40%,150%) rotateZ(30deg);
 }
 
 
  60%{
	    -webkit-transform: translate(20%,430%) rotateZ(-30deg);
                transform: translate(20%,430%) rotateZ(-30deg);
 }
  
100%{
        -webkit-transform: translate(0%,900%);
                transform: translate(0%,900%);
}
		
	
}



@keyframes kayak3 {
 0%{
        -webkit-transform: translate(0%,0%);
                transform: translate(0%,0%);
 }
 

  
100%{
        -webkit-transform: translate(0%,900%);
                transform: translate(0%,900%);
}
		
	
}


@keyframes kayak9 {
 0%{
        -webkit-transform: translate(0%,0%);
                transform: translate(0%,0%);
 }
 

  
100%{
        -webkit-transform: translate(-250%,150%);
                transform: translate(-250%,150%);
}
		
	
}


@keyframes kayak10 {
 0%{
        -webkit-transform: translate(0%,0%)  rotateY(180deg);
                transform: translate(0%,0%)  rotateY(180deg);
 }
 
  5%{
        -webkit-transform: translate(0%,0%)  rotateY(180deg);
                transform: translate(0%,0%)  rotateY(180deg);
 }
 

  
50%{
        -webkit-transform: translate(80%,20%)  rotateY(180deg) rotateZ(10deg);
                transform: translate(80%,20%)  rotateY(180deg) rotateZ(10deg);
}

50.5%{
        -webkit-transform: translate(80%,20%)  rotateY(0deg)  rotateZ(10deg);
                transform: translate(80%,20%)  rotateY(0deg)  rotateZ(10deg);
}

95%{
        -webkit-transform: translate(0%,0%)  rotateY(0deg);
                transform: translate(0%,0%)  rotateY(0deg);
 }
	
	100%{
        -webkit-transform: translate(0%,0%)  rotateY(0deg);
                transform: translate(0%,0%)  rotateY(0deg);
 }	
	
}



@keyframes biking {
	
	
	
	
 0%{
        -webkit-transform: translate(100%,-100%) rotateZ(0deg);
                transform: translate(100%,-100%) rotateZ(0deg);
 }
 
25%{
        -webkit-transform: translate(-100%,25%) rotateZ(20deg);
                transform: translate(-100%,25%) rotateZ(20deg);
}

 
35%{
        -webkit-transform: translate(-150%,25%) rotateZ(30deg);
                transform: translate(-150%,25%) rotateZ(30deg);
}


45%{
        -webkit-transform: translate(-200%,0%) rotateZ(-20deg);
                transform: translate(-200%,0%) rotateZ(-20deg);
}


55%{
        -webkit-transform: translate(-270%,25%) rotateZ(-25deg);
                transform: translate(-270%,25%) rotateZ(-25deg);
}

55.5%{
        -webkit-transform: translate(-270%,25%) rotateZ(-30deg) rotateY(180deg);
                transform: translate(-270%,25%) rotateZ(-30deg) rotateY(180deg);
}


67%{
        -webkit-transform: translate(-200%,0%) rotateZ(-30deg) rotateY(180deg);
                transform: translate(-200%,0%) rotateZ(-30deg) rotateY(180deg);
}

75%{
        -webkit-transform: translate(-150%,25%) rotateZ(20deg) rotateY(180deg);
                transform: translate(-150%,25%) rotateZ(20deg) rotateY(180deg);
}


85%{
        -webkit-transform: translate(-100%,25%) rotateZ(-15deg) rotateY(180deg);
                transform: translate(-100%,25%) rotateZ(-15deg) rotateY(180deg);
}


 100%{
        -webkit-transform: translate(100%,-100%) rotateZ(-15deg) rotateY(180deg);
                transform: translate(100%,-100%) rotateZ(-15deg) rotateY(180deg);
 }

	
}


@-webkit-keyframes flicker2 {
  0% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }

  33% {
    opacity: .6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  }

 
  66% {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  }
  
   100% {
    opacity: .6;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  }
}



@keyframes car {
	
	
 10%{
        -webkit-transform: translate(-76%,-111%) rotateZ(-15deg) ;
                transform: translate(-76%,-111%)  rotateZ(-15deg);
    
 }
 
20%{
        -webkit-transform: translate(-133%,-183%)  rotateZ(-25deg) ;
                transform: translate(-133%,-183%)  rotateZ(-25deg);
   
}

 
30%{
        -webkit-transform: translate(-209%,-187%)  rotateZ(-37deg) ;
                transform: translate(-209%,-187%)  rotateZ(-37deg);
      
}

40%{
        -webkit-transform: translate(-297%,-300%) rotateZ(-18deg) ;
                transform: translate(-297%,-300%) rotateZ(-18deg);

}


50%{
        -webkit-transform: translate(-434%,-412%) rotateZ(-43deg) ;
                transform: translate(-434%,-412%) rotateZ(-43deg);

}




60%{
        -webkit-transform: translate(-611%,-412%) rotateZ(-43deg) ;
                transform: translate(-611%,-412%) rotateZ(-43deg);

}

70%{
        -webkit-transform: translate(-704%,-479%) rotateZ(-28deg) ;
                transform: translate(-704%,-479%) rotateZ(-28deg);
      
}

75%{
        -webkit-transform: translate(-781%,-535%) rotateZ(-5deg) ;
                transform: translate(-781%,-535%) rotateZ(-5deg);

}



80%{
        -webkit-transform: translate(-858%,-650%) rotateZ(10deg) ;
                transform: translate(-858%,-650%) rotateZ(10deg);

 }


90%{
        -webkit-transform: translate(-930%,-814%) rotateZ(10deg) ;
                transform: translate(-930%,-814%) rotateZ(10deg);

 }
 
 100{
        -webkit-transform: translate(-966%,-912%) rotateZ(10deg) ;
                transform: translate(-966%,-912%) rotateZ(10deg);

 }
	
}