@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@600&display=swap');
 html{ background: var(--bg-footer) !important; }
.main-sidebar{ background: var(--bg-logo) !important;}
.dropdown-menu { background:  var( --barra-superior-2) !important; }
.dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover{background-color:var( --bg-menu) !important;}
.nav-item button{ background: var(--barra-superior) !important; color:var(--fonte-footer) !important; width: 200px;font-size: 0.9em; padding: 1px 10px; }
.navbar-white{background:  var( --barra-superior) !important;  border-style: none !important}
.navbar-blue{background:  var( --barra-superior-2) !important; border-style: none !important}
.main-header .nav-item a{ color: var( --fonte-barra-superior) !important;}
.nav-item {padding-right: 10px; }
.nav-item-mob{background: var(--barra-superior) !important; color:var(--fonte-footer) !important; font-size: 0.9em; padding: 1px 10px; height: 50px; width: 450px; border-radius:0px;}
.sidebar-collapse .img-logo{ max-width: 50px; }
.main-footer{ background:var(--bg-footer) !important; color:var(--fonte-footer) !important }  
.icon-card {padding: 3px 6px;background: #28a745;font-size: 1em;color:#fff;margin:2px; cursor: pointer;} 
.icon-card:hover{ background: #fff;color:#28a745; }
.dropdown-mob {background:  var( --barra-superior-2) !important; border-style: none !important}
.icon-card-m {padding: 3px 6px;background: #5f7564;font-size: 1em;color:#fff;margin:2px; cursor: pointer;} 
.icon-card-m:hover{ background: #fff;color:#28a745; }
.moeda{font-size:1.1em;color: #28a745;font-weight: 800; text-align: left ;margin-top: 8px;}
.moeda-d{font-size:2.0em;color: #28a745;font-weight: 800; margin-top: 8px;}
.moeda-desconto{font-size: 0.8em; color: #ff1818; font-weight: 800; text-decoration: line-through; text-align:left;}
.box-product, .box-group{font-family: 'Hind Madurai', sans-serif !important;}
.box-product:hover{ opacity: 0.7;}
.box-info{font-size:12px }
.tit-group{ font-size: 0.8em}
.card-title{font-family: 'Hind Madurai', sans-serif !important; font-size:0.8em}
.container-ofertas{background: #dcdcdc; border-radius: 11px;}

#close-modal{
    background: var(--barra-superior) !important; 
    color:var(--fonte-footer) !important;
    height: 50px;
    margin: 0 !important;
    opacity: inherit;
}

.modal-header-menu { 
    color: var( --fonte-barra-superior) !important;
    background: var( --fonte-barra-superior) !important; 
    padding: 0px;
    height: 50px;
    margin: 0px;
}

@media(min-width: 701px){          
    .frete-info-1{        
        width: 70%; 
        height: 40%;
        margin-top: 30px;
        margin-left: 20px;
        margin-right: 20px;  
        cursor: pointer;
    }
    
    .frete-info-2{        
        width: 70%; 
        height: 40%;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;
        cursor: pointer;
    }
    
    .cart-nav-mob{
        display: none;
    }   
    
    .card-title{
        
    }
    
    .box-mobile-1{
        padding: 100px 50px;
    }
    
    .box-mobile-2{
        padding: 100px 50px;
    }
    
    .div-central{
        display: flex;
        justify-content: center;
    }    
    
    .dropdown-item-title{
        color: var( --fonte-barra-superior) !important;
    }
    
    .card-inativo{
        height: 50px;        
    }
    
    .font-maior{
        float: left; 
        margin-left: 15px; 
        color: #0369ab; 
        font-size: 25px; 
        width: 220px; 
        text-align: left; 
    }
    
    .font-menor{
        float: left; 
        margin-left: 15px; 
        color: #0369ab; 
        font-size: 16px;
    }
    
    .market{
        margin: 0px;         
        max-width: 100%;        
        justify-content: center;        
        padding-left: 15%;
    }
    
    .div-font{
        float: left;        
    }
    
    #controller-group .owl-carousel .item {
        height: 10rem;
        background: #fff;
        padding: 1rem;
    }
    
    .owl-carousel{
        width: 95%;        
    }
    
    .sis-row{
        display:flex;
        flex-wrap: wrap;
        margin-right: -7.5px; 
        margin-left: -7.5px;
    }
    
    .icon-card-mob-2 {
        padding: 58px 32px;;
        background:var(--cor-principal);
        font-size: 2.5em;
        color: #fff;
        margin: 2px;
        cursor: pointer;
        width: 76%;
        margin-left: 18px;
    }
    
    .icon-card-group{    
        padding: 58px 32px;;
        background:var(--cor-principal);
        font-size: 2.5em;
        color: #fff;
        margin: 2px;
        cursor: pointer;
        width: 76%;
        margin-left: 18px;
    }
    
    .icon-card-marca{    
        padding: 58px 32px;;
        background:var(--cor-principal);
        font-size: 2.5em;
        color: #fff;
        margin: 2px;
        cursor: pointer;
        width: 76%;
        margin-left: 18px;
        margin-bottom: 40px;
    }
    
    .icon-image{            
        background:var(--cor-principal);
        cursor: pointer;
        width: 60px;       
        height: 60px;
        float: left;
    }
  
    .div-image{        
      width: 32%;
      height: 100px;      
      margin-top: 15px;
      cursor: pointer;
      padding: 0px;
      justify-content: center;
    } 
    
    .div-image-empresa{
        width : 100%;         
    }
    
    .navbar-mob{
        height: 100px;
    }
    
    .navbar-nav{
        margin-left: 20%;
    }
  
    .navbar-blue{      
        height: 45%;
    }
    
    .div-moeda{
        height: 50px;
    }    

    .titulo-secao{
        font-size: 1.5em;
        margin: 0;
        margin-top: 10px;        
    }
    
    .filtro-titulo-colap{
        display: none;
    }
    
    .filtro-titulo{
        
    }    
    
    .filtro-titulo-fab-colap{
        display: none;
    }
    
    .filtro-titulo-fab{
        
    }  
    
    .titulo-prod-mais-vend{
        padding-top: 40px; 
        margin-bottom: 40px; 
        margin-top: 0px;
        font-size: 1.5em;
    }
    
    #lst1{
        display: none;
    }
    
    #lst2{
        display: none;
    }
    
    .img-circle-lst1{
        display: none;
    }
    
    .img-circle-lst2{
        display: none;
    }
    
    .titulo-secao{
        font-size: 1.5em;
        margin: 0;
        margin-top: 10px;                
        color: black;
        display: inline;
    }
    
    .icon-card-secao{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 60px;
        height: 60px;
    }
    
    .titulo-secao-grd{
        justify-content: center;
    }    
}

.desc-group{
    font-size: 0.8em;
    font-family: 'Hind Madurai', sans-serif !important;
    text-align: center;
    display: flex;    
    justify-content: center;
}

@media(max-width: 700px){   
    .frete-info-1{        
        width: 90%; 
        height: 40%;
        margin-top: 30px;
        margin-left: 20px;
        margin-right: 20px;   
        cursor: pointer;
    }
    
    .frete-info-2{        
        width: 90%; 
        height: 40%;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 20px;   
        cursor: pointer;
    }
    
    .pol1{
        margin-left: 20px;
    }
    
    .pol2{
        margin-left: 75px;
    }
    
    .fter{
       display: none; 
       height: 0px;
    }
    
    .titulo-secao-grd{
        justify-content: center;
        display: none;
    }
    
    .img-circle-lst1{
        display: inline;        
        border-radius: 15px;
        display: none;
    }
    
    .img-circle-lst2{
        display: inline;        
        border-radius: 15px;
        display: none;
    }
    
    .titulo-prod-mais-vend{                
        padding-top: 0px;         
        margin-top: 0px;
        margin-bottom: 10px; 
        font-size: 1.0em;
    }
    
    .card-body{
        padding: 0;
        margin-bottom: 15px;
    }
    
    .sis-row{
        display:flex;
        flex-wrap: wrap;
    }  
    
    .filtro-titulo-colap{
        display: flex;
        margin: 0;
    }
    
    .filtro-titulo{
        display:none;        
        color: black;
    }
    
    .filtro-titulo-fab-colap{
        display: flex;
        margin: 0;
    }
    
    .filtro-titulo-fab{
        display:none;        
        color: black;
    }
    
    .box-mobile-1{
        padding: 50px 50px;
        margin: 10px 10px 0px 0px;
    }
    
    .box-mobile-lista{
        padding: 50px 50px;
        margin: 0;
        width: 20%;
    }
    
    #lst1{
        margin-bottom: 0px;
        margin-top: 0px;
        display: none;
    }
    
    #lst2{
        margin-bottom: 0px;
        margin-top: 0px;
        display: none;
    }
        
    .moeda-lst{
        font-size:1.0em;
        color: #28a745;
        font-weight: 800; 
        text-align: left ;
        margin: 0;
        padding: 0;        
    }
    
    .moeda-desc-lst{
        font-size: 0.8em; 
        color: #ff1818; 
        font-weight: 800; 
        text-decoration: line-through; 
        text-align:left;
        margin: 0;
        padding: 0;        
    }
    
    #lst-texto{
        font-size: 0.8em;               
    }
    
    .box-mobile-2{
        padding: 100px 50px;
    }
    
    .box-product1{
        padding: 0;        
    }
    
    .box-product2{
        padding: 0;
        display: flex;        
    }
    
    .item{
        padding: 10px;
    }
    
    .div-secao{
        display: flex;
        text-align: center;
        justify-content: center;
    }
    
    #card-mob{
        border: none;        
    }
    
    .card-inativo{
        height: 83px;
    }
    
    .font-maior{
        text-align: center;        
        color: #0369ab; 
        font-size: 15px; 
    }
    
    .font-menor{
        text-align: center;       
        color: #0369ab; 
        font-size: 9px;        
    }
    
    .navegacao{
        display: none;
    }
    
    .img-logo{
        margin-left: 5%;
        width: 55px;
    }
    
    .icon-card-mob{
      background: var(--cor-principal);
      color: #fff;
      cursor: pointer;
      width: 25px;
      height: 25px;
    }
    
    .icon-card-secao{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 40px;
        height: 40px;
    }
    
    .titulo-secao{
        font-size: 1.5em;
        margin: 0;
        margin-top: 10px;                
        color: black;
    }
    
    .icon-card-mob-2{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 60px;
        height: 60px;
    }
    
    .item-secao{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 100px;
        height: 20px;
    }
    
    .lbl-menu{
        font-size: 12px; 
        margin-left: 5px; 
        margin-top: 4px;
    }
    
  .icon-card-group {
      padding: 50px 26px;
      background: var(--cor-principal);
      font-size: 2.5em;
      color: #fff;
      margin: 2px;
      cursor: pointer;
      width: 35%;
      margin-left: 94px;
  }
  
  .icon-card-marca {
      padding: 50px 26px;
      background: var(--cor-principal);
      font-size: 2.5em;
      color: #fff;
      margin: 2px;
      cursor: pointer;
      width: 80%;
      margin-left: 10px;
      margin-bottom: 40px;
  }

    .icon-image{            
        background:var(--cor-principal);
        cursor: pointer;
        width: 30px;       
        height: 30px;
        margin-left: 0px;
        padding: 0px;
        display: inline-flex;
    }
  
    .div-image{
      width: 30%;
      height: 100px;   
      cursor: pointer;
      margin-top: 15px;
      align-items: center;
      justify-content: center;
      text-align: center;
    } 
  
  .navbar-blue{      
      display: none;
  }
  
  .navbar-mob{
      height: 120px;  
  }
  
  .navbar-nav{
     display: none;  
  }
  
    .moeda{
        font-size:1.1em;
    } 
  
    .market{
        margin: 0px;         
        max-width: 100%;        
        justify-content: center;   
    }
    
    .div-moeda{
        height: 35px;
    }
    
}    
  
