body {
    font-family: Arial, Helvetica, sans-serif;
    font-size  : 13px;
    background : #336666;
    margin     : 0px;
    padding    : 7px;
    box-sizing : border-box;
}

a {
    border         : 0;
    text-decoration: none;
    color          : #990033;
}

a:hover {
    text-decoration: underline;
}

a:active {
    outline: none;
}

a:focus {
    outline: none;
}

img {
    border: 0;
}

.img-responsive {
    display: block;
    width  : 100%;
    height : auto;
}

.img-responsive-vertical {
    display: block;
    width  : auto;
    height : 100%;
    margin : auto;
}

p {
    margin-top   : 15px;
    margin-bottom: 15px;
}

p.subtitulo-secao {
    margin-top: 0;
}

input,
select,
textarea {
    font-family: Arial;
    font-size  : 13px;
}

form {
    margin-top: 0;
}

.clear {
    clear: both;
}

.nowrap {
    white-space: nowrap;
}

.f-normal {
    font-weight: normal;
}

.f-bold {
    font-weight: bold;
}

.f-italic {
    font-style: italic;
}

.cifrao {
    font-size   : 0.75em;
    font-weight : normal;
    margin-right: 0.1em;
}

::placeholder {
    color: #aaa;
}

.dados-bancarios {
    text-align   : center;
    font-size    : 0.95rem;
    border-radius: 5px;
    background   : #fff5f5;
    padding      : 5px;
    line-height  : 25px;
    margin-bottom: 10px;
}

.titulo-info-pagamento {
    text-align: center;
    font-size : 1.4rem;
    margin    : 0;
}

.area-info-pagamento {
    background: #f3f3f3;
    border    : 1px solid #999;
    padding   : 5px 7px;
}

.info-pagamento {
    display        : flex;
    justify-content: center;
    background     : #ffff66;
    border         : 1px solid #777777;
    border-radius  : 5px;
    margin-top     : 15px;
    padding        : 15px;
    font-size      : 1.4em;
    text-align     : center;
}

.info-pagamento>div:nth-child(2) {
    margin-left: 40px;
}

.boleto-linha-digitada {
    background-color: #eee;
    border          : 2px dashed #999;
    padding         : 15px;
    font-size       : 1.15rem;
    text-align      : center;
    word-wrap       : break-word;
    font-family     : monospace;
}

.divisao-pagamentos {
    display    : flex;
    align-items: center;
    margin     : 40px 0;
}

.divisao-pagamentos div:nth-child(1) {
    background-color: #ffaaaa;
    height          : 1px;
    flex-grow       : 1;
}

.divisao-pagamentos div:nth-child(2) {
    padding  : 0 10px;
    font-size: 1.2rem;
}

.divisao-pagamentos div:nth-child(3) {
    height          : 1px;
    background-color: #ffaaaa;
    flex-grow       : 1;
}

.linha-info-transacao{
    display: flex;
}
.linha-info-transacao>div:nth-child(1){
    width       :200px;
    margin-right:5px;
    color       :#990033;
    text-align  :right;
    font-weight : bold;
}

.seleciona-tudo {
    user-select: all;
    cursor     : pointer;
}

/*--- Estrutura Site ---*/
#site {
    min-width: 920px;
    max-width: 1280px;
    margin   : 0 auto;
}

#fundo-site {
    background: #ffffff;
}

.corpo {
    display   : flex;
    flex-wrap : wrap;
    margin-top: 15px;
}

#rodape {
    background   : linear-gradient(#bf0040, #7c002a);
    border-radius: 0 0 5px 5px;
}

#rodape hr {
    height    : 1px;
    background: #af4365;
    border    : 0;
    margin    : 8px 0;
}

#rodape-conteudo {
    margin    : auto;
    padding   : 10px;
    width     : 610px;
    font-size : 11px;
    color     : #cc9999;
    text-align: center;
}

#rodape-conteudo a {
    color: #ffffff;
}

#rodape-conteudo ul {
    margin         : 0;
    padding        : 0;
    list-style-type: none;
}

#rodape-conteudo li {
    display: inline-block;
    margin : 0 3px;
}


/*--- Cabeçalho Site ---*/
.cabecalho-wrapper {
    background-color: #336666;
}

.cabecalho-varejo,
.cabecalho-atacado,
.cabecalho-televendas {
    display      : flex;
    border-radius: 5px 5px 0 0;
    padding      : 1px 15px 6px 14px;
}

.cabecalho-varejo {
    background: linear-gradient(#fef4f3, #fab4b4);
}

.cabecalho-atacado {
    background: linear-gradient(#fffdd0, #fbf582);
}

.cabecalho-televendas {
    background: linear-gradient(#def9dd, #a0ee9e);
}

.cabecalho-logo {
    margin-top: 6px;
}

.cabecalho-logo img {
    display: block;
}

.cabecalho-sep-logo {
    flex-grow: 85;
}

.cabecalho-sep-pesquisa {
    flex-grow: 85;
}

.cabecalho-sep-contato {
    flex-grow: 70;
}

.cabecalho-sep-whatsapp {
    flex-grow: 40;
}

.cabecalho-sep-televendas {
    flex-grow: 55;
}

.cabecalho-sep-motoboy {
    flex-grow: 60;
}

.cabecalho-sep-conta {
    flex-grow: 55;
}

.cabecalho-icone div {
    text-align : center;
    color      : #770022;
    font-size  : 10px;
    font-weight: bold;
}

.cabecalho-icone>div:nth-last-child(1) {
    margin-top: 1px;
}

.cabecalho-icone img {
    display: block;
    margin : auto;
}

.pesquisa-produto {
    display   : flex;
    margin-top: 7px;
    flex-grow : 1000;
    height    : 37px;
}

#texto-proc {
    background   : #ffffe6;
    border-radius: 5px 0 0 5px;
    border-top   : 2px solid #770022;
    border-bottom: 2px solid #770022;
    border-left  : 2px solid #770022;
    border-right : 0;
    height       : 37px;
    box-sizing   : border-box;
    padding-left : 10px;
    outline      : none;
    font-size    : 15px;
    flex-grow    : 100;
    margin       : 0;
}

#lupa-proc {
    background-color   : #770022;
    background-image   : url('/assets/cabecalho-lupa.png');
    background-repeat  : no-repeat;
    background-size    : 22px 22px;
    background-position: center center;
    width              : 42px;
    height             : 37px;
    border-radius      : 0 5px 5px 0;
    border             : 0;
    box-sizing         : border-box;
    cursor             : pointer;
}

.qtd-carrinho {
    display        : flex;
    position       : absolute;
    z-index        : 10;
    font-size      : 0.8em;
    font-weight    : bold;
    text-align     : center;
    align-items    : center;
    justify-content: center;
    width          : 24px;
    height         : 24px;
    margin-left    : 19px;
    color          : #fff;
}

.qtd-carrinho span {
    background: #000;
}

#pesquisa-produto {
    display: flex;
}

