@import url('//fonts.googleapis.com/css?family=Rubik:300,400,500,700');

/* Reset */
a,button,input[type="submit"],input[type="button"],.btn,a:before,a:after{
    cursor: pointer;
}
 
ul, li,
.links-rodape ul li{ 
    list-style: none; 
}

.inline-block li{
    display: inline-block;
}
 
body, form, ul, li, h1, h2, h3, h4, h5, h6{ 
    margin: 0; 
    padding: 0;
}
 
body, a, span, strong, b, p, h1, h2, h3, h4, h5, h6, input, .titulo{ 
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    font-weight: 300;
}
 
a:hover{ 
    text-decoration: underline; 
}
#cabecalho .carrinho-interno>div .botao:hover,
#cabecalho .bem-vindo:hover,
#cabecalho .busca .botao-busca:hover,
#cabecalho .btn-group .dropdown-menu li:hover a,
#rodape .lista-redes a:hover i{
    opacity: 0.8;
}
 
input:focus, 
select:focus{ 
    outline: none; 
}
 
/* Ocultando elementos */
#cabecalho .conteudo-topo .superior.row-fluid,
#cabecalho .carrinho a > span,
.acoes-conta>li i,
.barra-inicial .canais-contato i.icon-comment,
#cabecalho .carrinho .botao i,
.banner.cheio .flex-direction-nav,
#corpo .listagem-item.produto-adicionado .bandeiras-produto .adicionado-carrinho,
#barraNewsletter .componente .titulo .icon-envelope-alt,
#rodape .selos .titulo,
#rodape .redes-sociais .titulo,
.breadcrumbs ul li .icon-home,
.pagina-carrinho #ad-instagram,
.conteudo h1.titulo,
.componente .icon-file-text,
.componente .icon-envelope-alt{
    display: none;
}
#barraTopo{
    display: none!important;
}

/* removendo bordas */ 
img, 
input, 
.flexslider,
.lista-redes ul li,
#cabecalho .carrinho,
.login .btn-group .botao,
.canais-contato ul li,
.lista-redes ul li,
.menu.superior .nivel-um>li:hover,
#cabecalho .carrinho .carrinho-interno,
#cabecalho #form-buscar input,
.menu.superior .nivel-um>li,
#cabecalho .inferior .btn-group a,
.listagem .titulo-categoria,
.listagem .listagem-linha li,
#corpo .listagem-linha li .listagem-item .acoes-produto,
#corpo .listagem-linha li .listagem-item .bandeiras-produto .bandeira-promocao,
#barraNewsletter .input-conteiner.newsletter-cadastro input,
#barraNewsletter .componente .botao,
#rodape .titulo,
#rodape .gateways-rodape,
#rodape .redes-sociais,
.breadcrumbs,
.pagina-carrinho #rodape div .span12,
.ordenar-listagem.topo,
.ordenar-listagem.rodape,
.lateral .filtro,
.componente.newsletter,
.listagem .listagem-linha,
.coluna .filtro h4{ 
    border: 0 none; 
} 

/* removendo box-shadows */ 
.conteiner-principal .conteiner,
.menu.superior .nivel-dois,
.menu .nivel-dois, 
.menu .nivel-tres, 
.menu.lateral .nivel-um>li>a,
.newsletter input[type="text"],
.listagem .bandeiras-produto span,
#barraNewsletter .componente input[type="text"],
#rodape .redes-sociais,
#rodape .caixa-facebook,
.pagina-pagina .caixa-sombreada,
#cabecalho .busca input,
#barraNewsletter.posicao-rodape,
#barraNewsletter .componente .botao,
.lateral .filtro{ 
    box-shadow: none; 
}

.lateral .filtro{
    outline: none;
}

/* removendo backgrounds */   
.conteiner-principal .conteiner,
.lista-redes .icon-instagram,
#cabecalho .carrinho>a i,
.login .btn-group .botao,
#cabecalho .busca,
#cabecalho .busca .botao-busca,
#cabecalho .busca input,
.menu.superior,
#cabecalho .inferior .btn-group a,
.listagem .titulo-categoria,
.listagem .titulo-categoria:hover,
#corpo .listagem-linha li .listagem-item .acoes-produto,
#barraNewsletter .componente, 
#barraNewsletter.posicao-rodape .conteiner,
#barraNewsletter .componente .botao,
#rodape .lista-redes a:hover i{ 
    background: none; 
}

.pagina-inicial{
    background: #f3f3f3;
}

