


/* ---------------- auto section_1  ---------------- */


	
	.auto_bg
	{
	position:absolute;
	width:100%;
	min-height:200%;
	background:url(img/auto_bg.png) center top no-repeat;
	background-size:100%;
	}
	
	.try_auto
	{
	position:absolute;
	width:350px;
	height:296px;
	top:80%;
	margin-top:-450px;
	left:50%;
	}
	.try_auto_img
	{
	position:absolute;
	width:100%;
	height:100%;
	background:url(img/try_auto.png) center no-repeat;
	background-size:100%;
	}
	
	.auto_line
	{
	position:absolute;
	height:5px;
	left:50%;
	background-color:#323232;
	width:1200px;
	top:50%;
	left:-150px;

	}
	
	.plug
	{
	position:absolute;
	width:129px;
	height:335px;
	background:url(img/plug.png) center no-repeat;
	background-size:100%;
	top:20px;
	left:100px;
	transform:rotate(-30deg);
	-webkit-transform:rotate(-30deg);
	-moz-transform:rotate(-30deg);
	}
	.flair
	{
	position:absolute;
	width:175px;
	height:123px;
	background:url(img/flair.png) center no-repeat;
	background-size:100%;
	top:-60px;
	left:-30px;
	}
	
	
	
	
	

	.lines
	{
	position:absolute;
	height:70px;
	}
	
	#auto_section_1 .lines
	{
	top:80%;
	right:0;
	}
	
	.lines_img
	{
	position:absolute;
	width:100%;
	height:70px;
	background:url(img/lines.jpg) center repeat-x;
	background-size:auto 100%;
	}
	
	.white_bottom
	{
	position:absolute;
	width:100%;
	left:0;
	top:30px;
	height:500px;
	background-color:#fff;
	}
	
	.wheel
	{
	position:absolute;
	width:82px;
	height:82px;
	background-color:#000;
	}
	.wheel_img
	{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:url(img/wheel.png) center no-repeat;
	background-size:100%;
	}
	#auto_section_1 .wheel
	{
	top:-82px;
	margin-right:-82px;
	background-color:#000;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	}
	
	.clouds
	{
	position:absolute;
	left:120%;
	}
	.cloud_1
	{
	width:125px;
	height:72px;
	bottom:310px;
	background:url(img/cloud_1.png) bottom center no-repeat;
	background-size:100%;
	}
	.cloud_2
	{
	width:131px;
	height:85px;
	bottom:270px;
	background:url(img/cloud_2.png) bottom center no-repeat;
	background-size:100%;
	}
	.cloud_3
	{
	width:147px;
	height:94px;
	bottom:330px;
	background:url(img/cloud_3.png) bottom center no-repeat;
	background-size:100%;
	}
	
	
	@keyframes bounce {
	  0% {
		margin-top:2px;
	  }
	  50% {
		margin-top:-1px;
	  } 
	  100% {
		margin-top:2px;
	  }
	}
	@-webkit-keyframes bounce {
	   0% {
		margin-top:2px;
	  }
	  50% {
		margin-top:-1px;
	  } 
	  100% {
		margin-top:2px;
	  }
	}
	
	.car_bob,.car_text
	{
	position:absolute;
	height:100%;
	top:0;
	}
	.car_bob
	{
	right:0;
	-webkit-animation: bounce .5s infinite; /* Safari 4+ */
	-moz-animation:    bounce .5s infinite; /* Fx 5+ */
	animation:         bounce .5s infinite; /* IE 10+*/
	}
	.car_text
	{
	left:0;
	}
	
	.car_1
	{
	position:absolute;
	width:678px;
	height:171px;
	top:-171px;
	left:0;
	margin-left:-678px;
	}


	.car_2
	{
	position:absolute;
	width:678px;
	height:171px;
	top:-171px;
	left:0;
	margin-left:-678px;
	}
	.car_3
	{
	position:absolute;
	width:950px;
	height:200px;
	top:-200px;
	left:0;
	margin-left:-950px;
	}
	.car_4
	{
	position:absolute;
	width:750px;
	height:171px;
	top:-171px;
	left:0;
	margin-left:-750px;
	}
	
	.car_1 .car_bob{width:40%;background:url(img/car_1.png) bottom right no-repeat;}
	.car_1 .car_text{width:60%;background:url(img/car_1.png) bottom left no-repeat;}
	
	.car_2 .car_bob{width:37%;background:url(img/car_2.png) bottom right no-repeat;}
	.car_2 .car_text{width:63%;background:url(img/car_2.png) bottom left no-repeat;}
	
	.car_3 .car_bob{width:45%;background:url(img/car_3.png) bottom right no-repeat;}
	.car_3 .car_text{width:55%;background:url(img/car_3.png) bottom left no-repeat;}
	
	.car_4 .car_bob{width:45%;background:url(img/car_4.png) bottom right no-repeat;}
	.car_4 .car_text{width:55%;background:url(img/car_4.png) bottom left no-repeat;}
	
	
	.bump
	{
	position:absolute;
	width:100px;
	height:100px;
	top:-50px;
	right:0;
	margin-right:-0px;
	background-color:#eb611e;
	border-radius:100% 100% 0 0;
	}
	
	.car_big
	{
	position:absolute;
	width:1000px;
	height:344px;
	top:-344px;
	left:0;
	margin-left:-1000px;
	background:url(img/car_big.png) bottom center no-repeat;
	background-size:100%;
	

	transform-origin:bottom left;
	-webkit-transform-origin:bottom left;
	-moz-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	}
	

	.car_big_2
	{
	position:absolute;
	width:1150px;
	height:396px;
	margin-left:-1000px;
	top:50%;
	}

	
	.yellow_pop
	{
	position:absolute;
	width:400px;
	height:auto;
	bottom:20%;
	left:50%;
	background-color:#ffbf00;
	color:#000;
	padding:20px;
	z-index:50;
	
	transform-origin:bottom center;
	-webkit-transform-origin:bottom center;
	-moz-transform-origin:bottom center;
	-ms-transform-origin:bottom center;
	}
	.yellow_tip
	{
	position:absolute;
	width:100%;
	height:98px;
	bottom:-90px;
	left:0;
	background:url(img/yellow_tip.png) bottom center no-repeat;
	z-index:0;
	}
	.yellow_pop h3
	{
	font-size:21px;
	margin-bottom:20px;
	font-weight:600;
	}
	.yellow_pop h4
	{
	font-size:21px;
	}
	.yellow_pop p
	{
	font-size:14px;
	font-weight:400;
	}
	
	
	
	.eng
	{
	position:absolute;
	width:113px;
	height:250px;
	top:50%;
	left:50%;
	margin-left:-57px;
	margin-top:-150px;
	
	transform-origin:bottom center;
	-webkit-transform-origin:bottom center;
	-moz-transform-origin:bottom center;
	-ms-transform-origin:bottom center;
	
	}
	.eng_line
	{
	position:absolute;
	width:15px;
	height:110px;
	top:70px;
	left:45px;
	background-color:#000;
	
	transform-origin:top;
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	}
	.eng_piston
	{
	position:absolute;
	width:70px;
	height:157px;
	top:0;
	left:20px;
	background:url(img/eng_piston.png) center no-repeat;
	}
	.eng_ball
	{
	position:absolute;
	width:113px;
	height:113px;
	bottom:0;
	left:0;
	background:url(img/eng_ball.png) center no-repeat;
	}
	
	.auto_txt_wrapper
	{
	position:absolute;
	width:362px;
	height:550px;
	top:50%;
	left:50%;
	margin-left:-181px;
	margin-top:-275px;
	
	perspective:500px;
	-webkit-perspective:500px;
	}
	
	.auto_txt
	{
	position:relative;
	width:100%;
	background:url(img/auto_txt.png) center no-repeat;
	background-size:100%;
	transform-origin:top;
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	opacity:0;
	}
	
	
	.auto_txt_1{background-position:0 0;height:70px;}
	.auto_txt_2{background-position:0 -70px;height:86px;}
	.auto_txt_3{background-position:0 -156px;height:63px;}
	.auto_txt_4{background-position:0 -219px;height:75px;}
	.auto_txt_5{background-position:0 -294px;height:86px;}
	.auto_txt_6{background-position:0 -380px;height:170px;}
	

	

	.mount
	{
	position:absolute;
	width:150%;
	height:150%;
	background:url(img/mount.png) top center no-repeat;
	background-size:100%;

	}
	
	.driving_wheel
	{
	position:absolute;
	width:350px;
	height:350px;
	left:50%;
	margin-left:-175px;
	bottom:-100px;
	}
	.wheel_round
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border:20px solid #262626;
	}
	.wheel_mid
	{
	position:absolute;
	width:100%;
	height:100%;
	background:url(img/wheel_mid.png) center no-repeat;
	background-size:100%;
	top:0;
	left:0;
	}
	
	.yellow_pop_1,.yellow_pop_2,.yellow_pop_3,.yellow_pop_4
	{
	bottom:320px;
	}
	.yellow_pop_1{margin-left:-300px;}
	.yellow_pop_2{margin-left:-430px;}
	.yellow_pop_2 .yellow_tip{background-position:left bottom;}
	.yellow_pop_3{margin-left:-100px;}
	.yellow_pop_4{margin-left:30px;}
	.yellow_pop_4 .yellow_tip{background-position:right bottom;}
	
	
	
	.try_blue
	{
	position:absolute;
	width:400px;
	height:330px;
	left:50%;
	margin-left:0px;
	margin-top:-330px;
	background:url(img/try_blue.png) center top no-repeat;
	background-size:100%;
	}
	.wifi
	{
	position:absolute;
	width:60px;
	height:18px;
	left:50%;
	margin-left:-33px;
	bottom:0;
	background:url(img/wifi.png) center top no-repeat;
	background-size:100%;
	}
	
	.try_blue .numbers
	{
	position:absolute;
	width:148px;
	height:70px;
	bottom:-63px;
	left:115px;
	background-image:url(img/numbers.png);
	background-repeat:no-repeat;
	}
	
	

	.cars
	{
	position:absolute;
	width:2200px;
	height:114px;
	bottom:70px;
	background:url(img/cars.png) left no-repeat;

	}
	.e_car
	{
	position:absolute;
	width:290px;
	height:114px;
	bottom:70px;
	background:url(img/cars.png) right no-repeat;
	}
	
	.try_green_s,.try_green_b
	{
	position:absolute;
	bottom:70px;
	background-repeat:no-repeat;
	}
	.try_green_s
	{
	width:292px;
	height:250px;
	background-image:url(img/try_green_s.png);
	}
	.try_green_b
	{
	width:532px;
	height:450px;
	background-image:url(img/try_green_b.png);
	}
	
	
	
	.propeller_pole
	{
	position:absolute;
	width:10px;
	bottom:70px;
	background-color:#e5e5e5;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	.pole_1{left:18%;}
	.pole_2{left:30%;}
	.pole_3{left:42%;}
	
	.propeller
	{
	position:absolute;
	width:153px;
	height:153px;
	top:-155px;
	left:-76px;
	background:url(img/propeller.png) center no-repeat;
	background-size:100%;
	}
	
	
	
	
	.car_w
	{
	position:absolute;
	width:301px;
	height:104px;
	bottom:70px;
	background:url(img/car_w.png) center top no-repeat;
	
	transform-origin:bottom left;
	-webkit-transform-origin:bottom left;
	-moz-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	}
	.car_r
	{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background:url(img/car_w.png) center bottom no-repeat;
	}
	.smoke
	{
	position:absolute;
	width:101px;
	height:71px;
	bottom:0;
	right:0px;
	background:url(img/smoke.png) center no-repeat;
	background-size:100%;
	}
	.track
	{
	position:absolute;
	width:328px;
	height:146px;
	bottom:70px;
	background:url(img/track.png) center no-repeat;
	}
	.track_light
	{
	position:absolute;
	width:37px;
	height:41px;
	top:0;
	left:180px;
	background:url(img/track_light.gif) center no-repeat;

	}
	.track_tow
	{
	position:absolute;
	width:173px;
	height:56px;
	bottom:70px;
	left:-20px;
	background:url(img/track_tow.png) center no-repeat;
	
	transform-origin:bottom right;
	-webkit-transform-origin:bottom right;
	-moz-transform-origin:bottom right;
	-ms-transform-origin:bottom right;
	}
	
	.car_per_wrapper
	{
	position:absolute;
	width:1300px;
	bottom:70px;
	}
	.car_per
	{
	position:relative;
	float:left;
	width:280px;
	margin-right:30px;
	height:272px;
	}
	.car_per .top,.car_per .bottom,.car_per_4 .top .tail
	{
	position:absolute;
	background-image:url(img/cars_per.png);
	background-repeat:no-repeat;
	}
	.car_per_1 .top
	{
	width:240px;
	height:90px;
	background-position:20px top;
	}
	.car_per_1 .bottom
	{
	width:240px;
	bottom:0px;
	background-position:20px bottom;
	}
	
	.car_per_2 .top
	{
	width:280px;
	height:50px;
	background-position:-250px top;
	}
	.car_per_2 .bottom
	{
	width:280px;
	bottom:0px;
	background-position:-250px bottom;
	}
	
	.car_per_3 .top
	{
	width:270px;
	height:78px;
	background-position:-543px top;
	}
	.car_per_3 .bottom
	{
	width:270px;
	bottom:0px;
	background-position:-543px bottom;
	}
	
	.car_per_4 .top
	{
	width:196px;
	height:99px;
	background-position:-813px top;
	}
	.car_per_4 .top .tail
	{
	top:70px;
	right:-78px;
	width:78px;
	height:59px;
	background-position:-1010px -68px;;
	}
	.car_per_4 .bottom
	{
	width:196px;
	bottom:0px;
	background-position:-813px bottom;
	}
	

	
	/* ---------------- auto_section_1 ENDS ---------------- */
	

	
	
	
	
@media only screen and (max-height: 700px) {

	.auto_txt_wrapper,.car_big_2,.eng{top:58%;}
}

@media only screen and (max-width: 1680px) {

}
	
	
@media only screen and (max-width: 1400px) {
	
}

@media only screen and (max-width: 1260px) {

	
	.pole_1{left:17%;}
	.pole_2{left:33%;}
	.pole_3{left:50%;}
	

	
}



/* Mobile */
@media handheld, only screen and (max-width: 860px) {
	
	
	.mount{background-position:center center;}
	.yellow_pop_2{margin-left:-300px;}
	.yellow_pop_4{margin-left:-20px;}
	

}