.barra-ticker {
    display        : flex;
    justify-content: space-between;
    color          : #663333;
    font-size      : 11px;
    font-weight    : bold;
    padding        : 3px 10px;
}
.barra-ticker h2 {
    font-size: 11px;
    margin   : 0;
}

.ticker-varejo {
    background: linear-gradient(#fee8e6, #fbc0be);
}

.ticker-atacado {
    background: linear-gradient(#fffdd0, #fbf582);
}

.ticker-televendas {
    background: linear-gradient(#def9dd, #a0ee9e);
}

#menu-horizontal {
    display   : flex;
    background: linear-gradient(#bf0040, #7c002a);
}

#menu-horizontal a {
    border-right   : 1px solid #680023;
    border-left    : 1px solid #bd013f;
    text-decoration: none;
    text-align     : center;
    text-transform : uppercase;
    font-size      : 11px;
    font-weight    : bold;
    text-shadow    : -1px -1px 1px rgba(0, 0, 0, 0.5);
    color          : #fff;
    padding        : 8px 5px;
    display        : flex;
    align-items    : center;
    justify-content: center;
    flex-grow      : 1;
    line-height    : 14px;
}

#menu-horizontal a:first-child {
    border-left: 0;
}

#menu-horizontal a:last-child {
    border-right: 0;
}

#menu-horizontal a.on {
    background: linear-gradient(#3b0015, #7a0029);
}

#menu-horizontal a:hover {
    background: linear-gradient(#710027, #a90038);
}


/*--- Menu Lateral ---*/
.barra-nav, .barra-nav-carrinho, .barra-nav-blog {
    flex-shrink : 0;
    flex-basis  : 281px;
}
.barra-nav {
    margin-right: 15px;
}
.barra-nav-carrinho, .barra-nav-blog {
    border-top-left-radius: 5px;
}

.titulo-barra-nav {
    background: #ffffff;
}