/* Cabecalho */
.lista-redes .acoes-conta li,
.canais-contato ul li{
    float: none;
    display: inline-block;
}
.lista-redes .acoes-conta li:last-child,
.canais-contato ul li.tel-whatsapp{
    float: left;
}
    .lista-redes .acoes-conta li:last-child a{
        border-right: 1px solid #fff;
        margin-right: 8px;
        padding-right: 8px;
    }
    .canais-contato .tel-whatsapp{
        padding-right: 20px;
    }

.logo a{
    height: 55px;
}
    .logo a img{
        right: auto;
        top: 6px;
    }    

#cabecalho #form-buscar{
    height: 50px;
    border: 1px solid #fff;
    line-height: 46px;
}
    #cabecalho #form-buscar input{
        font-size: 15px;
        padding: 0 0 0 10px;
        color: #999999;
        width: 78%;
    }
    #cabecalho .busca input::-webkit-input-placeholder{ color: #999999; }
    #cabecalho .busca input::-moz-placeholder{ color: #999999; }
    #cabecalho .busca input:-ms-input-placeholder{ color: #999999; }

    #cabecalho .busca .botao-busca{
        border-left: 1px solid #fff;
        padding: 0 14px 0 10px;
        margin-top: 7px;
        height: 36px;
    }
        #cabecalho .icon-search:before{
            content: '';
            background: url(//cdn.awsli.com.br/442/442849/arquivos/ico-lupa.png) no-repeat;
            height: 18px;
            width: 18px;
        }

#cabecalho .bem-vindo{
    margin-top: 13px;
    margin-left: 8px;
}
#cabecalho .bem-vindo:hover,
.coluna .filtro a:hover{
    text-decoration: none;
}
    #cabecalho .bem-vindo .login{
        background: url(//cdn.awsli.com.br/442/442849/arquivos/ico-login.png) no-repeat left center;
        padding-left: 30px;
        display: block;
    }
        #cabecalho .bem-vindo .login,
        #cabecalho .bem-vindo .login span{
            color: #fff;
            font-size: 14px;
        }
        #cabecalho .bem-vindo .login span{
            display: block;
        }
    #cabecalho .inferior .btn-group > a{
        font-size: 14px;
        padding: 0;
        color: #fff;
        margin-top: 16px;
        width: 152px;
        white-space: initial;
        text-align: left;
    }  
    #cabecalho .btn-group .dropdown-menu{
        border-radius: 0;
    } 
        #cabecalho .btn-group .dropdown-menu li a:hover{
            background-color: #000;
        }  

#cabecalho .carrinho{
    margin-top: 15px;
}
    #cabecalho .carrinho > a > strong{
        position: absolute;
        background: #E94158;
        border-radius: 15px;
        font-size: 14px;
        height: 20px;
        width: 20px;
        line-height: 22px;
        text-align: center;
        color: #fff;
        padding: 0;
        margin: 0;
        border: 3px solid #000;
        top: -13px;
        right: 6px;
    }
    #cabecalho .carrinho > a > .icon-shopping-cart:before{
        content: '';
        background: url(//cdn.awsli.com.br/442/442849/arquivos/ico-carrinho.png) no-repeat;
        height: 30px;
        width: 34px;
    }
    #cabecalho .carrinho-interno>div .botao{
        background: #000;
    }

/* Menu Superior */
.conteudo-topo .menu.superior{
    margin: 0;
    padding: 0;
}
    .menu.superior .nivel-um>li:hover{
        margin: 0;
    }
    .menu.superior li .titulo{
        font-size: 18px;
        color: #fff;
        padding-bottom: 10px;
        border-bottom: 2px solid transparent;
        margin: 19px 0 0 0;
    } 
    .menu.superior li:hover .titulo{
        border-bottom: 2px solid #E84158;
    }  

/* Banners */
.secao-banners{
    background: #fff;
    padding: 20px 0;
}
    .banner.cheio .flex-control-nav{
        bottom: 0;
        right: 0;
        left: 0;
        padding: 0;
    }
    .banner.cheio .flex-control-nav li a{
        background: #fff;
        border: 1px solid #000;
        border-radius: 30px;
        margin: 0;
        font-size: 0;
        height: 16px;
        width: 16px;
    }
    .banner.cheio .flex-control-nav li a.flex-active{
        border: 1px solid #000;
    }
        .banner.cheio .flex-control-nav li a:before{
            content: '';
            width: 12px;
            height: 12px;
            margin: 2px;
            border-radius: 20px;
            background: #fff;
            padding: 0;
            display: block;
        }        
        .banner.cheio .flex-control-nav li a.flex-active:before,
        .banner.cheio .flex-control-nav li a:hover:before{
            background: #000;
        }

