/* COR PARA LOCAIS N ALTERADOS PELA PLATAFORMA */
@media only screen and (min-width: 90px) {
:root{
--cor-principal: #000;
} 
}

   
    
    /* ICONE */
    #cabecalho .icon-shopping-cart:before {
    content: "\f290";
        font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 25px;
}
    #cabecalho .minha-conta .icon-user:before {
    content: "\f406";
        font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 25px;
}
    i.fa.fa-whatsapp {
    font: normal normal normal 14px/1 FontAwesome-v4;
}
    
    
/* COR VERMELHO */
    .pagina-conta b.cor-secundaria {
    color: var(--cor-principal);
}
    .filtro h4{
    color: var(--cor-principal);
    }
        .menu.superior .titulo{
    color: var(--cor-principal);
    }
    span.preco-parcela strong.cor-secundaria {
    color: var(--cor-principal);
}
    .cabecalho-interno .titulo {
    color: var(--cor-principal);
}
    .tabela-carrinho .produto-info a {
        color: var(--cor-principal);
}
    a.botao {
    background: var(--cor-principal);
    }
    #corpo > div > div.secao-principal.row-fluid.sem-coluna > div.conteudo.span9 > h1 {
    color: var(--cor-principal);
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}
    #modalContato > form > div > div > div:nth-child(2) > table > tbody > tr:nth-child(6) > td:nth-child(2) > span {
    color: var(--cor-principal);
}
    #modalContato > form > div > div > div:nth-child(2) > table > tbody > tr:nth-child(1) > td:nth-child(2) > span {
    color: var(--cor-principal);
}
    .modal-header .titulo{
    color: var(--cor-principal);
    }
    #corpo > div > div.secao-principal.row-fluid.sem-coluna > div.conteudo.span9 > div.listagem.borda-alpha > h1 {
    color: var(--cor-principal);
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}
    #cabecalho .minha-conta a:hover{
    color: var(--cor-principal);
    }
.listagem.aproveite-tambem .titulo {
    color: var(--cor-principal);
}
        #modalNewsletter .componente .titulo {
    color: var(--cor-principal);
}
    .cadastro legend{
    color: var(--cor-principal);
    }
    .abas-conta li a{
    color: var(--cor-principal);
    }
      /* PAG EXTRA */
    
    .pagina-pagina #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > div > h1 {
    color: var(--cor-principal);
}  
    
/* COR CINZA */
    b {
    color: #444;
}
    .caixa-dados legend{
    color: #444;
    }
    .caixa-dados h3{
    color: #444;
    }
    .menu.lateral.outras li:hover .titulo {
    color: #444;
    }
    .produto .nome-produto{
    	color: #444;
    }
    .parcelas-produto .accordion .accordion-group .accordion-body .accordion-inner ul li span{
     color: #444;
    }
    .produto .acoes-produto .comprar .disponibilidade-produto{
    color: #444;
    }
    .tabela-carrinho th *{
    color: #444;
    }    
    .tabela-carrinho .form-horizontal .control-label b{
        color: #444;
    }
    .tabela-carrinho .quantidade a, .tabela-carrinho .excluir a {
    color: #444;
}
    .carrinho-interno .nome-produto{
    color: #444;
    }
    .breadcrumbs ul li * {
    color: #444;
}
    .campos-pedido legend{
    color: #444;
    }
    .conta-menu .nome-usuario{
    color: #444;
    }
    
    

    
    
/* BACKGROUND */
    body.pagina-produto, body.pagina-carrinho, body.pagina-categoria, body.pagina-busca, body.pagina-pagina, body.pagina-login, body.pagina-cadastro, body.pagina-conta, body.pagina-pedido-listar, body.pagina-favorito-listar {
    background: white;
}
    .conteudo.span12 {
    margin-left: 0;
}
    
/* BOTAO TOPO */    
    .scrollToTop {
    position: fixed;
    z-index: 999;
    bottom: 6rem;
    right: 1rem;
    background: #fff;
    /*color: #fff;*/
    display: block;
    width: 54px;
    height: 54px;
    text-align: center;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
    border-radius: 150px;
    padding: 10px 6px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.scrollToTop:active, .scrollToTop:focus, .scrollToTop:hover {
    text-decoration: none;
    /*color: #fff;*/
}
.scrollToTop span {
    font-size: 13px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

.scrollToTop i {
    font-size: 1em;
    font-weight: 600
}
    
/* CABECALHO */
    .barra-inicial.fundo-secundario {
    display: none;
}

    #barraTopo {
    display: none !important;
    }

#cabecalho .busca {
    position: relative;
    padding: 0;
    background-color: transparent;
    border: none;
    line-height: 40px;
}
#cabecalho .busca .botao-busca {
    font-size: 20px;
    position: absolute;
    right: 0px;
    top: 5px;
    height: 30px;
    background: transparent;
    border: none;
    color: var(--cor-principal) !important;
}
   #cabecalho .busca input {
    width: 100%;
    border-radius: unset;
    box-shadow: none;
    border: none;
    height: 30px;
}
#cabecalho > div.conteiner > div.row-fluid > div.conteudo-topo.span9 > div.inferior.row-fluid > div.span4.hidden-phone {
    display: inline-flex;
}
    #cabecalho .carrinho>a span, .carrinho.vazio>a span{
    	display: none;
    }
    #cabecalho .carrinho{
    	border: none;
            margin: auto 0;
    }