.titulo-barra-nav>div {
    background    : linear-gradient(#bf0040, #7c002a);
    padding       : 8px 7px;
    color         : #fff;
    text-transform: uppercase;
    font-weight   : bold;
    text-shadow   : -1px -1px 1px rgba(0, 0, 0, 0.5);
}
.titulo-barra-nav-carrinho>div, .titulo-barra-nav-blog>div {
    padding    : 14px 0 5px 14px;
    font-size  : 24px;
    font-weight: bold;
}
.titulo-barra-nav>div {
    border-top-right-radius: 5px;
}
.titulo-barra-nav-carrinho>div, .titulo-barra-nav-blog>div {
    border-top-left-radius: 5px;
}

.menu-barra-nav {
    margin         : 0;
    padding        : 0;
    list-style-type: none;
    margin-top     : 5px;
}

.menu-barra-nav li.sem-link,
.menu-barra-nav a {
    padding: 2px 15px 2px 8px;
}

.menu-barra-nav li.sem-link {
    color: #990033;
}

.menu-barra-nav a {
    display: block;
}

.menu-barra-nav a:hover {
    text-decoration: none;
}

.menu-barra-nav span.depto {
    font-size  : 15px;
    font-weight: bold;
}

.menu-barra-nav span.total {
    color: #d16fa2;
}

.varejo {
    background: #ffdddd;
}

.varejo .menu-barra-nav a:hover {
    background: #ffcccc;
}

.varejo .menu-barra-nav a.sel {
    background : #ff9999;
    font-weight: bold;
}

.televendas {
    background: #ccffcc;
}

.televendas .menu-barra-nav a:hover {
    background: #bbffaa;
}

.televendas .menu-barra-nav a.sel {
    background : #66dd66;
    font-weight: bold;
}

.atacado {
    background: #ffffbb;
}

.atacado .menu-barra-nav a:hover {
    background: #ffee99;
}

.atacado .menu-barra-nav a.sel {
    background: #ffcc22;
}


/*--- Área do Conteúdo ---*/
.conteudo, .conteudo-carrinho, .conteudo-blog {
    /*
	  'flex-basis' é o tamanho mínimo que o <div> pode ter.
	  'flex-grow' indica a proporção que ele pode "crescer" caso haja espaço.
	  Junto com o parâmetro 'flexwrap:wrap' (na classe .conteudo), eles permitem
	  que um <div> seja mostrado em uma única linha, mostrando os demais em
	  uma linha abaixo. É a situação necessária para mostrar a Query SQL da busca.
	*/
    flex-basis: 620px;
    flex-grow : 2;
}

.conteudo {
    border-top-left-radius: 5px;
}

.conteudo-carrinho {
    border-top-right-radius: 5px;
    margin-right: 15px;
}

.fundo-conteudo-grande {
    background: linear-gradient(180deg, #ffbbbb 0px, #ffffff 75px);
}

.fundo-conteudo-medio {
    background: linear-gradient(180deg, #ffbbbb 0px, #ffffff 55px);
}

.fundo-conteudo-pequeno {
    background: linear-gradient(180deg, #ffbbbb 0px, #ffffff 45px);
}

.breadcrumbs {
    margin   : 13px 0 0 15px;
    font-size: 13px;
    color    : #990033;
}

div.breadcrumbs a {
    text-decoration: underline;
}

h1.titulo-pagina {
    margin: 14px 0 11px 14px;
    font-size: 24px;
}

h2.subtitulo {
    background            : linear-gradient(180deg, #ffdddd 5px, #ffffff 40px);
    padding               : 10px 0 15px 15px;
    border-top-left-radius: 5px;
    font-size             : 16px;
    margin-top            : 15px;
    margin-bottom         : 0;
}

.bloco-texto {
    padding: 0 15px 0 15px;
}

.prologo {
    margin         : 4px 15px 18px 15px;
    display        : flex;
    justify-content: center;
}

.prologo>div.prologo-ancora-visual {
    flex-basis      : 25px;
    flex-shrink     : 0;
    min-height      : 35px;
    background-color: #ff6666;
    border-radius   : 5px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

.prologo>div.prologo-ancora-visual>img {
    width: 21px;
}

.prologo>div.prologo-conteudo {
    flex-grow : 1;
    padding   : 4px 4px 4px 8px;
    align-self: center;
}

.prologo a {
    font-weight: bold;
}

.prologo ul {
    list-style-type: none;
    margin         : 0px 5px 0px 8px;
    padding        : 0px;
}

.prologo li {
    margin  : 0px 0 4px 5px;
    position: relative;
}

.prologo ul>li::before {
    content    : '\2022';
    position   : absolute;
    height     : 100%;
    margin-left: -13px;
    font-size  : 14px;
}

.topo {
    margin-top: 0;
}

.base {
    margin-bottom: 0;
}

.bloco-elementos {
    padding: 0 15px 0 0;
}


/*--- Página Inicial ---*/
.area-produtos-home {
    height   : 349px;
    overflow : hidden;
    flex-grow: 1;
}

.com-banner {
    margin-left: 15px;
}

.titulo-produtos-home {
    display      : flex;
    align-items  : center;
    background   : linear-gradient(#ffbbbb, #ffffff);
    height       : 50px;
    padding-left : 14px;
    margin-bottom: 1px;
    cursor       : pointer;
}

.titulo-produtos-home h1,
.titulo-produtos-home h2 {
    font-size  : 24px;
    font-weight: bold;
}

.titulo-produtos-home h1.vermelho,
.titulo-produtos-home h2.vermelho {
    color      : #990033;
    text-shadow: 1px 1px 1px #fff3f3;
}

.titulo-produtos-home span {
    font-size      : 12px;
    color          : #990033;
    text-decoration: underline;
    padding-left   : 10px;
    padding-top    : 7px;
}

.com-banner>.titulo-produtos-home {
    border-top-left-radius: 5px;
}

.linha-produto {
    display     : flex;
    overflow    : hidden;
    flex-wrap   : wrap;
    z-index     : 10;
    position    : relative;
    padding-left: 10px;
}

.com-banner>.linha-produto {
    padding-left: 0px;
}

.conteudo-seo-home {
    background-color         : #ffeeee;
    padding-top              : 0px;
    padding-bottom           : 2px;
    padding-left             : 14px;
    margin-top               : 16px;
    margin-bottom            : 28px;
    margin-left              : 15px;
    border-top-left-radius   : 5px;
    border-bottom-left-radius: 5px;
}

.conteudo-seo-home h2 {
    background-color      : #000000;
    background            : linear-gradient(#ffbbbb, #ffeeee);
    border-top-left-radius: 5px;

    margin-top  : 0px;
    padding-top : 14px;
    padding-left: 14px;
    margin-left : -14px;
}

/*--- Produto Resumo ---*/
#box-produtos {
    display    : flex;
    flex-wrap  : wrap;
    padding-top: 5px;
}

.produto-resumo {
    position     : relative;
    background   : #ffeeee;
    border-radius: 5px;
    overflow     : hidden;
    margin-right : 13px;
    margin-bottom: 19px;
}

#box-produtos>.produto-resumo {
    margin-right: 19px;
}

.produto-resumo:hover {
    background: #ffe0e0;
}

.produto-resumo a:nth-child(1) {
    display        : block;
    width          : 135px;
    min-height     : 255px;
    height         : calc(100% - 28px);
    padding        : 5px 5px 0 5px;
    text-decoration: none;
    color          : #000000;
}

.produto-resumo-foto {
    width     : 135px;
    height    : 100px;
    background: #fff;
}

.produto-resumo-codigo {
    font-size     : 11px;
    padding-top   : 5px;
    padding-bottom: 5px;
    text-align    : center;
    border-bottom : 2px solid #ffcccc;
    margin-bottom : 5px;
}

.produto-resumo-codigo span.score {
    font-weight: normal;
    color      : #283e7c;
}

.produto-resumo-codigo span.score_ajustado {
    font-weight: bold;
    color      : #214dc7;
}

.produto-resumo-nome {
    color      : #990033;
    font-weight: bold;
}

.produto-resumo-descricao {
    font-size: 11px;
    color    : #000000;
}

.produto-resumo-preco {
    font-size  : 18px;
    font-weight: bold;
    margin     : 5px 0 0 0;
}

.produto-resumo-preco .preco-nao-promocional {
    margin-right   : 5px;
    color          : #886666;
    text-decoration: line-through;
    font-size      : 13px;
    font-weight    : normal;
}

a.produto-sem-estoque {
    display: block;
}

div.produto-resumo>a.produto-sem-estoque .produto-resumo-codigo,
div.produto-resumo>a.produto-sem-estoque .produto-resumo-nome,
div.produto-resumo>a.produto-sem-estoque .produto-resumo-descricao,
div.produto-resumo>a.produto-sem-estoque .produto-resumo-preco,
div.produto-resumo>a.produto-sem-estoque .preco-nao-promocional {
    color  : #555;
    opacity: 0.6;
}

a.produto-sem-estoque>div.produto-resumo-foto>img {
    opacity: 0.35;
}

a.produto-resumo-botao {
    margin-top     : 3px !important;
    box-shadow     : none !important;
    height         : 20px !important;
    box-sizing     : border-box !important;
    display        : flex !important;
    justify-content: center;
    align-items    : center;
}

/*--- RÓTULOS DO PRODUTO ---*/
.rotulo-produto-resumo-novo,
.rotulo-produto-resumo-promocao {
    position      : absolute;
    z-index       : 10;
    border-radius : 2px;
    padding       : 2px 4px 1px 4px;
    font-weight   : bold;
    text-transform: uppercase;
}

.rotulo-produto-resumo-novo {
    top       : 8px;
    right     : 8px;
    background: #ffd102;
    color     : #000;
    font-size : 0.60rem;
}

.rotulo-produto-resumo-promocao {
    right        : 8px;
    top          : 84px;
    padding-left : 8px;
    padding-right: 8px;
    background   : #cc0000;
    color        : #fff;
    font-size    : 0.75rem;
}

.rotulo-produto-detalhes-novo,
.rotulo-produto-detalhes-promocao,
.rotulo-produto-detalhes-prontaentrega,
.rotulo-produto-detalhes-estoqueesgotado {
    border-radius: 3px;
    padding      : 3px 5px 2px 5px;
    font-size    : 0.65rem;
    font-weight  : bold;
}

.rotulo-produto-detalhes-novo {
    display    : inline-block;
    margin-left: 5px;
    background : #ffd102;
    color      : #000;
}

.rotulo-produto-detalhes-promocao {
    background   : #cc0000;
    color        : #fff;
    padding-left : 8px;
    padding-right: 8px;
}

.rotulo-produto-detalhes-promocao {
    font-weight: bold;
    font-size  : 0.85rem;
    margin-left: 5px;
}

.rotulo-produto-detalhes-prontaentrega,
.rotulo-produto-detalhes-estoqueesgotado {
    display    : inline-block;
    color      : #fff;
    font-weight: bold;
}

.rotulo-produto-detalhes-prontaentrega {
    background: #097e28;
}

.rotulo-produto-detalhes-estoqueesgotado {
    background: #990033;
}

/*--- Produtos Detalhes ---*/
#area-fotos-produtos {
    width      : 272px;
    flex-shrink: 0;
}

#foto-produto {
    position  : relative;
    width     : 250px;
    background: #ffffff;
    border    : 1px solid #ffcccc;
}

#lupa-foto-produto {
    position: absolute;
    bottom  : 5px;
    right   : 5px;
    width   : 35px;
    height  : 35px;
}

#thumbs {
    display  : flex;
    flex-wrap: wrap;
}

#thumbs img {
    border      : 1px solid #ffcccc;
    margin-top  : 8px;
    margin-right: 8px;
}

.codigo {
    font-size : 14px;
    color     : #603333;
    margin-top: 2px;
}

.importado {
    display      : inline-block;
    margin-top   : 5px;
    background   : #336666;
    padding      : 2px 5px;
    border-radius: 3px;
    color        : #ffffff;
    font-weight  : bold;
    font-size    : 13px;
}

.preco-produto span.preco-normal {
    color        : #990033;
    font-size    : 26px;
    margin-bottom: 5px;
}

span.preco-normal {
    font-weight: bold;
}

span.preco-nao-promocional {
    color          : #886666;
    text-decoration: line-through;
    font-size      : 18px;
}

.divisao-produto {
    margin       : 15px 0;
    border-bottom: 1px solid #ffdddd;
}

.descricao-produto ul {
    padding-left: 15px;
    line-height : 18px;
}

.estoque-esgotado {
    border     : 1px solid #990033;
    padding    : 0 3px;
    background : #ff6666;
    color      : #ffffff;
    font-weight: bold;
}

#opcoes-parcelamento {
    position   : absolute;
    width      : 240px;
    margin-left: 15px;
    z-index    : 20;
}