.banner.mini-banner{
    clear: both;
    padding: 50px 0 0;
}
    .banner.mini-banner .flexslider{
        border-radius: 0;
    }

/* Vitrine */
#corpo{
    margin-bottom: 0;
}

#corpo .listagem .titulo-categoria,
#corpo .listagem .titulo-categoria:hover{
    margin: 50px 0 45px;
    padding: 0;
    text-align: center;
}
    .listagem .titulo-categoria strong,
    .listagem .titulo-categoria:hover strong,
    .listagem .vitrine-destaque strong:before{
        color: #111111;
        font-size: 25px;
    }
    .listagem .vitrine-destaque strong:before{
        content: 'Produtos em ';
        font-family: 'Rubik', sans-serif;
    }
    .listagem .listagem-linha:first-child{
        padding: 0;
    }
    #corpo .produtos-carrossel{
        background: #fff;
    }
        #corpo .produtos-carrossel .listagem-linha{        
            padding: 0;
        }
            #corpo .produtos-carrossel .listagem-linha div > ul > li{
                padding-bottom: 40px;
                padding-top: 25px;
            }
                #corpo .listagem-linha li .listagem-item{
                    text-align: center;
                    padding-bottom: 20px;
                }
                #corpo .listagem-linha li .listagem-item:hover{
                    box-shadow: 0 0px 10px 0 rgba(0,0,0,0.25);
                }
                    .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto{
                        height: 240px;
                    }
                    #corpo .listagem-linha li .listagem-item .imagem-produto{
                        margin-bottom: 50px;
                    }
                        #corpo .listagem-linha li .listagem-item .imagem-produto:after{
                            content: '';
                            background: #111111;
                            height: 1px;
                            width: 120px;
                            margin: 0 auto;
                            position: absolute;
                            bottom: -30px;
                            left: 0;
                            right: 0;
                        }
                    #corpo .listagem-linha li .listagem-item .nome-produto{
                        font-size: 16px;
                        color: #111111;
                        font-weight: 400;
                    } 
                    #corpo .listagem-linha li .listagem-item .preco-venda{
                        color: #999999;
                        font-size: 15px;
                        text-decoration: line-through;
                    } 
                    #corpo .listagem-linha li .listagem-item .preco-promocional{
                        font-size: 22px;
                        white-space: initial;
                        color: #111111;
                        font-weight: 500;
                    } 
                    #corpo .listagem-linha li .listagem-item .preco-parcela,
                    #corpo .listagem-linha li .listagem-item .preco-parcela strong,
                    #corpo .listagem-linha li .listagem-item .preco-parcela span,
                    #corpo .listagem-linha li .listagem-item .desconto-a-vista,
                    #corpo .listagem-linha li .listagem-item .desconto-a-vista strong{
                        font-size: 15px;
                        color: #999999;
                    } 
                    #corpo .listagem-linha li .listagem-item .acoes-produto .botao{
                        font-size: 0;
                        background: #000;
                        border-radius: 35px;
                        height: 60px;
                        width: 60px;
                        padding: 0;
                    } 
                        #corpo .listagem-linha li .listagem-item .acoes-produto{
                            bottom: -38px;
                        }
                            #corpo .listagem-linha li .listagem-item .acoes-produto .botao i{
                                margin: 0;
                            }
                                #corpo .listagem-linha li .listagem-item .acoes-produto .botao .icon-search:before{
                                    content: '';
                                    background: url(//cdn.awsli.com.br/442/442849/arquivos/ico-carrinho.png) no-repeat center center;
                                    height: 60px;
                                    width: 34px;
                                    line-height: 60px;
                                }  
                        #corpo .listagem-linha li .listagem-item .bandeiras-produto .bandeira-frete-gratis{
                            font-weight: 300;
                            padding-top: 2px;
                        } 
                        #corpo .listagem-linha li .listagem-item .bandeiras-produto .bandeira-promocao{
                            color: #fff;
                            font-size: 14px;
                            background: #E94158;
                            border-radius: 30px;
                            font-weight: 300;
                            width: 50px;
                            height: 50px;
                            line-height: 16px;
                            padding-top: 8px;
                        }  
                            #corpo .listagem-linha li .listagem-item .bandeiras-produto .bandeira-promocao b{
                                display: block;
                            }  
            #corpo .listagem .produtos-carrossel .flex-direction-nav li a{
                width: 40px;
                height: 40px;
                opacity: 1.0;
            } 
            #corpo .listagem .produtos-carrossel .flex-direction-nav li .flex-prev{
                left: -44px;
            }
            #corpo .listagem .produtos-carrossel .flex-direction-nav li .flex-next{
                right: -44px;
            }
                #corpo .listagem .produtos-carrossel .flex-direction-nav li a:before{
                    width: 40px;
                    height: 40px;
                    background: url(//cdn.awsli.com.br/442/442849/arquivos/setas-produtos.png) no-repeat;
                } 
                #corpo .listagem .produtos-carrossel .flex-direction-nav li .flex-prev:before{
                    background-position: -41px 0;
                }
                #corpo .listagem .produtos-carrossel .flex-direction-nav li:hover .flex-prev:before{
                    background-position: 0 0;
                } 
                #corpo .listagem .produtos-carrossel .flex-direction-nav li .flex-next:before{
                    background-position: -82px 0;
                }
                #corpo .listagem .produtos-carrossel .flex-direction-nav li:hover .flex-next:before{
                    background-position: -123px 0;
                }   

    /* Produto adicionado */
    .listagem-item.produto-adicionado .produto-sobrepor{
        opacity: 0;
    }
    .listagem-item.produto-adicionado .imagem-produto img{
        opacity: 1.0;
    }

