/* =====================================================
   ADT TABULEIROS - CSS PREMIUM v1
   ===================================================== */

/* ==========================
   CABEÇALHO
========================== */

#cabecalho{
    padding:10px 0 !important;
}

#cabecalho .conteiner{
    max-width:1320px;
}

/* ==========================
   LOGO
========================== */

.logo img,
.logo a img,
.header-logo img{
    max-height:70px !important;
    width:auto !important;
    transition:.3s;
}

/* ==========================
   BUSCA
========================== */

#cabecalho .busca{
    margin-top:8px !important;
}

#cabecalho .busca input{
    height:42px !important;
    border-radius:10px !important;
    font-size:15px;
    border:2px solid #5B2D91 !important;
}

#cabecalho .botao-busca{
    background:#5B2D91 !important;
    color:#fff !important;
    border-radius:0 10px 10px 0 !important;
}

/* ==========================
   CONTA / SUPORTE / CARRINHO
========================== */

#cabecalho .acoes-flutuante,
#cabecalho .span4{
    margin-top:8px;
}

#cabecalho .acoes-flutuante a{
    color:#5B2D91 !important;
    font-weight:600;
}

/* ==========================
   MENU
========================== */

.menu{
    margin-top:8px !important;
    border:none !important;
}

.menu.superior{
    background:#fff !important;
}

.menu.superior a{
    font-size:13px;
    font-weight:600;
    color:#5B2D91 !important;
    text-transform:uppercase;
    transition:.3s;
}

.menu.superior a:hover{
    color:#00AEBE !important;
}

/* ==========================
   BOTÃO SUPER OFERTAS
========================== */

.botao,
.botao.principal{
    border-radius:8px !important;
}

.super-ofertas,
.botao-super-ofertas{
    background:#57C5C9 !important;
    border-radius:10px !important;
}

/* ==========================
   FULL BANNER
========================== */

.row-fluid.banner.cheio{
    margin-top:0 !important;
}

.row-fluid.banner.cheio img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
}

.flexslider{
    overflow:visible !important;
}

.flexslider .slides li{
    overflow:visible !important;
}

/* ==========================
   MINI BANNERS
========================== */

.banner.vitrine img,
.mini-banner img{
    border-radius:16px;
    transition:.3s;
}

.banner.vitrine img:hover,
.mini-banner img:hover{
    transform:scale(1.02);
}

/* ==========================
   PRODUTOS
========================== */

.listagem-item{
    border-radius:14px;
    border:1px solid #ececec;
    transition:.3s;
}

.listagem-item:hover{
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.preco-produto{
    color:#5B2D91 !important;
    font-weight:700;
}

.botao-comprar{
    background:#57C5C9 !important;
    border-radius:8px;
}

/* ==========================
   RODAPÉ
========================== */

#rodape{
    background:#5B2D91 !important;
}

#rodape *{
    color:#fff !important;
}

/* ==========================
   RESPONSIVO
========================== */

@media(max-width:768px){

.logo img{
    max-height:55px !important;
}

#cabecalho .busca input{
    height:40px !important;
}

.menu.superior a{
    font-size:12px;
}

}
/* ==========================
   FULL BANNER
========================== */

.row-fluid.banner.cheio,
.row-fluid.banner.cheio .span12,
.row-fluid.banner.cheio .flexslider,
.row-fluid.banner.cheio .slides,
.row-fluid.banner.cheio .slides li{
    height:auto !important;
    min-height:auto !important;
    max-height:none !important;
}

.row-fluid.banner.cheio img{
    display:block;
    width:100% !important;
    height:auto !important;
    max-width:100%;
    object-fit:contain !important;
}

.flexslider{
    overflow:visible !important;
}

.flexslider .slides{
    overflow:visible !important;
}

.flexslider .slides li{
    overflow:visible !important;
}