#opcoes-parcelamento-mascara {
    position: absolute;
    width   : 240px;
    height  : 215px;
    z-index : 20;
}

.opcoes-parcelamento-seta {
    position: relative;
    z-index : 5;
}

.opcoes-parcelamento-seta div {
    width        : 0;
    height       : 0;
    border-left  : 12px solid transparent;
    border-right : 12px solid transparent;
    border-bottom: 12px solid #a2e2bf;
    margin-left  : 15px;
}

.opcoes-parcelamento-dados {
    position      : relative;
    background    : #a2e2bf;
    border-left   : 1px solid #a2e2bf;
    border-right  : 1px solid #a2e2bf;
    border-bottom : 1px solid #a2e2bf;
    border-radius : 5px;
    padding-bottom: 5px;
    box-shadow    : 0px 3px 5px rgba(0, 0, 0, 0.2);
    z-index       : 0;
}

.opcoes-parcelamento-titulo {
    background   : #a2e2bf;
    font-weight  : bold;
    padding      : 10px;
    border-radius: 5px 5px 0 0;
}

.opcoes-parcelamento-info {
    background: #a2e2bf;
    padding   : 10px 10px 5px 10px;
}

.opcoes-parcelamento-parcelas>div {
    display        : flex;
    justify-content: space-between;
    padding        : 2px 10px;
}

.opcoes-parcelamento-parcelas>div:nth-child(odd) {
    background: #ddf5e6;
}

.opcoes-parcelamento-parcelas>div:nth-child(even) {
    background: #f1fbf5;
}


/*--- Barra Paginação/Ordenação ---*/
.paginacao {
    background   : #ffdddd;
    padding      : 5px;
    display      : flex;
    margin-bottom: 14px;
    padding-right: 19px;
}

.paginacao>div {
    display   : flex;
    flex-basis: 50%;
}

.paginacao>div:nth-child(2) {
    justify-content: flex-end;
}


/*--- Quadros de informações administrativas da busca (URL amigável, condicional SQL, etc.) ---*/
.buscar_sql,
.buscar_url,
.buscar_comandos {
    padding                  : 5px;
    display                  : flex;
    margin-bottom            : 14px;
    padding-right            : 19px;
    border-top-left-radius   : 5px;
    border-bottom-left-radius: 5px;
}

.buscar_sql {
    background: #c7d6ff;
}

.buscar_url {
    background: #c6fac1;
}

.buscar_comandos {
    background: #dddddd;
}

.buscar_comandos>span {
    margin-left: 6px;
}


/*--- Quadro de informações ---*/
.titulo-quadro-info,
.subtitulo-quadro-info {
    margin    : 0;
    background: #990033;
    padding   : 10px 15px;
    color     : #ffffff;
    font-size : 16px;
}

.titulo-quadro-info {
    border-top-left-radius : 5px;
    border-top-right-radius: 5px;
}

.subtitulo-quadro-info {
    background: #ff6666;
}

.conteudo-quadro-info {
    padding   : 15px;
    background: #ffdddd;
}

.rodape-quadro-info {
    background                : #ff9999;
    padding                   : 15px;
    border-bottom-left-radius : 5px;
    border-bottom-right-radius: 5px;
}


/*--- Sanfona ---*/
.sfn-titulo {
    display      : flex;
    margin       : 0;
    background   : #990033;
    padding      : 10px 15px;
    color        : #ffffff;
    font-size    : 16px;
    border-radius: 5px;
    cursor       : pointer;
}
.sfn-titulo > * {
    align-self  : center;
    margin-right: 10px;
}

