/*****************************************/

body {
  --barraAvisoTopoBG: #011016;
  --barraAvisoTopoTexto: #dedede;
  --barraAvisoTopoAltura: 25px;
  margin-top: var(--barraAvisoTopoAltura);

}


a.botao.botao-comprar.principal.grande {
    background: #01c7c485 !important;
    float: right;
    margin-top: 46px;
    margin-bottom: -100px;
    margin-right: 45px;
    position: relative;
    font-size: 17px;
}

.acoes-produto-responsiva .tag-comprar {
    margin: 0;
    border-radius: 15px;
}


.conteudo-topo .busca-mobile .atalho-menu {
    float: right;
    line-height: 28px;
    padding: 15px;
}

.atalhos-mobile {
    display: none !important;
    text-align: center;
    border-style: solid;
    border-width: 0 0 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.conteudo-topo .superior {
    padding: 0px !important;
}

.atalhos-mobile {
    display: block;
    text-align: center;
    border-style: solid;
    border-width: 0 0 5px;
    position:inherit;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}


a.botao.botao-comprar.principal.grande {
    background:#01c7c485 !important;
}

a.botao.botao-comprar.principal.grande:hover {
    background:#01c7c4 !important;

}

.icon-user:before {
    content: "\f007";
    margin-right: 10px;
}

.componente {
    
    background-color: rgba(0,0,0,0.1);
    margin-left: 10px;
}

.filtro {
    
    margin-left: 10px;
}


.produto .conteiner-imagem>div {
    max-width: 90%;
    padding: 0 0 5px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.logo a img {
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
}

.produto>.row-fluid:first-child {
    padding-bottom: 20px;
    margin: 60px 0px 50px;
}

.span12.produto {
    
    padding: 0px 35px 0px 35px;
}

.coluna.span3 {
    
    padding: 10px;
    
}

.menu ul {
    
    margin-top:10px;
    
}

.input-append label {
    margin-top:0px !important;
}


.conteiner-principal {
    background-color: #ffffff !important;
}


.banner.cheio+.row-fluid {
    margin: 20px 0px;
}


.menu.lateral .nivel-um>li {
    padding: 0;
    width: 100%;
    background:white;
}

.menu.lateral.outras .nivel-um {
    display:block !important;
    
}

.menu.lateral .nivel-um>li>a {
    padding: 0 20px;
    margin-left: 10px;
}


.barraAvisoTopo {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;

  width: 100%;
  min-height: var(--barraAvisoTopoAltura);
  padding: 4px;

  display: inline-block;
  text-align: center !important;

  background: var(--barraAvisoTopoBG);
  color: var(--barraAvisoTopoTexto);
  font-size: 12px;
  font-weight: bold;
}

/**/


/** BANNER PRINCIPAL **/

.flexslider {
    background: 0;
    margin: 0;
    border: 0px solid transparent;
    overflow: hidden;
    border-radius: 0px;
}

.conteiner-principal .conteiner {
    background-color: #fff;
    box-shadow: none;
    padding: 0 !important;
}

/***************************/


.listagem .bandeiras-produto .bandeira-carrinho {
    background-color: #01c7c4;
}

.botao.principal {
    border-radius: 10px !important;
    background-color: #01c7c4 !important;
}



.nivel-um {
    display: flex;
    align-items: center;
    justify-content: center;
}

.coluna>div, #corpo .conteiner>div {
    margin-bottom: 0px !important;
    padding: 0px !important;
    padding-top: 0px !important;

}

#cabecalho > .conteiner > .menu .superior { text-align : center ; }
#cabecalho > .conteiner > .menu .superior .nivel-um > li { float : none ; display : inline-block ; border-left : 0 ; margin-right : -3px ; }

/**/

#barraTopo {
    display:none;
    height:0;
    
}
#barraTopo .conteiner {
    display: none !important;
   
}

#cabecalho {
  padding-top: 0 !important;
  position: sticky;
  z-index: 90;
  top: 0

}

.breadcrumbs ul {
    margin: 15px 10px;
}

.conteudo-topo .superior {
    padding: 10px 0;
}


.botao principal grande {
    border-radius:20px;
}

.btn-group:last-child>.dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin-top: 10px;
}

