@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

/* 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;}

.radius{border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;}
.shadow{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.transition{transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-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;}
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:120px;}

.bg_faixa{width:100%; height:auto; position:relative; float:left; z-index:8; background:#ff1616;}
.bg_top{width:100%; height:auto; position:relative; float:left; z-index:9; background:#f1f1f1; border-bottom: 10px solid #ff1616;}
.bg_banner{width:100%; height:auto; position:relative; float:left; z-index:0; background:none;}
.bg_conteudo{width:100%; height:auto; position:relative; float:left; z-index:0; padding: 40px 0;}
.bg_regioes{width:100%; height:auto; position:relative; float:left; z-index:0; background:#f1f1f1; margin: 0;}
.bg_rodape{width:100%; height:auto; position:relative; float:left; z-index:0; background: #ff1616; margin: 0;}
.direitos{width:100%; height:auto; position:relative; float:left; z-index:0; background:#fff; padding:10px 0; font-size:16px; color:#535353; font-weight:300;}

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

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

.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;}

/*FAIXA*/
/*FAIXA*/
h1{font-size: 16px; font-weight: 300; color: #fff; line-height: 40px; padding: 0; margin: 0; position: relative; float: left;}
.redes {position:relative; float:right;}
.redes a{position:relative; float:left; color: #fff; font-size: 24px; width:40px; height: 40px; line-height: 40px; background: rgba(0,0,0,0.3); text-align: center;}
.fones{position:relative; float:left; margin: 35px 15px;}
.fones i{position:relative; float:left;}
.fones a{position:relative; float:left; color: #000; font-size: 14px; padding:0 10px;}
.fones a b,.fones i{font-size: 18px; color: #ff1616;}
.bt_whats{position:relative; float:right; color: #fff !important; padding:0 10px; color: #fff; background: #25d366; font-size: 16px; font-weight: 300;}

/*TOPO*/
.logo{width:auto; height:80px; position:relative; float:left; margin:10px 0;}
.logo img{width:auto; height: 100%; display: block;}

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

.bg_menu{ position:relative; float:right; margin:0; z-index: 9;}
.menu {width:100%; position:relative; float:right;}
.menu li{width:auto; height: 40px; position: relative; float: left; padding:30px 5px; box-sizing: border-box;}
.menu li i{font-size:11px;}
.menu li a{line-height: 40px; padding:0 20px; position:relative; float: left; font-size:16px; color: #242424; text-align:center; font-weight:400;}
.menu li a:hover{color:#66100a; background: #f1f1f1;} .menu .ativo{color: #c00;}

.alinhar { padding-top:4px; width:auto; font-weight: 300;}

/* Efeito Pulsar Botão WhatsApp */
.efeitoPulse { ursor: pointer; box-shadow: 0 0 0 rgba(1,183,99, 0.4); animation: pulse 1s infinite;}
.efeitoPulse:hover { animation: none; }

@-webkit-keyframes pulse {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0.4); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(1,183,99, 0);}
  100% { -webkit-box-shadow: 0 0 0 0 rgba(1,183,99, 0); }
}
@keyframes pulse {
  0% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0.4); box-shadow: 0 0 0 0 rgba(1,83,99, 0.4);}
  70% { -moz-box-shadow: 0 0 0 10px rgba(1,83,99, 0); box-shadow: 0 0 0 10px rgba(1,83,99, 0);}
  100% { -moz-box-shadow: 0 0 0 0 rgba(1,83,99, 0); box-shadow: 0 0 0 0 rgba(1,83,99, 0);}
}

/*BANNER*/
.bg_banner img{width:100%; height:auto; position:relative; float:left; padding:0; margin:0;}
#banner, #banner .item{width:100%; height:auto; position:relative; float:left; z-index: 9999;}
#banner .item .desc{width:30%; height:auto; z-index:9; position:absolute; bottom:25%; left: 15%;}
#banner .item .desc h2{position: relative; float: left; font-size:2vw; color:#fff; padding: 10px; background: rgba(0,0,0,0.3);}
#banner .item .desc .button{position: relative; float: left; font-size:1vw; color:#fff; padding:5px 10px; background:#ff1616; font-weight: 300;}

#banner .slick-prev, #banner .slick-next{ width: 40px !important; height: 40px !important; color:#fff !important; background: rgba(0,0,0,0.4) !important;}
#banner .slick-prev{left:0 !important;}
#banner .slick-next{right:0 !important;}
#banner .slick-prev:before, #banner .slick-next:before{ font-size: 24px !important; color: #fff !important;}
#banner .slick-prev:before{content: '\f104' !important; }
#banner .slick-next:before{content: '\f105' !important; }
#banner .slick-prev:hover, #banner .slick-next:hover{background: rgba(0,0,0,0.9) !important;}

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

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

.col1{width:100%;}

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

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

.col3_2{width:65.5%;}
.col3_1{width:32.5%; margin-left:2%;}

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

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

.upper{text-transform: uppercase;}

.color1{color:#ff1616;}

.text h2{font-size:24px; color: #c00; font-family: 'Oswald';}
.text h3{font-size:14px; color: #c00; font-weight: 400;  font-family: 'Oswald';}
.text p{color:#535353; font-size:18px; font-weight:300; margin:20px 0;}
.line-height{line-height:30px;}
.bt_saibamais{padding:10px; color: #fff; background: #ff1616; font-size: 16px; font-weight:300;}

.comentarios{width: 100%; height: auto; position: relative; float: left; margin:20px 0; padding: 20px 10%; box-sizing: border-box; background: #fff; font-size: 14px; font-style: italic;}
.comentarios b{text-transform: uppercase; margin-bottom: 10px;}
.comentarios .item{padding-bottom: 20px;}

.video{width: 100%; height: auto; position: relative; float: left; margin: 10px 0;}

.regioes{width: 100%; height: auto; position: relative; float: left; margin: 50px 0 0 0; text-align: center;}
.regioes span{display: inline-block; padding: 10px; margin: 10px; background: #fff;}

/*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 .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; color:#fff; font-size:18px; font-weight:300;}
.bg_rodape ul .titulo{color:#fff; font-weight:400; font-family: 'Oswald'; font-size: 20px;}
.bg_rodape ul li{position: relative; float: left; width: 100%; font-size: 15px; font-weight:300;}
.bg_rodape ul a{color:#fff;}
.bg_rodape ul .icon{position:relative; float: left; color:#fff;}
.bg_rodape ul span{position:relative; float: left; margin: 0 0 0 10px;}

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

@media only screen and (min-width: 996px) and (max-width: 1550px) {
.menu li{padding: 0 10px;}
.menu li a{font-size:14px;}
}
@media only screen and (max-width:1199px) {
.centralizar{width:980px; margin:0 0 0 -490px;}
.bg_menu{width:750px;}
}

/*TABLET*/
@media only screen and (max-width:995px) {
.bg_menu{width:100%; height:100%; background:none; position:fixed; top:0; left:-100%; background:#fff; overflow:scroll; z-index:9999; box-sizing:border-box;}
.bt_menu, .bt_cmenu{display:block;}
.menu{width:100%; height:100%;}
.menu li{width:100%; height:auto; box-sizing:border-box; padding:0; margin: 0;}
.menu li a {width:100%; text-align:center; border-bottom-width: 1px; border-bottom-color:rgba(0,0,0,0.2); border-bottom-style: solid; box-sizing:border-box; color:#242424;}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
body{min-width:768px;}
.centralizar{width:748px; margin:0 0 0 -374px;}
.fones{margin: 20px 0 0 60px; width: 300px;}
#banner .item .desc h2 { font-size: 40px;}
}

/*MOBILE PAISAGEM*/
@media only screen and (max-width: 767px){
.bt_menu{position:absolute; float:none; right: 0; top: 20px; margin: 0;}
.fones{display: none;}
	
.text h2{font-size:26px;}
.text h3{font-size:16px;}
.text h4{font-size:16px;}
	
.col2, .col3_2, .col3_1, .col3, .col4, .col6, .col12{width:96%; margin:2% !important;}
.contatos .col2{width:48% !important; margin:0 0 0 4% !important;}
.contatos .col2:nth-child(2n+1){margin:0 !important;}
.button_regiao{padding:10px 20px; margin: 0 0 5px 0;}
.bar_regiao{margin:0 0 20px 0;}
.box_regiao p{width: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body{min-width:480px;}
h1{font-size: 13px;}
.centralizar{width:460px; margin:0 0 0 -230px;}
}
/*MOBILE RETRATO*/
@media only screen and (max-width: 479px) {
body{min-width:320px;}
h1{font-size: 10px;}
.centralizar{width:300px; margin:0 0 0 -150px;}

.logo{width:200px; height:auto; margin:10px 0;}
.logo img{width: 100%; height: auto;}
}