.sfn-titulo-aberto {
    background-color          : #ff6666;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
}

.sfn-conteudo {
    margin-bottom             : 5px;
    padding                   : 15px;
    background                : #ffdddd;
    border-bottom-left-radius : 5px;
    border-bottom-right-radius: 5px;
    overflow                  : hidden;
}


/*--- Calculo Frete ---*/
.calculo-frete-metodo {
    display    : flex;
    border-top : 2px solid #fff;
    margin-top : 8px;
    padding-top: 8px;
}
.calculo-frete-metodo > div:nth-child(1) {
    flex-grow: 1;
}
.calculo-frete-metodo > b {
    background   : #ffff99;
    padding      : 1px 3px;
    border-radius: 3px;
}
.calculo-frete-metodo > span {
    text-decoration: line-through;
    margin-right   : 5px;
}


/*--- Botões ---*/
.botao,
a.botao {
    border       : none;
    border-radius: 5px;
    text-align   : center;
    font-weight  : bold;
    color        : #fff;
    cursor       : pointer;
    margin       : 0;
}

a.botao {
    text-decoration: none;
    display        : inline-block;
}

a.botao.alinha-vertical {
    display       : table-cell;
    vertical-align: middle;
}

.botao.vermelho {
    background : linear-gradient(#bf0040, #7c002a);
    box-shadow : 2px 2px 5px rgba(127, 55, 55, 0.5);
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.7);
}

.botao.verde {
    background : linear-gradient(#336b2b, #1f3b1b);
    box-shadow : 2px 2px 5px rgba(41, 87, 71, 0.5);
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.8);
}

.botao.azul {
    background : linear-gradient(#4d9de6, #1167a1);
    box-shadow : 2px 2px 5px rgba(33, 77, 115, 0.5);
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.6);
}

