/* CSS Document */
*{margin:0px; padding:0px; font-family: 'Open Sans', sans-serif;}
a{text-decoration:none; color:#535353;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.justify{text-align:justify;}
.no-padding{padding:0px;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.img{width:100%; height:auto; display:block; margin: 10px 0 0 0;}

.radius{border-radius:5px;}
.transition{transition:all 0.5s;}
.gotop{width:58px; height:58px; position:fixed; bottom:3%; right:3%; font-size:20px; background:#1f1f1f; color:#fff; text-align:center; border:0; display:none;}
.btwhats { font-size: 1rem; padding: 10px; position:fixed; right:3%; bottom:120px; width:auto; 
height: auto; vertical-align:middle; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999; 
font: 13px Helvetica,Arial,sans-serif; text-decoration: none;}

body{min-width:980px; max-width:100%; overflow-x:hidden; overflow-y:scroll; background: url(../imagens/bg.png)0 130px no-repeat; background-size: auto 720px; background-attachment: fixed;}
html, body {width:100%; height:100%; font-size:14px; font-weight:400;}

#anchor{width:1px; height:1px; position:absolute; z-index:-999; left:0px; bottom:100px;}
.anchor{width:1px; height:1px; position:absolute; z-index:-999; left:0px; top:0;}

.desktop{display: block;}
.mobile{display: none;}
 
.bg_top, .bg_faixa, .bg_faixaA, .bg_faixaB, .bg_banner, .bg_conteudo, .bg_rodape, .direitos{width:100%; height:auto; position:relative; float:left;}
.bg_faixa{z-index:9; background: black;}
.bg_faixaA{z-index:0; background: black;}
.bg_faixaB{z-index:0; background: black;}
.bg_top{z-index:9; background: #151515;}
.bg_banner{z-index:0; background:none; max-height: 650px; overflow: hidden;}
.bg_conteudo{z-index:0; padding: 20px 0;}
.bg_rodape{z-index:0; background: #242424; margin: 0;}
.direitos{z-index:0; background:#fff; padding:10px 0; font-size:16px; color:#535353; font-weight:300;}
.missao{font-size: 20px; text-decoration-color: aliceblue; color: aliceblue}

.bg_faixa .centralizar, .bg_rodape .centralizar, .direitos .centralizar, .bg_faixa2 .centralizar{ background:none;}

/*.centralizar{width:94%; height:auto; position:relative; float:left; margin:0 3%;}*/

.centralizar{width:1200px; height:auto; position:relative; float:left; left: 50%; margin:0 0 0 -600px;}
.centralizar2{width:100%; height:auto; position:relative;}
.centralizar3{width:500px; height:auto; position:relative;}

.fixed_top{position:fixed; border-bottom-width:2px; border-bottom-style: solid; border-bottom-color: rgba(0,0,0,0.2)}
.margin_bn{margin-top:80px;}

/*TOPO*/
.fones{position:relative; float:right;}
.email, .fones a{position:relative; float:left; color: #fff; font-size: 18px; padding:0 10px; height: 40px; line-height: 40px; font-weight: bold;}
.email{font-weight: 400;}
.email i, .fones a b,.fones i{font-size: 16px;}
.wts{background:#01b763; color: #fff !important;}

.logo{width:auto; height:80px; position:absolute; top: 10px; left: 40px; z-index: 9;}
.logo img{width:auto; height: 100%; position: relative; float: left;}

.bt_menu, .bt_cmenu{display:none; border:0;}
.bt_menu{position:absolute; top: 10px; right: 10px; padding:0px; width: 80px; box-sizing: border-box; line-height: 60px; color: #fff; background: #004f8a; font-size:14px; margin:0;}
.bt_cmenu button{width:100%; height:auto; position:relative; float:left; margin:0 0 10px 0; text-align:center; padding: 10px; border:0; font-size:16px; color:#fff; background:#004f8a;}

.bg_menu{width: 100%; height: 100px; position:relative; float: right;}

.menu {position: relative; float: right; width: auto; height: 100px;}
.menu li {position: relative; float: left; margin: 25px;}
.menu li a,.menu li p {position: relative; float: left; text-align: center; padding: 0 10px; color: whitesmoke; font-weight: 300; font-size: 18px; line-height: 50px;}
.menu li a:hover, .menu li p:hover {background-color: rgba(0,0,0,0.1);} .menu .ativo{color: yellow;}
.menu li ul{width:300px; height:auto; position:absolute; top:100%; left:0px; background:#fff; border-top:3px solid rgba(0,0,0,0.2); border-bottom:3px solid rgba(0,0,0,0.4); display: none; overflow: hidden;}

/* Efeito Pulsar Botão WhatsApp */
.efeitoPulse { cursor: pointer; box-shadow: 0 0 2px rgba(0,0,0, 0.1); animation: pulse 1s infinite;}
.efeitoPulse:hover { animation: none; }

.conthome{

}
  .imgtop{border-radius: 10px; margin: 5% 0 3% 5%; width: 45%; height: 40%; float:left}

  .textmain{float:right;width:45%;text-align: justify;
    text-justify: inter-word;}

.textitle{float:right;width:45%;}

.textcent{width: 90%; margin: 0 5% 0 5%;text-align: justify;
    text-justify: inter-word;}

div.container {
	height: auto;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 15%;
display: block;
	align-items: center;
	align-content: center;
	vertical-align: baseline;
    }

    div.op1 {
       display: inline-block;
        text-align: center;
		 width: 20%;
		height: 100%;
 margin: 3% 0 0 3%;
	vertical-align: baseline;
    }

    div.op2 {
        display: inline-block;
        text-align: center;
		 width: 20%;
		height: 100%;
   margin: 3% 0 0 3%;
vertical-align: baseline;
    }
    div.op3 {
        display: inline-block;
           text-align: center;
		 width: 20%;
		height: 100%;
  margin: 3% 0 0 3%;
vertical-align: baseline;
    }
    div.op4 {
        display: inline-block;
        text-align: center;
		 width: 20%;
		height: 100%;
  margin: 3% 0 0 3%;
vertical-align: baseline;
    }

.missao{
font-size: 24px;
}

.bg_line1, .bg_line2{width:80%; height: 5px; position: relative; float: left;}
.bg_line1{background: #ffca08;}


.orca{
	text-align: center;
}


@-webkit-keyframes pulse {
0% { -webkit-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
70% { -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0.1);}
100% { -webkit-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
}
@keyframes pulse {
0% { -moz-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
70% { -moz-box-shadow: 0 0 0 10px rgba(0,0,0, 0.1); box-shadow: 0 0 0 10px rgba(0,0,0, 0.1);}
100% { -moz-box-shadow: 0 0 0 2px rgba(0,0,0, 0.1); box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
}

/*BANNER*/
.bg_banner .bn{width: 100%; height: auto;}
.bg_banner img{width:100%; height:auto; position:relative; float:left; padding:0; margin:0;}
.bg_banner .item{width:100%; height:auto; position:relative; float:left; z-index: 9;}
.bg_banner .item .desc{width:1200px; height:auto; z-index:9; position:absolute; bottom:15%; left: 50%; margin: 0 0 0 -600px;}
.bg_banner .item .desc h2{width: 65%;  font-size:30px; color:#fff; font-weight: 400; background: rgba(0,0,0,0.5); padding: 10px;}

.bn .slick-prev, .bn .slick-next{ width: 40px !important; height: 40px !important; color:#fff !important; background: rgba(0,0,0,0.4) !important;}
.bn .slick-prev{left:0 !important;}
.bn .slick-next{right:0 !important;}
.bn .slick-prev:before, .bn .slick-next:before{ font-size: 24px !important; color: #fff !important;}

.slick-prev:before{font: var(--fa-font-solid); content: "\f053"; }
.slick-next:before{font: var(--fa-font-solid); content: "\f054"; }
.slick-prev:hover, .slick-next:hover{background: rgba(0,0,0,0.9) !important;}

.slider_clientes .slick-slide{margin: 0 10px;}
.slider_clientes .slick-prev, .slider_clientes .slick-next{ width: 20px !important; height: 20px !important; color:#fff !important; background: rgba(0,0,0,0.4) !important;}
.slider_clientes .slick-prev:before, .slider_clientes .slick-next:before{ font-size: 12px !important; color: #fff !important;}
.slider_clientes .slick-prev{left:-20px !important;}
.slider_clientes .slick-next{right:-20px !important;}

.bn_empresa{width: 100%; height: auto; position: relative; float: left;}

/*CONTEUDO*/
.col1, .col2, .col3-2, .col3-3, .col3, .col4, .col5, .col6, .col12{position:relative; float:left;}

.col1{width:100%;}

.col2{width:49%; margin:1% 0 1% 2%;}
.col2:nth-child(2n+1){margin-left:0;}

.col3{width:32%; margin:1% 0 1% 2%;}
.col3:nth-child(3n+1){margin-left:0;}

.col3-2{width: 32%; margin: 1% 2% 1% 0;}
.col3-3{width: 66%; margin: 1% 0;}

.col4{width:23.5%; margin:1% 1% 1% 0%;}
.col4:nth-child(4n+1){margin-left:0;}

.col5{width:18.4%; margin:1% 0 1% 2%;}
.col5:nth-child(5n+1){margin-left:0;}

.col6{width:15%; margin:1% 0 1% 2%;}
.col6:nth-child(6n+1){margin-left:0;}

.col12{width:6.5%; margin:1% 0 1% 2%;}
.col12:nth-child(12n+1){margin-left:0;}

.upper{text-transform: uppercase;}

.color1{color:black;}
.color2{color:black;}
.color3{color:#fff;}
.color4{color:yellow;}

.text h2{font-size:26px; font-weight: 400; margin: 20px 0;}
.text h3{font-size:18px; font-weight: 400; margin: 20px 0 0 0;}
.text p{font-size:18px; font-weight:300;}
.text p strong{font-weight:400;}
.line-height{line-height:26px;}
.saibamais{padding:10px; color: #fff; background: #004f8a; font-size: 16px; font-weight:300; position: relative; float: left; margin: 20px 0 0 0;}
.saibamais:hover{background: #242424;}
.p-left{ left: 0;}
.p-right{ right: 0;}

.orcamento{color: #1e2e4e; border: 2px solid #1e2e4e;}
.orcamento:hover{color: #ccc; background: #1e2e4e; border-color:#ccc;}

.slider .slick-slide { margin: 0 20px;}

.home_empresa{padding: 20px; box-sizing: border-box; background: yellow;}
.home_produto{padding: 20px; box-sizing: border-box; background: #fff;}
.home_estrutura{padding: 20px; box-sizing: border-box; background: #21405f;}

.home{background: #fff; box-sizing: border-box; padding: 20px;}
.home .img{margin: 0 0 20px 0;}
.home:hover{box-shadow: 0px 0px 5px #000;}

.mapa{width: 100%; height: 450px; position: relative; float: left; margin: 20px 0; border: 0;}

/*FORMULARIO*/
.formulario{width:100%; height:auto; position:relative; float:left;}
.formulario .esp_campo{width:100%; height:auto; position:relative; float:left; margin:0px 0px 5px 0px;}
.formulario label{width:100%; height:30px; line-height:30px; position:relative; float:left; font-size:13px; color:#000; font-weight:400;}
.formulario .input, .formulario .select, .formulario .textarea, .formulario .codigo {position:relative; float:left; padding:5px; border:1px solid #ccc; outline:none; box-sizing:border-box; background:#fff; color:#242424;}
.formulario .input, .formulario .select, .formulario .textarea{width:100%; height:auto;}
.formulario .textarea{height:150px;}
.formulario .captcha{width:70px; height:30px !important; position:relative; float:left;}
.formulario .codigo{width:100px; margin:0 10px;}
.formulario .bt_enviar,.formulario .refresh {position:relative; float:left; padding:5px; outline:none; cursor:pointer; box-sizing:border-box;}
.formulario .bt_enviar{width:100%;}

/*RODAPE*/
.bg_rodape .logo{margin:0;}
.bg_rodape ul{padding:40px 0; font-size:16px; font-weight:300;}
.bg_rodape ul .titulo{font-weight:600; font-size: 20px;}
.bg_rodape ul li{position: relative; float: left; width: 100%; font-weight:300; font-size: 14px;}
.bg_rodape ul .icon{position:relative; float: left;}
.bg_rodape ul span{position:relative; float: left; margin: 0 0 0 10px;}

.isocial{width: 70px; height: auto;}

.direitos span{font-weight:300; font-size: 16px;}

@media only screen and (min-width: 996px) and (max-width: 1550px) {
body{min-width:980px;}
.centralizar{width:980px; margin:0 0 0 -490px;}
}

/*TABLET*/
@media only screen and (max-width:995px) {
.logo{position:relative; float: left; top: 0; left: 0; margin: 10px 0;}
.bg_banner{max-height: auto !important;}
.desktop{display: none;}
.mobile{display: block;}
.bg_menu{width:100%; height:100%; position:fixed; top:0; left:-100%; margin: 0; background:#21405f; overflow:scroll; z-index:9999; box-sizing:border-box;}
.bt_menu, .bt_cmenu{display:block;}
.menu{width:100%; height:100%; display: block; border-radius: 0 !important; background: none;}
.menu li{width:100%; height:auto; box-sizing:border-box; margin: 0; flex: none; }
.menu li a, .menu li p{width:100%; line-height: 50px;  text-align:left; border-bottom-width: 1px; border-bottom-color:rgba(0,0,0,0.2); border-bottom-style: solid; box-sizing:border-box; padding:0px 10px; color:#fff;}

.menu li ul{width:100%; height:auto; position:relative; float:left; top:0; left:0; display:block;  border-radius: 0 !important;}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
body{min-width:768px;}
.centralizar{width:748px; margin:0 0 0 -374px;}
}

/*MOBILE PAISAGEM*/
@media only screen and (max-width: 767px){	
.logo{height: 60px; position: relative; float: left;}
	
.text h2{font-size:18px;}
.text h3{font-size:18px;}
.text p{font-size:16px;}
	
.col2, .col3, .col3-2, .col3-3, .col4, .col6, .col12{width:96%; margin:2% !important;}
.galeria .col4{width:48%; margin:1% !important;}
	
.desktop{display: none;}
.mobile{display: block;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px;}
.centralizar{width:100%px; margin:0 0 0 -230px;}
}
/*MOBILE RETRATO*/
@media only screen and (max-width: 479px) {
body{min-width:320px;}
  .centralizar{width:90%!important; margin: 0 5% 0 5%!important; float: none; left: 0}
.bg_faixaA{width: 90%!important; margin: 0 5% 5% 5%!important;}
.butorca{font-size: 18px!important;}
.bg_faixaB{width: 100%!important; margin: 0 0 0 0!important;}
  .img{width: 100%!important;margin: 0 0 0 0!important;}
  .col4{width: 48%!important;margin: 0 0 0 0!important;}
  .galeria{width: 100%!important;margin: 0 0 0 0!important;}
	.imgtop{width:100% !important;height:auto!important;margin-left: 0%!important}
	  .textmain{width: 90%!important;height: auto!important;float:none; margin: 0 5% 0 5%!important;text-align: justify;
      text-justify: inter-word;}
	  .textitle{width: 90%!important;height: auto!important;float:none; margin: 0 5% 0 5%;}
	  .textcent{width: 100%!important;height: auto!important;float:none; margin: 0 0 0 0!important;text-align: justify;
      text-justify: inter-word;}
	  .missao{width: 100%!important;height: auto!important;font-size: 20px;}
.container{width:100%!important;height: auto!important;}
	.op1{width: 80%!important;height: 100%!important;margin: 3% 10% 0 10%!important;}
	.op2{width: 80%!important;height: 100%!important;margin: 3% 10% 0 10%!important;}
	.op3{width: 80%!important;height: 100%!important;margin: 3% 10% 0 10%!important;}
	.op4{width: 80%!important;height: 100%!important;margin: 3% 10% 0 10%!important;}
	.bg_line1{width:80%!important;margin: 0 10% 0 10%!important;}
	.homeicon{width: 100%!important;height: 100%!important;}
}