/* Instagram */
#ad-instagram{
    background: #fff;
    padding: 30px 0 100px 0;
    text-align: center;
}
    #ad-instagram span{
        background: url(//cdn.awsli.com.br/442/442849/arquivos/ico-instagram.png) no-repeat left center;
        padding: 0px 0 0px 27px;
    }
    #ad-instagram span,
    #ad-instagram strong{
        color: #111111;
        font-size: 22px;
    }
    #ad-instagram strong{
        font-weight: 400;
    }

/* Newsletter */
#barraNewsletter.posicao-rodape{
    background: url(//cdn.awsli.com.br/442/442849/arquivos/fundo-rodape.png) repeat-x top center;
}
    #barraNewsletter.posicao-rodape .componente .interno{
        padding: 30px 0;
        overflow: hidden;
    }
    #barraNewsletter .componente.newsletter:before{
        background: #000;
        content: '';
        height: 2px;
        display: block;
        position: relative;
        top: -2px;
    }
    #barraNewsletter .componente .titulo{
        display: block;
        float: left;
        color: #111111;
        font-size: 26px;
        text-transform: uppercase;
        font-weight: 400;
        background: url(//cdn.awsli.com.br/442/442849/arquivos/ico-news.png) no-repeat left center;
        padding-left: 35px;
        margin-left: 60px;
        margin-top: 9px;
        margin-bottom: 0;
    }
    #barraNewsletter .componente .interno-conteudo{
        float: left;
        width: 72%;
    }
        #barraNewsletter .texto-newsletter.newsletter-cadastro{
            color: #111111;
            font-size: 18px;
            font-weight: 400;
            width: 40%;
            white-space: initial;
            line-height: 18px;
            text-align: left;
            margin-top: 6px;
        }
        #barraNewsletter .input-conteiner.newsletter-cadastro{
            width: 50%;
            height: 50px;
            background: #fff;
            border: 1px solid #000;
            line-height: 50px;
        }
            #barraNewsletter .input-conteiner.newsletter-cadastro input{
                width: 80%;
                margin: 0;
                padding: 0 0 0 15px;
                color: #999999;
                font-size: 15px;
            }
            #barraNewsletter .componente .botao{
                float: right;
                border-left: 1px solid #000;
                border-radius: 0;
                padding: 0;
                height: 32px;
                width: 45px;
                margin-top: 9px;
            }
                #barraNewsletter .componente .newsletter-assinar:after{
                    content: url('//cdn.awsli.com.br/442/442849/arquivos/seta-news.png');
                }

/* Rodape */
#rodape .institucional, 
#rodape .pagamento-selos{
    background: #000;
}
    #rodape .titulo{
        margin: 0;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
    }
    #rodape ul li a,
    #rodape ul li span{
        color: #fff;
        font-size: 15px;
    }
#rodape .pagamento .titulo{
    float: left;
    padding: 0 8px 0 0;
}
#rodape .redes-sociais{
    background: url(//cdn.awsli.com.br/442/442849/arquivos/fundo-rodape.png) no-repeat center top;
}
#rodape .icon-instagram:before{
    content: url(//cdn.awsli.com.br/442/442849/arquivos/ico-instagram2.png);
}

.pagamento-selos + div .span12,
.pagina-carrinho #rodape .span12{
    border-top: 1px solid #000;
    padding-top: 15px;
    text-align: left!important;
}
    .pagamento-selos + div .span12 p,
    .pagina-carrinho #rodape .span12 p{
        color: #999999;
        display: inline-block;
        margin-top: 5px;
    }