#cabecalho .minha-conta i.icon-user.fundo-principal {
    font-size: 26px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
#cabecalho .minha-conta a {
    background: transparent;
    border: none;
}    
   #cabecalho .minha-conta a:hover {
    background: transparent;
    border: none;
}   
    #cabecalho .btn-group.open .dropdown-toggle{
        box-shadow: none;
    }
    .minha-conta .btn-group a > span {
    margin: 3px;
}
    #cabecalho .logo a {
    height: 50px;
}
    #cabecalho .carrinho>a strong.qtd-carrinho {
    font-size: 14px;
    margin: 0;
    line-height: unset;
    border-radius: 150px;
    background: black;
    padding: 1px;
    text-align: center;
    margin-left: -15px;
    width: 20px;
}
    .carrinho>a i:hover{
    opacity: 1;
    }
    .carrinho-interno>div .botao{
    line-height: 30px;
    }
    
    
    /* MENU */

    .menu.superior .titulo{
    font-size: 18px;
    text-transform: uppercase;
    }
    li.categoria-paginas.com-filho.borda-principal {
    display: none;
}
.menu.superior {
    display: flex;
        background-color: white;
    margin: 0;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.35);
}
    .menu.superior ul.nivel-um {
    display: inline-flex;
    margin: 0 auto;
    text-align: center;
}
    .menu.superior .nivel-um>li{
    border:none;
    }
    .menu li.com-filho>a i {
    display: none;
}
    .menu.superior .nivel-um>li:hover .nivel-dois {
    display: inline-flex;
        border-radius: 20px;
}
    .menu.superior .nivel-um>li:hover .nivel-dois .mega-categorias {
    width: 100%;
            margin: 0 20px;
}
    .menu.superior .nivel-um>li:hover .nivel-dois .mega-categorias li {
    margin: 0;
    padding: 0 10px;
    text-align: left;
    width: auto;
    border: none;
}
.menu.superior .nivel-um>li:hover .nivel-dois .mega-recebe {
    width: 100%;
    margin: 0;
    margin-left: 10px;
}
.menu.superior .nivel-um>li:hover .nivel-dois .mega-recebe li {
    padding: 0 5px;
    margin: 0 auto;
    float: none;
}
.menu.superior .nivel-um>li:hover .nivel-dois .mega-recebe li .listagem-item {
    margin: 0;
    box-shadow: none;
}
    .menu.superior .nivel-um>li:hover {
    border-top-width: 2px;
    margin-top: -2px;
    background: rgba(0, 0, 0, 0.05);
    transition: all .4s ease;
}
    .mega-recebe-prod {
    border-left: 1px solid gainsboro;
}
    .mega-recebe-prod .listagem .listagem-item .nome-produto {
    white-space: normal;
}
    .menu.superior li:last-child .nivel-dois {
    left: unset;
    right: 0;
}
    

    
    
    /* BANNER */
    .banner.mini-banner img:hover {
    transform: scale(1.1);
}
    .banner.mini-banner img {
    transition: all .4s ease-out;
}
    .span12.banner.tarja {
    text-align: center;
}
    .flexslider.carousel {
    background: transparent;
}
    .banner.cheio .flexslider{
        overflow: unset;
    }
.banner.cheio .flex-direction-nav .flex-next:before {
    content: '\f002';
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: var(--cor-principal);
    margin-right: 6px;
}
.banner.cheio .flex-direction-nav .flex-next {
    right: -25px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.23);
    text-align: right;
    width: 30px;
    height: 30px;
    border-radius: 150px;
    line-height: 20px;
    padding: 10px;
    background: white;
    opacity: .7;
}
    .banner.cheio .flex-direction-nav .flex-next:hover {
    background: var(--cor-principal);
    }
    .banner.cheio .flex-direction-nav .flex-next:hover:before {
    color: white;
    }
    
