.azul-escuro{width:100%;float:left;height:45px;background:#292931 ;}
.engloba-azul{width:100%;float:left;}
.engloba-azul a{font:13.5px montserrat-regular;color:#fff;display: flex;align-items: center;}
.email-gi{height:45px;width:151px;float:left;background: url(../img/header/envelope.svg) no-repeat left;background-size:10px 8px;padding: 0 0 0 17px;margin: 0  27px 0 0;}
.local{height:45px;width:307px;float:left;background: url(../img/header/localizacao.svg) no-repeat left ;background-size:12px 13px;padding: 0 0 0 20px;}
.direita-azul{width:300px;float:right;display: flex;justify-content: right;}  
.catalogo{width:185px;height:45px;float:left;border-left: 7px solid #da251c;display: flex;align-items: center;justify-content: center;}
.catalogo:hover{transition: 0.3s;background: #da251c;}
.catalogo a{background:url(../img/header/catalogo.svg) no-repeat right ;background-size:12px 14px;padding: 0 24px 0 0;}
.insta{width:45px;height:45px;float:left;background: url(../img/header/insta.svg) no-repeat center #da251c;background-size: 15px 15px;}
.insta:hover{transition:0.3s;width:45px;height:45px;float:left;background: url(../img/header/insta.svg) no-repeat center #da251c;background-size: 20px 20px;}
.face{width:45px;height:45px;float:left;background: url(../img/header/face.svg) no-repeat center #da251c;background-size: 8px 16px;}
.face:hover{transition:0.3s;width:45px;height:45px;float:left;background: url(../img/header/face.svg) no-repeat center #da251c;background-size: 12px 20px;}



header{width:100%;position: fixed; top: 0;z-index: 999999;background: #fff;border-bottom: solid thin #d0cccc;}
.cabecalho{width:100%;height:90px;}
.cima-header{width:100%;float:left;height:97px;}

.area-atendimento{width:100%;height:96px;float:left;display: flex;align-items: center;justify-content: space-between;margin: 0;}

.tel{width:20.5%;float:left;display: flex;align-items: center;font:14px montserrat-regular;color:#282828;background: url(../img/header/telefone2.svg) no-repeat left;background-size:12px 13px;padding: 0 0 0 19px;}
.tel span{float:left;font:19px montserrat-extrabold;color:#282828;margin: 0  0 0 5px;}
.whats{width:12.5%;float:left;display: flex;align-items: center;font:15px montserrat-regular;color:#282828;background: url(../img/header/whats.svg) no-repeat left;background-size:13px 13px;padding: 0 0 0 19px;}
.whats span{float:left;font:19px montserrat-extrabold;color:#282828;margin: 0  0 0 5px;}
.logo{width:35%;height:55px;float:left;background:url(../img/header/logo.jpg) no-repeat center;}

.atendimento{width:23%;float:left;display: flex;align-items: center;}
.atendimento{font:14px montserrat-regular;color:#282828;}
.atendimento span{font:14px montserrat-semibold;margin: 0 20px 0 0;}

.linha{width:100%;height:3px;background: #ededed ;float: left;}
.div-paginas{width:100%;float:left;}
.div-paginas a{width:20%;float: left;text-align: center;font: 13.5px montserrat-regular;color:#4d4e51;padding: 19px 0;cursor: pointer;}   
.some-logo{display: none;}

.div-paginas{width:100%;height:64px;display: flex;justify-content: space-between;  padding:0 0 0 0;margin:-3px 0 0 0;}
.div-paginas a{float:left;padding:24px 0 29px 0;font:14px montserrat-regular;color:#4f4f54;}
.div-paginas a:hover {box-shadow: inset 0 6px 0px 0 #da251c;}

.div-paginas{position: relative;}
.menu-categorias{display: none;}

.dropdown{float:left;padding: 24px 55px 29px 55px;font:15px montserrat-regular;position:relative;cursor:pointer;color:#4f4f54;}
.dropdown:hover .dropdown-child{display:block;}
.dropdown-child{width:200px;float:left;position:absolute;top: 63px;left:calc(50% - 100px);background:#c8322a;z-index: 9999;display: none;}

.dropdown-child a{width:100%;font:14.04px montserrat-regular;color:#ffffff;padding: 9px 0 9px 0;  box-shadow: 0 0 0 1px #ffffff;}
.dropdown-child a:hover{transition:0.2s;background: rgb(121, 120, 120);box-shadow:none!important;font-size: 14.2px;}
.logo-res{display: none;}

.whatsapp-fixo{ width: 142px; height: 79px; float: right; background: url(../img/whats-fixo.png) no-repeat center right; display: table; text-align: center; position: fixed; top: 35%; right: -140px; padding: 0 0 0 75px; z-index: 999; transition: 0.2s}
.whatsapp-fixo b { display: table-cell; vertical-align: middle; color: #fff; font: 17px open_sansregular}
.whatsapp-fixo:hover{ right: 0px;}

.engloba-botoes-mobile{display:none;}

.menu-site { float: left; width: 100%; background: url(../img/header/menu.png) repeat-x center top;}
.menu-site .menu-site-div { float: left; width: 94%; margin: 0 3%; height: 157px;}
.menu-site .menu-site-div .logo{ float: left; width: 176px; height: 100%; background: url(../img/header/logo.png) no-repeat center}
.menu-site .menu-site-div .menu-site-div-infos { float: right; margin: 37px 0 0 0; height: 120px; display: flex; flex-flow: column; justify-content: space-between;}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu{ float: left; display: flex; align-items: center;}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels{ float: left; margin: 0 50px 0 0}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a{ float: left; padding: 0 0 0 30px;}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a.icon-fone{ background: url(../img/vetores/fone.svg) no-repeat center left; background-size: 15px 15px}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a.icon-envelope{ background: url(../img/vetores/envelope.svg) no-repeat center left; background-size: 15px 15px}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a p{ float: left; clear: both; color: #414141; font: 13px montserrat-regular}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a .um{ float: left; clear: both; color: #114ad8; font: 15px montserrat-bold; margin: 5px 0 0;}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a .um b{ color: #414141; font: 13px montserrat-regular}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a .um i{ font-size: 0px}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a .dois{ float: left; clear: both; color: #114ad8; font: 15px montserrat-bold; margin: 5px 0 0;}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a .dois b{ color: #414141; font: 13px montserrat-regular}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels .informacoes-menu-tels-a .dois i{ font-size: 0px}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .informacoes-menu-tels strong{ float: left; margin: 0 40px; background: #ededed; height: 40px; width: 2px;}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .container-redes-sociais-menu{ float: left; }
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .container-redes-sociais-menu a{ float: left; width: 34px; height: 34px; border-radius: 30px; margin: 0 2px; transition: 0.8s}
.menu-site .menu-site-div .menu-site-div-infos .informacoes-menu .container-redes-sociais-menu a:hover{ transform: rotate(360deg)}
.menu-site .menu-site-div .menu-site-div-infos .menu-links{ float: left; display: flex; justify-content: space-between;}
.menu-site .menu-site-div .menu-site-div-infos .menu-links a{ float: left; color: #414141; font: 14.5px montserrat-regular; padding: 5px 0 40px}
.menu-site .menu-site-div .menu-site-div-infos .menu-links a:hover{ box-shadow: inset 0px -4px 0px 0px #114ad8; }
.ativo-menu{ box-shadow: inset 0px -4px 0px 0px #114ad8; }
.icon-facebook{ background: url(../img/vetores/logo-facebook.svg) no-repeat center; background-size: 34px 34px}
.icon-instagram{ background: url(../img/vetores/logo-instagram.svg) no-repeat center; background-size: 34px 34px}
.icon-twitter{ background: url(../img/vetores/logo-twitter.svg) no-repeat center; background-size: 34px 34px}
.icons-mobile{ display: none}
.icon-menu { float: left; width: 34px; height: 40px; background: url(../img/icon-menu.png) no-repeat center; background-size: 32px; margin: 16px 0 34px 0px;}
.icon-menu p { float: left; width: 100%; font: 10px montserrat-bold; color: #0051e5; margin: 48px 0 0 0; text-align: center;}
.menu-mobile { left: -100%; top: 0; position: fixed; float: left; width: 100%; height: 100%; background: rgb(0 0 0 / 42%);  z-index: 9999;}
.menu-mobile .div1 { float: left; width: 85%; background: white; height: 100%; overflow: overlay;}
.menu-mobile .div1 .div2 { float: left; width: 100%;}
.menu-mobile .div1 .div2 i { float: left; width: 100%; height: 100px; background: url(../img/header/logo.jpg) no-repeat center; background-size: 100px; border-bottom: solid 1px #eaeaea;background-size: 160px 50px;}
.menu-mobile .div1 .div2 .m-item-1 { float: left; width: calc(100% - 48px); padding: 10px 20px 10px 28px; font: 14.5px montserrat-regular; color: #343434; border-bottom: solid 1px #eaeaea;}
.menu-mobile .div1 .div2 span { float: left; width: 100%; display: none}
.menu-mobile .div1 .div2 span .m-item-2 { float: left; width: calc(100% - 48px); padding: 10px 20px 10px 28px; font: 14px montserrat-regular; color: #343434; border-bottom: solid 1px #a7a1a1; box-shadow: inset 8px 0px 0px 0px #938f8f; background: #1b69970d;}
.menu-mobile strong { float: left; width: 15%; height: 100%;}
.menu-mobile strong p { float: left; width: 100%; background: #333333; text-align: center; padding: 15px 0; color: #fff; font: 20px montserrat-bold;}
.box-1{ box-shadow: inset 8px 0px 0px 0px #3e4047;}
.box-2{ box-shadow: inset 8px 0px 0px 0px #3e4047;}
.box-3{ box-shadow: inset 8px 0px 0px 0px #3e4047} 
.ativo-menu-mob1{ background: #545454; color: #fff !important}
.ativo-menu-mob2{ background: #545454; color: #fff !important}
.ativo-menu-mob3{ background: #545454; color: #fff !important}

.menu-mobile{display: none;}
.ativo-submenu{ background: #9ec1ac !important; color: #fff !important} 

@media(max-width:1221px){
.logo{width:33%;}
.whats{width:17%;}
.tel{width:17%;}
}
@media(max-width:1320px){
.atendimento{width:32%;margin: 0;}
.area-atendimento{margin: 0;}
}
@media(max-width:990px){
.menu-mobile{display: block;}
.engloba-azul{display:none;}
.linha{display: none;}
.some-con{height: 0;}
.some-logo{display: block;}
.cima-header{display: none;}
.area-whats{display: none;}
.area-telefone{display: none;}
.area-envelope{display: none;}
.div-paginas{display: none;}
.telefone{display: none;}
.whats{display: none;}
.envelope{display: none;}
.primeira{background:none;}
.area-atendimento{display: none;}
.menu-categorias{display: none;}

.icon-menu { display: block; float: right; width: 32px; height: 32px; margin: 29px 3% 29px 0; background: url(../img/header/menu.svg) no-repeat center; background-size: 32px;cursor: pointer;}
.cabecalho { height: 90px;border: none;background: #ffffff;position: fixed;top: 0;z-index: 999;box-shadow: 0 0 20px 0 #333333;}
.logo { width: 210px; height: 90px;margin: 0 0 0 2%;background-size: contain;}
.fundo-menu {width: 100%; position: fixed; height: 100%; top: 0; left: 0; padding: 0; z-index: 9999999;background: rgba(0, 0, 0, 0.65);left: -100%;}
.div-paginas { display: none!important; border-top: solid 0 #454545; margin: 0; width: 74%; position: fixed; height: 100%; top: 0; left: 0;background: #ffffff;z-index: 99999999;left: -80%;overflow: auto;padding:0;}
.div-paginas a { padding: 10px 0 10px 20px; width: calc(100% - 20px); margin: 0; text-align: left;color:#333333;}
.div-paginas a:hover { background: #151516; box-shadow: inset 10px 0px 0px 0px #da251c;color: #ffffff;}
.ativo-menu{ background:#da251c !important; box-shadow: inset 10px 0px 0px 0px #da251c !important;color: #ffffff !important;}
.celular-home { display: block; width: 30px; height: 30px; margin: 31px 3%; float: right; background: url(../img/header/ligar-2.svg) no-repeat center top; background-size: 30px;}

.dropdown{float: left;padding: 10px 0 10px 20px;font: 15px montserrat-regular;position: relative;cursor: pointer;color: #4f4f54;width: calc(100% - 20px);}
.dropdown-child a{display: none;}
.overflow-body{overflow: hidden;}
.logo-res{display: block;width: 70%;height: 70px;float: left;background: url(../img/header/logo.jpg)no-repeat center top ;background-size: contain;margin: 30px 15% 0px 13%;}
.menu-categorias {display: block; border-top: solid 0 #454545; margin: 0; width: 75%; position: fixed; height: 100%; top: 0; left: 0; padding: 0px 0 0 0; z-index: 99999999; background: #fff; background-position-y: 15px; background-size: 92px;left: -80%;overflow: auto;}

.menu-categorias a { color:#000 !important;float: left;font:15px montserrat-regular;padding: 10px 0 10px 20px;width: calc(100% - 3%);}
.menu-categorias a:hover { background: #000; box-shadow: inset 10px 0px 0px 0px #ffffff;color: #ffffff!important;}
.div-paginas .menu-categorias a{ padding: 0; width: 100% ; margin: 0; text-align: left;color:#333333;}
.voltar-menu {font: 16px montserrat-bold !important;color: #ffffff !important;display: flex;align-items: center;padding: 10px 0% 10px 5%!important;}
.voltar-menu i{background: url(../img/header/left-arrow.svg)no-repeat;padding:9px 3%;margin: 0 10px 0 3%;}
.voltar-menu:hover {color: #ffffff !important;}

.ativo-menu{box-shadow: inset 0 3px 0px 0 #151516!important;}


.whatsapp-fixo{display:none;}      
.copy{ height: auto; margin: 0 0 0;}

.engloba-botoes-mobile{ display: block; width: 100%; position: fixed; bottom: 0; z-index: 99999}
.engloba-botoes-mobile a{ float: left; width: 40%; padding: 50px 5% 0; height: 50px; text-align: center; color: #fff; font: 14px montserrat-regular}
.engloba-botoes-mobile a b{ font: 14px montserrat-bold}

.wpp-icon-mobile{ background: url(../img/wpp.svg) no-repeat center top #4e9f00; background-position-y: 15px; background-size: 25px;}
.tel-icon-mobile{ background: url(../img/fone.svg) no-repeat center top #003c53; background-position-y: 15px; background-size: 25px;}
}