.menu-site{ float: left; width: 100%; background: url(../img/header/menu.png) no-repeat center top}
.menu-site .menu-site-container { float: left; width: 95%; margin: 0 2.5%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.menu-site .menu-site-container .logo-menu{ float: left; width: 311px; height: 145px; background: url(../img/header/logo.png) no-repeat center}
.menu-site .menu-site-container .menu-site-div{ float: right; width: 60%;}
.menu-site .menu-site-container .menu-site-div .menu-site-div1 { float: left;gap:25px; width: 100%; margin: 10px 0; display: flex; align-items: center; justify-content: space-between;}
.menu-site .menu-site-container .menu-site-div .menu-site-div1 span{ float: left; padding: 2px 0 2px 30px; color: #132155}
.menu-site .menu-site-container .menu-site-div .menu-site-div1 span a{ float: left; color: #132155}
.menu-site .menu-site-container .menu-site-div .menu-site-div1 span a b{ float: left; clear: both; font: 15px montserrat-bold; white-space: nowrap;}
.menu-site .menu-site-container .menu-site-div .menu-site-div1 strong{ display: none}
.menu-site .menu-site-container .menu-site-div .menu-links { float: left; width: 100%; display: flex; flex-flow: row; justify-content: space-between;}
.menu-site .menu-site-container .menu-site-div .menu-links a { float: left; text-align: center; color: #525358; font: 14px montserrat-regular; padding: 10px 0 15px;}
.menu-site .menu-site-container .menu-site-div .menu-links a:hover{ box-shadow: inset 0px -5px 0px 0px #00b3e6;}
.ativo-menu{ box-shadow: inset 0px -5px 0px 0px #00b3e6 !important;}
.menu-wpp{ background: url(../img/vetores/wpp-menu.png) no-repeat center left / 22px 22px}
.menu-tel{ background: url(../img/vetores/tel-menu.png) no-repeat center left}
.menu-envelope{ background: url(../img/vetores/envelope-menu.png) no-repeat center left}
.email-menu{ float: left; width: 214px; height: 25px; background: url(../img/vetores/email-menu.png) no-repeat center}
.link-desktop{}
.link-mobile{ display: none}
.submenu{ display: none}
.icon-menu { display: none}
.fechar-menu { display: none}
@media(max-width: 1220px){
	.menu-site .menu-site-container { width: 96%; margin: 0 2%;}
	.menu-site .menu-site-container .menu-site-div { width: 62%;}
}
@media(max-width: 1120px){
	.menu-site .menu-site-container .menu-site-div { width: 68%;}
	.menu-site .menu-site-container .logo-menu { width: 250px; background-size: 250px;}
}
@media(max-width: 990px){
	.icon-tel-menu{display: block; background: url(../img/header/telephone.svg) no-repeat center; width: 54px; height: 36px; background-size: 32px; float: right; margin:23px 9px;}
	.fechar-menu { display: flex; float: right; background: #00b3e6; width: 20%; height: 50px; position: absolute; top: 0; right: 0px; align-items: center; justify-content: center; font: 16.5px montserrat-extrabold; color: #fff;}
	.icon-menu { display: block; float: right; width: 32px; height: 32px; background: url(../img/icon-menu.png) no-repeat center; background-size: 32px; margin: 24px 10px 24px 0;}
	.menu-site { height: 80px; box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 18%);}
	.menu-site .menu-site-container { display: block;}
	.menu-site .menu-site-container .logo-menu { width: 150px; background-size: 150px; height: 80px; margin: 0 0 0 10px; }
	.menu-site .menu-site-container .menu-site-div { float: left; width: 100%; margin: 0; position: fixed; z-index: 99999; background: rgb(0 0 0 / 64%); top: 0; left: -100%; height: 100%;}
	.menu-site .menu-site-container .menu-site-div .menu-links { width: 80%; background: #fff; height: calc(100% - 130px); display: block; overflow: overlay; padding: 0 0 30px 0;}
	.menu-site .menu-site-container .menu-site-div .menu-links a { font: 14px montserrat-regular; padding: 10px 20px; width: calc(100% - 40px); text-align: left; box-shadow: inset 0px -1px 0px 0px rgb(1 187 232 / 20%);}
	.menu-site .menu-site-container .menu-site-div .menu-links a:hover { box-shadow: inset 0px -1px 0px 0px rgb(1 187 232 / 20%); background: #00b3e6; color: #fff}
	.menu-site .menu-site-container .menu-site-div .menu-site-div1 { width: 80%; background: #fff; margin: 0;}
	.menu-site .menu-site-container .menu-site-div .menu-site-div1 span{ display: none}
	.menu-site .menu-site-container .menu-site-div .menu-site-div1 strong { display: block; background: url(../img/header/logo.png) no-repeat center; width: 100%; height: 100px; background-size: 150px; box-shadow: inset 0px -1px 0px 0px rgb(1 187 232 / 20%);}
	.ativo-menu{ box-shadow: inset 0px -1px 0px 0px rgb(1 187 232 / 20%); !important; background: #00b3e6 !important; color: #fff !important;}
	.link-desktop{ display: none}
	.link-mobile{ display: block}
	.submenu { float: left; width: 100%; background: rgb(1 187 232 / 5%);;}
	.submenu a{ padding: 10px 10px 10px 30px !important; width: calc(100% - 40px) !important; box-shadow: inset 0px -1px 0px 0px rgb(1 187 232 / 20%);}
}