.banner.cheio .flex-direction-nav .flex-prev:before {
    content: '\f001';
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: var(--cor-principal);
    margin-right: 8px;
}
.banner.cheio .flex-direction-nav .flex-prev {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.23);
    text-align: right;
    width: 30px;
    height: 30px;
    border-radius: 150px;
    line-height: 20px;
    padding: 10px;
    background: white;
    font-size: 0px;
    left: -25px;
    opacity: .7;
}
    .banner.cheio .flex-direction-nav .flex-prev:hover {
    background: var(--cor-principal);
    }
    .banner.cheio .flex-direction-nav .flex-prev:hover:before {
    color: white;
    }
    .flex-direction-nav a{
        text-decoration: none;
    }
        .banner.cheio .flex-control-paging li a{
        background: #b7b7b7;
            border: none;
    }
    .banner.cheio .flex-control-paging li a.flex-active {
    background: #666 !important;
    }
.bannerxtra {
    margin: 40px 0 0;
        display: inline-flex;
}
.bannerxtra .xtra{
    margin: 0 20px;
    overflow: hidden;
}
        .bannerxtra .xtra img:hover {
    transform: scale(1.1);
}
    .bannerxtra .xtra img {
    transition: all .4s ease-out;
}

    .marca {
    border-bottom: 1px solid !important;
    padding-bottom: 10px;
}
    
    /* PRODUTOS */
    .listagem .titulo-categoria {
    border: none;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
            border-bottom: 1px solid;
}
    .titulo-categoria {
    border: none;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: bold;
}
    .listagem .titulo-categoria:hover {
    background: transparent;
    padding-left: 0;
}
    .listagem .listagem-linha li {
    border: none;
}
    .listagem .listagem-item{
        background: white;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.25);
}
    .listagem .listagem-item .imagem-produto{
        height: 300px !important
    }
    .listagem-item:hover .acoes-produto{
    	opacity: 0;
    }
    .listagem .listagem-item .nome-produto {
    font-size: 16px;
    color: #494949;
    }
    .listagem .listagem-item .preco-produto strong.titulo {
    font-size: 16px;
    white-space: nowrap;
    font-weight: bold;
}
    .bandeiras-produto {
    position: absolute;
    top: 10px;
    left: unset;
    right: 10px;
}
.bandeiras-produto span.bandeira-promocao {
    background: #00b100;
    border: none;
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    right: -5px;
    top: -5px;
}
span.bandeira-frete-gratis.label-success {
    border: none;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    right: 152px;
    top: -5px;
    color: white;
    background-color: #000000;
}
    .listagem-item.produto-adicionado .bandeiras-produto .adicionado-carrinho {
    display: none;
    border: none;
    border-radius: 3px;
    padding: 2px 8px;
    font-size: 10px;
}
    .pagina-produto #formCalcularCep > div.form-inline{
    float: right;
}
.pagina-produto .cep label{
    font-size: 20px;
}
.pagina-produto #formCalcularCep > div > div > input{
    width: 170px;
    height: 30px;
    position: inherit;
        background: #dedede;
}
.pagina-produto #formCalcularCep > div > div > button:hover {
    border: 1px solid;
}
.pagina-produto #formCalcularCep > div > div > button {
    height: 40px;
    border: none;
    text-shadow: none;
    font-size: 16px;
    margin-left: -20px;
    position: relative;
    padding: 0 20px;
    font-weight: 600;
    border: 1px solid;
}

.produto .cep ul {
    padding: 60px 0 0 0;
    border-width: 1px;
    border-style: solid;
    margin: 0 auto;
    border: none;
}
    .parcelas-produto.borda-alpha.padrao {
    margin: 30px 0 0;
}
    
    /* MARCAS */
    .marcas div {
    border: none;
}
    .titulo-categoria.marca.cor-principal {
    margin-top: 60px;
}
    .marcas.hidden-phone {
    margin-bottom: 60px;
}
    .marcas .flexslider:hover a.flex-prev {
    opacity: 1;
}
    .marcas .flexslider:hover a.flex-next {
    opacity: 1;
}
        .marcas .slides li a{
    height: 100px;
    }
    .marcas .flexslider .slides>li{
    	width: 220px !important;
    }
    /* FALE CONOSCO */
    #modalContato .control-group .botao.principal.pull-right+.botao {
    margin-right: 10px;
    background: black;
}
    #modalContato .control-group .botao.principal.pull-right {
    margin-right: 40px;
    background: green;
}
    
    
  /* VIDEO */
    .video-tema .conteiner {
    padding: 0;
}
.video-tema .titulo-categoria {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}
    
   /* INSTAGRAM */
.pagina-busca #instagram,.pagina-categoria #instagram,.pagina-pagina #instagram,.pagina-produto #instagram {
    margin: 0 0 20px
}

