@font-face {
	font-family: 'Prometo';
	src:url(fonts/prometo.ttf);
}
@font-face {
	font-family: 'Prometo-Bold';
	src:url(fonts/prometo-bold.ttf);
}

html{
	overflow-x: hidden !important;
	scroll-behavior: smooth !important;
	font-family: 'Prometo', sans-serif;
	padding: 0;
	font-size: 15px;
	line-height: 20px;
	color:var(--cinza);
}

body{
	font-family: 'Prometo', sans-serif;
	font-size: 15px;
	line-height: 25px;
	color:var(--cinza);
}


:root{
	--cinza: #2f3644;
	--amarelo:#fbb93d;
	--preto: #000000;
	--branco: #ffffff;
}

.amarelo{
	color: var(--amarelo)!important;  
}
.cinza{
	color: var(--cinza)!important; 
}
.preto{
	color: var(--preto)!important;  
}
.branco{
	color: var(--branco)!important; 
}

.bg-cinza{
	background-color: var(--cinza)!important;  
}
.bg-amarelo{
	background-color: var(--amarelo)!important; 
}
.bg-preto{
	background-color: var(--preto)!important;  
}
.bg-branco{
	background-color: var(--branco)!important; 
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
	border-color: #69bb45;
	box-shadow: 0 1px 1px #69bb45 inset, 0 0 8px #69bb45;
	outline: 0 none;
}

.vertical-center {
	display: flex;
	align-items: center;
}
.vertical-bottom{
	display: table;
	vertical-align: bottom;
}

section{
	padding: 50px 0;
}



.logo{
	max-width: 250px;
	margin: 30px 0;
}

.destaque{
	background-color: #000208;
}
.destaque-bg{
	background-image: url('img/destaque.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 40px 0;
}
.destaque h2{
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 40px;
	line-height: 40px;
	color: var(--branco);
}
.destaque h3{
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 30px;
	line-height: 32px;
	color: var(--amarelo);
}

.btwhatsapp{
	background-color:#00d757;
	border-radius: 100px;
	padding: 10px;
	font-weight: normal;
	color:#fff;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;	
	text-transform: uppercase;
	position: fixed;
	z-index: 100;
	bottom: 20px;
	right: 20px;
}
.btwhatsapp:hover{
	background-color:var(--amarelo);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;	
}


.selo{
	width: 100%;
	max-width: 250px;
}

.bt-whatsapp{
	background-color: var(--amarelo);
	border-radius: 5px;
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 15px;
	line-height: 20px;
	padding: 15px;
	color: var(--cinza);
	border: 0;
	transition: .25s ease;
}
.bt-whatsapp img{
	position: absolute;
	width: 60px;
	margin-top: -22px;
	transition: .25s ease;
}
.bt-whatsapp:hover{
	background-color: var(--cinza);
	color: var(--amarelo);
	transition: .25s ease;
}

.bt-whatsapp2{
	background-color: var(--amarelo);
	border-radius: 10px;
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 30px;
	line-height: 40px;
	padding:25px;
	color: var(--cinza);
	border: 0;
	transition: .25s ease;
}
.bt-whatsapp2 img{
	position: absolute;
	width:120px;
	margin-top: -45px;
	transition: .25s ease;
}
.bt-whatsapp2:hover{
	background-color: var(--cinza);
	color: var(--amarelo);
	transition: .25s ease;
}

.formulario{
	background-color: var(--amarelo);
	padding: 40px 35px 10px 35px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	font-family: 'Prometo', sans-serif;
	font-size: 15px;
	line-height: 20px;
	margin-top: 0;
}
.formulario label{
	color: var(--branco);
	margin-top: 15px;
}
.formulario span{
	color: var(--branco);
}
.formulario h2{
	font-size: 30px;
	line-height: 35px;
	margin-top: -20px;
	font-family: 'Prometo-Bold', sans-serif;
}
.carros{
	margin-top: -170px;
	width: 135%;
	margin-left: -15%;
}

.textos{
	font-family: 'Prometo', sans-serif;
	font-size: 15px;
	line-height: 20px;
	color:var(--cinza);
}

.texto2{
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 35px;
	line-height: 42px;
	color: var(--amarelo);
}
.texto3{
	font-family: 'Prometo', sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: var(--cinza);
} 
.texto3 b{
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 25px;
	line-height: 30px;
	color: var(--amarelo);
	text-transform: uppercase;
} 
.texto4{
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 60px;
	line-height: 68px;
	color: var(--amarelo);
}
.texto5{
	font-family: 'Prometo', sans-serif;
	font-size: 28px;
	line-height: 38px;
	color: var(--cinza);
}

.texto-depoimento{
	font-family: 'Prometo', sans-serif;
	font-size: 25px;
	line-height: 40px;
	color:var(--cinza);
}

.titulo1{
	font-family: 'Prometo-Bold', sans-serif;
	font-size: 35px;
	color:var(--amarelo);
	text-transform: uppercase;
}

.parallax{
	background-color: var(--cinza);
	background-image: url('img/parallax.jpg');
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 20px;
}
.parallax h2{
	font-family: 'Prometo-Bold', sans-serif;
	color: var(--amarelo);
	font-size: 60px;
	line-height: 65px;
}
.parallax h3{
	font-family: 'Prometo', sans-serif;
	color: var(--branco);
	font-size: 30px;
	line-height: 35px;
	text-transform: uppercase;
}
.parallax h4{
	font-family: 'Prometo', sans-serif;
	color: var(--branco);
	font-size: 30px;
	line-height: 37px;
}
.parallax b{
	color: var(--amarelo);
}
.selo2{
	margin-top: -70px;
}

.parallax-linha{
	background: rgba(251, 185, 61, 0);
	background: linear-gradient(90deg,rgba(251, 185, 61, 0) 0%, rgba(251, 185, 61, 1) 25%, rgba(251, 185, 61, 1) 75%, rgba(251, 185, 61, 0) 100%);
	height: 2px;
	margin: 40px 0;
}

.botao1{
	font-family: 'Prometo', sans-serif;
	font-size: 22px;
	color:#fff;
	background-color: #69bb45;
	text-transform: uppercase;
	border:0;
	padding: 10px 30px;
	transition: .25s ease;
}
.botao1:hover{
	background-color: #6bd43e;
	transition: .25s ease;
}
.form1{
	width: 100%;
	font-size: 15px;
	margin: 3px 0;
	border: none;
	border-radius: 0;
}
.btform1{
	width: 100%;
	font-family: 'Prometo-old', sans-serif;
	font-size: 18px;
	color:#fff;
	background-color: var(--cinza);
	text-transform: uppercase;
	border:0;
	padding: 10px 30px;
	transition: .25s ease;
	margin-top: 10px;
}
.btform1:hover{
	background-color: #666666;
	transition: .25s ease;
}

.logo-icone{
	width: 100%;
	max-width: 200px;
	z-index:100;
	position: relative;
	margin-top: -30px;
}

.box{
	border: 1px solid var(--amarelo);
	padding: 40px;
	border-radius: 20px;
	margin-top: -60px;
	z-index:99;
}

.box2{
	background-color: var(--cinza);
	color: var(--branco);
	padding: 60px;
	border-radius: 20px;
	font-family: 'Prometo', sans-serif;
	font-size: 20px;
	line-height: 30px;
}

.selo-footer{
	width: 100%;
	max-width: 140px;
	margin: 0 10px;
}

footer{
	background: #FFFFFF;
	background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(236, 236, 236, 1) 100%);
	padding: 40px 0;
}

