/* GERAL */
body, a, input, textarea { font-family: 'Poppins', sans-serif; font-size: 15px; color: #202327; font-weight: 400; }
.botao { background: #fec601; padding: 18px 40px; font-weight: 600; border-radius: 5px; transition: 0.3s; }
.botao:hover { background: #fff; }
.botao2:hover { background: #202327; color: #fff; }
.titulo { font-weight: 700; font-size: 40px; line-height: 1em; margin-bottom: 20px; }
.titulo span { font-weight: 400; font-size: 15px; position: relative; top: -15px; }
p { line-height: 1.5em; }

/* MASTER */
.whatsapp-flutuante { position: fixed; width: 4rem; height: 4rem; bottom: 2rem; right: 2rem; background-color: #25d366; color: #fff; border-radius: 50%; text-align: center; transition: .3s; z-index: 999; }
.whatsapp-flutuante:hover { background: #128c7e; }
.whatsapp-flutuante svg { font-size: 2rem; margin-top: 1rem; }
.menu-botao { display: none; position: fixed; top: 15px; right: 0; background: #fec601; padding: 15px 20px; cursor: pointer; font-size: 20px; z-index: 1001; border-radius: 10px 0 0 10px; }
.menu-mobile { position: fixed; background: #e67e22; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 1000; display: none; }
.menu-mobile .conteudo { height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.menu-mobile .conteudo ul { width: 100%; }
.menu-mobile .conteudo ul li { margin: 15px 0; }
.menu-mobile .conteudo ul li a { font-weight: 700; text-transform: uppercase; margin-bottom: 10px; font-size: 2em; color: #fff; }
.menu-mobile .conteudo ul li ul li a { font-size: 1.5em; color: #fecc2d; margin-bottom: 5px; }
.cabecalho { position: absolute; z-index: 999; padding: 20px 0 50px 0; background-image:linear-gradient(to top, transparent, rgb(0, 0, 0, .7)); }
.cabecalho .logo { width: 160px; }
.cabecalho .menu { margin-top: 15px; }
.cabecalho .menu li { display: inline-block; margin: 0 15px; }
.cabecalho .menu li a { color: #fff; transition: 0.3s; font-weight: 700; }
.cabecalho .menu li a:hover { color: #fec601; }
.cabecalho .telefone { font-size: 18px; color: #fec601; position: relative; top: 12px; font-weight: 600; letter-spacing: 4px; transition: 0.3s; }
.cabecalho .telefone:hover { color: #fff; }
.corpo .titulo-pagina { background: #000 url("../img/fundo-titulo.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 150px 0 90px 0; color: #fff; }
.corpo .titulo-pagina h1 { font-weight: 700; font-size: 35px; text-transform: uppercase; width: 100%; max-width: 700px; line-height: 1.2em; display: inline-block; }
.corpo .titulo-pagina a { color: #fff; transition: 0.3s; }
.corpo .titulo-pagina a:hover { color: #fec601; }
.rodape { background: #171717; padding-top: 60px; color: #fff; }
.rodape .logo { width: 160px; margin-bottom: 30px; }
.rodape .contatos li { padding: 0 50px; display: inline-block; vertical-align: top; }
.rodape .contatos li h3 { font-size: 18px; font-weight: 700; margin-bottom: 5px; }
.rodape .contatos li a { color: #fff; transition: 0.3s; }
.rodape .contatos li a:hover { color: #fec601; }
.rodape .contatos li .telefone { font-size: 25px; font-weight: 700; }
.rodape .social { margin-top: 30px; }
.rodape .social svg { color: #fff; border: 1px solid #fec601; padding: 8px; width: 15px; height: 15px; border-radius: 5px; margin-left: 8px; color: #fec601; position: relative; top: 8px; transition: 0.3s; }
.rodape .social svg:hover { color: #fff; border: 1px solid #fff; }
.rodape .desenvolvedor { font-size: 14px; margin-top: 60px; padding: 30px 0; background: #121212; }
.rodape .desenvolvedor a { color: #fff; transition: 0.3s; font-size: 14px; }
.rodape .desenvolvedor a:hover { color: #fec601; }

/* DEFAULT */
.page-home .principal { background: #000 url("../img/principal3.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 300px 0 200px 0; }
.page-home .principal .infos { background: rgba(0, 0, 0, .7); width: 30%; padding: 50px 50px 70px 50px; border-radius: 5px; }
.page-home .principal .infos h2 { color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 40px; }
.page-home .principal .infos .botao { margin-right: 20px; }
.page-home .sobre { background: #171717; padding: 80px 0; color: #fff; }
.page-home .sobre .width-1200 { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.page-home .sobre h2 { font-weight: 600; font-size: 50px; line-height: 1.1em; margin-right: 70px; }
.page-home .veiculos { padding: 70px 0; }
.depoimentos { padding-bottom: 70px; width: 800px; }
.depoimentos .depoimentos-itens { cursor: move; }
.depoimentos .usuario { width: 300px; margin: 20px 10px 0 250px;  }
.depoimentos .usuario img { width: 100px; border-radius: 100%; margin-right: 10px; }
.depoimentos .usuario .infos { line-height: 1.5em; margin-top: 25px; }
.depoimentos .usuario .infos h3 { font-weight: 700; }
.page-home .aluguel { background: #121212; background-image: linear-gradient(to right, #fec601 35%, #fec601 35% 37%, #121212 37% 100%); padding: 70px 0 100px 0; color: #fff; }
.page-home .aluguel .width-1200 { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.page-home .aluguel h2 { font-weight: 600; font-size: 50px; line-height: 1.1em; margin-bottom: 30px; }
.page-home .aluguel img { width: 90%; }
.page-home .aluguel p { padding-bottom: 40px; }

/* INSTITUCIONAL */
.historia { background: #171717; padding: 80px 0; color: #fff; }
.historia .width-1200 { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.historia .foto { width: 100%; border-radius: 5px; }
.historia .descricao { padding: 0 50px; line-height: 1.5em; }
.page-institucional .valores { padding: 80px 0; }
.page-institucional .valores li { width: 33.33%; float: left; }
.page-institucional .valores li .titulo { font-size: 30px; }
.page-institucional .valores li p { padding: 0 20px; line-height: 1.5em; }

/* VEÍCULOS */
.page-veiculos { padding: 50px 0; }
.page-veiculos .filtros { background: #171717; border-radius: 5px; color: #fff; padding: 50px 40px; width: calc(85% - 80px); margin-left: 15%; }
.page-veiculos .filtros .titulo { font-size: 25px; }
.page-veiculos .filtros select { width: 100%; background: #282828; border: 1px solid #4d4d4d; padding: 15px 20px; margin: 5px 0; color: #fff; font-family: 'Poppins', sans-serif; border-radius: 5px; font-size: 14px; }
.page-veiculos .filtros .botao { cursor: pointer; width: 100%; border: none; margin-top: 20px; }
.veiculos-itens { margin: 20px 0; }
.veiculos-itens li { width: 30%; margin: 0 1.66% 30px 1.66%; display: inline-block; vertical-align: top; box-shadow: rgba(0, 0, 0, .3) 0px 0px 20px; transition: 0.3s; border-radius: 5px; }
.veiculos-itens li:hover { box-shadow: rgba(0, 0, 0, .4) 0px 0px 30px; }
.veiculos-itens li img { width: 100%; border-radius: 5px 5px 0 0; }
.veiculos-itens li .infos { line-height: 1.7em; padding: 20px 10%; }
.veiculos-itens li .infos h3 {  font-size: 22px; font-weight: 700; }
.veiculos-itens li .infos h5 { font-weight: 600; color: #e67e22; font-size: 20px; }
.paginacao { border: 2px solid #e67e22; border-radius: 5px; padding: 15px 0; width: calc(50% - 4px); margin: -20px 0 0 25%; }
.paginacao a { transition: 0.3s; }
.paginacao a:hover { color: #e67e22; }
.paginacao span { margin: 0 10px; }

/* VEÍCULO */
.page-veiculo { padding: 70px 0; }
.page-veiculo .fotos img { width: 100%; border-radius: 5px; cursor: pointer; }
.page-veiculo .fotos iframe { width: 100%; height: 500px; }
.page-veiculo .fotos .slick-prev, .page-veiculo .fotos .slick-next { margin: 0; top: 50%; border: 0; background: #fec601; }
.page-veiculo .fotos .slick-prev:hover, .page-veiculo .fotos .slick-next:hover { background: #fff; }
.page-veiculo .fotos .slick-prev { left: 0; border-radius: 0 5px 5px 0; }
.page-veiculo .fotos .slick-next { right: 0; border-radius: 5px 0 0 5px }
.page-veiculo .fotos .slick-prev:before, .page-veiculo .fotos .slick-next:before { color: #202327; }
.page-veiculo .nome { margin: 40px 0; }
.page-veiculo .nome .titulo { margin-bottom: 0; font-size: 30px; }
.page-veiculo .opcionais { border-radius: 5px; background: #dfdfdf; padding: 20px 50px; margin: 5px 0; }
.page-veiculo .opcionais li { width: 31%; float: left; padding: 10px 1%; }
.page-veiculo .opcionais li svg { color: #27ae60; }
.page-veiculo .formulario { width: 100%!important; padding-bottom: 0; }
.page-veiculo .formulario .whatsapp { background: #27ae60; width: auto; display: inline-block; padding: 18px 40px; border-radius: 5px; width: 205px; transition: 0.5s; float: right; margin-top: -110px; }
.page-veiculo .formulario .whatsapp:hover { background: #219050; }
.page-veiculo .formulario .whatsapp svg { width: 50px; height: 50px; float: left; margin-right: 10px; }
.page-veiculo .formulario .whatsapp a { color: #fff; font-weight: 600; }
.page-veiculo .ibpa { width: 40%; max-width: 200px; margin-left: 37.5%; }
.page-veiculo .pericia { width: 85%; display: block; text-align: center; margin: 20px 0 20px 15%; box-sizing: border-box; }
.page-veiculo .detalhes { background: #171717; border-radius: 5px; color: #fff; padding: 50px; width: calc(85% - 100px); margin-left: 15%; }
.page-veiculo .detalhes .titulo { font-size: 25px; }
.page-veiculo .detalhes ul li { margin: 5px 0; }
.page-veiculo .detalhes ul li span { font-weight: 700; }
.page-veiculo .detalhes .botao { display: inline-block; margin-top: 20px; width: calc(100% - 80px); text-align: center; }
.page-veiculo .relacionados { background: #171717; border-radius: 5px; color: #fff; padding: 50px 50px 10px 50px; width: calc(85% - 100px); margin: 30px 0 0 15%; }
.page-veiculo .relacionados .titulo { margin-bottom: 0; font-size: 30px; }
.page-veiculo .relacionados .veiculos-itens li { background: #fff; width: 100%; margin: 10px 0 30px 0; float: none; }

/* BLOG */
.page-blog { padding: 50px 0; }
.blog-itens { margin: 20px 0; }
.blog-itens li { width: 30%; margin: 0 1.66% 30px 1.66%; display: inline-block; vertical-align: top; box-shadow: rgba(0, 0, 0, .3) 0px 0px 20px; transition: 0.3s; border-radius: 5px; }
.blog-itens li:hover { box-shadow: rgba(0, 0, 0, .4) 0px 0px 30px; }
.blog-itens li img { width: 100%; border-radius: 5px 5px 0 0; }
.blog-itens li .infos { line-height: 1.7em; padding: 20px 10%; }
.blog-itens li .infos h3 {  font-size: 22px; font-weight: 700; }
.blog-itens li .infos h5 { font-weight: 600; color: #e67e22; font-size: 20px; }

/* NOTÍCIA */
.page-noticia { padding: 70px 0 20px 0; }
.page-noticia .foto { width: 60%; border-radius: 5px 5px 0 0; }
.page-noticia .data { background: #fec601; padding: 10px 0; width: 60%; margin: -6px 0 0 20%; border-radius: 0 0 5px 5px; }
.page-noticia .descricao { line-height: 1.5em; margin: 30px auto; width: 900px!important; }
.page-noticia #share { margin-bottom: 50px; }

/* FALE CONOSCO */
.page-contato #mapa { height: 450px; }
.formulario { width: 900px!important; padding: 50px 0; }
.formulario input, .formulario textarea { width: calc(100% - 44px); border: 2px solid #e67e22; padding: 15px 20px; margin: 5px 0; transition: 0.3s; font-family: 'Poppins', sans-serif; border-radius: 5px; font-size: 14px; }
.formulario textarea { width: calc(100% - 44px); height: 150px; }
.formulario input:focus, .formulario textarea:focus { border-color: #202327; }
.formulario .botao { cursor: pointer; width: 100%; border: none; }
.formulario .nobot { display: flex; align-items: center; margin-bottom: 15px; font-size: 15px; }
.formulario .nobot input { width: 80px; margin: 0 0 0 10px; padding: 10px; }

/* LOCAÇÃO */
.page-locacao .faq { padding: 50px 0; }
.page-locacao .faq .accordion { background-color: #fec601; color: #202327; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-weight: bold; text-transform: uppercase; box-sizing: border-box; }
.page-locacao .faq .active, .page-locacao .faq .accordion:hover { background-color: #171717; color: #fff; }
.page-locacao .faq .panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; text-align: left; }
.page-locacao .faq .panel p { padding: 18px 0; }
.page-locacao .faq .accordion:after { content: '\02795'; font-size: 13px; color: #777; float: right; margin-left: 5px; }
.page-locacao .faq .active:after { content: "\2796"; }
.page-locacao .depoimentos iframe { width: 600px; height: 320px; border-radius: 5px; }