div#instagram {
    text-align: left;
    margin: 0 0 60px
}

div#instagram .icon {
    width: 30px;
    height: 30px;
    vertical-align: sub;
    margin-right: 10px;
    display: none
}

div#instagram .icon .cls-1 {
    fill: #000
}

div#instagram h2 {
    padding: 0 0 10px;
    position: relative;
    display: block;
    margin: 0
}

div#instagram h2:after {
    content: "";
    background: #d0d0d0;
    width: 100%;
    height: 0;
    display: block;
    margin: 15px auto
}

div#instagram h2 span {
    margin-right: 5px
}

div#instagram h2 a,div#instagram h2 span {
    font-size: 18px;
    font-weight: 700;
    color: #aaa;
    text-transform: uppercase
}

div#instagram h2 a {
    color: #272727
}

div#instagram h2 a:hover {
    color: #000
}

div#instagram ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin: 0
}

div#instagram ul li {
    margin-right: 20px;
    display: inline-block;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    border-radius: 20px;
    cursor: pointer
}

div#instagram ul li a {
    position: relative;
    display: block;
    height: 100%
}

div#instagram ul li a:before {
    content: '\f06e';
    font-family: FontAwesome;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 0;
    z-index: 10;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

div#instagram ul li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

div#instagram ul li a img {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%
}

div#instagram ul li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

div#instagram ul li:hover a:after,div#instagram ul li:hover a:before {
    opacity: 1
}

div#instagram ul li:last-child {
    margin-right: 0
}

.pagina-categoria #instagram,.pagina-inicial #instagram,.pagina-produto #instagram {
    display: block
}

.pagina-cadastro #instagram,.pagina-carrinho #instagram,.pagina-checkout #instagram,.pagina-conta #instagram,.pagina-login #instagram {
    display: none
}
@media only screen and (max-width: 767px) {
    div#instagram ul li {
        width: 30%;
    margin: 5px;
    }
    div#instagram ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin: 0;
}
    div#instagram h2 a,div#instagram h2 span {
        font-size: 16px;
        white-space: normal
    }
}
@media(max-width: 800px) {
    div#instagram h2 {
        text-align: center
    }
}
/* FIM DO INSTAGRAM */

    
    
    /* BARRA PERSONALIZADA */
    .barra-frase .conteiner{
padding: 10px 20px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
    }
    
    /* BARRA PERSONALIZADA */
    
    
     /* DEPOIMENTOS */
    .vitrine-depoimento {
        border-bottom: 1px solid;
    padding-bottom: 10px;
}
#testimonials h2 {
    display: flex;
    flex-direction: column;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 20px;
    font-family: Montserrat
}

#testimonials h2 strong {
    font-size: 30px;
    font-weight: 700;
    text-transform: lowercase;
    color: #000
}

#testimonials .draggable {
    width: 95%;
    margin: 0 auto
}

#testimonials article.slick-slide {
    margin: 0 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #000
}

#testimonials h2 strong {
    font-size: 30px;
    font-weight: 700;
    text-transform: lowercase;
    color: #000
}

#testimonials h2 strong:after {
    content: "";
    width: 50%;
    height: 2px;
    display: block;
    background: #000;
    margin: 5px auto
}

article.slick-slide.slick-active p {
    font-size: 15px;
    color: #707070;
    width: 307px
}

#testimonials article.slick-slide h3 {
    font-size: 20px
}

#testimonials article.slick-slide strong {
    font-size: 18px;
    color: #aaa;
    margin-bottom: 10px
}

.listagem button.slick-next.slick-arrow {
    font-size: 0;
    background: 0 0
}

.listagem button.slick-next.slick-arrow:before {
    content: '\f105';
    font-family: fontawesome;
    font-size: 48px
}

.listagem button.slick-prev.slick-arrow {
    font-size: 0;
    background: 0 0
}

.listagem button.slick-prev.slick-arrow:before {
    content: '\f104';
    font-family: fontawesome;
    font-size: 48px
}

