/* Google Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');

/* 
left: 50%; transform: translateX(-50%);
box-sizing: border-box;
@import url(reset.css);
*/

/* CSS Reset */
* { margin: 0; padding: 0; list-style: none; text-decoration: none;}

/* PC >>>>>>>>>> */
@media screen and (min-width: 900px) {

/* Cabeçalho */
div.cabecalho { background: #555; width: 100%; height: 720px; position: relative;}

/* Topo */
header { width: 100%; max-width: 1140px; height: 165px; margin: auto; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 10;}
header ul.redes-sociais { height: 100px; margin: 30px 0; float: left;}
header ul.redes-sociais li { margin: 0 10px 0 0; float: left;}
header ul.redes-sociais li a { width: 40px; height: 40px; float: left;}
header ul.redes-sociais li a img { width: 40px; border: 2px solid #FFF; box-sizing: border-box; border-radius: 20px; float: left;}
header ul.redes-sociais li a:hover img { border: 2px solid #F5E106;}
header ul.localizacao { margin: 30px 0; float: right;}
header ul.localizacao li { font: 400 15px 'Lato', sans-serif; color: #FFF; margin: 0 0 0 30px; float: left;}
header ul.localizacao li b { font: 700 15px 'Lato', sans-serif; display: block;}
header nav { background: rgba(0, 0, 0, 0.5); width: 100%; max-width: 1140px; height: 65px; position: absolute; top: 100px;}
header nav img.logo { height: 65px;}
header nav ul { margin: 22px 0 0 0; float: right;}
header nav ul li { margin: 0 30px 0 0; float: left;}
header nav ul li a { font: 500 13px 'Montserrat', sans-serif; color: #FFF;}
header nav ul li a:hover { color: #F5E106;}

/* Banner */
ul.bannerslide { background: #000; width: 100%; height: 720px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; float: left;}
ul.bannerslide li { width: 100%; height: 100%;}
ul.bannerslide li img { display: none;}
.rslides_tabs { position: absolute; bottom: 50px; right: 100px;}
.rslides_tabs li { display:inline-block; z-index:999; position: relative; margin: 0 5px; top:-48px; float: left;}
.rslides_tabs li a { width: 20px; height: 20px; border: 10px solid #FFF; border-radius: 10px; box-sizing: border-box; display: block; text-indent:-9999px;}
.rslides_tabs .rslides_here a { background: #000; border: 6px solid #F5E106; box-sizing: border-box;}

/* Banner 
ul.banner-pc { background: #000; width: 100%; height: 720px; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; float: left;}
ul.banner-pc li { width: 100%; height: 100%;}
.rslides_tabs { position: absolute; bottom: 50px; right: 100px;}
.rslides_tabs li { display:inline-block; z-index:999; position: relative; margin: 0 5px; top:-48px; float: left;}
.rslides_tabs li a { width: 20px; height: 20px; border: 10px solid #FFF; border-radius: 10px; box-sizing: border-box; display: block; text-indent:-9999px;}
.rslides_tabs .rslides_here a { background: #000; border: 6px solid #F5E106; box-sizing: border-box;}
ul.banner-responsive { display: none;}

/* Conteúdo */
div.conteudo { width: 100%; max-width: 1140px; margin: auto; padding: 100px 0;}
div.conteudo h2 { font: 500 30px 'Montserrat', sans-serif; color: #000; margin: 0 0 35px 0; padding: 0 0 5px 0; display: inline-block; border-bottom: 3px solid #F5E106;}
div.conteudo p { font: 400 15px 'Lato', sans-serif; line-height: 22px; margin: 0 0 20px 0;}
div.main { width: 100%; max-width: 1140px; margin: auto;}

/* Sobre */
div.conteudo.sobre { box-sizing: border-box; overflow: hidden;}
div.conteudo.sobre article { width: 45%; margin: 0 5% 0 0; float: left;}
div.conteudo.sobre img { width: 50%; max-width: 570px; float: left;}

/* Serviços */
div.banner-servicos { background: url(images/bg-servicos.jpg) #333; width: 100%; height: 400px; overflow: hidden;}
div.banner-servicos h2 { width: 100%; max-width: 570px; margin: 150px 0 0 0; font: 500 30px 'Montserrat', sans-serif; color: #FFF; box-sizing: border-box;}
div.conteudo.servicos { max-width: 1200px; padding: 0px; position: relative; top: -35px;}
div.conteudo.servicos ul { width: 100%; max-width: 1200px; overflow: hidden;}
div.conteudo.servicos ul li { width: 340px; min-height: 310px; margin: 0 30px 60px 30px; float: left;}
div.conteudo.servicos ul li img { width: 100%; max-width: 340px; margin: 0 0 20px 0; border-top: 3px solid #F5E106; float: left;}
div.conteudo.servicos h3 { font: 700 20px 'Montserrat', sans-serif; color: #000; margin: 0 0 10px 0;}
div.conteudo.servicos p { font: 400 15px 'Lato', sans-serif; line-height: 22px; margin: 0 0 0 0;}

/* Serviços - Destaque */
div.conteudo.destaque { width: 100%; max-width: 1140px; margin: 0 auto 100px auto; padding: 0px 0; overflow: hidden;}
div.conteudo.destaque article { width: 100%; max-width: 740px; margin: 0 60px 0 0; float: left;}
div.conteudo.destaque article p { margin: 0 0 0 0;}
div.conteudo.destaque img { width: 340px; float: left;}

/* Redes sociais */
div.redes-sociais { background: url(images/bg-redes-sociais.jpg) #000; width: 100%; margin: auto; padding: 100px 0; overflow: hidden;}
div.redes-sociais iframe { margin: 0 50px 0 0; float: left;}
div.redes-sociais article { width: 530px; float: left;}
div.redes-sociais h2 { font: 500 30px 'Montserrat', sans-serif; color: #FFF; margin: 0 0 35px 0; padding: 0 0 5px 0; display: inline-block; border-bottom: 3px solid #F5E106;}
div.redes-sociais p { font: 400 15px 'Lato', sans-serif; color: #FFF; line-height: 22px; margin: 0 0 20px 0;}
div.redes-sociais ul.redes-sociais { height: 100px; margin: 10px 0; float: left;}
div.redes-sociais ul.redes-sociais li { margin: 0 10px 0 0; float: left;}
div.redes-sociais ul.redes-sociais li a { width: 80px; height: 80px; float: left;}
div.redes-sociais ul.redes-sociais li a img { width: 80px; border: 5px solid #FFF; box-sizing: border-box; border-radius: 40px; float: left;}
div.redes-sociais ul.redes-sociais li a:hover img { border: 5px solid #F5E106;}

/* Fale conosco */
div.contato { width: 100%; margin: auto; padding: 100px 0; overflow: hidden;}
div.contato h2 { display: block;}
div.contato h2 span { font: 500 30px 'Montserrat', sans-serif; color: #000; margin: 0 0 35px 0; padding: 0 0 5px 0; display: inline-block; border-bottom: 3px solid #F5E106;}
div.contato article { width: 540px; margin: 0 60px 0 0; float: left;}
div.contato p { font: 400 15px 'Lato', sans-serif; color: #000; line-height: 22px; margin: 0 0 20px 0;}
div.contato ul.informacoes li { font: 400 15px 'Lato', sans-serif; color: #000; line-height: 22px; margin: 0 0 20px 0;}
div.contato ul.informacoes li b { display: block;}
div.contato form.formulario { overflow: hidden;}
div.contato form.formulario ul li input.nome { max-width: 260px; margin: 0 20px 0 0;}
div.contato form.formulario ul li input.telefone { max-width: 260px;}
div.contato form.formulario ul li input.mail { max-width: 540px;}
div.contato form.formulario ul li select.estado { max-width: 260px; margin: 0 20px 0 0;}
div.contato form.formulario ul li input.assunto { max-width: 260px;}
div.contato form.formulario ul li input { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; height: 50px; padding: 0 15px; margin: 0 0 20px 0; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario ul li select { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; height: 50px; padding: 0 15px; margin: 0 0 20px 0; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario ul li textarea { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; height: 90px; padding: 15px; margin: 0 0 20px 0; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario .enviar { font: 400 15px 'Lato', sans-serif; color: #FFF; background: #888; width: 100%; max-width: 260px; height: 50px; padding: 0 15px; border: 0; border-radius: 3px; box-sizing: border-box; float: right;}

/* Mapa */
iframe.mapa { width: 100%; height: 300px; margin: 0; padding: 0;}

/* Parceiros */
ul.parceiros { background: #000; width: 100%; margin: -5px 0 0 0; padding: 50px 0; box-sizing: border-box; text-align: center;}
ul.parceiros li { margin: 0 20px; display: inline-block;}

/* PC <<<<<<<<<< */
}

/* PC 900px >>>>>>>>>> */
@media screen and (max-width: 1140px) and (min-width: 900px)  {

/* Topo */
header { width: 100%; max-width: 900px ; height: 165px; margin: auto; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 10;}

/* Conteúdo */
div.conteudo { width: 100%; max-width: 900px; margin: auto; padding: 100px 0;}
div.main { width: 100%; max-width: 900px; margin: auto;}

/* Serviços */
div.conteudo.servicos { max-width: 900px; padding: 0px; position: relative; top: -35px;}
div.conteudo.servicos ul { width: 100%; max-width: 1200px; overflow: hidden;}
div.conteudo.servicos ul li { width: 390px; margin: 0 30px 60px 30px; float: left;}
div.conteudo.servicos ul li img { width: 100%; max-width: 390px; margin: 0 0 20px 0; border-top: 3px solid #F5E106; float: left;}

/* Serviços - Destaque */
div.conteudo.destaque { width: 100%; max-width: 900px; margin: 0 auto 100px auto; padding: 0px 0; overflow: hidden;}
div.conteudo.destaque article { width: 100%; max-width: 420px; margin: 0 60px 0 0; float: left;}
div.conteudo.destaque img { width: 410px; float: left;}

/* Redes sociais */
div.redes-sociais { background: #000; width: 100%; margin: auto; padding: 80px 0 0 0; overflow: hidden;}
div.redes-sociais iframe { width: 320px; height: 180px; margin: 0 50px 0 0; float: left;}
div.redes-sociais ul.redes-sociais li a { width: 40px; height: 40px; float: left;}
div.redes-sociais ul.redes-sociais li a img { width: 40px; border: 2px solid #FFF; box-sizing: border-box; border-radius: 40px; float: left;}

/* Fale conosco */
div.contato form.formulario ul li input { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; max-width: 100% !important; height: 50px; padding: 0 15px; margin: 0 0 20px 0 !important; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario ul li select { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; max-width: 100% !important; height: 50px; padding: 0 15px; margin: 0 0 20px 0 !important; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario .enviar { font: 400 15px 'Lato', sans-serif; color: #FFF; background: #888; width: 100%; max-width: 100%; height: 50px; padding: 0 15px; border: 0; border-radius: 3px; box-sizing: border-box; float: right;}

}

/* Responsive >>>>>>>>>> */
@media screen and (max-width: 900px) {

/* Cabeçalho */
div.cabecalho { background: #555; width: 100%; position: relative; overflow: hidden; float: left;}

/* Topo */
header { background: #000; width: 100%; max-width: 1140px; margin: auto; z-index: 10;}
header ul.redes-sociais { display: none;}
header ul.localizacao { display: none;}
header nav { background: rgba(0, 0, 0, 0.5); width: 100%; max-width: 1140px; height: 65px;}
header nav img.logo { height: 65px;}
header nav ul { display: none;}

/* Banner */
ul.bannerslide { background: #000; width: 100%; position: relative; z-index: 1; float: left;}
ul.bannerslide li { background-image: none !important; width: 100%;}
ul.bannerslide li img { width: 100%; float: left;}
.rslides_tabs { position: absolute; bottom: 0px; right: 50px;}
.rslides_tabs li { display:inline-block; z-index:999; position: relative; margin: 0 5px; top:-48px; float: left;}
.rslides_tabs li a { width: 20px; height: 20px; border: 10px solid #FFF; border-radius: 10px; box-sizing: border-box; display: block; text-indent:-9999px;}
.rslides_tabs .rslides_here a { background: #000; border: 6px solid #F5E106; box-sizing: border-box;}

/* Conteúdo */
div.conteudo { width: 90%; max-width: 1140px; margin: auto; padding: 30px 0;}
div.conteudo h2 { font: 500 20px 'Montserrat', sans-serif; color: #000; margin: 0 0 25px 0; padding: 0 0 5px 0; display: inline-block; border-bottom: 2px solid #F5E106;}
div.conteudo p { font: 400 13px 'Lato', sans-serif; line-height: 22px; margin: 0 0 20px 0;}
div.main { width: 100%; max-width: 1140px; margin: auto;}

/* Sobre */
div.conteudo.sobre { box-sizing: border-box; overflow: hidden;}
div.conteudo.sobre article { width: 100%; margin: 0 5% 0 0; float: left;}
div.conteudo.sobre img { width: 100%; float: left;}

/* Serviços */
div.banner-servicos { background: url(images/bg-servicos.jpg) center; background-size: auto 100%; width: 100%; overflow: hidden; padding: 100px 0;}
div.banner-servicos h2 { width: 75%; margin: 0 auto 0 auto; font: 500 20px 'Montserrat', sans-serif; color: #FFF; text-align: center; box-sizing: border-box;}
div.conteudo.servicos { padding: 0px; position: relative; top: -35px;}
div.conteudo.servicos ul { width: 100%; overflow: hidden;}
div.conteudo.servicos ul li { width: 100%; margin: 0 0 60px 0; float: left;}
div.conteudo.servicos ul li img { width: 100%; margin: 0 0 20px 0; border-top: 3px solid #F5E106; float: left;}
div.conteudo.servicos h3 { font: 700 16px 'Montserrat', sans-serif; color: #000; margin: 0 0 10px 0;}
div.conteudo.servicos p { font: 400 15px 'Lato', sans-serif; line-height: 22px; margin: 0 0 0 0;}

/* Serviços - Destaque */
div.conteudo.destaque { width: 90%; max-width: 1140px; margin: 0 auto 100px auto; padding: 0px 0; overflow: hidden;}
div.conteudo.destaque article { width: 100%; float: left;}
div.conteudo.destaque article p { margin: 0 0 30px 0;}
div.conteudo.destaque img { width: 100%; float: left;}

/* Redes sociais */
div.redes-sociais { background: #000; width: 100%; margin: auto; padding: 0 0 50px 0; overflow: hidden;}
div.redes-sociais div.main { width: 90%; margin: auto;}
div.redes-sociais iframe { width: 100%; margin: 30px 0; float: left;}
div.redes-sociais article { width: 100%; float: left;}
div.redes-sociais h2 { font: 500 30px 'Montserrat', sans-serif; color: #FFF; margin: 0 0 35px 0; padding: 0 0 5px 0; display: inline-block; border-bottom: 3px solid #F5E106;}
div.redes-sociais p { font: 400 15px 'Lato', sans-serif; color: #FFF; line-height: 22px; margin: 0 0 20px 0;}
div.redes-sociais ul.redes-sociais { height: 100px; margin: 10px 0; float: left;}
div.redes-sociais ul.redes-sociais li { margin: 0 10px 0 0; float: left;}
div.redes-sociais ul.redes-sociais li a { width: 80px; height: 80px; float: left;}
div.redes-sociais ul.redes-sociais li a img { width: 80px; border: 2px solid #FFF; box-sizing: border-box; border-radius: 40px; float: left;}
div.redes-sociais ul.redes-sociais li a:hover img { border: 2px solid #F5E106;}

/* Fale conosco */
div.contato { width: 90%; margin: auto; padding: 30px 0; overflow: hidden;}
div.contato h2 { display: block;}
div.contato h2 span { font: 500 30px 'Montserrat', sans-serif; color: #000; margin: 0 0 35px 0; padding: 0 0 5px 0; display: inline-block; border-bottom: 3px solid #F5E106;}
div.contato article { width: 100%; margin: 0 60px 0 0; float: left;}
div.contato p { font: 400 15px 'Lato', sans-serif; color: #000; line-height: 22px; margin: 0 0 20px 0;}
div.contato ul.informacoes li { font: 400 15px 'Lato', sans-serif; color: #000; line-height: 22px; margin: 0 0 20px 0;}
div.contato ul.informacoes li b { display: block;}
div.contato form.formulario { width: 100%; float: left; overflow: hidden;}
div.contato form.formulario ul li input { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; height: 50px; padding: 0 15px; margin: 0 0 20px 0; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario ul li select { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; height: 50px; padding: 0 15px; margin: 0 0 20px 0; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario ul li textarea { font: 400 15px 'Lato', sans-serif; color: #000; background: #F6F6F6; width: 100%; height: 120px; padding: 15px; margin: 0 0 20px 0; border: 1px solid #CCC; border-radius: 3px; box-sizing: border-box; float: left;}
div.contato form.formulario .enviar { font: 400 15px 'Lato', sans-serif; color: #FFF; background: #888; width: 100%; height: 50px; padding: 0 15px; border: 0; border-radius: 3px; box-sizing: border-box; float: right;}

/* Mapa */
iframe.mapa { width: 100%; height: 300px; margin: 0; padding: 0;}

/* Parceiros */
ul.parceiros { background: #000; width: 100%; margin: -5px 0 0 0; padding: 50px 0; box-sizing: border-box; text-align: center;}
ul.parceiros li { margin: 0 20px; display: inline-block;}
ul.parceiros li img { height: 25px;}





}