.menu{width: 100%;height: 181px;float: left;background: #545559;}

.logo{width: 309px;height: 112px;display: flex;float: left;}
.logo img {width: 100%; height: 100%;}

.engloba-contatos-menu{width: 415px;float: right;display: flex;align-items: center;justify-content: space-between;margin: 30px 171px 0 0;}

.tel-menu{width: 133px;float: left;display: flex;align-items: center;}
.tel-menu p{float: left;font: 16px montserrat-bold;color: #ffffff;margin: 0 0 0 8px;}
.tel-menu span{font-family: montserrat-medium;}
.icon-tel-menu{width: 14px;height: 14px;float: left;background: url(../img/header/ligar.svg)no-repeat center top;background-size: 14px;}

.whats-menu{width: 144px;float: left;display: flex;align-items: center;}
.whats-menu p{float: left;font: 16px montserrat-bold;color: #ffffff;margin: 0 0 0 8px;}
.whats-menu span{font-family: montserrat-medium;}
.icon-whats-menu{width: 14px;height: 14px;float: left;background: url(../img/header/whatsapp.svg)no-repeat center top;}

.engloba-email-menu{width: 263px;float: left;display: flex;align-items: center;}
.engloba-email-menu p{font: 16px futura_book;color:#ffffff;}
.engloba-email-menu p i{font-size:0;}
.engloba-email-menu{width: 263px;float: left;display: flex;align-items: center;}
.icon-email-menu{width: 15px;height: 12px;float: left;background: url(../img/header/envelope.svg)no-repeat center top;display: none;}
.email-menu{width: 241px;height: 17px;float: left;background: url(../img/header/email.png)no-repeat center top;margin: 0 0 0 8px;}

.div-paginas{width: 415px;float: right;display: flex;align-items: center;justify-content: space-between;margin: 0 170px 0 0;}
.div-paginas a{float: left;font: 16px futura_book;color: #ffffff;padding: 6.3% 0;}

.engloba-paginas-produtos{width: 100%;height: 61px;float: left;background: #313134;}
.paginas-produtos{width: 100%;float: left;display: flex;align-items: center;justify-content: space-between;}
.engloba-paginas-produtos a{float: left;font: 16px futura_book;color: #ffffff;padding: 20.3px 0;}

.menu-categorias{display: none;}

.menu-categorias{width: 68%;float: left;margin: -2px 0 0 0;}
.menu-categorias a{width: 25%;float: left;font: 13px montserrat-medium;color: #8d8d90;text-align: center;padding: 21px 0;}
.menu-categorias a:hover{box-shadow: inset 0 2px 0 0 #d13d3d;}

.menu-categorias-2{display: none;}

.menu-categorias-2{width: 68%;float: left;margin: -2px 0 0 0;}
.menu-categorias-2 a{width: 25%;float: left;font: 13px montserrat-medium;color: #8d8d90;text-align: center;padding: 21px 0;}
.menu-categorias-2 a:hover{box-shadow: inset 0 2px 0 0 #d13d3d;}

.menu-sub-categorias{display: none;}

.menu-sub-categorias{width: 68%;float: left;margin: -2px 0 0 0;}
.menu-sub-categorias a{width: 25%;float: left;font: 13px montserrat-medium;color: #8d8d90;text-align: center;padding: 21px 0;}

.menu-produtos{display: none;}

.menu-produtos{width: 68%;float: left;margin: -2px 0 0 0;}
.menu-produtos a{width: 25%;float: left;font: 13px montserrat-medium;color: #8d8d90;text-align: center;padding: 21px 0;}

.ativo-menu{color: #f4bb2c !important;}
.ativo-menu p{color: #000;}

.logo-res{display: none;}

@media(max-width: 1015px){
    .logo{margin: 29px 0 0 0;}
}

@media(max-width: 990px){

    .engloba-contatos-menu{display: none;}
    .engloba-paginas-produtos{display: none;}

    .icon-menu { display: block; float: right; width: 32px; height: 32px; margin: 29px 4% 29px 0; background: url(../img/header/menu.svg) no-repeat center; background-size: 32px;cursor: pointer;}
	.menu { height: 90px;border: none;position: fixed;top: 0;z-index: 9999;background: #545559;box-shadow: 0 0 20px 0 #000;}
	.logo { width: 190px; height: 42px; margin: 24px 0 24px 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: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; padding: 20px 0 0 0; z-index: 99999999; background:#545559; background-position-y: 30px; background-size: 130px;left: -80%;}
	.div-paginas a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left}
	.div-paginas a:hover { background: #313134; box-shadow: inset 10px 0px 0px 0px #f4bb2c !important;color: #ffffff;}
    .ativo-menu{ background: #313134 !important; box-shadow: inset 10px 0px 0px 0px #f4bb2c !important;color: #ffffff !important;}
    .ativo-menu p{color: #ffffff !important;}
    .celular-home { display: block; width: 30px; height: 30px; margin: 31px 5%; float: right; background: url(../img/header/ligar-2.svg) no-repeat center top; background-size: 30px;}

	.menu-categorias {display: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; padding: 20px 0 0 0; z-index: 99999999; background:#545559; background-position-y: 30px; background-size: 130px;left: -80%;}
	.menu-categorias a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left;color: #ffffff !important;}
	.menu-categorias a:hover { background: #313134; box-shadow: inset 10px 0px 0px 0px #f4bb2c !important;color: #ffffff;}

	.menu-categorias-2 {display: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; padding: 20px 0 0 0; z-index: 99999999; background:#545559; background-position-y: 30px; background-size: 130px;left: -80%;}
	.menu-categorias-2 a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left;color: #ffffff !important;}
	.menu-categorias-2 a:hover { background: #313134; box-shadow: inset 10px 0px 0px 0px #f4bb2c !important;color: #ffffff;}

	.menu-sub-categorias {display: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; padding: 20px 0 0 0; z-index: 99999999; background:#545559; background-position-y: 30px; background-size: 130px;left: -80%;}
	.menu-sub-categorias a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left;color: #ffffff !important;}
    .menu-sub-categorias a:hover { background: #313134; box-shadow: inset 10px 0px 0px 0px #f4bb2c !important;color: #ffffff;}
    
    .menu-produtos {display: block; border-top: solid 0 #454545; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; padding: 20px 0 0 0; z-index: 99999999; background:#545559; background-position-y: 30px; background-size: 130px;left: -80%;}
	.menu-produtos a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left;color: #ffffff !important;}
	.menu-produtos a:hover { background: #313134; box-shadow: inset 10px 0px 0px 0px #f4bb2c !important;color: #ffffff;}

	.produtos-menu{display: block;}
	.produtos-menu-desk{display: none;}
	.voltar-menu {font: 16px montserrat-bold !important;color: #36393f !important;display: flex;align-items: center;}
	.voltar-menu i{background: url(../img/header/left-arrow.svg)no-repeat;padding: 9px 3%;margin: 0 10px 0 0;}
    .voltar-menu:hover {color: #ffffff !important;}

    .logo-res{display: block;padding: 4% 50%;float: left;background: url(../img/header/logo.svg) no-repeat center top #545559;background-size: contain;margin: 0 0 20px 0;}
}