.listagem>ul:not(.produtos-carrossel) li {
    padding: 0
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.fullbanner-mobile .slick-slide img {
    display: block;
    margin: auto;
    width: -webkit-fill-available
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    width: 15px;
    height: 15px;
    display: block;
    z-index: 20;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.slick-next .icon,.slick-prev .icon {
    fill: #000
}

.slick-next .icon .a,.slick-prev .icon .a {
    fill: #000
}

.slick-prev {
    left: -7px
}

.slick-next {
    right: -7px
}

@media(max-width: 800px) {
    .slick-prev {
        left:-21px
    }

    .slick-next {
        right: -21px
    }
}
    
/* FIM DEPOIMENTOS */    
    
    
    /* PAG CATEGORIA */
    .pagina-categoria span.bandeira-frete-gratis.label-success {
    border: none;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    right: 80px;
    top: -5px;
    color: white;
    background-color: #000000;
}
    .menu.lateral.outras li:hover .titulo {
    font-size: 13px;
}
    .menu .nivel-dois li:hover, .menu.lateral.outras .nivel-um li:hover a {
    background-color: #ffffff;
    }
    .mega-recebe-prod .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-principal {
    opacity: 1;
}
    /* PAG PRODUTO */
    .produto .nome-produto {
    font-weight: 600;
    margin: 10px 0;
    }
    .produto strong.preco-promocional.cor-principal.titulo {
    font-weight: bold;
    font-size: 24px !important;
}
.produto .tag-produto {
    font-size: 11px;
    font-weight: normal;
    padding: 1px 13px;
    margin-left: 3px;
    background: black;
}
    .produto .codigo-produto span {
    color: #444;
}
    /* PAG CARRINHO */
    .carrinho-checkout .conteiner-principal #corpo .conteiner {
    box-shadow: none;
}
    .carrinho-checkout .atendimento{
    	display: none;
    }
    #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > a {
    background: black;
}
    .tabela-carrinho .tag-carrinho {
    font-size: 10px;
    font-weight: normal;
    padding: 1px 8px;
    margin-left: 3px;
    background: black;
}
    

    /* PAG BUSCA */
    .pagina-busca #corpo > div > div.secao-principal.row-fluid.sem-coluna > div.coluna.span3{
    	display: none;
    }
    .pagina-busca #corpo > div > div.secao-principal.row-fluid.sem-coluna > div.conteudo.span9 {
    width: 100%;
    margin: 0;
}
    
    
    /* BOTAO */
    .botao.principal {
    color: #FFF;
    text-shadow: none;
    background-image: none;
    border: none;
    border-radius: 0;
}
a.botao {
    background-image: none !important;
    color: white !important;
    border: none !important;
    border-radius: 0 !important;
}
    
    
    /* NEWSLETTER */

    #barraNewsletter .componente .interno-conteudo {
    display: inline-grid;
    text-align: center;
    min-height: 30px;
    font-size: 0;
    margin: 0 auto;
    width: 100%;
}
    #barraNewsletter .componente div.newsletter-cadastro, #barraNewsletter .componente .newsletter-confirmacao{
    	text-align: center;
    }
    #barraNewsletter .componente .texto-newsletter {
    font-size: 18px;
    margin: 10px 0;
}
    #barraNewsletter .componente input[type="text"] {
    width: 50%;
    margin-right: 0;
    border-radius: 0;
    padding: 10px;
}
    #barraNewsletter .componente .newsletter-assinar:after {
    content: "Cadastrar";
    font-size: 16px;
    font-weight: bold;
    font-family: Roboto, sans-serif;
}
    #barraNewsletter .componente .botao {
    position: relative;
    line-height: unset;
    padding: 11px 20px;
    border: none;
    box-shadow: none;
    background-image: none;
    background: white;
    color: #616161;
    border-radius: 0;
    margin: 0 10px;
}
    .newsletter .newsletter-confirmacao .icon-ok {
    float: none;
    }
    #barraNewsletter .componente .newsletter-confirmacao span {
    text-align: center;
    }
    
    