.botao.rosa {
    background : linear-gradient(#ffd2d2, #f07b87);
    box-shadow : 2px 2px 5px rgba(109, 38, 52, 0.4);
    text-shadow:-1px -1px 2px rgba(0,0,0,0.1);
    color      : #000;
}

.botao.rosa-claro {
    background : linear-gradient(#ffeeee, #ff9e9e);
    box-shadow : 2px 2px 5px rgba(109, 38, 52, 0.4);
    text-shadow: 1px 1px 2px rgba(255, 238, 238, 0.75);
    color      : #000;
}

.botao.rosa-escuro {
    background : linear-gradient(#ff9c9a, #cc2a29);
    box-shadow : 2px 2px 5px rgba(127, 55, 55, 0.5);
    text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.2);
}

.botao.amarelo {
    background : linear-gradient(#fcf7d4, #f2dc44);
    box-shadow : 2px 2px 5px rgba(81, 75, 34, 0.5);
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.7);
    color      : #000;
}
.botao.off {
    color: rgba(255, 255, 255, 0.4);
}

.botao.mini {
    padding       : 5px 8px 4px 8px;
    text-transform: uppercase;
    font-size     : 10px;
}

.botao.p {
    padding       : 8px 14px;
    text-transform: uppercase;
    font-size     : 0.70rem;
}

.botao.m {
    padding       : 12px 20px;
    text-transform: uppercase;
    font-size     : 0.85rem;
}

.botao.g {
    padding       : 16px 30px;
    text-transform: uppercase;
    font-size     : 1.2rem;
}

.botao.inline {
    width      : 45px;
    height     : 40px;
    line-height: 40px;
    margin-left: 5px;
    font-size  : 2rem;
    padding    : 0;
}

.botao.paginacao {
    padding  : 4px 8px;
    font-size: 12px;
}


/*--- ALERTAS E AVISOS ---*/
.box-info {
    background   : #ffdddd;
    padding      : 15px;
    border-radius: 5px;
    box-sizing   : border-box;
}

.alerta-bloco {
    margin-bottom: 15px;
    padding      : 8px 15px;
    border-radius: 5px;
}

.alerta-com-titulo {
    padding: 15px;
}

.alerta-com-icone {
    display    : flex;
    align-items: center;
}

.alerta-bloco>div>img {
    display: block;
}

.alerta-bloco>div:nth-child(2) {
    flex-grow: 1;
}

.alerta-titulo {
    font-size: 1.10rem;
}

.alerta-mensagem {
    line-height: 1.2rem;
    padding-top: 2px;
}
.alerta-mensagem,
.alerta-info {
    font-size: 0.9rem;
}

.alerta-destaque {
    font-size: 0.8rem;
}

.alerta-aviso,
.alerta-erro {
    background-color: #ffee66;
}

.alerta-sucesso {
    background-color: #cffce6;
}

.alerta-info,
.alerta-destaque {
    margin-bottom   : 0;
    background-color: #ffcc00;
}

.alerta-destaque {
    display: inline-block;
    padding: 6px 8px;
}

/*--- define as bordas arredondadas ---*/
.br-a {
    border-radius: 5px;
}

.br-t {
    border-top-left-radius : 5px;
    border-top-right-radius: 5px;
}

.br-l {
    border-top-left-radius   : 5px;
    border-bottom-left-radius: 5px;
}

.br-r {
    border-top-right-radius   : 5px;
    border-bottom-right-radius: 5px;
}

.br-b {
    border-bottom-left-radius : 5px;
    border-bottom-right-radius: 5px;
}


/*--- listas numeradas ---*/
ol {
    padding-left: 15px;
}

ol li {
    margin-top: 15px;
}

ol.ajuda {
    list-style   : none;
    counter-reset: contador-lista;
    padding      : 0;
    margin       : 0 15px 15px 30px;
}

ol.ajuda li {
    counter-increment: contador-lista;
    position         : relative;
    margin           : 0 0 15px 0;
}

ol.ajuda li::before {
    content    : counter(contador-lista) ') ';
    font-weight: bold;
    position   : absolute;
    margin-left: -15px;
}

ol.ajuda li a {
    font-weight: bold;
}


/*--- ajuda ---*/
.conteudo-ajuda a {
    font-weight: bold;
}

.conteudo-ajuda h2 {
    margin-top: 30px;
}

ul.nav-ajuda {
    margin      : 0 15px 15px 15px;
    padding-left: 20px;
}

ul.nav-ajuda>li {
    margin: 0 0 5px 0;
}

ul.nav-ajuda.paragrafo>li {
    margin: 0 0 15px 0;
}

ul.nav-ajuda a {
    color      : #990033;
    font-weight: normal;
}


/*--- Carrinho ---*/
td#carrinho {
    width        : 99px;
    line-height  : 19px;
    padding-right: 5px;
    text-align   : right;
    background   : url('/assets/banner_carrinho_cabecalho.gif');
    font-size    : 11px;
    font-family  : "Trebuchet MS";
    color        : #ffffff;
    cursor       : pointer;
}

.itens-carrinho>div:nth-child(odd),
.itens-frete>div:nth-child(odd),
.itens-brinde>div:nth-child(odd) {
    background: #fff2f2;
}

.itens-carrinho>div:nth-child(even),
.itens-frete>div:nth-child(even),
.itens-brinde>div:nth-child(even) {
    background: #ffe6e6;
}

.titulo-carrinho {
    display    : flex;
    font-weight: bold;
}

.titulo-carrinho>div:nth-child(3) {
    text-align   : right !important;
    padding-right: 25px;
    box-sizing   : border-box;
}

.linha-carrinho {
    display: flex;
    padding: 0;
    padding: 5px 15px;
    margin : 2px 0;
}

.linha-carrinho div {
    align-items: center;
}

.linha-carrinho>div:nth-child(1) {
    width       : 90px;
    margin-right: 5px;
    flex-shrink : 0;
}

.linha-carrinho>div:nth-child(2),
.titulo-carrinho>div:nth-child(1) {
    flex-grow: 1;
}

.linha-carrinho>div:nth-child(3),
.titulo-carrinho>div:nth-child(2) {
    width      : 70px;
    text-align : center;
    flex-shrink: 0;
}

.linha-carrinho>div:nth-child(4),
.titulo-carrinho>div:nth-child(3) {
    width      : 130px;
    text-align : center;
    flex-shrink: 0;
}

.dados-produto-carrinho {
    display    : flex;
    line-height: 16px;
}

.quantidade-produto-carrinho {
    display        : flex;
    justify-content: center;
}

.quantidade-produto-carrinho input {
    width       : 25px;
    text-align  : center;
    margin-right: 10px;
}

.preco-produto-carrinho {
    display        : flex;
    justify-content: flex-end;
}

.atributo {
    border-radius: 3px;
    padding      : 0px 2px;
    background   : #990033;
    color        : #fff;
}

.form-frete-carrinho, .form-cupom-desconto {
    background   : #ffe6e6;
    margin-bottom: 2px;
    padding      : 15px;
}

.form-frete-carrinho>div>div>input, .form-cupom-desconto>div>div>input {
    width       : 250px;
    height      : 40px;
    box-sizing  : border-box;
    margin-right: 15px;
    padding     : 10px 7px 7px 7px;
    font-size   : 18px;
    font-weight : bold;
}

.item-frete-carrinho {
    display: flex;
    padding: 10px 15px;
    cursor : pointer;
    margin : 2px 0;
}

.item-frete-carrinho:hover,
.sel-frete {
    background: #ffaaaa !important;
}

.sel-frete {
    font-weight: bold;
}

.item-frete-carrinho input {
    margin-left: 0;
}

.item-frete-carrinho>div {
    align-self: center;
}

.item-frete-carrinho>div:nth-child(1) {
    width      : 20px;
    flex-shrink: 0;
}

.item-frete-carrinho>div:nth-child(2) {
    flex-grow: 1;
}

.item-frete-carrinho>div:nth-child(3) {
    width      : 230px;
    flex-shrink: 0;
    text-align : right;
}


.linha-brinde>div:nth-child(1) {
    background-color: #ffffff;
    width           : 55px;
    flex-shrink     : 0;
}

.linha-brinde>div:nth-child(2) {
    display     : flex;
    flex-grow   : 0;
    margin-right: 15px;
}

.linha-brinde>div:nth-child(3) {
    flex-shrink: 0;
    display    : flex;
}

.off-brinde img {
    opacity: .4;
}

.off-brinde>div:nth-child(2)>div {
    opacity: .5;
}

.off-brinde a {
    color: #333333;
}

.preco-carrinho {
    font-size  : 18px;
    font-weight: bold;
}

.preco-carrinho small,
.preco-carrinho-off small {
    font-size   : 0.75em;
    font-weight : normal;
    margin-right: 0.1em;
}

.preco-carrinho-off {
    text-decoration: line-through;
    opacity        : 0.75;
}

.linha-barra-totais {
    display    : flex;
    padding    : 5px 0;
    align-items: center;
}

.linha-barra-totais>div:nth-child(1) {
    flex-grow: 1000;
    font-size: 15px;
}

.linha-barra-totais>div:nth-child(2) {
    font-size: 18px;
}

.linha-barra-totais>input::placeholder {
    color: #888 !important;
}

.div-barra-totais-varejo {
    border-top: 1px solid #fff2f2;
}

.div-barra-totais-televendas {
    border-top: 1px solid #aee2ae;
}

.div-barra-totais-atacado {
    border-top: 1px solid #eddd9f;
}

.etiqueta-carrinho-info,
.etiqueta-carrinho-erro {
    display      : inline-block;
    margin-left  : 15px;
    border       : 1px solid #000000;
    border-radius: 5px;
    padding      : 3px 20px;
    color        : #000000;
    font-size    : 14px;
    font-weight  : bold;
    white-space  : nowrap;
}

.etiqueta-carrinho-info {
    background: #ffffff;
}

.etiqueta-carrinho-erro {
    background: #ffee66;
}


/*--- Barra Mais Visitados ---*/
#produtosMaisVisitados {
    overflow    : hidden;
    height      : 122px;
    background  : #eaa2a9 url('/assets/fundo_mais_visitados.gif') repeat-x;
    padding-left: 16px;
}

#titProdutosMaisVisitados {
    background: url('/assets/titulo_mais_visitados.gif');
    width     : 119px;
    height    : 34px;
}

.thumbProdutosMaisVisitados {
    float        : left;
    text-align   : center;
    margin-bottom: 40px;
    font-size    : 10px;
    width        : 80px;
    height       : 82px;
    overflow     : hidden;
    line-height  : 11px;
}

