@charset "UTF-8";
/* CSS Elements */
body{
	background-color: black;
}

.site{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 0px; 
	background-color: gray;


}
.stage{

	margin:0 auto;
	width: 100%;
	height: 0px; 
	color: white;
	max-width: 1000px;
	background-color: black;
	display: table;
	overflow: hidden;

}
@media (max-width: 638px){
	.stage{
		max-width: 638px;
		height: 6315px;
	}
}
.header{

	background: url(../images/fundoheader.jpg)no-repeat;
	background-size: contain;

	width: 1000px;
	height: 81px;
	/*margin-left: -470px;*/
	display: inline-block;
	float: left;
	
}
@media(max-width: 638px){
	.header{
		height: 150px;
		width: 638px;
		background: url(../images/fundoheader_mob.jpg)no-repeat;
	}
}

.title{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 50pt;
	padding: 20px;
	margin: 10px;
}
.title2{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 45pt;
	padding: 0px;
	margin: 0px;

}
.title3{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 40pt;
	padding-top: 30px;
	padding-right: 15px;
	margin: 10px;
}
.title4{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 45pt;
	padding-top: 30px;
	/*padding-right: 15px;*/
	/*margin: 10px;*/
	filter: drop-shadow(0px 0px 5px black);
}
.title5{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size:35pt;
	padding-top: 20px;
	padding-right:20px;
	margin: 10px;

	
}
.title6{
	color: white;
	font-family: 'Lato', sans-serif;
	font-size: 40pt;
	padding-top: 30px;
	padding-right:30px;
	margin: 10px;
}
.minitext{
	color: white;
	font-family: 'Big Shoulders Display', cursive;
	font-size: 19pt;
	padding: 0px;
	margin-left: 50px;
	margin-right: 50px;

}
.minitext2{
	color: white;
	font-family: 'Big Shoulders Display', cursive;
	font-size: 21pt;
	padding: 0px;
	margin-left: 40px;
	margin-right: 40px;

}
.minitext3{
	color: white;
	font-family: 'Big Shoulders Display', cursive;
	font-size: 21pt;
	padding: 0px;
	margin-left: 40px;
	margin-right: 70px;
	opacity: 0;
	transform: translateY(50px);
}

.sliderpanel {
	position: relative;
	left: 0px;
	top: 0px;
	/*background-color: blue;*/
	width: 1000px;
	height: 400px;
	/* SET */
	transform-origin: top left;
	display: inline-block;
	float:left;
}
@media(max-width: 638px){
	.sliderpanel{
		transform: scale(.8);
	}
}

#sliders {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 3000px;
	height: 400px;
	/* SET */

	transition: 1s ease;
}
.slider1 {
	background: url(../images/slider1.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1000px;
	height: 400px;
	/* SET */

}
.slider2 {
	background: url(../images/slider2.jpg) no-repeat;
	position: absolute;
	left: 1000px;
	top: 0px;
	width: 1000px;
	height: 400px;
	/* SET */
}
.slider3,.slider4 {
	background: url(../images/slider3.jpg) no-repeat;
	position: absolute;
	left: 2000px;
	top: 0px;
	width: 1000px;
	height: 400px;
	/* SET */
}
.slider4{
	position: absolute;
	left: -1000px;
	top: 0px;
	width: 1000px;
	height: 400px;
	/* SET */
}
.wheels {
	position: absolute;
	left: 470px;
	top: 370px;
	width: 375px;
	height: 2720px;
	/* SET */
	filter: drop-shadow(0px 0px 3px black);
}
@media(max-width: 638px){
	.wheels{
		left: 350px;
	}
}
#wheel1,#wheel2,#wheel3 {

	background: url(../images/wheel.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	/* SET */

}
#wheel2 {
	position: absolute;
	left: 30px;
	top: 0px;
	width: 20px;
	height: 20px;
	/* SET */
	opacity: .3;
}
#wheel3 {
	position: absolute;
	left: 60px;
	top: 0px;
	width: 20px;
	height: 20px;
	/* SET */
	opacity: .3;
}