.copyright{
	font-family: 'Prometo', sans-serif;
	font-size: 13px;
	color: var(--cinza);
	margin: 40px 0;
}


/* Small devices (landscape phones, 544px and up) */
@media (max-width: 575px) { 

	.logo{
		max-width: 200px;
		margin-top: 25px;
	}
	.order1{
		order:2;
	}
	.order2{
		order:1;
	}

.destaque-bg{
	background-size: 150%;
}
.destaque h2{
	margin-top: 150px;
	font-size: 40px;
	line-height: 40px;
}
.destaque h3{
	font-size: 20px;
	line-height: 22px;
}
.selo{
	max-width: 150px;
	position: absolute;
	margin-top: -30px;
}
.formulario{
	margin-top: 150px;
}
.texto2{
	font-size: 28px;
	line-height: 30px;
}

.logo-icone{
	max-width: 150px;
	margin: 30px 0;
}
.texto3{
	font-size: 16px;
	line-height: 22px;
} 
.texto3 b{
	font-size: 20px;
	line-height: 25px;
} 



.parallax{
	padding: 80px 20px;
	background-size: 350%;
	background-position: center;
}
.parallax h2{
	font-size: 40px;
	line-height: 45px;
}
.parallax h3{
	font-size: 20px;
	line-height: 25px;
}
.parallax h4{
	font-size: 20px;
	line-height: 27px;
}
.selo2{
	margin-top: 20px;
	max-width: 200px;
}

.texto-depoimento{
	font-size: 18px;
	line-height: 30px;
}

.bt-whatsapp2{
	font-size: 15px;
	line-height: 20px;
	padding: 15px;
}
.bt-whatsapp2 img{
	width: 60px;
	margin-top: -22px;
}
.box2{
	padding: 50px;
	font-size: 16px;
}

.texto4{
	font-size: 40px;
	line-height: 48px;
}
.texto5{
	font-size: 20px;
	line-height: 30px;
}
.selo-footer{
	width: 100%;
	max-width: 80px;
	margin: 0 10px;
}



}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 767px) { 



}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 

}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  


}