.thumbProdutosMaisVisitados img {
    border: 1px solid #cc6666;
}

.thumbProdutosMaisVisitados a {
    color: #000;
}

.divProdutosMaisVisitados {
    float        : left;
    width        : 17px;
    height       : 82px;
    margin-bottom: 40px;
}


/*--- Banner Home ---*/
#banners-home {
    position     : relative;
    width        : 459px;
    height       : 334px;
    margin-left  : 15px;
    flex-shrink  : 0;
    border-radius: 5px;
    overflow     : hidden;
}

#area-banners>a {
    position: absolute;
}

#seta-esq-banner-home,
#seta-dir-banner-home {
    position        : absolute;
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 35px;
    height          : 334px;
    cursor          : pointer;
    transition      : all 0.3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.3);
    z-index         : -1;
    opacity         : 0;
}

#seta-dir-banner-home {
    right: 0;
}

#seta-esq-banner-home>span,
#seta-dir-banner-home>span {
    width      : 20px;
    height     : 20px;
    border-left: 2px solid #ddd;
    border-top : 2px solid #ddd;
}

#seta-esq-banner-home>span {
    transform  : rotate(-45deg);
    margin-left: 12px;
}

#seta-dir-banner-home>span {
    transform   : rotate(135deg);
    margin-right: 11px;
}


/*--- Banner Frete Grátis ---*/
#bannerFreteGratis {
    background: linear-gradient(180deg, #ffffff 8px, #ffcc00 8px, #ffcc00 62px, #ffffff 62px);
    margin-top: 5px;
    height    : 70px;
}

#conteudoBanner {
    width : 700px;
    height: 70px;
    margin: auto;
}

#caminhaoFrete {
    width      : 107px;
    height     : 70px;
    float      : left;
    margin-left: 25px;
}

#primeiraFrase {
    position : absolute;
    font-size: 18px;
    margin   : 16px 0 0 145px;
}

#segundaFrase {
    position : absolute;
    font-size: 14px;
    margin   : 38px 0 0 145px;
}


/*--- Forms ---*/
div.dadosForm {
    background : #ffdddd;
    padding-top: 5px;
    overflow   : hidden;
}

div.dadosForm>div {
    padding: 4px 0;
}

div.dadosForm label {
    float      : left;
    width      : 150px;
    text-align : right;
    color      : #a01111;
    padding    : 3px 5px 3px 0;
    font-weight: bold;
}

div.dadosForm>div>div>span,
div.dadosForm>div>div>div>span {
    color      : #993366;
    font-weight: bold;
}

div.dadosForm>div>div>div>span {
    font-size    : 14px;
    margin-bottom: 5px;
    display      : block;
}

div.dadosForm>div>div {
    padding-top : 3px;
    padding-left: 155px;
}

div.dadosForm div strong {
    font-size  : 14px;
    font-weight: bold;
    color      : #000000;
    margin-left: 154px;
}

.formClaro {
    background: #ffeeee;
}


/*--- Form Login ---*/
div.formLogin {
    background: #ffdddd;
    padding   : 15px 0 10px 0;
}

div.formLogin div div {
    float       : left;
    width       : 110px;
    font-weight : bold;
    text-align  : right;
    margin-right: 5px;
    padding-top : 5px;
}


/*--- Form Dados Cartão de Crédito ---*/
div.dadosCartao>div {
    display: flex;
    padding: 5px;
}

div.dadosCartao>div>div {
    padding: 10px 20px;
}

div.dadosCartao>div>div>span {
    display      : block;
    margin-bottom: 5px;
    font-size    : 14px;
    font-weight  : bold;
}

div.dadosCartao>div>div>span>em {
    font-size: 11px;
}

div.dadosCartao input[type="text"],
div.dadosCartao input[type="tel"] {
    width        : 100%;
    height       : 40px;
    padding      : 10px;
    border-radius: 3px;
    font-size    : 16px;
    box-sizing   : border-box;
    font-family  : monospace;
}

div.dadosCartao select {
    height    : 40px;
    padding   : 10px;
    font-size : 16px;
    box-sizing: border-box;
}

div.dadosCartao input[type="text"].form,
div.dadosCartao input[type="tel"].form,
div.dadosCartao select.form {
    border: 1px solid #ccc;
}


/*--- Form Erro ---*/
.formErro,
.form-erro,
div.dadosCartao input[type="text"].form-erro,
div.dadosCartao select.form-erro {
    border    : 2px solid #dd0000;
    background: #ffff99
}

.form-seta-erro{
    width       : 25px;
    height      : 25px;
    margin-right: 5px;
}


/*--- Pedidos ---*/
.dadosPedido {
    border        : 1px solid #000000;
    padding-bottom: 4px;
    background    : #ffffff;
}

.dadosPedido label {
    float       : left;
    width       : 150px;
    text-align  : right;
    padding     : 0 3px 0 0;
    margin-right: 5px;
    font-weight : bold;
}

.dadosPedido div {
    padding: 4px 0 0 0;
}

#produtosCarrinho {
    width          : 100%;
    border         : 0;
    border-collapse: separate;
    border-spacing : 4px;
}

#produtosCarrinho td {
    text-align: right;
    padding   : 2px;
}

#produtosCarrinho thead td {
    font-weight: bold;
}

#produtosCarrinho tbody td {
    border-bottom: 1px solid #bbbbbb;
}

#totaisPedido {
    width: 100%;
}
#totaisPedido td {
    text-align: right;
    padding   : 3px;
}


/*--- Carregando ---*/
#borderConteudoCarregando {
    margin       : 20% auto auto auto;
    border-radius: 10px;
    background   : #ffcccc;
    padding      : 5px;
    width        : 480px;
}

#conteudoCarregando {
    border-radius: 5px;
    background   : url('/assets/carregando_caixa.gif') 150px 6px no-repeat #cc5566;
    height       : 45px;
    padding      : 10px 30px 0 25px;
    font-size    : 30px;
    font-weight  : bold;
    color        : #ffffff;
}

.logos-bancos {
    float: right;
}

.logos-bancos img {
    width      : 60px;
    height     : auto;
    margin-left: 5px;
}


/*--- Bandeiras Pagamentos ---*/
.bandeiras-pagamentos {
    display: flex;
}

