/* ----------------------------------------------------------------
	Canvas: Truck 
	Version: 1.1
-----------------------------------------------------------------*/

/* Running Truck
-----------------------------------------------------------------*/
.running-truck {
	position: relative;
	top: 0;
	left: 0;
	width: 659px;
}

img.truck,
img.wheel {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
	margin-left: -660px;
}

img.wheel {
	position: absolute;
	left: 401px;
	bottom:33px;
	z-index: 1;
}

.running-truck.in-view img.truck {
	-webkit-transform: translate(600px,0px) rotate(0deg);
	-moz-transform: translate(600px,0px) rotate(0deg);
	transform: translate(600px,0px) rotate(0deg);
}
.running-truck.in-view img.wheel {
	-webkit-transform: translate(600px,0px) rotate(600deg);
	-moz-transform: translate(600px,0px) rotate(600deg);
	transform: translate(600px,0px) rotate(600deg);
}

.device-sm .running-truck.in-view img.truck {
	-webkit-transform: translate(500px,0px) rotate(0deg);
	-moz-transform: translate(500px,0px) rotate(0deg);
	transform: translate(500px,0px) rotate(0deg);
}
.device-sm .running-truck.in-view img.wheel {
	-webkit-transform: translate(500px,0px) rotate(600deg);
	-moz-transform: translate(500px,0px) rotate(600deg);
	transform: translate(500px,0px) rotate(600deg);
}

.device-xs .running-truck.in-view img.truck {
	-webkit-transform: translate(350px,0px) rotate(0deg);
	-moz-transform: translate(350px,0px) rotate(0deg);
	transform: translate(350px,0px) rotate(0deg);
}
.device-xs .running-truck.in-view img.wheel {
	-webkit-transform: translate(350px,0px) rotate(600deg);
	-moz-transform: translate(350px,0px) rotate(600deg);
	transform: translate(350px,0px) rotate(600deg);
}