@charset "UTF-8";

/* CSS - Starcar | Codificado por: Ueek Agência Digital | Ano: 2019 */

/******************* Atribuições Gerais *********************/
* {
	box-sizing: border-box;
	-webkit-font-smoothing:antialiased;
	   -moz-font-smoothing:antialiased;
		-ms-font-smoothing:antialiased;
		 -o-font-smoothing:antialiased;
		 	font-smoothing:antialiased;
	margin: 0;
	outline: 0;
	padding: 0;
}

.owl-carousel {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

a {
	cursor:pointer;
	text-decoration:none;
}

br { clear:both; }

input, textarea, select { outline: none; }

html, body{
    height: 100%;
    width: 100%;
}

body {
	color: #272727;
	font-family: 'Mukta', sans-serif;
	font-size: 16px;
}

.conteudo {
	margin: 0 auto;
	width: 1170px;
}

.soft-hover {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
	filter: alpha(opacity = 50);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

strong, b { font-weight: 700; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

button.blue, button.border {
	color: #fff;
	cursor: pointer;
	font-family: 'Mukta', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 207.9%;
	text-transform: uppercase;
}

button.blue, button.border:hover { 
	background: linear-gradient(90deg, #0272C1 0%, #004677 100%);
	border: none;
}

button.border, button.blue:hover {
	background: transparent;
	border: 1px solid #FFFFFF;
}

button.hover-dark:hover { background: #004677; }

#open-menu, #close-menu {
	cursor: pointer;
	display: none;
}
/******************* Atribuições Gerais *********************/


/******************** Atribuições Topo **********************/
header#topo {
	background: #fff;
	padding: 30px 50px;
	position: fixed;
	width: 100%;
	z-index: 2;
}

header#topo img#logo {
	float: left;
}

header#topo nav#menu {
	color: #0279CB;
	float: left;
	margin-left: 17%;
	text-transform: uppercase;
}

header#topo nav#menu ul li {
	float: left;
	font-size: 13px;
	list-style: none;
	letter-spacing: 1px;
	line-height: 80px;
	margin-right: 40px;
}

header#topo nav#menu ul li a { color: #0279CB; }

header#topo nav#menu ul li a:hover, header#topo nav#menu ul li a.ativo {
	color: #004677;
	text-decoration: underline;
}

header#topo nav#redes {
	float: right;
	margin-top: 24px;
}

header#topo nav#redes ul li {
	border: 1px solid #0279CB;
	border-radius: 30px;
	color: #0279CB;
	display: block;
	float: left;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	list-style: none;
	margin-left: 21px;
	text-align: center;
	width: 32px;
}

header#topo nav#redes ul li:hover {
	border: 1px solid #004677;
	color: #004677;
}
/******************** Atribuições Topo **********************/


/************************ Conteúdo **************************/
/*Fullbanner*/
#fullbanner { clear: both; }

#fullbanner .item-banner {
	background: url(../img/bg.jpg) center no-repeat;
	background-size: cover;
	color: #FFFFFF;
	height: 700px;
	padding-top: 18%;
	text-align: center;
	width: 100%;
}

#fullbanner .item-banner h3 {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 6px;
	text-transform: uppercase;
}

#fullbanner .item-banner h2 {
	font-size: 50px;
	letter-spacing: 1px;
	line-height: 120%;
}

#fullbanner .item-banner .botoes {
	margin: 0 auto;
	margin-top: 68px;
	width: 460px;
}

#fullbanner .item-banner button.blue, #fullbanner button.border {
	float: left;
	margin: 0 15px;
	height: 68px;
	width: 198px;
}

#fullbanner .item-banner button.grandao {
	margin: 0 !important;
	width: 100% !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -60px;
    position: relative;
    z-index: 4;
}

/*Barra Contatos*/
#barra-contatos {
	background: linear-gradient(90deg, #0279CB 0%, #004677 100%);
	color: #fff;
	font-size: 15px;
	height: 94px;
	line-height: 94px;
	letter-spacing: 1px;
	padding: 0 50px;
}

#barra-contatos ul li {
	float: left;
	list-style: none;
	margin-right: 58px;
}

#barra-contatos ul li i { margin-right: 15px; }

/*Institucional*/
section#institucional {
	background-color: #f5f5f5;
	background-image: url(../img/foto4.png);
	background-position: 900px 196px;
	background-repeat: no-repeat;
	padding: 100px 0 80px;
}

section#institucional article {
	float: left;
	width: 370px;
}

section#institucional article span {
	color: #0279CB;
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

section#institucional article h1 {
	letter-spacing: 1px;
	font-size: 30px;
}

section#institucional article p {
	margin-top: 15px;
	line-height: 35px;
}

section#institucional article button {
	margin-top: 68px;
	height: 68px;
	width: 249px;
}

section#institucional #marcas {
	background: url(../img/marcas.png) center no-repeat;
	margin: 0 auto;
	margin-top: 115px;
	height: 190px;
}

/*Parallax*/
#parallax {
	background: url(../img/bg2.jpg) center no-repeat;
	color: #fff;
	height: 432px;
	padding-top: 140px;
	text-align: center;
}