/* RODAPE */
#rodape .institucional {
    background-image: none;
}
.pagamento-selos {
    background: #D4D4D4;
    display: none;
}
    #rodape .titulo {
    color: #616161;
    font-size: 20px;
    font-weight: 600;
    }
    #rodape .links-rodape ul li {
    list-style-image: none;
    }
    #rodape .links-rodape ul li a {
    font-size: 14px;
    color: #616161;
}
    #rodape .sobre-loja-rodape > p {
    font-size: 14px;
    color: #616161;
}
    #rodape .redes-sociais {
    position: relative;
    background: transparent;
    box-shadow: none;
    border: none;
}
#rodape .lista-redes i {
    margin: 0 5px;
    border-radius: 150px;
    color: white;
}
    #rodape .lista-redes ul li {
    float: left;
    border-left: none;
}
    #contato li {
    font-size: 14px;
    line-height: 25px;
    color: #616161;
}
    #contato li i {
    color: #616161;
    font-size: 14px;
    margin-right: 10px;
}
#rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4 {
    width: 24%;
    margin: 0 5px;
        padding: 0;
}
.ev-rodape {
    width: 100%;
    margin: 0 auto;
    display: flex;
    background: #d4d4d4;
    border-top: 1px solid rgba(0,0,0,0.1);
}
    .ev-rodape .conteiner {
    display: inline-flex;
}
    .logorodape .logo a img {
    position: relative;
            margin: auto;
    }
    .logorodape .logo a {
    position: relative;
    display: block;
    height: 70px;
    margin: auto;
    padding: 0;
    line-height: 60px;
}
    .direitos .span9.span12 {
    width: unset !important;
}
.ev-rodape .conteiner div {
    margin: 0 20px;
    line-height: 25px;
}
.direitos {
    margin: auto !important;
}
    .logorodape {
    margin: 0 !important;
}
    .desenvolvida {
    margin: 0 !important;
}
    .logo-des {
    webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 0;
    line-height: unset;
}
    .logo-des a {
    margin: 0 10px;
}
    #rodape>div:last-child .conteiner{
    	display: none;
    }
    #rodape > div:nth-child(5) > div > div > div.span9.span12 > p {
    display: none;
}
    #rodape > div:nth-child(5) > div {
    display: none !important;
}
    .pagina-carrinho #rodape > div:nth-child(2) > div {
    display: none;
}
    #rodape .caixa-facebook {
    display: none;
    }
    #rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4.sobre-loja-rodape{
    	display: none;
    }
    #rodape > div.institucional.fundo-secundario > div > div > div.span3 {
    display: none;
}
    #rodape > div.institucional.fundo-secundario > div > div > div.span9 {
    width: 100%;
}
    .span4.selos {
    width: 100%;
}
    
    #rodape .institucional .lista-redes {
    text-align: left;
    margin: 15px 0;
}
    #rodape .lista-redes i {
    background: rgba(0, 0, 0, 0.42) !important;
}

        /* COISAS SO DO DESK */
    @media screen and (min-width:768px) {
    #cabecalho .conteudo-topo .superior {
    display: none;
}
            .pagextra {
    display: flex;
           margin: 0 auto;
}
    ul.nivel-dois.paginasextra {
    display: inline-flex;
    margin: 0 auto;
    text-align: center;
}
    ul.nivel-dois.paginasextra li {
    padding: 10px 20px;
}
ul.nivel-dois.paginasextra li a {
        white-space: normal;
    font-size: 12px;
}
            ul.nivel-dois.paginasextra li a:hover {
    color: white;
    opacity: 1;
}

ul.nivel-dois.paginasextra li:hover a {
    background: transparent;
    text-decoration: none;
}
    ul.nivel-dois.paginasextra li:hover {
    background: rgba(0, 0, 0, 0.05);
    transition: all .4s ease;
}
                    #cabecalho > .conteiner {
    max-width: 100%;
        padding: 0;
    }
    #cabecalho > .conteiner > .row-fluid {
    max-width: 1140px;
    margin: 0 auto;
        padding: 10px 20px;
}
    .produto .cep ul li span{
       color: #666;
}
    }
    
    
    
    /* MOBILE */
    @media only screen and (max-width: 767px){

    /* CABECALHO */    
        #cabecalho > div.conteiner > div.row-fluid > div.span3 {
    height: 60px;
}
        .atalhos-mobile.visible-phone.fundo-secundario.borda-principal {
    display: none !important;
}
        .conteudo-topo .busca-mobile .atalho-menu {
    display: none !important;
        }
        .busca{
         margin: 0;
        }
        .conteudo-topo .busca-mobile {
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}
        #cabecalho .busca .botao-busca{
            top: 0px;
        }
        #cabecalho {
    padding-top: 0;
    position: relative;
}

.conteiner .logo {
        margin: 0 60px;
    width: 45%;
    float: left;
}
#cabecalho > div.conteiner > div.row-fluid > div.span3 li a {
    font-size: 26px;
    color: white;
}
#cabecalho > div.conteiner > div.row-fluid > div.span3 li {
    float: right;
    width: 10%;
    line-height: 60px;
}
        #cabecalho .logo a {
    height: 50px;
    width: 100%;
}
        /* MENU */
.hamb-1 {
    width: 28px;
    height: 3px;
    margin-bottom: 4px;
    transition: all .3s;
    background-color: #fff;
}
    
      .cat span.category {
      top: -7px;
      position: relative;
  }


    .cat {
      padding: 15px 0;
      float: none;
      opacity: 1;
      transition: all .4s;
      position: absolute;
      left: 10px;
      display: block;
      width: 50px;
      height: 20px;
      color: transparent;
      border: 1px solid;
      top: 20px;
  }
     #cabecalho .cab-nav {
      height: 50px;
      z-index: 1000;
  }

  #cabecalho .acc-nav a.icon-shopping-cart {
      margin-left: 5px;
  }

  #cabecalho .acc-nav {
      float: right;
      padding: 0 20px;
      position: relative;
      top: 20px;
  }

