.menu{ width: 100%; height: 180px; float: left; background: #0D1311; position: relative}
.logo{ width: 200px; height: 64px; float: left; margin: 27px 0 0 0; background: url(../img/header/logo.svg) no-repeat center}
.menu-links { float: left; text-align: center; width: 100%; justify-content: space-between; display: flex; border-top: solid 2px #454545; margin: 27px 0 0 0;}
.menu-links a { float: left; color: #fff; font: 14px montserrat-regular; padding: 26px 0 21px; margin: -5px 0 0 0; width: 160px; transition: 0.2s}
.menu-links a:hover{ font: 14px montserrat-semibold; box-shadow: inset 0px 8px 0px 0px #df3232;}
.menu-links span{ float: left; margin: -5px 0 0 0;}
.menu-links span strong{ float: left; color: #fff; font: 14px montserrat-regular; padding: 26px 0 21px; width: 160px; transition: 0.2s; cursor: pointer}
.menu-links span strong:hover{ font: 14px montserrat-semibold; box-shadow: inset 0px 8px 0px 0px #df3232;}
.ativo-menu{ font: 14px montserrat-semibold !important; box-shadow: inset 0px 8px 0px 0px #df3232 !important;}
.infos-menu{width: 890px;float: right; margin: 47px 30px 0 0;display: flex;justify-content: space-between;align-items: center;}
.infos-menu a{ float: left; padding: 0 0 0 45px;color: #fff; height: 35px; display: flex; vertical-align: middle; align-items: center;}
.icon-wpp{ font: 17px montserrat-regular; background: url(../img/header/icon-wpp.png) no-repeat center left}
.icon-wpp b{ font: 17px montserrat-bold;}
.icon-local{ font: 14px montserrat-regular; background: url(../img/header/icon-local.png) no-repeat center left}
.icon-local b{ font: 14px montserrat-bold;}
.icon-envelope{ background: url(../img/header/icon-envelope.png) no-repeat center left}
.icon-envelope i{ width: 236px; height: 14px; float: left; font-family: montserrat-regular;font-size: 14px;color: #fff;user-select: none;text-decoration: none;}
.fundo-menu{ display: none}
.icon-menu{ display: none}

.engloba-redes{width: 58px;float: left;display: flex;justify-content: space-between;}
.rede-1{width: 25px;height: 25px !important;float: left;background: url(../img/facebook.svg)no-repeat center;background-size: 25px;margin: 0 !important;padding: 0 !important;}
.rede-2{width: 25px;height: 25px !important;float: left;background: url(../img/instagram.svg)no-repeat center;background-size: 25px;margin: 0 !important;padding: 0 !important;} 

@media(max-width: 1220px){
	.logo { margin: 27px 0 0 0px;}
	.infos-menu { margin: 47px 0 0 0;}
	.icon-envelope{ margin: 0 0 0 0 !important;}
	.infos-menu a { margin: 0 15px 0 0;}
}

@media(max-width: 1170px){
	.logo{width: 130px;background-size: contain;}
}

@media(max-width: 1090px){
	.icon-wpp{ display: none !important}
	.menu-links a { width: auto;}

	.infos-menu{width: 710px;}
}
@media(max-width: 990px){
	.infos-menu{ display: none}
	.icon-menu { display: block; float: right; width: 32px; height: 32px; margin: 29px 20px 29px 0; background: url(../img/icon-menu.png) no-repeat center; background-size: 32px;}
	.menu { height: 90px;}
	.logo { width: 140px; height: 90px; margin: 0 0 0 20px; background-size: 130px;}
	.fundo-menu { width: 100%; position: fixed; height: 100%; top: 0; left: 0; padding: 0; z-index: 9999999; background: rgba(223, 50, 50, 0.65);}
	.menu-links { border-top: solid 0 #0D1311; margin: 0; width: 80%; position: fixed; height: 100%; top: 0; left: 0; padding: 105px 0 0 0; z-index: 99999999; background: url(../img/header/logo.svg) no-repeat center top #0D1311; background-position-y: 30px; background-size: 130px; display: none;}
	.menu-links a { padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; margin: 0; text-align: left}
	.menu-links a:hover { background: #000; box-shadow: inset 10px 0px 0px 0px #df3232 !important;}	
	.menu-links span{ margin: 0; width: 100%}
	.menu-links span strong{ padding: 10px 0 10px 20px; width: calc(100% - 20px) !important; text-align: left;}
	.menu-links span strong:hover { background: #000; box-shadow: inset 10px 0px 0px 0px #df3232 !important;}
	.ativo-menu{ background: #000 !important; box-shadow: inset 10px 0px 0px 0px #df3232 !important;}
	.container-engloba-imoveis a:hover { box-shadow: inset 0 0px 0px 0px #df3232 !important;}

	.engloba-redes{width: calc(100% - 20px);margin: 10px 0 0 20px;}

	.engloba-redes .rede-1{padding: 0 !important;width: 25px !important;}
	.engloba-redes .rede-1:hover{background: url(../img/facebook.svg)no-repeat center;background-size: 25px;box-shadow: none !important;}

	.engloba-redes .rede-2{padding: 0 !important;width: 25px !important;margin: 0 0 0 10px !important;}
	.engloba-redes .rede-2:hover{background: url(../img/instagram.svg)no-repeat center;background-size: 25px;box-shadow: none !important;}

}