#parallax h4 {
	font-size: 35px;font-weight: 700;
	margin: 16px 0;
}

/*Serviços*/
section#servicos {
	background-color: #f5f5f5;
	padding: 100px 0 30px;
}

section#servicos #txt {
	float: left;
	width: 295px;
}

section#servicos span {
	color: #0279CB;
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

section#servicos h2 {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 1px;
}

section#servicos button.blue {
	margin-top: 120px;
	height: 68px;
	width: 249px;
}

section#servicos #itens {
	float: right;
	width: 700px;
}

.item {
	background-repeat: no-repeat;
	float: left;
	margin: 0 25px 80px;
	padding-left: 105px;
	width: 300px;
}

.item.lavacao { 
	background-image: url(../img/icon2.png);
	background-position: 0 0;
}

.item.pintura { 
	background-image: url(../img/icon3.png);
	background-position: 60px 0;
}

.item.mecanica { 
	background-image: url(../img/icon1.png);
	background-position: 15px 0;
}

.item h1 {
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.item p { line-height: 27px; }

/*Peças*/
section#pecas {
	background: #fff;
	box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
}

section#pecas #txt {
	float: left;
	padding-top: 115px;
	width: 295px;
}

section#pecas #txt span {
	color: #0279CB;
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

section#pecas #txt h2 {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

section#pecas #txt p { line-height: 27px; }

section#pecas button.blue {
	margin-top: 40px;
	height: 68px;
	width: 249px;
}

section#pecas img#menina {
	float: right;
	margin: -62px 215px 0 0;
}

/*Blog*/
section#blog {
	background-color: #f5f5f5;
	padding: 100px 0 60px;
}

section#blog #titulo { float: left; }

section#blog #titulo span {
	color: #0279CB;
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

section#blog #titulo h3 {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 1px;
	line-height: 32px;
	margin-bottom: 20px;
}

section#blog button {
	background: url(../img/flecha.png) no-repeat transparent;
	background-position: 105px 28px;
	border: 2px solid #0279CB;
	color: #0279CB;
	cursor: pointer;
	float: right;
	font-family: 'Mukta', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding-right: 25px;
	height: 68px;
	text-transform: uppercase;
	width: 154px;
}

section#blog #posts { padding-top: 72px; }

section#blog #posts .post {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(22, 22, 22, 0.6) 100%), url(../img/foto3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	color: #fff;
	height: 427px;
	margin: 0px 17px 35px;
	padding: 265px 25px 30px;
	width: 327px; 
}

section#blog #posts .post.maior { width: 414px; }

section#blog #posts .post span.data {
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

section#blog #posts .post h1 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}

section#blog #posts .post img { margin-top: 42px; }

section#blog #posts .post:hover { background: #0279CB !important; }

/*Contate-nos*/
section#contate-nos {
    background-image: url(../img/foto9.jpg);
    background-position: 900px 0;
    background-repeat: no-repeat;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

section#contate-nos form#envia-contato {
	float: left;
	padding: 85px 0 80px;
	width: 295px;
}

section#contate-nos form#envia-contato span {
	color: #0279CB;
	display: block;
	font-size: 10px;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 21px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

section#contate-nos form#envia-contato h3 {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

section#contate-nos form#envia-contato input[type="text"],
section#contate-nos form#envia-contato input[type="email"] {
	border: 0;
	border-bottom: 1px solid #DADADA;
	color: #000;
	font-family: 'Mukta', sans-serif;
	font-size: 13px;
	line-height: 25px 
	letter-spacing: 0.1em;
	margin-top: 45px;
	text-transform: uppercase;
	padding-bottom: 10px;
	width: 100%;
}

section#contate-nos form#envia-contato input[type="submit"] {
	color: #fff;
	cursor: pointer;
	background: linear-gradient(90deg, #0272C1 0%, #004677 100%);
	border: none;
	font-family: 'Mukta', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 207.9%;
	margin-top: 70px;
	height: 68px;
	text-transform: uppercase;
	width: 249px;
}

section#contate-nos form#envia-contato input[type="submit"]:hover { background: #004677; }
/************************ Conteúdo **************************/


/******************* Atribuições Footer *********************/
footer#rodape {
	background: linear-gradient(90deg, #0279CB 0%, #004677 100%);
	color: #fff;
	padding: 58px 0;
}

footer#rodape img#logo-footer { 
	float: left;
	margin-top: 20px;
}

footer#rodape nav#menu {
	float: left;
	margin-left: 280px;
}

footer#rodape h4 {
	color: #0097FF;
	letter-spacing: 1px;
	text-transform: uppercase;
}

footer#rodape nav#menu ul.bloco { 
	float: left;
	margin-right: 95px;
}

footer#rodape nav#menu ul.bloco li,
footer#rodape ul#contatos li {
	list-style: none;
	margin-top: 17px;
}

footer#rodape nav#menu ul.bloco li a { color: #fff; }
footer#rodape nav#menu ul.bloco li a:hover { color: #0097FF; }

footer#rodape ul#contatos li i { margin-right: 20px; }

footer#rodape #direitos {
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: 1px;
	margin-top: 30px;
	text-align: center;
	text-transform: uppercase;
}
/******************* Atribuições Footer *********************/