@charset "utf-8";
/* 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;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-justify{text-align:justify;}
.no-padding{padding:0px;}
.float-left{float:left !important;}
.float-right{float:right !important;}

.radius{border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}
.transition{transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; -webkit-transition:all 0.2s;}
.centralizar{width:980px; height:auto; position:relative; float:left; left:50%; margin-left:-490px;}

html, body {width:100%; height:100%; background:#fff;  font-size:14px; font-weight:400;}
#bg_faixa{width:100%; height:auto; position:relative; float:left; z-index:1; background:url(../imagens/bg-faixa.jpg) center center no-repeat;}
#bg_top{width:100%; height:auto; position:relative; float:left; z-index:1; background:#fff url(../imagens/bg-topo.html) bottom center repeat-x;}
#bg_menu{width:100%; height:50px; position:relative; float:left; z-index:1; background:#fff;}
#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; background:#fff url(../imagens/bg-conteudo.html) center center repeat;}
#bg_rodape{width:100%; height:auto; position:relative; float:left; z-index:0; background:#242424;}
#direitos{width:100%; height:auto; position:relative; float:left; z-index:0; background:#eee; padding:15px 0px;}

/*FAIXA*/
.faixa .left{position:relative; float:left; font-size:15px; font-weight:600; color:#fff; line-height:50px;}
.faixa .left a{color:#fff; padding:0px 5px 5px 30px; background:url(../imagens/icon-m-contato.png) left center no-repeat;}
.facebook{width:40px; height:40px; position:relative; float:left; margin:10px;}

/*MENU*/
.menu{position:relative; float:right;}
.menu li{position:relative; float:left;}
.menu li a{height:40px; line-height:40px;color:#242424; position:relative; float:left; text-align:center; font-size:15px; font-weight:600; padding:10px 28px;}
.menu li a:hover {color:#fff;}

/*TOPO*/
.topo .logo{position:relative; float:left; margin:10px;}
.topo .logo, .logo img{width:190px; height:60px;}

.telefones{width:200px; height:auto; position:relative; float:right; margin:10px 0px;}
.telefones img{width:35px; height:35px; position:relative; float:left; margin:5px;}
.telefones p{ font-size:12px;}
.telefones p strong{font-size:16px; color:#c70100;}

/*BANNER*/
#banner{width:100%; height:auto; position:relative; float:left;}
#banner .item, #banner .item img{width: 100%; height: auto; position: relative; float: left;}

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

/*CONTEUDO*/
.text{padding:20px 0px;}
.text h1{font-size:26px; font-weight:600; color:#c70100; margin:0px 0px 20px 0px;}
.text h2{font-size:18px; font-weight:400; color:#535353; margin:0px 0px 15px 0px;}
.text p{font-size:16px; font-weight:400; font-style:italic; color:#535353; margin:0px 10px 15px 10px;}
.text a{font-size:16px; font-weight:400; color:#c70100; font-style:italic;}

/*RODAPE*/
#rodape ul{width:calc(33.33% - 40px); height:auto; position:relative; float:left; padding:20px;}
#rodape ul li{width:100%; height:auto; position:relative; float:left; color:#fff; font:400 14px 'Open Sans', sans-serif;}
#rodape ul .titulo{font:400 20px 'Open Sans', sans-serif;}
#rodape ul li a{color:#fff;}

#direitos a{color:#535353; font-weight:400;}
#direitos p{font-size:13px; color:#535353; width:50%; position:relative; font-weight:400;}
#direitos .p-left{float:left; text-align:left;}
#direitos .p-right{float:right; text-align:right;}


/*Botão WhatsApp*/
.bt-whats { font-size: 1rem; margin-top: 10px; padding: 10px; position:fixed; right:15px; bottom:60px; width:auto; height: auto; 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;}

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



@media only screen and (min-width: 768px) and (max-width: 995px) {

.bt-whats { font-size: 1rem; margin-top: 10px; padding: 10px; position:fixed; right:0px; bottom:0px; width:100%; height:43px; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999;}

.centralizar{width:768px; margin-left:-384px;}

/*MENU*/
.menu li a{font-size:14px; padding:10px 20px;}

#rodape ul{width:calc(33.33% - 40px);}
#rodape .last{width:calc(33.33% - 40px);}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

.bt-whats { font-size: 1rem; margin-top: 10px; padding: 10px; position:fixed; right:0px; bottom:0px; width:100%; height:43px; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999;}

#bg_faixa{background:url(../imagens/bg-faixa-m.jpg) center center repeat-x;}
.centralizar{width:480px; margin-left:-240px;}

/*FAIXA*/
.facebook{float:right; margin:5px 0px;}

/*MENU*/
.menu{float:left;}
.menu li a{font-size:14px; padding:5px 28px;}

/*TOPO*/
.topo .logo{margin:10px 145px;}

.telefones{margin:10px 20px;}

#rodape ul{width:calc(100% - 15px); height:auto; margin:0px 0px 10px 0px;}

#direitos p{width:100%;}
#direitos .p-left, #direitos .p-right{float:left; text-align:center;}
}
@media only screen and (max-width: 479px) {

.bt-whats { font-size: 1rem; margin-top: 10px; padding: 10px; position:fixed; right:0px; bottom:0px; width:100%; height:43px; background:#01b763; color:#fff; text-align:center; line-height:2.6; font-weight:500; z-index: 9999999999;}

#bg_faixa{background:url(../imagens/bg-faixa-m.jpg) center center repeat-x;}
.centralizar{width:320px; margin-left:-160px;}

/*FAIXA*/
.faixa .left{font-size:13px;}
.facebook{float:right; margin:5px 0px;}

/*MENU*/
.menu{float:left;}
.menu li a{font-size:13px; padding:5px 10px;}

/*TOPO*/
.topo .logo{margin:10px 65px;}

.telefones{width:140px; margin:10px;}
.telefones img{width:25px; height:25px; margin:10px 5px;}
.telefones p strong{font-size:14px;}

#rodape ul{width:calc(100% - 15px); height:auto; margin:0px 0px 10px 0px;}

#direitos p{width:100%;}
#direitos .p-left, #direitos .p-right{float:left; text-align:center;}
}