.quemsomos {
	position: absolute;
	left: 50%;
	top: 450px;
	width: 625px;
	height: 547px;
	/* SET */
	margin-left:-305px;
}
@media (max-width: 638px){
	.quemsomos {
		position: absolute;
		left: 10px;
		top: 450px;
		margin-left:0px;
		/* SET */
	}
}
.abatxt1,.abatxt4 {
	text-align: center;
	background: url(../images/abatxt1.png) no-repeat;
	position: absolute;
	left: 35px;
	top:440px;
	width: 546px;
	height: 421px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}

.mecanico_quemsomos {
	background: url(../images/mecanico_quemsomos.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 625px;
	height: 547px;
	/* SET */
	opacity: 0;
	transform: translateY(200px);
}



.servicos {
	position: absolute;
	left: 50%;
	top: 900px;
	width: 625px;
	height: 547px;
	/* SET */
	margin-left:-305px;

}
@media (max-width: 638px){
	.servicos {
		position: absolute;
		left: 0px;
		top: 900px;
		margin-left:0px;
		/* SET */
	}
}
.abatxt2 {
	text-align: center;
	/*background-color: red;*/
	background: url(../images/abatxt2.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top:440px;
	width: 636px;
	height: 898px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.pecas {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 420px;
	height: 547px;
	/* SET */
	perspective: 300px;
	transform: scale(2);
	overflow: hidden;
}


.peca1 {
	background: url(../images/peca1.png) no-repeat;
	position: absolute;
	left: 85px;
	top: 100px;
	width: 470px;
	height: 408px;
	/* SET */
	filter: brightness(.2);
	transform-origin: 50% 50% 250px;
	transform: rotateY(45deg);
}

.peca2 {
	background: url(../images/peca2.png) no-repeat;
	position: absolute;
	left: 120px;
	top: 120px;
	width: 393px;
	height: 355px;
	/* SET */
	filter: brightness(.2);
	transform-origin: 50% 50% 250px;
	transform: rotateY(100deg);
}
.peca3 {
	background: url(../images/peca3.png) no-repeat;
	position: absolute;
	left: 130px;
	top: 100px;
	width: 381px;
	height: 401px;
	/* SET */
	filter: brightness(.2);
	transform-origin: 50% 50% 250px;
	transform: rotateY(100deg);
}
.peca4 {
	background: url(../images/peca4.png) no-repeat;
	position: absolute;
	left: 95px;
	top: 100px;
	width: 447px;
	height: 447px;
	/* SET */
	filter: brightness(.2);
	transform-origin: 50% 50% 250px;
	transform: rotateY(100deg);
}
.peca5 {
	background: url(../images/peca5.png) no-repeat;
	position: absolute;
	left: 125px;
	top: 100px;
	width: 408px;
	height: 369px;
	/* SET */
	filter: brightness(.2);
	transform-origin: 50% 50% 250px;
	transform: rotateY(100deg);
}
@media (max-width: 638px){
	.peca1,.peca2,.peca3,.peca4,.peca5{
		transform:opacity:0;
	}
}
.abatxt3 {
	text-align: center;
	/*background-color: red;*/
	position: absolute;
	left: 0px;
	top:2040px;
	width: 636px;
	height: 898px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
#paralaximage1 {
	background: url(../images/paralaximage1.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 2220px;
	width: 638px;
	height: 381px;

	/* SET */

}
@media (min-width: 638px){
	#paralaximage1{
		left: 50%;
		margin-left: -319px;
	}
}

.objetivo {
	position: absolute;
	left: 50%;
	top: 900px;
	width: 625px;
	height: 547px;
	/* SET */
	margin-left:-305px;
}
@media (max-width: 638px){
	.objetivo {
		position: absolute;
		left: 0px;
		top: 900px;
		margin-left:0px;
		/* SET */
	}
}
.abatxt4 {
	text-align: center;
	/*background-color: red;*/
	position: absolute;
	left:47px;
	top:1750px;
	width: 568px;
	height: 538px;
	/* SET */

}

.levaetras {
	position: absolute;
	left: 50%;
	top: 900px;
	width: 625px;
	height: 547px;
	/* SET */
	margin-left:-305px;
}
@media (max-width: 638px){
	.levaetras {
		position: absolute;
		left: 0px;
		top: 900px;
		margin-left:0px;
		/* SET */
	}
}
.abatxt5 {
	text-align: center;
	/*background-color: red;*/
	position: absolute;
	left:47px;
	top:2280px;
	width: 568px;
	height: 538px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.timer {
	background: url(../images/timer.png) no-repeat;
	position: absolute;
	left:30px;
	top: 2180px;
	width: 225px;
	height: 286px;
	/* SET */ 
	opacity: 0;
	transform: translateY(50px);
}
.ponteiro {
	background: url(../images/ponteiro.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 160px;
	width: 93px;
	height: 21px;
	/* SET */
	transform-origin:85% 55%;
	transform: scaleX(1);
}



.levaetrasfoto {
	background: url(../images/levaetras.jpg) no-repeat;
	position: absolute;
	left: 35px;
	top: 240px;
	width: 465px;
	height: 427px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.avalia {
	opacity: 0;
	transform: translateY(50px);

}
@media (min-width: 638px){
	.avalia {
		left: 500px

	}

}
.avaliacoes {
	position: absolute;
	left: 70px;
	top: 4150px;
	width: 520px;
	height: 700px;
	/* SET */
}
@media (min-width: 638px){
	.avaliacoes {

		left: 50%;
		margin-left: -260px;
		/* SET */
	}

}
.reviews {
	position: absolute;
	left: -70px;
	top: 60px;
	width: 520px;
	height: 700px;
	/* SET */
}
.ivan {
	background: url(../images/ivan.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 643px;
	width: 520px;
	height: 140px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.chapira {
	background: url(../images/chapira.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 531px;
	width: 520px;
	height: 109px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.fernando {
	background: url(../images/fernando.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 419px;
	width: 520px;
	height: 109px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.cesar {
	background: url(../images/cesar.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 307px;
	width: 520px;
	height: 109px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.glaucio {
	background: url(../images/glaucio.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 195px;
	width: 520px;
	height: 109px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.renan {
	background: url(../images/renan.png) no-repeat;
	position: absolute;
	left: 55px;
	top: 83px;
	width: 520px;
	height: 109px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.ondeestamos {
	position: absolute;
	left: 80px;
	top: 5050px;
	width: 520px;
	height: 700px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
.adress {
	/*background-color: red;*/
	position: absolute;
	left: -85px;
	top: 90px;
	width: 600px;
	height: 100px;
	/* SET */
	
}

@media (min-width: 638px){
	.adress {
		
	}

}

@media (min-width: 638px){
	.ondeestamos {

		left: 50%;
		margin-left: -250px;
		/* SET */
	}

}
.mapa {
	position: absolute;
	left: -85px;
	top: -4360px;
	width: 638px;
	height: 380px;
	/* SET */
	text-align:right;height:380px;width:638px;
}

.gmap_canvas {
	overflow:hidden;background:none!important;height:380px;width:638px;
}
.blocomeio {
	position: absolute;
	left: 0px;
	top: 2850px;
	width: 728px;
	height: 720px;
	/* SET */
	text-align: center;
	
}
.uparrow {
	background: url(../images/uparrow.png) no-repeat;
	position: absolute;
	left: 280px;
	top: 5600px;
	width: 93px;
	height: 44px;
	/* SET */
	cursor: pointer;
}

.orcamento {
	position: absolute;
	left: 30px;
	top: 5620px;
	width: 608px;
	height: 500px;
	/* SET */
	opacity: 0;
	transform: translateY(50px);
}
@media (min-width: 638px){
	.orcamento {

		left: 50%;
		margin-left: -304px;
		/* SET */
	}

}
input[type=text] {
	font-family: 'Big Shoulders Display', cursive;
	font-size: 17pt;
	height: 30px;
	color: black;
	padding-top: 5px;
}

textarea{
	font-family: 'Big Shoulders Display', cursive;
	font-size: 17pt;
	/*padding-top: 100px;*/

}
input[type=submit],input[type=reset] {
	font-family: 'Big Shoulders Display', cursive;
	font-size: 15pt;
	position: absolute;
	width: 120px;
	height: 40px;
	left:470px;
	top: 295px;
	color: white;
	background:  black;
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
}
input[type=reset] {
	left:340px;
	background:#ccc; 
	color: black;
}
.disclamer{
	opacity: 0;
	transform: translateY(50px);
}



.boxform {
	background-color: white;
	position: absolute;
	left: -30px;
	top: 120px;
	width: 638px;
	height: 360px;
	/* SET */

	/*padding: 0px;
	margin-left: 40px;
	margin-right: 40px;*/
}
.fecharbtn{
	font-family: 'Lato', sans-serif;
	font-size: 14pt;
	position: absolute;
	left: 400px;
	top: 10px;
	width: 30px;
	height: 28px;
	border-radius: 10px;
	background-color: gray;
	padding-top: 3px;
	cursor:pointer;
}

.mensagemsucesso {
	font-family: 'Big Shoulders Display', cursive;
	font-size: 18pt;
	background-color: black;
	position: absolute;
	left: 60px;
	top: 230px;
	width: 400px;
	height: 100px;
	border-radius: 20px;
	text-align: center;
	padding-top: 45px;
	padding-left: 20px;
	padding-right: 20px;

	visibility: hidden;
}
.nomefield {
	background-color: white;
	position: absolute;
	left: 40px;
	top: 30px;
	width: 238px;
	height: 20px;
	/* SET */
	border-radius: 3px;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
.emailfield {
	background-color: white;
	position: absolute;
	left: 40px;
	top: 80px;
	width: 238px;
	height: 20px;
	/* SET */
	border-radius: 3px;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
.phonefield {
	background-color: white;
	position: absolute;
	left: 340px;
	top: 80px;
	width: 238px;
	height: 20px;
	/* SET */
	border-radius: 3px;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}

.messagefield {
	background-color: white;
	position: absolute;
	left: 40px;
	top: 135px;
	width: 540px;
	height: 120px;
	/* SET */
	border-radius: 3px;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}


#paralaximage2 {
	background: url(../images/paralaximage2.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 3400px;
	width: 728px;
	height: 811px;
	/* SET */
}

iframe{
	position: absolute;
	left: 0px;
	top: 4508px;

}
.footer {
	background-color: #88011f;
	position: absolute;
	top: 6100px;
	left: 0px;
	width: 638px;
	height: 215px;
}
@media (min-width: 638px){
	.footer {

		left: 50%;
		margin-left: -334px;
		/* SET */
	}

}
.redes {
	/*background-color:red;*/
	position: absolute;
	top:30px;
	left: 378px;
	width: 227px;
	height: 119px;
	font-family: 'Big Shoulders Display', cursive;
	font-size: 24pt;
	text-align: center;
}
.mail {
	background: url(../images/mail.png) no-repeat;
	position: absolute;
	top: 50px;
	left: 160px;
	width: 74px;
	height: 74px;
	/* SET */
}
.face {
	background: url(../images/face.png) no-repeat;
	position: absolute;
	top: 50px;
	left: -10px;
	width: 71px;
	height: 71px;
	/* SET */
}
.insta {
	background: url(../images/insta.png) no-repeat;
	position: absolute;
	top: 50px;
	left: 75px;
	width: 71px;
	height: 71px;
	/* SET */
}
.legal {
	
	position: absolute;
	top: 190px;
	left:170px;
	width: 350px;
	height: 25px;
	/* SET */
	font-family: 'Big Shoulders Display', cursive;
	font-size: 12pt;
}
.whats {
	background: url(../images/whats.png) no-repeat;
	position: absolute;
	left: 20px;
	top: 35px;
	width: 336px;
	height: 144px;
	/* SET */
}


/*████████████████ ◢ FIM ◣ ████████████████████████████████████████████████████████████*/
/*▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓ ◢ FIM ◣ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓*/