@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
*{ margin: 0; padding: 0; border:0; text-decoration:none;box-sizing: border-box;}
body {font: 62.5%; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:16px;}
.clear{clear:both;}

topo{width:100%; float:left; margin: 0; padding: 0; text-align: center; background: url("../imagens/back.jpg");}
topo meio{max-width:1024px; width: 100%; margin:0 auto; display: inline-block; background: url("../imagens/detalhe_topo.png") right no-repeat; }
topo meio box1,
topo meio box2,
topo meio box3{width: 33.33%; display: inline-block; padding: 10px; vertical-align: middle;}
topo meio box1{text-align: left;}
topo meio box2{text-align: center;}
topo meio box3{text-align: right;}
topo meio box3 a{ padding: 5px; background: #1b2c5a; color: #FFF; border-radius: 5px;}
topo meio ul{ margin-top: 25px;}
topo meio ul li{list-style:none; display:inline-block; vertical-align: middle;padding:0; margin: 0;}
topo meio ul li a{padding:7px 15px; color:#000; text-align:center; font-size:16px;}
topo meio ul li a:hover{ background: url("../imagens/icone_menu.png") right no-repeat;}
topo meio img{ padding: 5px 10px;}
@media screen and (max-width: 1000px){
topo meio{ background: none ; }
	topo meio ul{ margin-top: 0px;}
	topo meio box1,
	topo meio box3{width: 100%; text-align: center; padding: 0 10px;}
	topo meio box2{ display: none;}
}
@media screen and (max-width: 600px){
topo meio ul{ float: none; margin: 10px 0; padding: 0; width: 100%; display: block;}
topo meio img{ float: none; padding: 15px 10px; display: inline-block;}

}

menutop{width:100%; float:left; text-align: center; background: #d6d2d1;}
menutop .dropdowns{text-align:center; color:#000; font-weight: 300; display:inline-block; vertical-align:middle;}
menutop .dropdowns ul{padding:0; margin: 0; width:100%; text-align:center;}
menutop .dropdowns ul li{list-style:none; display:inline-block;padding:0; margin: 0;}
menutop .dropdowns ul li a{padding:10px 15px; color:#000; text-align:center; font-size:16px;}
menutop .dropdowns ul li a:hover{ color:#000;}
menutop .dropdowns ul li ul{width:200px; background: #e6e5e3; color: #000; padding: 5px; z-index: 999; margin-left: -50px;}
menutop .dropdowns ul li ul li{width:100%;} 
menutop .dropdowns ul li ul li a{display:block; color: #000; background:hsla(0,0%,100%,0.00);padding:5px 10px; border-bottom:1px solid #000;}
menutop .dropdowns ul li ul li a:hover{background:#d6d2d1; color: #000;}
@media screen and (max-width: 1000px){
menutop .dropdowns ul li a{padding:7px 5px; }
menutop .dropdowns{ width: 100%; padding: 0; margin:0; text-align: center;}
menutop .dropdowns ul{padding:0; width:100%; text-align: center;}
menutop .dropdowns ul li ul{border: 0; padding: 0 ; }
}
@media screen and (max-width: 700px){
menutop a.toggleMenu{width:100%; padding:10px; color:#000; display: block; text-align: left;}
menutop .dropdowns ul{float:right; padding:0; width:100%;}
menutop .dropdowns ul li{float:right; padding:0; width:100%;}
menutop .dropdowns ul li:first-child{ border-top:1px solid #CCC;}
menutop .dropdowns ul li.sep{display: none;}
menutop .dropdowns ul li a{padding:7px 10px; text-align:left; border-bottom: 1px solid #CCC;}
menutop .dropdowns ul li a:hover{ border-bottom: 1px solid #1b2c5a; color:#1b2c5a;}
menutop .dropdowns ul li ul{width:100%; margin: 0;}
menutop .dropdowns ul li ul li a{display:block;margin-top:0;padding:10px;box-shadow: none;}

}

/* --------------------------- MENU ------------------------------*/
.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a {margin: 0; padding: 0;}
.dropdowns a {text-decoration: none;}
.toggleMenu {display: none;}
.nav {list-style: none; *zoom: 1;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after { clear: both;}
.nav ul { list-style: none;}
.nav li { position: relative;}
.nav > li {}
.nav > li > a {display: block;}
.nav li ul{ position: absolute; left: -9999px; }
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {display: block;position: relative;z-index:100;}
.nav li li li a {z-index:200;}
@media screen and (max-width: 600px) {
.active {display: block;}
.nav > li {float: none;}
.nav ul {display: block;width: 100%;}
.nav > li.hover > ul {left: 0;position: relative;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
}

/* --------------------------- BANNER ------------------------------*/
.banner{width:100%; float:left; padding:0; margin:0; text-align:center;}
.banner .b1{display:block; }
.banner .b2{display:none;}
.banner p{ float:right; color: #faa731; font-size:24px; text-align:center; padding:20px; width:100%; position:absolute; z-index:9999; max-height:100px; top: 50%;}
.banner p strong{ color: #FFF; font-size:46px; }
.banner .flex-active-slide p .t1{ animation-duration: 2s; animation-name: slidein3;}
.banner .flex-active-slide p .t2{ animation-duration: 2s; animation-name: slidein;}
@media screen and (max-width: 1050px){
.banner p{font-size:26px; }
.banner ul li.imagem{width:100%; height:auto; float:left; text-align:center;}
.banner .flex-active-slide p .t1{ animation-duration: 2s; animation-name: slidein4;}
.banner .flex-active-slide p .t2{ animation-duration: 2s; animation-name: slidein2;}
}
@media screen and (max-width: 800px){
.banner{width:100%; float:left; padding:0; margin:0; text-align:center;}
.banner .b1{display:none;}
.banner .b2{display:block;}
}
@media screen and (max-width: 700px){
.banner p{ display:none; }
.banner .flex-active-slide p{display:none; animation-name:none; }
}
@keyframes slidein {
 from { display: none; font-size:0;}
 to { display: block; font-size:24px;}
}
@keyframes slidein2 {
 from { display: none; font-size:0;}
 to { display: block; font-size:16px;}
}
@keyframes slidein3 {
 from { display: none; font-size:0;}
 to { display: block; font-size:46px;}
}
@keyframes slidein4 {
 from { display: none; font-size:0;}
 to { display: block; font-size:20px;}
}

/* --------------------------- CAROUSEL ------------------------------*/
.carousel{width:100%; text-align:center; float:left; padding:10px 0; background: #e6e5e3; }
.carousel h2{font-weight: 300; padding: 5px 0; font-size: 30px; color: #1b2c5a; text-align: center; }
.carousel .faixa_imagens{max-width:1000px; padding:10px 0; margin:0 auto; }
.carousel .faixa_imagens .box{width:25%; text-align:center; padding:0; margin:10px; }
.carousel .faixa_imagens .box .boximg{width:100%; margin:0 auto; text-align: center; }
.carousel .faixa_imagens .box .boximg img{max-width: 100%; max-height: 100%; margin: 0 auto;}
.carousel .faixa_imagens .box a{color:#000;}
.carousel .faixa_imagens .box a span{font-size:16px;color:#FFF; background: #1b2c5a; padding:10px; margin:0; display: inline-block; width:80%; }
.carousel .faixa_imagens .box a h3{font-size:18px;color:#1b2c5a; font-weight:400; line-height:20px; padding:10px; margin:0; height:60px; width:100%; }
@media screen and (max-width: 750px){
.carousel h2{font-size:26px;}
}
@media screen and (max-width: 600px){
.carousel .faixa_imagens{max-width:70%; }
}

/* --------------------------- HOME cesta basica ------------------------------*/
equipe{width:100%; float:left; padding:20px 0; text-align:center; background: url("../imagens/back.jpg"); }
equipe meio{max-width:1024px; width: 100%; padding:5px 10px; margin:0 auto; display: inline-block; text-align: left;}
equipe meio texto{ padding: 10px; text-align: left; display: block;}
equipe meio texto h2{ font-weight: 300; font-family: 'Barlow', sans-serif; padding: 5px 0; font-size: 30px; color: #1b2c5a; text-align: left;}
equipe meio texto boxp{ display: block; width: 100%; padding: 10px 0;}
equipe meio texto boxp strong{ font-weight: 300; font-size: 24px; color: #1b2c5a; text-align: left;}
equipe meio texto boxp img{ max-width: 205px; float: left; margin: 0 10px 10px 0;}
equipe meio boxs{padding: 10px; text-align: left; width: 50%; display: inline-block; vertical-align: top;}
equipe meio boxs strong{ font-weight: 300; font-family: 'Barlow', sans-serif; font-size: 24px; color: #1b2c5a; text-align: left;}
equipe meio boxs img{ max-width: 205px; float: left; margin: 0 10px 10px 0;}
equipe meio boxs a{ font-size: 35px; color:#2f6eb0; }
equipe meio empresa{ display: block; width: 100%; padding: 10px 0;}
equipe meio empresa boxe{ display: block; width: 50%; display: inline-block; vertical-align: top; padding: 10px; text-align: left;}
equipe meio empresa boxe h2{ font-weight: 300; font-family: 'Barlow', sans-serif; padding: 5px 0; font-size: 30px; color: #1b2c5a; text-align: left;}

@media screen and (max-width: 750px){
	equipe meio boxs{ width: 100%;}
	equipe meio empresa boxe{ width: 100%;}
}

/* --------------------------- PARALAX ------------------------------*/
atuacao{width:100%; float:left; padding:100px 0; text-align:center;}
atuacao h2{ font-weight: 400; font-size: 30px; color: #1b2c5a; text-align: center;}
atuacao img{ max-width: 100%;}

/* --------------------------- PRODUTOS ------------------------------*/
produtos{width:100%; float:left; background:#FFF; padding:20px 0; text-align:center; }
produtos meio{max-width:1024px; width: 100%; padding:5px 10px; margin:0 auto;display: inline-block; text-align: left;}
produtos meio h1{ color:#000; font-size:24px; text-align: center; width: 100%; padding: 10px; margin: 0; display: block; border-bottom: 1px solid #1b2c5a;}
produtos meio boxprod{ width: 250px; padding: 10px; display: inline-block; vertical-align: top; text-align: center; }
produtos meio boxprod boximg{ width: 100%; height: 250px; display: block;border: 2px solid #1b2c5a; display: inline-block; vertical-align: middle;}
produtos meio boxprod boximg img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle;}
produtos meio boxprod h2{ font-size:16px;color:#000; font-weight:700; line-height:18px; padding:5px; margin:5px 0; height:40px; width:100%; }
produtos meio boxprod span{ padding: 5px 10px; width: 100%; background: #1b2c5a; color: #FFF; display: inline-block; margin: 5px auto; }
@media screen and (max-width: 1000px){
produtos meio{ text-align: center;}
}
@media screen and (max-width: 460px){
produtos meio boxprod{ width:100%; }
}

produto{width:100%; float:left; background:#FFF; padding:20px 0; text-align:center; }
produto meio{max-width:1024px; width: 100%; padding:5px 10px; margin:0 auto;display: inline-block; text-align: left;}
produto meio h1{ color:#1b2c5a; font-weight: 300; font-size:34px; text-align: center; width: 100%; padding: 10px; margin: 0; display: block;}
produto meio h1 img{ display: inline-block; vertical-align: middle; max-height: 80px; margin: 0 20px;}
produto meio box{ display: inline-block; vertical-align: top; width: 100%; padding: 10px; }
produto meio box img{ max-width: 50%; margin: 0 15px 10px 0; float: left;}
produto meio box fab{display: block; padding: 5px; width: 100%; text-align: center;}
produto meio box fab img{display: inline-block; padding: 5px; max-height: 50px; vertical-align: middle;}
produto meio box fab span{display: inline-block; padding: 5px; vertical-align: middle;}
produto meio box iframe{ max-width: 100%;}
produto meio box .imgSer{ width: 120px; height: 120px; margin: 0.5%; display: inline-block;}

produto meio a.btorc{display: inline-block; background: #1b2c5a; color: #FFF; font-weight: 700; padding: 5px 10px; margin: 3px 0; border-radius: 5px; border: 0; vertical-align: top; cursor: pointer;}
produto meio a.btvoltar{display: inline-block; background: #1b2c5a; color: #FFF; font-weight: 700; padding: 10px 20px; margin: 3px 1%; border-radius: 5px; border: 0; vertical-align: top; cursor: pointer;}

@media screen and (max-width: 1000px){
produto meio box{ width: 100%;}
}

/* --------------------------- HOME - PRODUTOS - FOTOS ------------------------------*/
.prod{width:100%; float:left; padding:0;}
.prod .meio{max-width:1024px; padding:10px; margin:0 auto; }
.prod .meio h1{text-align:left; display: block; color:#1b2c5a; font-size:24px; padding:5px 10px 0; margin:20px 0; font-weight:400; border-left: 15px solid #fab800; }
.prod .meio .txt{text-align: justify; text-align: left; }
.prod .meio .img{max-width: 40%; float: left; padding:0 10px 10px 0; }
.prod .meio .city{display:inline-block; padding:5px; margin:0.5%; width:32.33%; color:#000;}
.prod .meio .city:hover{text-decoration:underline;}
.prod .meio .bt{padding:5px; color:#FFF; text-align:left; font-weight: 400; font-size:16px; background:#273e74;}
.prod .meio .bt:hover{ border-bottom: 1px solid #faa731; color:#faa731;}


.prod .meio .boxSer{ width: 250px; padding: 10px; margin: 0; display: inline-block; vertical-align: top;}
.prod .meio .boxSer a{ display: block; color: #000;}
.prod .meio .boxSer .imgSer{ width: 100%; height: 200px;}
.prod .meio .boxSer p{ width: 100%; display: block; padding: 5px;}

@media screen and (max-width: 800px){
.prod .meio .city{width:49%;}
}
@media screen and (max-width: 500px){
.prod .meio .city{width:99%;}
.prod .meio .img{max-width: 100%; float: left; padding:10px; }
}



/* --------------------------- CONTATO ------------------------------*/
contato{width:100%; float:left; padding:0;  background: url("../imagens/back.jpg"); text-align: center;}
contato meio{max-width:100%; width: 1020px; padding:40px 10px; margin:0 auto; display: inline-block; text-align: left; }
contato meio box1{max-width:100%; width: 50%; padding:20px; margin:0 auto; display: inline-block; text-align: left; vertical-align: top;}
contato meio box2{max-width:100%; width: 50%; padding:20px; margin:0 auto; display: inline-block; text-align: left; vertical-align: top; }
contato meio h2{font-size:30px; font-weight: 300; color:#1b2c5a; padding:0; margin:0; text-align: center; }
contato meio p{width:98%; padding:10px 0; color:#333;}
contato meio a span{ font-size: 40px; color:#333;}
contato meio .zap{ color: #FFF; background: #333; padding: 3px 10px; border-radius: 5px; font-size: 16px; vertical-align: middle; display: inline-block; margin-bottom: 10px;}
contato meio .zap span{ color: #FFF; font-size: 24px; vertical-align: middle;}
contato meio input,
contato meio textarea{width:98%; border: 1px solid #666; float:left; padding:10px; border-radius: 5px; margin:3px 1%; color:#333;}
contato meio img{display: inline-block; max-width: 100%;}
contato meio img.captcha{height:35px; display: inline-block; margin:3px 1%; vertical-align: top; border-radius: 5px; max-width: 100%;}
contato meio button{display: inline-block; background: #1b2c5a; color: #FFF; font-weight: 700; padding: 10px 20px; margin: 3px 1%; border-radius: 5px; border: 0; vertical-align: top; cursor: pointer;}
contato meio button:hover{background:#000;}
@media screen and (max-width: 1050px){
contato meio box1{max-width:100%; width: 100%; text-align: center; border: 0;}
contato meio box2{max-width:100%; width: 100%; text-align: center; }	
contato meio box2 img{display: none;}	
}
/* --------------------------- RODAPE ------------------------------*/
rodape{width:100%; float:left; padding:0; text-align: center; background: url("../imagens/detalhe_rodape.png") center no-repeat,#d6d2d1;}
rodape meio{max-width:100%; width: 1020px; padding:30px 10px; margin:0 auto; display: inline-block; text-align: center; }
rodape meio img{ display: block; margin: 10px auto; }
rodape meio ul{ display: block; width: 100%; margin: 10px 0; }
rodape meio ul li{ display: inline-block; }
rodape meio ul li a{ display: block; padding: 5px; color: #1b2c5a; }

rodape2{width:100%; float:left; padding:0; text-align: center;}
rodape2 meio{max-width:100%; width: 1020px; padding:10px; margin:0 auto; display: inline-block; text-align: left; }
rodape2 meio p{ float: left; color: #000; padding: 20px 0; font-size: 14px; }
rodape2 meio img{ float: right; }

@media screen and (max-width: 500px){
rodape meio box1{display: inline-block; vertical-align:top; width: 100%; text-align: center; }
rodape meio box2{display: inline-block; vertical-align:top; width: 100%; text-align: center; }
rodape2 meio p{ float: none; text-align: center; display: block; padding: 20px 0; }
rodape2 meio{ text-align: center; }
rodape2 meio img{ float: none; margin: 0 auto;}

}