#cabecalho .close-nav {
    float: right;
    padding: 0;
    width: 50px;
    text-align: center;
    position: relative;
    top: 20px;
    right: 0px;
    height: 50px;
}

  #cabecalho .nivel-um .close-nav-full {
      width: 0;
  }

  #cabecalho .nivel-um.active .close-nav-full {
      width: 20%;
      position: fixed;
      right: 0;
      min-height: 100%;
  }

  #cabecalho .menu.superior .nivel-um::-webkit-scrollbar {
      display: none;
  }

  .menu.superior .nivel-dois li a, .menu.lateral .nivel-dois li a {
      font-size: 14px;
      font-weight: bold;
      color: #999;
  }

  .menu.superior .nivel-um > li> a {
      font-size: 15px;
      text-align: left;
  }

  .menu.superior .nivel-dois li, .menu.lateral .nivel-dois li {
      padding: 0;
  }

  .menu.superior .nivel-um .titulo, .menu.lateral .nivel-um .titulo {
      font-size: 16px;
      color: #000000;
      letter-spacing: -0.5px;
      line-height: 40px;
      font-weight: bold;
      margin: 0;
  }

  .menu.superior .nivel-um > li, .menu.lateral .nivel-um > li {
      border: 0;
  }

  #cabecalho .cab-nav a {
      float: left;
      width: 40px;
      border: 0;
      top: 0;
      font-size: 24px;
  }

  .menu.superior .nivel-um {
      position: fixed;
      background: #fff;
      z-index: 10000;
      left: -130%;
      top: 0;
      width: 80%;
      box-shadow: 0 0 0 160px rgba(0,0,0,.5);
      bottom: 0;
      margin: 0;
      border: 0;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      min-height: 100%;
      transition: all .5s;
      display: block!important;
      opacity: 0;
  }


  .menu.superior .nivel-um.active {
      left: 0;
      opacity: 1;
  }

  .menu.superior .nivel-dois {
      webkit-column-count: 1;
      -moz-column-count: 1;
      column-count: 1;
      border: 0;
      box-shadow: none;
      top: 0;
  }

  .menu.superior .nivel-um >li {
      padding: 0 20px;
  }

  .menu.superior .nivel-um>li {
      display: block;
  }

  .menu.superior .nivel-um {
      border: 0;
      position: fixed;
      width: 80%;
      top: 0;
      background: #fff;
      z-index: 1000;
      margin: 0;
  }

  .menu.superior .categoria-marcas .nivel-dois li a, .menu.superior .categoria-paginas .nivel-dois li a {
      padding: 0;
  }

  .cab-nav .category .hamb-1:nth-child(2) {
      opacity: 0;
  }

  .cab-nav .category .hamb-1:last-child {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      width: 28px;
      position: absolute;
      top: 0;
  }

  .cab-nav .category .hamb-1:first-child {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 28px;
      position: absolute;
      top: 0;
  }

  .close-nav .category>i {
      margin: 0;
  }



  .close-nav span.category {
      height: 22px;
      display: block;
      padding: 0;
      text-align: center;
      width: 50px;
      border: 0;
      line-height: 32px;
  }


  .menu.superior .nivel-um>li .titulo {
      line-height: 50px;
      color: #000;
  }
    .menu.superior ul.nivel-um.active {
    width: 80%;
    border: 1px solid;
    background: white;
    position: fixed;
    top: 0px;
    z-index: 99;
            left: 0;
    right: unset;
}
    .menu.superior {
    background-color: transparent;
    margin-top: 0;
    position: absolute;
    width: 100%;
}
        .menu.superior .nivel-um > li> a {
    font-size: 15px;
    text-align: left;
    width: 80%;
    float: left;
}
        .menu.superior li.com-filho i {
    float: right;
    position: absolute;
    top: 16px;
    right: 30px;
    font-size: 20px;
    background: transparent;
    color: #000;
}
        .menu.superior .nivel-um>li:hover .nivel-dois {
    display: none;
                text-align: left;
}
        .menu.superior .nivel-dois{
        display: none;
                text-align: left;
        }
                .menu.superior .nivel-tres {
position: unset;
    border: none;
    margin-left: 15px;
    margin-top: -20px;
    box-shadow: none;
    background: transparent;
}
       
        .menu.superior .nivel-dois li:hover{
    background-color: transparent;
}
        .menu.superior ul.nivel-dois li.com-filho i{
            top: 5px;
    		right: 10px;
        }
        .menu.superior ul.nivel-tres li a{
            font-weight: normal;
        }
        
        
        

        /* BANNER */
        

        .span12.banner.tarja {
    padding: 0 10px;
}
        .secao-banners .conteiner {
    max-width: 100%;
    padding: 0;
}
        .flexslider {
    background: 0;
    margin: 0;
    border: none;
        }
        .banner.cheio .flex-direction-nav .flex-prev:before{
        font-size: 15px;
    line-height: 15px;
                margin-right: 3px
        }
        .banner.cheio .flex-direction-nav .flex-prev{
            width: 15px;
    height: 15px;
                left: 0px;
        }
        .banner.cheio .flex-direction-nav .flex-next{
        right: 0px;
            width: 15px;
    height: 15px;
        }
        .banner.cheio .flex-direction-nav .flex-next:before{
          font-size: 15px;
    line-height: 15px;
                margin-right: 3px
        }
        .mini-banner .modulo.span4 {
    width: 70%;
    margin: 20px auto;
}
.bannerxtra {
    margin: 40px 0;
    display: inline-block;
}
.bannerxtra .xtra {
    margin: 20px 20px;
}
        .row-fluid.banner.cheio {
    display: none;
}
        /* PROD */
        .listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
    min-height: 0px;
}
        .titulo-categoria {
    text-align: center;
        }
        .listagem .listagem-linha:first-child {
    padding: 0px 0 0;
        }
        .marcas+.listagem .titulo-categoria:first-child {
    margin-top: 10px;
}
        .listagem .titulo-categoria {
    text-align: center;
    margin: 10px 0;
           }
        .listagem .listagem-item .acoes-produto-responsiva {
    display: none !important;
}
.bandeiras-produto span.bandeira-promocao {
    background: green;
    border: none;
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 3px;
    right: 38px;
    position: absolute;
    top: -5px;
}
        span.bandeira-frete-gratis.label-success {
border: none;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    right: unset;
}
        .bandeiras-produto {
    position: absolute;
    top: 10px;
    left: unset;
    right: unset;
}
        .produto .codigo-produto .cor-secundaria {
    color: #444;
}
        .cep .input-append.input-prepend input {
    border-radius: 4px 0 0 4px;
    height: 34px;
}
        .listagem-linha li:first-child {
    margin-top: 20px;
}
        
        /* VIDEO */
        #corpo > div > div.secao-secundaria > div.video-tema > div > iframe {
    height: 200px;
}
        
        /* PAG PROD */
        .pagina-produto .cep label {
    font-size: 16px;
}
        .produto .cep ul li span{
            color: #666;
        }
        .produto .cep ul{
        	text-align: left;
        }
        
        .produto .principal > div{
        border: none;
        }
        
        
        /* PAG CARRINHO */
        .produto .codigo-produto {
        margin-bottom: 0px;
        }
        
        /* PAG CHECKOUT */
        #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div{
        	text-align: center;
        }
        #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > button {
    margin-left: 0;
}
        #corpo > div > div.secao-principal.row-fluid.sem-coluna > div > form > div > div.span12 > a {
    margin: 0 0 10px 0px;
}
        .pagina-carrinho .cat{
        display: none;
        }
        
        
         /* INSTAGRAM */ 
    
    #instagram-fiv{
    padding: 5px 5px !important;
    }
    .post-img ul {
    margin: 0;
    text-align: center;
    display: block;
    }
    #instagram-fiv ul li {
    display: inline-block;
    width: 30%;
    height: auto;
    margin-right: 1.3%;
    }    
    #instagram-fiv .titulo-insta {
    display: grid;
    }
        #instagram-fiv ul {
    display: block;
    }
    #instagram-fiv li a {
    display: block;
    height: auto;
}

        /* NEWSLETTER */
        #barraNewsletter.posicao-rodape{
        display: block !Important;
        }
        #barraNewsletter .componente .texto-newsletter{
            white-space: break-spaces;
        }
        
        
    /* RODAPE */    
        #rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span4 {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
        #rodape > div.institucional.fundo-secundario > div > div > div.span9 > div > div.span12.visible-phone{
        display: none !important;
        }
        #rodape .institucional .lista-redes {
    text-align: center;
    margin: 15px 0;
}
        .ev-rodape .conteiner {
    display: inline-grid;
}
        .ev-rodape .conteiner div {
    margin: 0 20px;
    line-height: 25px;
    text-align: center;
}
    #rodape .institucional ul {
    margin-bottom: 30px;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}
       #rodape .conteiner .logo {
    margin: 0;
    width: 100%;
    text-align: center;
}
      #rodape .logo-des {
    display: inline-flex;
}
        .marcas.hidden-phone {
    margin-bottom: 60px;
}
        .titulo-categoria.marca.cor-principal{
        display: none;
        }
        
}