.listagem .listagem-item .nome-produto {
    font-size: 20px !important;
    line-height: 18px;
    display: inline-block;
    min-height: 40px;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 400;
}

.busca form, .busca input {
    margin: 0;
    background-color: #ebebeb;
    height: auto;
    border-radius:10px;
}

.carrinho {
    border-radius:20px;
}

.icon-shopping-cart:before {
    content: none !important;
}

.carrinho>a i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    background: url(https://cdn.awsli.com.br/2312/2312037/arquivos/carrinho2.png);
}

.barra-inicial {
    background-color: #444444;
    height: 30px;
    display:none;
}

.canais-contato ul {
    float: right;
    line-height: 1;
}

.carrinho {
    margin-right:50px;
}

.carrinho>a i {
    display: block;
    width: 55px;
    height: 44px;
    line-height: 40px;
    font-size: 26px;
    background: url(https://cdn.awsli.com.br/2312/2312037/arquivos/carrinho2.png) no-repeat;
    border: none;
    align-content: center;
    margin-left: 20px;
}

.conteudo h1 {
    font-size: 30px;
    margin-top: -1px !important;
}

.finalizar-compra {
    padding: 0px 35px;
}

.ordenar-listagem label {
    font-size: 12px;
    margin-top: 10px !important;
    float: left;
    padding: 4px 12px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px 0 0 4px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(255,255,255,0.2));
}

/**** - BARRA BUSCA - ****/
.borda-alpha {
    border-color: white !important;
}

.busca {
    width: 65%;
    position: relative;
    padding: 5px;
    background: transparent;
}



.busca .botao-busca {
    position: absolute;
    right: -4px;
    width: 50px;
    border-radius: 15px;
}

/*****  **/
.botao.principal {
    border-radius: 10px !important;
}
 
/*** MENU CATEGORIAS ***/

.menu.superior {
    background-color: #3b3b3b;
    margin: 0px;
   
} 

.menu .titulo {
    display: inline-block;
    white-space: normal;
    font-size: 14px;
    color: white;
    font-weight: 600;
}

#barraTopo .conteiner {
    padding: 5px 20px;
    background: 0;
    box-shadow: none;
    background-color: white;
    text-align: center;
}

.coluna>div, #corpo .conteiner>div {
    margin-bottom: 20px;
    padding: 15px;
}

.conteudo.span12 {
    padding: 0 60px;
    
}
.conteiner {
    max-width: 100% !important; 
    margin: 0 auto !important; 
    padding: 10px 0 !important;
}

.conteiner-principal .conteiner {
    background-color: #fff;
    box-shadow:none;
}

.listagem-item .acoes-produto {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20%;
    background-color: rgba(255,255,255,0.5);
    text-align: center;
    padding: 10px 0;
    border-width: 0px 0;
    border-style: dashed;
    z-index: 15;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity ease-in-out .08s,bottom ease-out .08s;
}

.listagem .listagem-item .nome-produto {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    min-height: 40px;
    word-wrap: break-word;
    word-break: break-word;
    font-weight: 500;
}


.listagem.aproveite-tambem .listagem-item .nome-produto {
    font-weight: 400;
    font-size: 17px !important;
    margin-top: 10px;
}
.preco-produto {
    font-size:20px !important;
    color:#f06565;
}

.preco-produto strong.titulo {
    font-size: 20px;
    white-space: nowrap;
    font-weight: 800;
    font-family: 'roboto';
}

.produto>.row-fluid:first-child {
    padding-bottom: 20px;
    margin: 50px 0px;
}

.destaque-avista {
    font-size:20px !important;
    font-family: 'roboto' !important ;
    text-align:center;
    
}

.listagem .info-produto {
    padding: 15px 5px 10px;
    position: relative;
    font-weight: 600;
    text-align: center;
}

.acoes-produto .icon-search:before {
    content: '';
}

.listagem .listagem-linha>ul {
    margin-left: auto;
}

.principal {
    display: inline-block;
}

.produto .nome-produto {
    font-size: 28px;
    line-height: normal;
    margin: 0;
    font-weight: 500;
}

.comprar a {
    width:400px;
    display:inline-block;
    border-radius:15px;
    background-color: #7ced92 !important;
    
}

.comprar a:hover {
    background-color:#7ced92 !important;
    opacity:0.9;
}

