.container-menu{width: 100%;float: left;background: url(../img/header/menu-background.jpg)no-repeat center;position: fixed;z-index: 999;top: 0;box-shadow: 0px -3px 14px 0 #454545a6}
.engloba-menu{width: 100%;float: left;height: 118px;display: flex;justify-content: space-between;}
.logo{width: 402px;height: 80px;background: url(../img/header/logo.png)no-repeat center;background-size: contain;margin: 16px 0 0 30px;}
.container-links{float: left;width: calc(60% - 6px);}
.sup-links{margin: 25px 0 0 0;}
.tel-header{ font:16.6px montserrat-bold;color: #fff!important;padding: 0 0 0 30px;margin: 0 28px 0 0;transition: 0.2s}
.tel-vetor{background: url(../img/header/icon-ligar.svg)no-repeat center left;background-size: 17px;}
.whats-vetor{background: url(../img/header/icon-whats.svg)no-repeat center left;background-size: 20px;}
.email-header{font:15.1px montserrat-semibold;color: #fff;padding: 0 0 0 32px;background: url(../img/header/email.svg)no-repeat center left;background-size: 21px;}
.email-header i{display: none;}
.menu-links{margin: 17px 20px 0 0;float: left;height: 55px;width: calc(100% - 20px);display: flex;justify-content: space-between;}
.menu-links a{height: 100%;display: flex;align-items: center;font:15px montserrat-light;color: #fff;padding: 0 10px;transition: 0.2s;}

.menu-links a:hover{box-shadow: inset 0px 5px 0 0 #f1cb2d;transition: 0.2s;}
.tel-header:hover{color: #f1cb2d!important;transition: 0.2s;}
.email-header:hover{color: #f1cb2d;transition: 0.2s;}

.ativo{box-shadow: inset 0px 5px 0 0 #f1cb2d;}
.menu-mobile{display: none;}
.icon-mobile{display: none;}

@media(max-width:1220px){
    .email-header {font-size: 14.1px;}
    .tel-header {font-size: 15.6px;margin: 0 23px 0 0;}
    .container-menu {background: url(../img/header/menu-background.jpg)no-repeat center right 51%;}
    .logo {width: 320px;}
}
@media(max-width:1160px){
    .tel-header {margin: 0 25px 0 0;}
    .email-header {font-size: 12.1px;}
}
@media(max-width:1110px){
    .tel-header {font-size: 14.6px;margin: 0 20px 0 0;}
    .sup-links {margin: 26px 0 0 0;}
    .email-header {padding: 0 0 0 20px;background-size: 16px;}
}
@media(max-width:1100px){
    .container-links {float: left;width: calc(62% - 6px);}
    .tel-header {font-size: 14.6px;}
    .whats-vetor {background-size: 19px;}
}
@media(max-width:1015px){
    .logo {width: 260px;}
    .tel-header {margin: 0 15px 0 0;}
}
@media(max-width:990px){
    .container-menu {background: #c02744;}
    .container-links {display: none;}
    .engloba-menu {width: 96%;margin: 0 2%;height: 80px;align-items: center;}
    .logo {width: 150px;height: 50px;margin: 0 0 0 0;}
    .icon-mobile{display: flex;column-gap: 25px;}
    .abrir-menu{height: 32px;width: 32px;background: url(../img/header/icon-menu.svg)no-repeat center;background-size: 32px;}
    .tel-mobile{height: 32px;width: 32px;background: url(../img/header/icon-ligar.svg)no-repeat center;background-size: 32px;}

    .menu-mobile{display: block;top: 0;position: fixed;float: left;width: 100%;height: 100%;background: rgb(0 0 0 / 42%);z-index: 9999;left: -100%;}
    .menu-mobile a {float: left;width: calc(100% - 40px);padding: 10px 20px;color: #000000;font: 14.5px montserrat-regular;background-color: #ededed;border-bottom: 2px solid #fff;}
    .produto-div{float: left;width: calc(100% - 40px);padding: 10px 20px;color: #000000;font: 14.5px montserrat-regular;background-color: #ededed;border-bottom: 2px solid #fff;}
    .sub-produto a{float: left;width: calc(100% - 72px);padding: 10px 36px;color: #fff;font: 14.5px montserrat-regular;background-color: #bdbdbd;border-bottom: 2px solid #fff;}
    .div-fundo {float: left;width: 85%;background: #ffffff;height: 100%; overflow: overlay;}
    .fechar-menu {color: #fff;font: 16px montserrat-bold;height: 50px;background: #7a7a7a;display: flex;align-items: center;justify-content: center;}
    .div-infor i {background: url(../img/header/logo.png)no-repeat center;float: left;width: 100%;height: 130px;background-size: 270px;background-color: #c02744;}
    .div-infor {float: left;width: 100%;margin: 0 0 30px;}
    .ativo{background-color: #aba9a9!important;box-shadow: none;color: #fff!important;}
}