@media(max-width: 500px){     
    .tit-mob{
        display: none;
    }
    
    .titulo-secao-grd{
        justify-content: center;
        display: none;
    }
    
    .img-circle-lst1{
        display: inline;        
        border-radius: 15px;
        display: none;
    }
    
    .img-circle-lst2{
        display: inline;        
        border-radius: 15px;
        display: inline;
    }
    
    .titulo-prod-mais-vend{                
        padding-top: 0px;         
        margin-top: 0px;
        margin-bottom: 10px; 
        font-size: 1.0em;
    }
    
    .card-body{
        padding: 0;
        margin-bottom: 15px;
    }
    
    .sis-row{
        display:flex;
        flex-wrap: wrap;
    }  
    
    .filtro-titulo-colap{
        display: flex;
        margin: 0;
    }
    
    .filtro-titulo{
        display:none;        
        color: black;
    }
    
    .filtro-titulo-fab-colap{
        display: flex;
        margin: 0;
    }
    
    .filtro-titulo-fab{
        display:none;        
        color: black;
    }
    
    .box-mobile-1{
        padding: 50px 50px;
        margin: 10px 10px 0px 0px;
    }
    
    .box-mobile-lista{
        padding: 50px 50px;
        margin: 0;
        width: 20%;
    }
    
    #lst1{
        margin-bottom: 0px;
        margin-top: 0px;
        display: none;
    }
    
    #lst2{
        margin-bottom: 0px;
        margin-top: 0px;
        display: flex;
    }
        
    .moeda-lst{
        font-size:1.0em;
        color: #28a745;
        font-weight: 800; 
        text-align: left ;
        margin: 0;
        padding: 0;        
    }
    
    .moeda-desc-lst{
        font-size: 0.8em; 
        color: #ff1818; 
        font-weight: 800; 
        text-decoration: line-through; 
        text-align:left;
        margin: 0;
        padding: 0;        
    }
    
    #lst-texto{
        font-size: 0.8em;               
    }
    
    .box-mobile-2{
        padding: 100px 50px;
    }
    
    .box-product1{
        padding: 0;        
    }
    
    .box-product2{
        padding: 0;
        display: none;        
    }
    
    .item{
        padding: 10px;
    }
    
    .div-secao{
        display: flex;
        text-align: center;
        justify-content: center;
    }
    
    #card-mob{
        border: none;        
    }
    
    .card-inativo{
        height: 83px;
    }
    
    .font-maior{
        text-align: center;        
        color: #0369ab; 
        font-size: 15px; 
    }
    
    .font-menor{
        text-align: center;       
        color: #0369ab; 
        font-size: 9px;        
    }
    
    .navegacao{
        display: none;
    }
    
    .img-logo{
        margin-right: 5%;
        width: 55px;
    }
    
    .icon-card-mob{
      background: var(--cor-principal);
      color: #fff;
      cursor: pointer;
      width: 25px;
      height: 25px;
    }
    
    .icon-card-secao{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 40px;
        height: 40px;
    }
    
    .titulo-secao{
        font-size: 1.5em;
        margin: 0;
        margin-top: 10px;                
        color: black;
    }
    
    .icon-card-mob-2{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 60px;
        height: 60px;
    }
    
    .item-secao{
        background: var(--cor-principal);
        color: #fff;
        cursor: pointer;
        width: 100px;
        height: 20px;
    }
    
    .lbl-menu{
        font-size: 12px; 
        margin-left: 5px; 
        margin-top: 4px;
    }
    
  .icon-card-group {
      padding: 50px 26px;
      background: var(--cor-principal);
      font-size: 2.5em;
      color: #fff;
      margin: 2px;
      cursor: pointer;
      width: 35%;
      margin-left: 94px;
  }
  
  .icon-card-marca {
      padding: 50px 26px;
      background: var(--cor-principal);
      font-size: 2.5em;
      color: #fff;
      margin: 2px;
      cursor: pointer;
      width: 80%;
      margin-left: 10px;
      margin-bottom: 40px;
  }

    .icon-image{            
        background:var(--cor-principal);
        cursor: pointer;
        width: 30px;       
        height: 30px;
        margin-left: 0px;
        padding: 0px;
        display: inline-flex;
    }
  
    .div-image{
      width: 30%;
      height: 100px;   
      cursor: pointer;
      margin-top: 15px;
      align-items: center;
      justify-content: center;
      text-align: center;
    } 
  
  .navbar-blue{      
      display: none;
  }
  
  .navbar-mob{
      height: 120px;  
  }
  
  .navbar-nav{
     display: none;  
  }
  
    .moeda{
        font-size:1.1em;
    } 
  
    .market{
        margin: 0px;         
        max-width: 100%;        
        justify-content: center;   
    }
    
    .div-moeda{
        height: 35px;
    }
 }

