/*.col-md-1{border:1px solid red;}
.col-md-2{border:1px solid red;}
.col-md-3{border:1px solid red;}
.col-md-4{border:1px solid red;}
.col-md-5{border:1px solid red;}
.col-md-6{border:1px solid red;}
.col-md-7{border:1px solid red;}
.col-md-8{border:1px solid red;}
.col-md-9{border:1px solid red;}
.col-md-10{border:1px solid red;}
.col-md-11{border:1px solid red;}
.col-md-12{border:1px solid red;}*/


.img-5 img{width:5%;}
.img-10 img{width:10%;}
.img-15 img{width:15%;}
.img-20 img{width:20%;}
.img-25 img{width:25%;}
.img-30 img{width:30%;}
.img-40 img{width:40%;}
.img-50 img{width:50%;}
.img-60 img{width:60%;}
.img-70 img{width:70%;}
.img-80 img{width:80%;}
.img-90 img{width:90%;}
.img-100 img{width:100%;}
body{font-family:'Open Sans', sans-serif !important; overflow-x: hidden;}
li{list-style:none;}
.clearfix::before,
.clearfix::after{content:"";display:table;}
.clearfix::after{clear:both;}
.clearfix{*zoom:1;}
.clear{clear:both;}

/*##################################################TOPO######################################################################*/
.logo{margin-top: 5%;}
.logo figure img{margin: auto; display: block;}
.topo-info{position: fixed; z-index: 9999; width: 100%; background:#ffffff; height: 50px;}
.topo-info .email-topo{text-transform: uppercase; color: #000000; font-weight: bold; position: relative; top: 15px;}
.topo-info .telefone-topo{float:right;color: #000000; font-weight: bold; padding-top: 15px; position: relative; right: -85px;}
.topo-info .redes-sociais{float: right; margin-top: 13px; margin-left: 15px; position: relative; left: 92px;}
.topo-info .redes-sociais img{margin-top: 0px;}
.topo{position: fixed; z-index: 9999; width: 100%; background: #dcdcdc; top: 45px; height: 90px;}
.topo .col-md-3{width: 14.28571428571429%;‬}
.topo .col-md-9{width: 85.71428571428571%;‬}

.menu ul li{display:inline;}

.menu-topo ul{text-align:left; margin-left: -20px; }
.menu-topo ul li{float:left;}
.menu-topo ul li a{color:#000;text-decoration:none;font-size:0.9em; margin-right: 78px; text-transform:uppercase;font-weight:bold; }
.menu-topo ul li a:hover{color: #000;}
.menu-topo .active a{color: #000; font-style: italic;}

/*##################################################BANNER######################################################################*/
.banner{position: relative;}


/*##################################################HOME######################################################################*/
main, footer{position: relative;
    top: 135px;}
.titulo-padrao h2{text-transform: uppercase; text-align: center; font-weight: bold; background: #000;}



/*##################################################QUEM-SOMOS######################################################################*/
.quem-somos{padding-top: 60px; font-size: 0.9em; text-align: justify;}


/*##################################################INFO-CONTATO######################################################################*/
.info-contato{margin-top: 80px; margin-bottom: 20px;}
.contato-form{position: relative; left: 182px;}
.info-contato h2{color: #9e0b0f; font-weight: bold; font-size: 1.3em;}
.info-contato h3{padding-left: 182px; padding-bottom: 35px; font-weight: bold; font-size: 1.0em;}
.info-contato p{font-weight: bold; font-size: 0.9em;}
.info-contato .btn-contato{float: right; background: #9e0b0f; margin-bottom: 65px; border: none; border-radius: 8px; color: #ffffff; font-weight: bold; padding: 0 10px 0 10px; cursor: pointer;}

/*##################################################HOME######################################################################*/
.titulo-padrao{background: #dcdcdc;}
.titulo-padrao h2{text-transform: uppercase;text-align: center; font-weight: bold; font-family: 'Eurostile Becker';
font-weight: 900;
font-style: normal; color: #000; background: #dcdcdc;
padding:8px 0 8px 0;}
.servicos-home figure img{display: block;margin: auto; margin-top: 40px; width: 40%; transition: .5s; }
.servicos-home figure img:hover{width: 45%; transition: .5s;}
.servicos-home figcaption{text-align: center; text-transform: uppercase; font-weight: bold; font-size: 16px; margin-bottom: 40px;}
.servicos-home a{text-decoration: none; color: inherit;}
.servicos-home a:hover{text-decoration: none; color: #373a3c;}
.servicos-home figure img:hover{text-decoration: none; color: inherit;}
.produtos-home figure img{display: block; margin: auto; margin-top: 20px; width: 80%; transition: .5s;}
.produtos-home figure img:hover{display: block; margin: auto; margin-top: 20px; width: 85%; opacity: 0.8; transition: .5s;}
.tabela img{width: 80%;display: block; margin: auto; margin-top: 30px; margin-bottom: 30px;}

/*##################################################SERVIÇO######################################################################*/
.servicos{margin-top: 35px; margin-bottom: 50px; float: left;}
.servicos h2{font-size: 1.5em; padding-top: 35px; color: #F60;}
.servicos p,li{font-size: 0.9em; padding-top: 15px;}
.img-servico{height: 290px;}
.nav-tabs{border-bottom: none !important;}
.nav-tabs .nav-link.active{background: linear-gradient( #fddb3b,#fb501c) !important; color: #000000 !important; font-weight: bold !important; border-radius: 10px !important;}
.nav-tabs .nav-link{background: #000000 !important; color: #fb501c !important; font-weight: bold !important; border-radius: 10px !important;}
.tab-pane img{float: left; margin-left: 60px}
.btn-voltar{float: right;}
.btn-voltar a, .btn-voltar a:hover{color: #fff; font-weight: bold; position: relative; top: -49px; right: 33px;}
.btn-voltar img{width: 37px; position: relative; right: 35px; top: -53px;}
.modal{z-index: 99999 !important;}
.ekko-lightbox-nav-overlay a{opacity: 1 !important;}
.galeria-brigada-incendio figure{float: left; margin: 0px 0px 15px 15px}
/*##################################################RODAPE######################################################################*/
.faixa-footer{border: 3px solid #000; height: 10px; border-right: 0px; border-left: 0px; margin-top: 10px;}
footer p, footer a{ color: #000; text-transform: uppercase; font-weight: bold; font-family: 'Eurostile Becker';
    font-weight: 900;
    font-style: normal; }
.rodape-redes-sociais img{width: 15%; position: relative;top: 20px;}
.rodape-endereco{position: relative; top: 10px;}
.rodape-contato{position: relative; top: 15px;
}
.copyright{width: 100%; background-color: #000; color: #fff; margin-top: 40px; margin-bottom: 20px; text-align: center; font-weight: bold; font-size: 12px; }
#carouselservico .carousel-control.left {background-image: url('../../site/img/seta_esquerda.png') !important; background-repeat: no-repeat !important; position: absolute; top: 85px;}
#carouselservico .carousel-control.right {background-image: url('../../site/img/seta_direita.png') !important; background-repeat: no-repeat; position: absolute; right: -12%; top: 85px;}
.carousel-inner img{display: block; margin: auto;}

.carousel-indicators li{padding-top: 0px;}

/*##################################################PRODUTOS######################################################################*/
.produtos .nav-item{width: 33%;}
.produtos .nav-tabs .nav-link{background: transparent !important;} 
.produtos a img{display: block; margin: auto; margin-top: 20px; width: 80%; transition: .5s;}
.produtos a img:hover{display: block; margin: auto; margin-top: 20px; width: 85%; border: 0px !important; transition: .5s;}
.produtos img{display: block; margin: auto; width: 15%;}
.produtos .nav-tabs .nav-link.active{display: block; margin: auto;  opacity: 0.8; border: none;}
.nav-tabs .nav-link{border: 0px !important;}

.conteudo-ativo{visibility: hidden;}
.seta-ativa{position: relative; top: -52px;}

.produtos-categoria h5{text-align: center; text-transform: uppercase; font-weight: bold; font-family: 'Eurostile Becker'; font-weight: 900; font-style: normal; color: #000;}
.produtos-categoria figure{margin-bottom: 50px; }
.produtos-categoria figure img{margin: auto !important; display: block; float: none; height: 200px;}
.produtos-categoria a:hover{text-decoration: none;}
.produtos-categoria a img:hover{opacity: 0.8; transition: 0.5s;}


/*##################################################MODAL######################################################################*/
.modal-body{padding: 0px !important;}
.modal-backdrop.in{opacity: 0.8 !important; }