.menu{ width: 100%; float: left; height: 112px; box-shadow: 0px 0px 5px 2px rgba(51, 51, 51, 0.33); position: relative; z-index: 99999; background: url(../img/menu/fundo.jpg) no-repeat center top}
.logo{ float: left; width: 250px; height: 138px; margin: -10px 0 0 96px; background: url(../img/menu/logo.png) no-repeat center;background-size:200px;}
.menu-links{ float: left; margin: 0 0 0 85px; width: 695px; height: 60px; background: #fff; position: relative; z-index: 99; box-shadow: 0px 0px 65px 2px rgba(51, 51, 51, 0.06);}
.menu-links i{ float: left; width: 1px; height: 20px; background: #e4e4e4; margin: 20px 0}
.menu-links-a{ float: left; cursor: pointer; width: 138px; text-align: center; font: 12px ralewaymedium; color: #606060; padding: 23px 0; transition: 0.2s}
.menu-links-a:hover{ font: 12px ralewaybold; box-shadow: inset 0px 5px 0px 0px #fa2828;}
.ativo{ font: 12px ralewaybold !important; box-shadow: inset 0px 5px 0px 0px #fa2828 !important;}
.submenu{ display: none; width: 165px; position: absolute; margin: 0 0 0 266px; top: 60px; background: #fff; border-top: solid 6px #ededed; box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.29);}
.submenu a{ float: left; width: 100%; text-align: center; font: 12px ralewaymedium; color: #606060; padding: 10px 0; border-bottom: solid 1px #e4e4e4}
.submenu a:hover{ font: 12px ralewaybold; color: #fa2828}
.ativo-submenu{ font: 12px ralewaybold !important; color: #fa2828 !important}
.infos-menu{ display: flex; align-items: center; float: left; margin: 0 0 0 130px; height: 75px}
.infos-menu a{ float: left; font: 16px montserratregular; color: #646464; display: flex; align-items: center; gap: 5px; }
.tel-menu{ padding: 0 31px 0 25px; background: url(../img/menu/tel-menu.png) no-repeat center left}
.wpp-menu{ padding: 0 31px 0 20px; background: url(../img/menu/wpp-menu.png) no-repeat top left; background-position-y: 1px;}
.envelope-menu{ padding: 1px 0 0  25px; background: url(../img/menu/envelope-menu.png) no-repeat center left}
.envelope-menu b{ float: left; width: 247px; }

.whats-fixo2{ display: none; background: url(../img/whats-fixo2.png) no-repeat center top; width: 54px; height: 56px; background-size: 52px; float: right; margin: 20px 20px 20px 0;}
.tel-fixo2{ display: none; background: url(../img/ligar.svg) no-repeat center top; width: 35px;height: 35px;background-size: contain;float: right; margin: 29px 20px 20px 0;}

@media(max-width: 1220px){
    .logo { margin: -10px 0 0 2%; width: 190px;}
    .menu-links { margin: 0 0 0 4%;}
    .infos-menu { margin: 0 0 0 10%;}
    .menu-links { width: 670px;}
    .menu-links-a { width: 130px;}
}
@media(max-width: 990px){
    .icon-menu{ float: right; width: 32px; height: 32px; margin: 32px 4% 32px 0; background: url(../img/icon-menu.png) no-repeat center; background-size: 32px}
    .logo { margin: 15px 4%; background: url(../img/menu/logo.png) no-repeat center; background-size: 130px; width: 140px; height: 70px; }
    .menu { height: 96px; position: fixed; top: 0}
    .infos-menu{ display: none}
    /* .whats-fixo2{ display: block} */
    .tel-fixo2{ display: block}
    .menu-links { display: none; width: 104%; margin: 0 0 0 -2%; height: auto; box-shadow: 0px 3px 2px 2px rgba(51, 51, 51, 0.47);}
    .menu-links i { display: none}
    .menu-links-a { width: 95%; padding: 15px 0 15px 5%; text-align: left; background: #e0e0e0;}
    .menu-links-a:hover { font: 12px ralewaybold !important; box-shadow: none !important; background: #fa2828 !important; color: #fff;}
    .ativo { font: 12px ralewaybold !important; box-shadow: none !important; background: #fa2828 !important; color: #fff;}
    .submenu { width: 100%; position: relative; top: 0; margin: 0; border-top: solid 0px; box-shadow: none}
    .submenu a { width: 90%; text-align: left; padding: 10px 0 10px 10%;}
    .submenu a:hover { background: #cfcfcf;}
    .ativo-submenu { background: #cfcfcf;}
}
@media(max-width: 330px){
	.logo{ margin: 15px 0% 15px 4%;}
	.whats-fixo2{ width: 32px; height: 32px; background-size: 32px; margin: 32px 10px 32px 0;}
	.tel-fixo2{ width: 32px; height: 32px; background-size: 32px; margin: 32px 10px 32px 0;}
}