.bandeiras-pagamentos > div{
    width        : calc(var(--altura-bandeira) / 0.7954);
    border-radius: calc(var(--altura-bandeira) * 0.08);
    margin-left  : calc(var(--altura-bandeira) * 0.08);
    margin-bottom: calc(var(--altura-bandeira) * 0.08);
    overflow     : hidden;
}

.bandeiras-pagamentos img {
    display: block;
    width  : 100%;
    height : auto;
}


/*--- Sobretela ---*/
.sbtl-fundo{
    position        : fixed;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    z-index         : 1000;
    display         : flex;
    align-items     : center;
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing      : border-box;
    transition      : opacity 0.2s ease-in-out;
}

.sbtl-embrulho {
    display        : flex;
    width          : 100%;
    justify-content: center;
    box-sizing     : border-box;
}

.sbtl-conteudo {
    width     : 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100vh;
    box-sizing: border-box;
    padding   : 40px 0;
}


/*--- Barras Carregando ---*/
.loading-box {
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.bar-loading-box {
    display     : flex;
    align-items : center;
    width       : 32px;
    height      : 30px;
    margin-right: 4px;
}

.bar-loading-box>div {
    height       : 50%;
    width        : 6px;
    border-radius: 3px;
    margin-right : 2px;
    background   : #933;
    animation    : sobeDesce 0.9s infinite ease-in-out;
}

.bar-loading-box div:nth-child(2) {
    animation-delay: 0.1s;
}

.bar-loading-box div:nth-child(3) {
    animation-delay: 0.2s;
}

.bar-loading-box div:nth-child(4) {
    animation-delay: 0.3s;
}

.loading-box.branco .text-loading-box {
    color: #fff;
}

.loading-box.branco .bar-loading-box>div {
    background: #fff;
}

@keyframes sobeDesce {
    0%, 40%, 100% {
        height: 50%;
    }
    20% {
        height: 100%;
    }
}


/*--- Quandro Info Getnet Pedido Pago Parcial ---*/
.pagamento-tardio {
    background   : #ffeeee;
    padding      : 17px 20px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size    : 1.05em;
}

.pagamento-tardio>div {
    display: flex;
}

.pagamento-tardio>div>div {
    padding: 4px;
}

.pagamento-tardio>div>div:nth-child(1) {
    width     : 90px;
    text-align: right;
}

/*--- Clique e Retire ---*/
.cliqueretire-agencia {
    width        : 80%;
    padding      : 5px;
    padding-left : 30px;
    margin-bottom: 10px;
    border-radius: 3px;
    background   : #ffffff;
    cursor       : pointer;
    border       : 2px solid #ffbbbb;
}

.cliqueretire-agencia > input[type="radio"] {
    margin-left: -20px;
}

.cliqueretire-agencia > {
    padding: 0 0 0 20px;
}

.cliqueretire-agencia:hover,
.cliqueretire-agencia-sel {
    background-color: #ffffcc;
}


/*--- Blog ---*/
.blog-lista-post {
    margin-top: 15px;
    height    : 175px;
}

.blog-lista-post>a {
    display        : block;
    color          : #000;
    text-decoration: none;
}

.blog-lista-post div.botao {
    display   : inline-block;
    margin-top: 15px;
}

.blog-lista-texto {
    line-height       : 18px;
    height            : 54px;
    overflow          : hidden;
    display           : -webkit-box;
    /* line-clamp: 3; */
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog-lista-texto-semimagem {
    background   : #fff6f6;
    border-radius: 5px;
    padding      : 10px 15px;
}

.blog-lista-texto-comimagem {
    flex-shrink              : 30;
    background               : #fff6f6;
    border-top-left-radius   : 5px;
    border-bottom-left-radius: 5px;
    padding                  : 10px 15px;
}

.blog-lista-imagem {
    width              : 350px;
    height             : 175px;
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
}


/*--- Aviso LGPD ---*/
#aviso-cookie-lgpd {
    position     : fixed;
    left         : 50%;
    transform    : translate(-50%);
    max-width    : 960px;
    box-sizing   : border-box;
    bottom       : -90px;
    background   : #000000;
    margin       : 15px 30px 15px 0;
    padding      : 5px;
    border-radius: 5px;
    box-shadow   : 2px 2px 8px rgba(0, 0, 0, 0.4);
    z-index      : 1000;
    text-align   : center;
    transition   : all 0.2s ease;
    line-height  : 16px;
    color        : #ffffff;
}

#aviso-cookie-lgpd.open {
    bottom: 0;
}

#aviso-cookie-lgpd a {
    color          : #ffffff;
    font-weight    : bold;
    text-decoration: underline;
}

#aviso-cookie-lgpd>div {
    width          : 960px;
    margin         : auto;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

#aviso-cookie-lgpd>div>div {
    padding: 10px;
}


/*--- Tabela Info Cadastro Múltiplo - Televendas ---*/
#tabelaCadastroMultiplo {
    width    : 100%;
    font-size: 12px;
}

#tabelaCadastroMultiplo thead {
    font-weight: bold;
    background : #ffbbbb;
}

#tabelaCadastroMultiplo td span {
    font-weight: bold;
    color      : #cc0000;
    font-size  : 12px;
}

/*--- Plugin Venobox - ajustes p/ ícones da galeria ---*/
.vbox-close {
    margin-top  : 45px !important;
    margin-right: 100px !important;
    font-size   : 45px !important;
}

.vbox-left-corner {
    margin-top : 45px !important;
    margin-left: 5% !important;
}

.vbox-num {
    font-size: 1rem !important;
}

.vbox-prev,
.vbox-next {
    display         : flex !important;
    align-items     : center !important;
    width           : 100px !important;
    height          : 200px !important;
    margin-top      : -100px !important;
    padding         : 10px !important;
    background-color: #000 !important;
    border-radius   : 10px !important;
}

.vbox-prev,
.vbox-next {
    justify-content: center;
}

.vbox-prev span,
.vbox-next span {
    position    : relative !important;
    top         : 0px !important;
    width       : 40px !important;
    height      : 40px !important;
    text-indent : -300px !important;
    border-width: 3px !important;
}

.vbox-prev {
    margin-left: 73px !important;
}

.vbox-next {
    margin-right: 73px !important;
}

.vbox-hidden {
    display: none !important;
}