.selo-admake{
    display: inline-block;
    float: right;
}
    .selo-admake a{
        text-decoration: none;
    }
        .selo-admake a span{
            color: #999999;
        }

#rodape .pagamento-selos + div .span12 + div, 
#rodape .span12 + div{
    text-indent: -9999px;
    overflow: hidden;
}

/* Carrinho */
.finalizar-compra .tabela-carrinho,
.componente{
    background: #fff;
}
.botao.principal,
.produto-compartilhar .lista-favoritos,
.menu-simples li a:hover, 
.menu-simples li.active a,
.filtro.lista ul li label:hover,
.dropdown-menu>li>a:hover,
.newsletter .botao{
    background: #000;
}
.carrinho-checkout .atendimento{
    margin-top: 0;
}
    .carrinho-checkout .atendimento span, 
    .carrinho-checkout .atendimento strong {
        color: #fff;
    }
    .carrinho-checkout .conteiner-principal #corpo .conteiner{
        box-shadow: 0 0px 0 0 #FFF, 0 3px 10px 0 rgba(0,0,0,0.15);
    }

.menu.lateral .nivel-um>li>a{
    padding: 0;
} 

.lateral .filtro,
.componente .interno{
    padding: 0 0 30px 0;
} 
.filtro.lista ul{
    margin: 0;
} 
.cep label{
    font-weight: 400;
}

/*** Responsivo ***/ 
@media ( max-width: 1200px ){
    #corpo .listagem .produtos-carrossel .flex-direction-nav li .flex-prev{
        left: -25px;
    }
    #corpo .listagem .produtos-carrossel .flex-direction-nav li .flex-next{
        right: -25px;
    }
    #barraNewsletter .texto-newsletter.newsletter-cadastro{
        font-size: 15px;
        width: 36%;
    }
}

@media ( max-width: 980px ){
    #cabecalho .bem-vindo{
        margin-left: 0;
    }
    #barraNewsletter .componente .interno-conteudo{
        width: 60%;
        margin-left: 2%;
    }
    #barraNewsletter .texto-newsletter.newsletter-cadastro{
        display: none;
    }
    #barraNewsletter .input-conteiner.newsletter-cadastro{
        width: 100%;
    }
}

@media ( max-width: 767px ){   
    #corpo .listagem-linha li .listagem-item .imagem-produto:after{
        display: none;
    } 
    .listagem .listagem-item .acoes-produto-responsiva{
        display: none!important;
    }

    #cabecalho .atalhos-mobile{
        background-color: #000;
        border-color: #202020;
    }
        #cabecalho .atalhos-mobile .fundo-principal{
            background: #202020;
        }
            #cabecalho .atalhos-mobile li:hover a{
                text-decoration: none;
            }
    .logo a img{
        right: 0;
    } 
    #cabecalho .busca .botao-busca{
        padding-top: 6px;
    }
        #cabecalho #form-buscar input{
            width: 90%;
        }
        .conteudo-topo .busca-mobile .atalho-menu{
            line-height: 38px;
            background: #000;
            color: #fff;
            font-size: 22px;
            border: 1px solid #fff;
        }   
    #cabecalho .nivel-um{
        border: 1px solid #fff;
        padding-bottom: 8px;
        margin-top: -1px;
    }
    #corpo .produtos-carrossel .listagem-linha div > ul > li{
        padding-bottom: 0;
    }
    #rodape{
        text-align: center;
    }
        #rodape .pagamento .titulo{
            float: none;
        }
        #rodape .bandeiras-pagamento li,
        #rodape .selos li{
            float: none;
            display: inline-block;
        }
    #rodape .institucional .lista-redes{
        padding-top: 8px;
    }  
        #rodape .lista-redes .icon-facebook{
            background: none;
            color: #000;
            font-size: 25px;
        } 
    .pagamento-selos + div .span12{
        text-align: center!important;
    }  
        .pagamento-selos + div .span12 p{

        }   
    .selo-admake{
        float: none;
        text-align: center;
        width: 100%;
    }
        .selo-admake a{
            display: block;
        }

    .breadcrumbs ul li a{
        font-weight: 400;
    }  
    .ordenar-listagem .filtro-mobile .btn,
    .input-append .btn-group:last-child>.dropdown-toggle{
        outline: none;
        box-shadow: none;
    }   
    .produto-compartilhar .lista-redes .fa-whatsapp{
        background: none;
        color: #2ab200;
    } 
    #formCalcularCep .form-inline .input-cep{
        height: 34px;
    }
    .pagamento-selos + div .span12 p, 
    .pagina-carrinho #rodape .span12 p{
        text-align: center;
    }
}