.bandeiras-produto span {
    background-color: #01c7c4;
    display: inline-block;
    padding: 0 10px;
    line-height: 17px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    margin: 0 3px 3px 0;
    border: none;
    border-radius: 15px;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
    white-space: nowrap;
}
.botao i {
    margin-right: 2px;
}

.menu.lateral .titulo {
    margin: 10px 0;
    color: #3b3b3b;
}

.listagem .titulo-categoria {
    display: block;
    text-align: center;
    font-size: 25px;
    color:#3b3b3b;
    margin: 40px 0 0;
    padding: 20px 0;
    transition: all .2s ease;
    border-color:#3b3b3b42;
    text-transform: uppercase;
}

.listagem .titulo-categoria:hover {
    text-decoration: none;
    background: none;
    padding-left: 15px;
    font-weight: bold;
    
}

.span8 a {
    display:none;
}

.span12 .listagem{
    padding: 0 20px !important;
}

.menu.superior .nivel-um>li {
    float: left;
    border-right: 1px solid rgba(0,0,0,0.1);
    border-left: none !important;
}
.menu.superior .nivel-um>li:hover {
   border-top-color:#01c7c4;
}
#rodape .institucional, #rodape .pagamento-selos {
    padding: 10px 35px 50px;
}

.pagamento-selos {
    background: white;
}

#barraNewsletter .componente .interno-conteudo {
    text-align: center;
    min-height: 30px;
    font-size: 0;
    font-weight: 900;
}

#rodape .institucional {
    background: #414141;
}

/***** CABEÇALHO FIXO COM SCROLL *****/

.sticky {
position:sticky;
top: 0;
z-index: 99;
}

.hideMenu{
opacity:0;
}



/***** ZOOM IMAGEM PRODUTO PÁGINA PRODUTO *****/

.zm-viewer {
    top: 237px;
    left: 67.5938px;
    width: 522px;
    height: 450px;
    display: none;
    z-index: 1 !important;
}

#rodape .redes-sociais {
    width: 220px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    background:transparent;
    box-shadow: none;
    margin-top:8px;
    border:none;
}

.redes-sociais.borda-principal .titulo.cor-secundaria.hidden-phone {
    color:white;
}

.listagem.aproveite-tambem .listagem-item .nome-produto {
    font-weight: 400;
    font-size: 17px !important;
}

.listagem .titulo {
    margin: 15px 0;
    font-weight: 600;
    font-size: 20px;
}

#rodape .titulo {
    
    margin-left:50px;
}

.links-rodape ul li {
    margin-left: 50px;
}

#rodape .span4.sobre-loja-rodape .titulo {
    margin-left:0px;
}

#rodape .redes-sociais.borda-principal .titulo.cor-secundaria.hidden-phone {
    color: white;
    margin-left: 0px !important;
}

#logomv6 {
    opacity: 1 !important;
    display: inline !important;
    visibility: visible !important;
    margin: 10px !important;
    position: static !important;
    max-width: 100px !important;
    max-height: 1000px !important;
    height: auto !important;
}

.lista-redes .icon-facebook {
    background-color: #3a589b;
    margin-left: 300px !important;
}




.span4.sobre-loja-rodape p {
    width:80%;
}

.selos>ul {
    margin: 0 0 0 50px;
}

#rodape .span12.visible-phone ul {
    margin-left:50px;
}

.tag-comprar.fundo-principal {
    background: #19cbc8;
}

@media only screen and (max-width: 767px) {
 #rodape .span4.sobre-loja-rodape {
    margin-left:50px;
    }
}

@media only screen and (max-width: 1250px) {
    #cabecalho a.botao.botao-comprar.principal.grande {
    margin-top: 123px !important;
    float: left;
    width: 7%;
    margin-left: 8px;
    visibility:hidden;
        
    }
}

@media only screen and (max-width: 1000px){
.busca {
    margin: auto;
    padding: 0;
    border: none;
}
}

.produto-mais-info {
    font-size:11px;
}

@media only screen and (max-width: 767px) {
.busca input {
    width: 91%;
    padding: 10px;
    margin-top: 10px !important;
}
}
@media only screen and (max-width: 767px) {
.busca .botao-busca {
    top: 11px !important;
}
}

.lista-redes ul li {
    float: left;
    border-left: 0px solid #ddd;
}