/*css animations*/
/*cloud animation*/
.goLeftFast
	{
	  animation-duration: 45s;
	  animation-name: goLeftf;
	  animation-timing-function: linear;
	  animation-delay:10s;
	  animation-iteration-count: infinite;

	  -webkit-animation-duration: 45s;
	  -webkit-animation-name: goLeftf;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay:10s;
	  -webkit-animation-iteration-count: infinite;
	}

	@keyframes goLeftf{
	  0% {
	      left:100%;
	 }
		
	50% {
		animation-timing-function: cubic-bezier(0.1, 0.3, 0.5, 0.6);
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.3, 0.5, 0.6);
	      left:50%;
	 	}

  	100% {
	       left:-20%;
	     }
	}

	@-webkit-keyframes goLeftf{
	  0% {
	      left:100%;
	 }
		
	50% {
		animation-timing-function: cubic-bezier(0.1, 0.3, 0.5, 0.6);
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.3, 0.5, 0.6);
	      left:50%;
	 	}

  	100% {
	       left:-20%;
	     }
}

/*cloud animation*/
.goLeftSlow
	{
	  animation-duration:70s;
	  animation-name: goLefts;
	  animation-timing-function: linear;
	  animation-delay:5s;
	  animation-iteration-count: infinite;

	  -webkit-animation-duration:70s;
	  -webkit-animation-name: goLefts;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay:5s;
	  -webkit-animation-iteration-count: infinite;
	}

	@keyframes goLefts{
	  0% {
	      left:100%;
	 }
		
	50% {
	      left:50%;
	 	}

  	100% {
	       left:-20%;
	     }
	}

	@-webkit-keyframes goLefts{
	  0% {
	      left:100%;
	 }
		
	50% {
	      left:50%;
	 	}

  	100% {
	       left:-20%;
	     }
}

/*cloud animation*/
.goLeftVerySlow
	{
	  animation-duration:110s;
	  animation-name: goLeftvs;
	  animation-timing-function: linear;
	  animation-delay:3s;
	  animation-iteration-count: infinite;

	  -webkit-animation-duration:110s;
	  -webkit-animation-name: goLeftvs;
	  -webkit-animation-timing-function: linear;
	  -webkit-animation-delay:3s;
	  -webkit-animation-iteration-count: infinite;
	}

	@keyframes goLeftvs{
	  0% {
	      left:100%;
	 }
		
	50% {
		animation-timing-function: cubic-bezier(0.1, 0.5, 1.0, 0.3);
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.5, 1.0, 0.3);
	      left:50%;
	 	}

  	100% {
	       left:-20%;
	     }
	}

	@-webkit-keyframes goLeftvs{
	  0% {
	      left:100%;
	 }
		
	50% {
		animation-timing-function: cubic-bezier(0.1, 0.5, 1.0, 0.3);
		-webkit-animation-timing-function: cubic-bezier(0.1, 0.5, 1.0, 0.3);
	      left:50%;
	 	}

  	100% {
	       left:-20%;
	     }
}

/*city animation*/
.cityMove
	{
	  animation-name: CITY-MOVE;
	animation-duration: 1000s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: CITY-MOVE;
	-webkit-animation-duration: 1000s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	}


	@keyframes CITY-MOVE {
		from {
			background-position: 0% 0%;
		}
		to { 
			background-position: -1300% 0%;
		}
	}
	@-webkit-keyframes CITY-MOVE {
		from {
			background-position: 0% 0%;
		}
		to { 
			background-position: -1300% 0%;
		}
	}