#map {
  height: 200px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
}

.flutua{
  position: fixed;
  float: left;
  width: 100%;
  padding: 35px;
  height: 100px;
  z-index: 100;
  background: #0000004a;
}

.opc-dinheiro{  
  background: #bae3c3;
  text-align: center;
  font-weight: 900;
}

.opc-cartao{ 
  background: #d5eef2; 
  text-align: center;
  font-weight: 900;
}

.opc-pix{  
  background: #EAC7FA;
  text-align: center;
  font-weight: 900;
}

.opc-cartaopix{ 
  background: #FDC380 !important;  
  text-align: center;
  font-weight: 900;
}


.dropdown-menu{
  width: 330px;
}

.nav-bt-active{ background: var(--cor-principal); }

.filtro-label{ 
    font-size: 0.7em !important;
}

#btn_ant_mais_vend, #btn_nxt_mais_vend {
    position: absolute;
    top: 175px;
}

#btn_ant_mais_vend{
    left: 0px;
}

#btn_nxt_mais_vend{
    right: 0px;
}

#btn_ant_ofertas, #btn_nxt_ofertas {
    position: absolute;
    top: 175px;
}

#btn_ant_ofertas{
    left: 0px;
}

#btn_nxt_ofertas{
    right: 0px;
}

#btn_ant_marcas, #btn_nxt_marcas {
    position: absolute;
    top: 50px;
}

#btn_ant_marcas{
    left: 0px;
}

#btn_nxt_marcas{
    right: 0px;
}

#btn_ant_secao, #btn_nxt_secao {
    position: absolute;
    top: 50px;
}

#btn_ant_secao{
    left: 0px;
}

#btn_nxt_secao{
    right: 0px;
}

#btn_ant_produto, #btn_nxt_produto {
    position: absolute;
    top: 175px;
}

#btn_ant_produto{
    left: 0px;
}

#btn_nxt_produto{
    right: 0px;
}

#btn_ant_fab, #btn_nxt_fab {
    position: absolute;
    top: 175px;
}

#btn_ant_fab{
    left: 0px;
}

#btn_nxt_fab{
    right: 0px;
}

#btn_ant_sec, #btn_nxt_sec {
    position: absolute;
    top: 175px;
}

#btn_ant_sec{
    left: 0px;
}

#btn_nxt_sec{
    right: 0px;
}

#btn_ant_conheca, #btn_nxt_conheca {
    position: absolute;
    top: 30px;
}

#btn_ant_conheca{
    left: 5px;
}

#btn_nxt_conheca{
    right: 5px;
}

.owl-carousel-conheca{
    width: 91%;
}