#rodape .institucional {
    background: #282d57!important;
}
#cabecalho {
   /* background-color: #f8f8f9;*/
}

.barra_cupom{background-image: url('https://fotos.comproulevou.com.br/barra-cupom.jpg');width: 100%; background-position: center; padding: 15px}
 


.main-menu-desktop{    position: fixed;    z-index: 60;    width: 100%;}
/*.main-menu-desktop .nivel-um>li>ul {    max-height: 612px;}*/

.all-categories > ul{
min-width: 1260px;
width: 1260px;
height:auto!important;;
min-height:auto!important;;
}


.main-menu-desktop .all-categories .nivel-um>li>ul {
 
    max-height: 630px;
    height: calc(100vh - 50px);
}
 

.main-menu-desktop .nivel-um>li>ul {
 
    max-height: 630px;
   
}
 



@media screen and (min-width: 1480px) and (max-width: 1940px) {	
    #categoria-id-17620412{margin-top:21px}
    .main-menu-desktop .nivel-um .nivel-tres>li {
    flex-basis: auto;
    line-height: 9px;
}
.main-menu-desktop .nivel-um ul .com-filho {
    flex-basis: 100%;
    margin-top: 18px;
}
}

@media screen and (min-width: 1287px) and (max-width: 1480px) {	
    body{zoom: 0.90;}
 .main-menu-desktop .nivel-um>li>ul {
 
    max-height:500px;
   
}
 .main-menu-desktop .nivel-um ul, .main-menu-desktop .nivel-um ul li {
    flex-direction: column;
    height: auto;
    padding: 0px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 8px;
    line-height: 6px;
}
}

#corpo {
    margin-bottom: 30px;
    margin-top: 60px;
}
.posicionawhats {
top: 90%;
transform: translateY(-50%);
width: 250px;
height: 60px;
position: fixed;
right: -190px;
z-index: 999;
transition: .6s;
border-radius: 0 10px 10px 0;
}

.posicionawhats:hover {
right: -12px;
}


#cabecalho.dark {
    background-color: #f8f8f9;
}
 

#barraNewsletter {
    background: #e8e9eb;
    box-shadow: var(--ns-newsletter-box-shadow,none);
    padding: 20px;
}


#cabecalho .header-icons>div {
  /*    color:#272e57;*/
 
}
.botao.principal {
    background:#97c13e;
    color: #FFF;
}
 

#cabecalho .header-icons>div svg {
 /*   fill: #272e57;*/
     
}
#cabecalho .header-icons>div:hover {
   color:#9bc542; 
}

#cabecalho .header-icons>div:hover svg {
     fill: #9bc542; 
}
#cabecalho .header-icons>div .message {
   /*   color: #272e57;*/
    
}


#rodape .institucional .titulo {
    border-bottom: 1px solid rgba(255,255,255,0.6);
 
}







.botao:hover{     background:#9bc542 }

@media (max-width: 992px) {
    
    .whatsapp-float-button {
    bottom: 108px;
    padding: 0.8rem;
    right: 28px;
}
    #corpo {
 
    margin-top: 0px;
}
#cabecalho .menu-mobile span {
    background: #fff;
    height: 2px;
    width: 100%;
}
#cabecalho .carrinho>a .icon-shopping-cart {
     color:#fff!important;
}

#cabecalho .carrinho .icon-shopping-cart svg {
    fill: #fff!important;
}
 
}