@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
 
 
:root {
--cor_primaria: #a1bc76;
--cor_secundaria: #ad7b58;
--cor_botao: #a1bc76;
--cor_botao_hover: #ad7b58;
--cor_texto_botao: #fff;
--cor_texto_botao_hover: #fff;
--cor_botao_comprar: #5bbf5f;
--pre_cabecalho: #8ba95d;
--cor_texto_pre_cabecalho: #fff;
--cor_cabecalho: #a1bc76;
--cor_icones: #fff;
--cor_icones_hover: #67833e;
--cor_texto_icones: #fff;
--cor_menu: #f7f7f7;
--cor_texto_menu: #2d2c2c;
--cor_newsletter: #ad7b58;
--cor_texto_newsletter: #fff;
--cor_footer: #fff;
--cor_texto_footer: #383a3d;
--texto_global:#383A3D;
--cor_clara:#fff;
--cor_escura: #000;
--texto_background:#fff;
--texto_bg_escuro:#222;
--texto_bg_claro:#222;
--cor_youtube: #000;
--cor_texto_youtube: #fff;
}

/* Ajustes PLUGOO */
 
 #cabecalho .menu.superior ul.nivel-um {
    display: flex;
    justify-content: center;
}
#cabecalho .menu.superior .all-menu ul.nivel-dois ul.nivel-dois {
    width: max-content;
}

#cabecalho .menu.superior .nivel-um li.all-menu {
    order: 1;
}
.menu.superior .nivel-um li.all-menu svg {
    display: none;
}
#cabecalho .menu.superior .nivel-um>li.item-oferta {
    order: 2;
}
#cabecalho .menu.superior .all-menu .nivel-dois > li:nth-child(-n + 6) {
    display: none;
}
.pagina-pagina #corpo .post-imagem {
    width: max-content;
}
/* Fim dos ajustes */ 
.busca input {
color: #444 !important;
}
 
@media (min-width: 768px) {
.tabela-carrinho .form-horizontal .control-label {
text-align: left;
padding-left: 2%
}
 
.uneditable-input, input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select {
background: #fff;
border: 1px solid #b1b1b1c9;
border-radius: 3px;
box-shadow: 0 2px 2px #0000001f;
}
}
 
 
@media (max-width: 768px) {
.carrinho-checkout .resumo-compra .tabela-carrinho .padding-preco > div {
padding: 0
}
 
.carrinho-checkout #formularioCheckout input:focus {
border-width: 1.2px;
}
 
.carrinho-checkout #formularioCheckout input:not(.checkbox input) {
height: 40px
}
 
.carrinho-checkout .input-append .add-on {
padding: 10px;
background: transparent;
border:0;
}
 
.carrinho-checkout #id_cep {
padding: 0
}
 
.resumo-compra .tabela-carrinho .produto-info {
white-space: normal;
}
}
 
.pagina-carrinho .total strong {
font-weight: 600;
font-size: 0.975rem;
}
 
.carrinho-checkout strong.preco-promocional.cor-principal.titulo {
font-size: 0.875rem
}
 
.carrinho-checkout .conteiner-qtd {
display: flex;
margin-top:6px;
justify-content: center;
width: initial !important;;
height: auto;
line-height: 30px;
}
 
div#box-banners .item img {
border-radius: 10px;
transition: all .3s;
width: 100%;
}
 
/* UPDATES PLUGOO */
@media screen and (min-width: 200px) and (max-width:768px) {
.pagina-carrinho #corpo .conteiner {
/*! padding-top: 40px; */
}
 
.carrinho-checkout #corpo .conteiner {
padding-top: 0;
}
}
 
.item-oferta>ul {
border: 0 !important;
}
 
.item-oferta .botao.botao-comprar.principal {
padding: 0;
}
 
div#box-slide:before {
background: var(--cor_cabecalho);
}
 
div#box-slide .titulo-categoria {
color: var(--cor_texto_icones) !important;
}
 
@media (min-width: 768px) {
div#box-slide {}
 
div#box-slide:before {
height: 482px;
}
 
span.price-pix {
width: 74% !important;
}
 
span.price-pix img {
filter: none !important
}
}
 
@media (max-width: 768px) {
div#box-slide {
padding: 16px 0 !important;
margin-bottom: 10px !important;
}
 
div#box-slide:before {
max-height: 250px
}
 
div#box-slide .titulo-categoria {
margin: 0 !important
}
}
 
.slides-items-category .item:hover img {
opacity: .68
}
 
.slides-items-category .item {
border: 0 !important;
/* background: transparent; */
/* box-shadow: 0 2px 4px #00000024 */
}
 
.slides-items-category .item img {
/* border: 1.1px solid #ccccccc7 !important; */
padding: 2.9px;
}
 
@media (min-width: 768px) {
.pagina-carrinho .menu-wrapper.span6.hidden-phone {
display: initial !important
}
}
 
@media (min-width: 768px) {
.pagina-categoria .listagem .listagem-item {
margin: 6px
}
}
 
@media (max-width: 768px) {
span.cor-secundaria.disponibilidade-produto {
float: left
}
}
 
.js-menu-mobile.menu-mobile {
cursor: pointer !important;
touch-action: auto !important
}
 
.pulse-button,
.whats-button {
animation: none !important
}
 
#carouselImagem .flex-direction-nav a.flex-next,
#carouselImagem .flex-direction-nav a.flex-prev {
background: 0 0 !important
}
 
.whats-button {
display: block !important
}
 
div#comentarios-container .description-title {
display: none !important
}
 
.top-header {
height: 36px;
background: var(--pre_cabecalho);
text-align: center;
}
 
.top-header:hover a {
color: var(--cor_texto_pre_cabecalho)
}
 
.top-header a:after {
content: 'Saiba mais';
color: var(--cor_texto_pre_cabecalho);
position: relative;
width: 100px;
height: 40px;
font-size: 12px;
border-radius: 6px;
border: 0.2px solid var(--cor_texto_pre_cabecalho);
padding: 4px 8px;
margin-left: 20px;
}
 
.top-header a {
height: 36px;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
line-height: 36px;
color: var(--cor_texto_pre_cabecalho);
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
width: 70% !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:after {
font-size: 40px !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 54px;
padding: 0 10px !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner:before {
display: none !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
width: 100% !important
}
}
 
.pagina-carrinho .dropHelp {
display: none !important
}
 
.pagina-carrinho .menu-wrapper.span6.hidden-phone {
justify-content: flex-end;
display: flex
}
 
span.desconto-a-vista {
display: block;
font-size: 0.775rem;
font-weight: 700;
color: var(--texto_global);
border-radius: 6px;
padding: 0;
width: 88%;
}
 
span.desconto-a-vista span {
font-weight: 500
}
 
span.desconto-a-vista strong {
font-weight: bold
}
 
.listagem span.desconto-a-vista {
display: block;
font-size: 0.775rem;
font-weight: 700;
color: var(--texto_global);
/* background: #000; */
/* border-radius: 6px; */
/* padding: 6px 10px; */
width: 100%;
/*! margin-top: 8px !important; */
margin: auto;
}
 
.parcelas-produto.borda-alpha.padrao .cep {
display: none
}
 
@media (max-width: 1024px) {
 
.listagem .produtos-carrossel[data-produtos-linha="3"] .imagem-produto,
.listagem .span4 .imagem-produto {
height: auto
}
}
 
.gateways-rodape li {
width: auto !important;
border: 0 !important
}
 
#descricao li,
#descricao p,
#descricao span,
#descricao strong {
list-style-type: inherit !important;
color: initial !important;
font-size: initial !important;
}
 
#descricao strong {
list-style-type: inherit !important;
color: initial !important;
font-size: initial !important;
font-weight: 700 !important
}
 
#descricao span>em>u {
color: #337bd1;
font-weight: 600
}
 
@media screen and (max-width: 768px) and (min-width:200px) {
.cep .input-append.input-prepend input {
padding: 20px 30px !important
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
height: 26px;
}
 
.cep .input-append.input-prepend button {
top: 2px !important;
}
}
 
a.at-icon-wrapper.at-share-btn {
padding: 4px !important;
width: 30px;
height: 30px;
line-height: 30px !important;
margin-top: 20px;
background: #fff !important;
border: 1px solid #cccccc5c;
box-shadow: 0 2px 3px #0000000a;
border-radius: 3px !important
}
 
.lista-redes .icon-instagram {
background-image: none
}
 
ul.bandeiras-pagamento i {
display: block !important
}
 
#listagemProdutos .slick-dots {
display: none !important
}
 
a.at-icon-wrapper.at-share-btn.at-svc-compact {
display: none
}
 
.modulo ul.flex-direction-nav {
display: none !important
}
 
.at-icon-wrapper {
width: 26px !important;
height: 26px !important;
line-height: 30px !important
}
 
a.at-icon-wrapper.at-share-btn:hover {
padding: 8px;
margin-top: 20px;
background-color: auto !important;
border: 1px solid #cccccc5c;
box-shadow: 0 2px 3px #0000000a;
border-radius: 3px !important
}
 
.at-share-btn svg {
line-height: 16px;
height: 26px !important;
width: 26px !important
}
 
.at-svc-whatsapp svg {
fill: #4dc247 !important;
border: 0
}
 
.at-svc-telegram svg {
fill: #0088cb !important;
border: 0
}
 
.at-icon-addthis {
fill: #ff6550 !important;
border: 0
}
 
.at-svc-pinterest_share svg {
fill: #cb2027 !important;
border: 0
}
 
.at-svc-facebook svg {
fill: #3b5997 !important;
border: 0
}
 
.at-svc-twitter svg {
fill: #1da1f2 !important;
border: 0
}
 
.featuredProducts {
z-index: 12 !important
}
 
.menu.superior {
z-index: -1
}
 
.atributos ul li a:hover,
.atributos ul li.active a {
margin: -1px 0 !important
}
 
.produto .cep form#formCalcularCep {
padding-bottom: 0
}
 
.atributos .atributo-cor ul li a,
.atributos .atributo-cor ul li a span {
border-radius: 0 !important
}
 
@media (min-width: 1000px) {
.menu-oferta .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-principal {
opacity: 1
}
}
 
@media (max-width: 768px) {
.tabela-carrinho .form-horizontal .controls {
margin-left: 0 !important
}
}
 
.video-container {
position: relative;
width: 100%;
height: 500px;
display: none
}
 
.video-container .conteiner {
height: 460px
}
 
.pagina-inicial .video-container {
display: block
}
 
@media screen and (max-width: 768px) {
.video-container {
height: 470px
}
}
 
.atributos ul li a:hover:before {
color: #2bcf88 !important;
display: none !important
}
 
.atributos ul li.active a:before {
left: -2px !important;
top: -2px !important;
display: block !important;
color: #4CAF50 !important;
background: #ffffff;
width: 10px !important;
height: 10px !important;
line-height: 10px !important;
padding: 2px;
border-radius: 50px;
text-align: center;
}
 
.atributos ul li.active a:hover:before {
display: block !important
}
 
.atributos ul li a:hover,
.atributos ul li.active a {
border-color: #dadada;
background: #fff;
transform: scale(1) !important;
transition: .12s;
border: 1px solid #d4d4d4 !important
}
 
.atributos {
padding: 20px !important;;
border-radius: 8px;
background: #f4f4f4
}
 
.atributos ul li a {
border: 1px solid #eaeaea !important;
transform: scale(1) !important;
transition: .12s;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
}
 
@media only screen and (max-width: 767px) {
.info-principal-produto .breadcrumbs ul li {
/*! display: none !important */
}
 
.cep .input-append.input-prepend input {
/* width: 70%!important */
}
}
 
.pagina-inicial div#video h1 {
color: var(--texto_global);
font-size: 30px;
font-weight: 600;
text-transform: uppercase;
display: block
}
 
div#video h1 {
color: var(--cor_primaria);
font-size: 30px;
text-transform: uppercase;
display: none
}
 
div#video h1:before {
content: '\f03d';
font-family: FontAwesome;
padding-right: 8px;
font-weight: 300 !important;
color: var(--cor_primaria)
}
 
@media (max-width: 768px) {
div#video h1 {
color: var(--cor_primaria);
font-size: 18px !important;
text-align: center;
text-transform: uppercase
}
 
div#video h1:before {
content: '\f03d';
font-family: FontAwesome;
padding-right: 8px;
font-weight: 300 !important;
color: var(--cor_secundaria)
}
}
 
.menu .nivel-dois a {
color: var(--texto_global)
}
 
a.ver-categoria {
width: 100px;
color: var(--cor_secundaria) !important;
margin: 2px 28px;
font-weight: 600;
transition: all .3s;
font-size: 1.1em;
text-align: left;
}
 
a.ver-categoria:hover {
color: var(--cor_primaria) !important;
}
 
.menu.superior .nivel-tres {
padding: 10px !important;
}
 
.menu.superior .nivel-tres li a {
line-height: 16px !important;
color: var(--texto_global) !important;
font-weight: 400 !important;
font-size: 15px
}
 
.menu.superior .nivel-tres li:hover a {
line-height: 16px !important;
color: var(--cor_primaria) !important
}
 
.menu.superior .nivel-dois .com-filho a {
font-weight: 600
}
 
@media (max-width: 768px) {
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao {
top: 20px !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:after {
font-size: 32px !important;
letter-spacing: -.8px !important
}
 
.newsletter-confirmacao {
background: #fff !important;
top: auto;
z-index: 102030 !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner:before {
display: none
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao .icon-ok {
background: #3cd87f;
color: #fff !important;
border-radius: 50px !important;
margin-right: 10px !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
width: 100% !important
}
 
.newsletter-confirmacao.hide {
display: unset !important;
display: none !important;
justify-content: center;
text-aling: center
}
 
.newsletter-confirmacao {
display: block !important;
justify-content: center;
text-aling: center
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao {
position: relative !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
width: 100% !important;
padding: 0 10px !important;
margin: 0 auto !important;
display: flex
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao span {
text-align: center !important;
padding-top: 20px
}
}
 
.listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto,
.listagem .span3 .imagem-produto {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center
}
 
.featuredProducts {
position: relative;
top: 47%;
border: none;
background: var(--cor_primaria);
border-radius: 0
}
 
.ms-timer>* {
color: #fff;
font-weight: 700 !important
}
 
.featuredProducts-timer {
padding: 0 !important;
display: flex;
justify-content: space-between;
align-content: center
}
 
.featuredProducts-timer-label {
text-align: center;
display: flex;
justify-content: center;
align-content: center;
position: relative
}
 
.featuredProducts-timer-title {
margin-bottom: 0 !important;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
top: 0
}
 
.featuredProducts-timer-description {
font-size: 14px !important;
color: var(--cor_texto_botao_hover);
opacity: 1 !important;
font-weight: 700 !important;
}
 
.vitrine-destaque,
.vitrine-destaque+ul.produtos-carrossel {
display: flex !important;
width: 100%;
}
 
.ms-timer>.dois-pontos-contador {
margin: 0 !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 38px;
left: 12px;
position: relative;
}
 
.dropHelp {
position: relative
}
 
.dropHelp:hover .container-drop-help {
display: block !important;
transition: all .4s ease-in-out
}
 
.listagem .listagem-item {
/* padding: 0!important; */
border: none !important
}
 
.primary-title {
color: var(--texto_bg_claro);
font-weight: 700;
opacity: 1 !important
}
 
.second-title {
display: inline;
text-transform: uppercase;
font-weight: 300;
color: var(--texto_global);
letter-spacing: -.7px
}
 
.pagina-carrinho .conteiner-principal {
margin-top: 0 !important
}
 
.pagina-busca .banner.tarja {
margin-top: 4%
}
 
.pagina-categoria h1.titulo {
margin-left: 7% !important
}
 
.pagina-categoria .listagem .listagem-item {
margin: 0 !important
}
 
.listagem-item .imagem-produto img[data-src].loaded {
opacity: 1
}
 
@media (min-width: 768px) {
.pagina-categoria .listagem .listagem-item {
margin: 6px
}
 
#corpo {
padding-top: 160px !important;
}
 
.pagina-pagina #corpo {
padding-top: 170px !important;
}
}
 
.pagina-categoria .listagem .listagem-linha>ul {
display: flex;
justify-content: space-between
}
 
.pagina-categoria .conteudo {
margin-left: 2% !important
}
 
@media (max-width: 768px) {
 
.pagina-categoria .conteudo,
.pagina-busca .conteudo {
margin-left: 0 !important;
;
}
}
 
.pagina-busca .conteudo {
margin-left: 2% !important
}
 
.pagina-categoria #listagemProdutos,
.pagina-categoria .ordenar-listagem.topo .span6.clearfix {
margin-left: 0 !important
}
 
.pagina-categoria h1.titulo {
margin-left: 0 !important
}
 
.container-boost-sales {
width: 401px;
height: auto;
background: #fff;
border: 1px solid #00000036;
border-radius: 0 4px 4px 0;
position: fixed;
top: 70%;
z-index: 999999;
box-shadow: 0 1px 3px 1px #74778847;
transform: translateX(-200em);
transition: all .4s ease-in-out
}
 
.container-boost-sales.active {
transform: translateX(0)
}
 
.container-conteudo-boost-sales {
width: 100%;
display: flex;
justify-content: center;
align-content: center;
padding: 5px
}
 
.container-informacoes {
width: 80%;
display: flex;
justify-content: center;
align-items: center
}
 
.container-produto-imagem-boost-sales {
width: 30%
}
 
.img-produto-boost-sales {
width: 100%
}
 
.text-boost-sales {
font-size: 15px;
font-weight: 400;
color: #747788
}
 
.name-cliente {
font-weight: 700
}
 
a.produto-boost-sales {
text-decoration: underline !important;
cursor: pointer;
font-size: 17px;
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600
}
 
@media(max-width: 768px) {
.titulo-categoria:after {
bottom: 5px !important;
left: 4px !important
}
 
.container-boost-sales {
display: none
}
 
#listagemProdutos .listagem-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
 
#cabecalho.fixed {
z-index: 1E+17 !important
}
 
#cabecalho .conteiner,
.pagina-produto #cabecalho {
position: fixed
}
}
 
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
-webkit-font-smoothing: antialiased;
outline: 0 !important
}
 
.control-group.error input[type=password],
.control-group.error input[type=text] {
background-color: #fff;
border-color: #c84043 !important;
box-shadow: 0 0 0 .2rem #c840432e;
outline: 0
}
 
form .control-group.erro .errorlist li,
form .control-group.error .errorlist li {
font-weight: 600;
line-height: 12px;
margin-top: 10px
}
 
.menu-categorias .categoria-titulo .icon-menu {
display: none
}
 
.menu-categorias .categoria-titulo {
text-align: left;
display: block;
padding-left: 28px;
/* width: 100%; */
line-height: 26px;
}
 
.menu-categorias span.categoria-titulo strong {
font-size: 20px !important;
color: var(--cor_primaria);
font-weight: 700 !important;
}
 
.menu-categorias {
/* overflow-x: hidden; */
/* overflow-Y: auto; */
width: 100%;
}
 
.menu-categorias.span6 {
margin: 0;
width: 50%;
float: left
}
 
.menu-categorias {
overflow-x: hidden;
overflow-y: auto
}
 
.menu.superior li:not(.all-menu)>.nivel-dois .menu-oferta.span6 {
margin: 0;
width: 54%;
/*! float: left; */
/*! display: none; */
}
 
.menu-categorias.span6 {
margin: 0;
width: 46%;
/*! float: left; */
/*! display: none; */
}
 
.menu.superior .listagem .info-produto {
padding: 6px 2px;
line-height: 18px;
}
 
.menu .listagem .listagem-item .nome-produto {
margin-bottom: 6px;
}
 
.listagem-item:hover .acoes-produto {
/* display: none; */
}
 
.menu.superior .nivel-dois>.menu-oferta.span6 .prod-items-cat {
width: 100%;
display: block;
min-height: 300px;
max-height: 440px;
}
 
.menu.superior .nivel-dois>.menu-oferta.span6 .prod-items-cat .listagem-item {
max-height: 440px;
/* width: 100%; */
}
 
.menu.superior .nivel-dois>.menu-oferta.span6 .prod-items-cat .listagem-item:hover {
border: 0;
box-shadow: none !important;
}
 
.menu.superior .nivel-dois>.menu-oferta.span6 .prod-items-cat .listagem-item .acoes-produto {
display: none
}
 
.menu.superior .nivel-dois>.menu-oferta.span6 .prod-items-cat .listagem-item .imagem-produto img {
/* height: 150px !important; */
}
 
.prod-items-cat .listagem-item:before {
display: none
}
 
.prod-items-cat .listagem-item {
display: none !important;
}
 
.prod-items-cat .listagem-item:first-child {
display: block !important;
}
 
.prod-items-cat .listagem-item .acoes-produto .botao.principal {
display: none;
}
 
@media (min-width: 768px) {
.item-oferta .preco-produto>div {
display: block
}
 
.item-oferta .preco-produto>div>s,
.item-oferta .preco-produto>div>strong {
margin: 0 !important;
line-height: 12px;
font-size: 14px !important;
}
 
.item-oferta .preco-produto strong {
font-weight: bold;
color: var(--texto_global)
}
 
.item-oferta .preco-produto p,
.item-oferta .preco-produto span,
.item-oferta .preco-produto strong {
line-height: 16px;
font-size: 12.4px;
text-align: center;
margin: 0 auto;
}
}
 
.prod-destaque {
position: absolute;
bottom: 0;
z-index: 10;
background: var(--cor_botao_hover);
width: 96%;
display: flex;
justify-content: center;
align-items: center;
padding: 4px 0;
/* height: 30px; */
border-radius: 4px;
display: none;
margin: 0 2%;
}
 
.prod-destaque span {
color: var(--cor_texto_botao_hover);
text-transform: uppercase;
font-weight: 600;
font-size: 0.8em;
}
 
.prod-destaque svg {
fill: #fff;
width: 16px;
height: 16px;
padding-right: 8px;
}
 
.menu.superior .nivel-dois {
width: auto
}
 
.menu .nivel-dois li>a {
opacity: 1
}
 
.menu .nivel-dois li:hover>a {
opacity: 1
}
 
.menu.superior .menu-oferta {
border-left: 1px solid #e6e6e6
}
 
.menu-categorias li a {
text-align: left;
font-size: 15px;
line-height: 23px !important
}
 
.menu.superior .all-menu .menu-oferta {
/*! display: none !important */
}
 
.menu.superior .nivel-dois .menu-oferta {
padding: 0 10px;
box-sizing: border-box;
}
 
.menu.superior .nivel-dois .menu-oferta .info-produto .preco-venda {
opacity: .6;
}
 
.menu.superior .nivel-dois .menu-oferta .info-produto .preco-venda,
.menu.superior .nivel-dois .menu-oferta .info-produto .preco-promocional {
font-size: 14px !important;
margin: 0;
}
 
.menu-oferta .listagem .span3 .imagem-produto {
height: 180px;
}
 
.menu-oferta .bandeiras-promocao {
font-size: 12px !important;
}
 
.menu.superior .nivel-dois .menu-oferta .info-produto .desconto-a-vista {
display: none
}
 
.menu.superior .nivel-dois .listagem ul {
margin: 0;
box-shadow: none
}
 
.menu.superior .nivel-dois .listagem ul .listagem-linha {
padding: 0;
width: 100%
}
 
.menu.superior .nivel-dois .listagem ul .listagem-linha ul li {
margin: 0;
padding: 0;
width: 100%
}
 
.listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto,
.listagem .span3 .imagem-produto {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center
}
 
.menu.superior .nivel-dois {
/* width: 600px */
}
 
.menu .nivel-dois li>a {
opacity: .6;
}
 
.menu .nivel-dois li:hover>a {
opacity: 1
}
 
.menu.superior .menu-oferta {
border-left: 1px solid #e6e6e6
}
 
.menu-categorias li a {
text-align: left;
font-size: 15px;
line-height: 23px !important;
}
 
.menu.superior .nivel-dois .menu-oferta {
padding: 0 20px;
box-sizing: border-box
}
 
.menu.superior .nivel-dois .listagem ul {
margin: 0;
box-shadow: none
}
 
.menu.superior .nivel-dois .listagem ul .listagem-linha {
padding: 0;
width: 100%
}
 
.menu.superior .nivel-dois .listagem ul .listagem-linha ul li {
margin: 0;
padding: 0;
width: 100%
}
 
.listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto,
.listagem .span3 .imagem-produto {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center
}
 
@media (min-width: 768px) {
.banner.mini-banner {
display: flex;
justify-content: baseline;
margin-top: 16px;
}
 
.conteudo.span12 {
margin: 0;
}
}
 
.dropHelp>p {
color: var(--cor_texto_icones);
text-align: left;
align-items: center;
font-weight: 500;
line-height: 18px;
font-size: 0.775rem;
margin: 0;
}
 
.container-conteudo-drop-help p {
text-align: center;
align-items: center;
font-weight: 600;
line-height: 26px;
font-size: 14px;
margin: 0;
color: var(--texto_global);
letter-spacing: -.3px;
}
 
.dropHelp {
position: relative;
display: flex;
margin: 0 10px;
padding: 20px 0;
top: 0;
right: 0;
align-items: center;
}
 
.dropHelp svg {
margin-right: 12px;
width: 26px;
height: 26px;
}
 
.dropHelp:hover .container-drop-help {
display: block !important;
transition: all .4s ease-in-out
}
 
.container-drop-help {
position: absolute;
height: auto;
width: 250px;
background: #fff;
border-radius: 10px;
border: 1px solid #00000017;
left: -56px;
top: 62px;
display: none;
will-change: opacity, transform;
animation: Ab .3s cubic-bezier(.18, .89, .32, 1.28);
-ms-transform-origin: top center;
transform-origin: top center;
}
 
.container-conteudo-drop-help i {
display: none
}
 
.container-conteudo-drop-help ul {
margin: 0;
}
 
.container-conteudo-drop-help {
width: 100%;
height: auto;
text-align: center;
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
}
 
.container-drop-help:before,
.container-drop-help:after {
content: '';
display: block;
position: absolute;
bottom: 100%;
width: 0;
height: 0;
z-index: 4;
}
 
.container-drop-help:before {
right: 114px;
border: 8px solid transparent;
border-bottom-color: #ddd;
}
 
.container-drop-help:after {
right: 115px;
border: 7px solid transparent;
border-bottom-color: #fff;
}
 
.container-email,
.container-phone,
.container-whats {
text-align: center;
margin: 5px;
width: 70%
}
 
.icon-email-help,
.icon-phone-help,
.icon-whats-help {
color: #0090ed;
font-size: 15px !important
}
 
.icon-whats-help {
color: #18cb6a
}
 
.icon-email-help {
color: #c52727
}
 
span.text-email,
span.text-phone,
span.text-whats {
font-size: 14px;
font-weight: 600;
color: var(--cor_secundaria)
}
 
span.number-email-help,
span.number-phone-help,
span.number-whats-help {
font-size: 15px;
color: var(--texto_global)
}
 
.container-button-fale-conosco-drop-help {
width: 100%;
display: flex;
justify-content: center;
align-content: center
}
 
.container-conteudo-button-fale-conosco-drop-help {
width: 65%;
border: 1px solid #00000000;
display: flex;
background: #e8e8e8;
justify-content: center;
align-content: center;
padding: 12px 6px;
cursor: pointer;
border-radius: 6px;
font-size: 12px;
margin-top: 5px;
margin-bottom: 5px;
font-weight: 600;
transition: all .3s ease-in-out;
text-transform: uppercase;
}
 
.container-conteudo-button-fale-conosco-drop-help:hover {
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover)
}
 
.listagem .listagem-item {
/* padding: 0!important; */
margin: 0
}
 
.modulo.span6 img {
border-radius: 10px
}
 
.primary-title {
color: var(--texto_global);
font-weight: 700
}
 
.second-title {
display: inline;
text-transform: uppercase;
font-weight: 100 !important;
color: var(--texto_global);
letter-spacing: -.7px
}
 
.pagina-carrinho .conteiner-principal {
margin-top: 0 !important
}
 
#corpo .pagina-categoria .listagem .listagem-item {
width: 255px;
margin: 6px
}
 
.pagina-categoria .listagem .listagem-linha>ul {
display: flex;
justify-content: space-between
}
 
.modulo.span6:nth-child(3) {
display: none
}
 
.container-boost-sales {
width: auto;
height: auto;
background: #fff;
border: 1px solid #74768933;
border-radius: 4px;
position: fixed;
top: 90%;
left: -10px;
padding: 4px 14px;
border-radius: 10px;
z-index: 999999;
box-shadow: 0 1px 13px #74778833;
transform: translateX(-34em);
transition: all .4s ease-in-out
}
 
.container-boost-sales.active {
transform: translateX(0)
}
 
.container-conteudo-boost-sales {
width: 100%;
display: flex;
justify-content: center;
align-content: center;
padding: 8px
}
 
.container-informacoes {
width: 100%;
display: flex;
justify-content: center;
align-items: center
}
 
.containr-produto-imagem-boost-sales {
width: 30%
}
 
.img-produto-boost-sales {
width: 100%
}
 
.text-boost-sales {
font-size: 15px;
font-weight: 400;
color: #747788;
padding-left: 7px;
width: 100%
}
 
.name-cliente {
font-weight: 700
}
 
a.produto-boost-sales {
text-decoration: underline !important;
cursor: pointer;
font-size: 15px;
font-weight: 600;
color: #747788
}
 
@media(max-width: 768px) {
.titulo-categoria:after {
bottom: 10px !important;
left: 0 !important
}
 
.listagem .titulo-categoria,
.titulo-categoria {
/* width: auto!important; */
padding: 10px !important;
margin: 20px 0 10px !important;
/* background: #f1f1f1; */
text-align: center !important;
border-radius: 6px;
}
 
.container-boost-sales {
display: none
}
 
#listagemProdutos .listagem-item {
display: flex;
/* flex-direction: column; */
justify-content: center;
align-items: center
}
 
#cabecalho.fixed {
z-index: 1E+17 !important
}
 
#cabecalho .conteiner,
.pagina-produto #cabecalho {
position: fixed
}
}
 
.busca-mobile .botao-busca {
background-color: var(--cor_primaria)
}
 
#support-redirect>a:last-child {
background-image: linear-gradient(146deg, #b7eca9, #4fc831) !important
}
 
.titulo,
a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
p,
span {
font-family: 'Montserrat', sans-serif;
}
 
.parcelas-produto .accordion .accordion-group .accordion-heading .text-parcelas {
margin-right: 10px;
font-size: 14px;
font-weight: bold;
}
 
.atributo-comum .active a span,
.atributo-comum a:hover span,
.cor-principal,
.menu a:hover,
a,
a:focus,
a:hover {
color: var(--texto_global)
}
 
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
 
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
 
50% {
-webkit-transform: scale3d(1.08, 1.08, 1.08);
transform: scale3d(1.08, 1.08, 1.08)
}
 
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
 
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
 
50% {
-webkit-transform: scale3d(1.06, 1.06, 1.06);
transform: scale3d(1.06, 1.06, 1.06)
}
 
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
 
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
 
html {
overflow-x: hidden
}
 
strong {
font-weight: 400
}
 
.conteiner {
max-width: 1280px;
}
 
body {
position: relative;
background: #fff
}
 
a:hover {
text-decoration: none
}
 
.caixa-sombreada i {
/*! display: none */
}
 
.campos-pedido legend i {
width: 26px;
height: 26px;
line-height: 26px;
background: var(--cor_botao);
color: var(--cor_texto_botao);
border-radius: 4px;
}
 
.caixa-sombreada {
background: #fff;
border-bottom: 2px solid #dedede;
border: 0;
border-radius: 3px;
padding: 0
}
 
@media (min-width: 768px) {
.pagina-inicial .conteiner-principal {
margin-top: -1px !important
}
 
.pagina-carrinho .conteiner-principal {
margin-top: -30px
}
}
 
.flexslider {
background: 0;
margin: 0;
border: 0;
border-radius: 0;
overflow: hidden
}
 
.bn-youtube {
width: auto;
position: relative;
}
 
li.bn-youtube a:before {
content: "\f16a";
font-family: fontawesome;
color: red;
text-shadow: 0 0px 42px #fff;
font-size: 60px;
width: 60px;
height: 60px;
text-align: center;
line-height: 60px;
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 9999 !important;
}
 
li.banner1.span6 img,
li.banner2.span6 img {
border-radius: 8px;
width: 100% !important;
}
 
.vitrine-banner.hidden-phone {
padding-top: 30px;
padding-bottom: 50px;
float: none
}
 
.modulo.span4 {
width: auto;
transition: all .4s;
}
 
.modulo.span4:hover {
border-radius: 6px;
transform: scale(1.028);
opacity: .88
}
 
.modulo.span4 img {
border-radius: 6px;
transition: all 0.5s;
}
 
.modulo.span4 {
overflow: hidden;
border-radius: 6px;
}
 
.modulo.span4 li {
overflow: hidden;
}
 
.caixa-sombreada,
.carrinho-checkout .conteiner-principal #corpo .conteiner,
.conteiner,
.conteiner-principal .conteiner {
-webkit-box-shadow: none;
box-shadow: none
}
 
#rodape>div:last-child .conteiner {
border-top: 1px solid #f1f1f1
}
 
.finalizar-compra .caixa-sombreada {
padding: 0;
border: 0 !important;
border-radius: 12px;
box-shadow: 0 2px 4px #00000012;
}
 
@media (min-width: 769px) {
#cabecalho.fixed {
position: fixed;
top: 0
}
}
 
#cabecalho.fixed {
position: fixed;
top: 0
}
 
#corpo>.conteiner {
background: #fff
}
 
.icon-facebook:before {
content: "\f082"
}
 
.icon-youtube:before {
content: "\f16a"
}
 
.modal-backdrop {
z-index: 99999
}
 
.modal {
z-index: 99999999
}
 
.caixa-info {
padding: 10px 15px;
margin: 0 0 10px;
background-color: #fff;
border: 1px solid #fff;
box-shadow: none
}
 
.tabela-carrinho span {
opacity: 1
}
 
.subtotal strong {
font-size: 22px;
margin: 0 8px;
color: var(--texto_global);
font-weight: 600;
white-space: nowrap
}
 
a.botao.principal.ir-carrinho.hidden-phone {
color: var(--texto_global);
padding: 14px 40px;
border-radius: 4px;
color: #fff;
font-weight: 500 !important;
text-shadow: none;
border: 0;
font-weight: 700
}
 
a.botao.principal.ir-carrinho.hidden-phone i {
display: none
}
 
.fancybox-close:hover {
background: var(--cor_botao_hover);
}
 
.fancybox-close {
background-image: none;
background: var(--cor_botao);
color: var(--cor_texto_botao);
border-radius: 50px;
text-align: center;
line-height: 35px;
transition: all .2s;
}
 
.fancybox-close:before {
content: '\f00d';
font-family: fontAwesome;
color: var(--cor_texto_botao);
font-size: 20px
}
 
#comprar-ajax-status .sucesso .buttons .continuar-comprando {
background: #ffffff00;
border: 1.2px solid #ccc;
padding: 14px 20px;
color: #636363;
font-weight: 500 !important;
border-radius: 4px;
text-shadow: none;
font-weight: 700;
transition: all .3s
}
 
#comprar-ajax-status .sucesso .buttons .continuar-comprando:hover {
background: var(--cor_primaria);
padding: 14px 20px;
color: var(--cor_texto_botao_hover);
border-radius: 4px;
text-shadow: none;
border: 1.2px solid var(--cor_primaria);
font-weight: 700
}
 
.to-top {
display: none;
position: fixed;
width: 40px;
height: 40px;
font-size: 20px;
right: 10px;
bottom: 10px;
z-index: 999;
text-align: center;
line-height: 40px;
background: #f5f5f5;
border-radius: 3px;
color: #a9a9a9
}
 
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px;
background: #fff;
border: 1px solid #f2f2f2;
border-radius: 10px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
 
input:hover {
color: var(--texto_global) !important
}
 
select {
padding: 5px
}
 
.coluna div.componente.newsletter.borda-principal {
border: 0 !important;
background: 0 0
}
 
coluna div.componente.newsletter {
background: #d4d4d4;
height: 382px;
border: 0;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none
}
 
.coluna div.componente.newsletter .titulo {
font-size: 0;
text-align: center;
margin-bottom: 0
}
 
.coluna div.componente.newsletter .titulo i {
float: none;
color: #fff;
font-size: 3rem
}
 
.coluna div.componente.newsletter .interno {
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
border: 0 !important;
display: flex;
-webkit-box-align: center;
border-radius: 10px;
-ms-flex-align: center;
align-items: center;
background: var(--cor_newsletter);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
 
.coluna div.componente.newsletter .texto-newsletter {
text-align: center;
color: var(--cor_texto_newsletter);
font-size: 16px;
margin: 4px 28px;
letter-spacing: -.1px;
line-height: 23px;
font-weight: 700;
display: block;
margin-bottom: 0;
}
 
.coluna div.componente.newsletter .texto-newsletter:after {
content: "Assine nossa newsletter";
display: block;
font-size: 15px;
font-weight: 400;
text-transform: initial;
margin: 5px 0;
color: var(--cor_texto_newsletter);
}
 
.coluna div.componente.newsletter input[type=text] {
width: 100%;
height: 44px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
color: var(--texto_global);
border-radius: 6px;
font-weight: 300;
padding: 0 15px
}
 
.coluna div.componente.newsletter input[type=text]::-webkit-input-placeholder {
color: #8d8d8d;
font-size: 14px;
font-weight: 700;
text-align: center
}
 
.coluna div.componente.newsletter input[type=text]:-ms-input-placeholder {
color: var(--texto_global);
font-size: 14px;
font-weight: 500;
text-align: center
}
 
.coluna div.componente.newsletter input[type=text]::placeholder {
color: var(--texto_global) 7d7d7db8;
font-size: 14px;
font-weight: 500;
text-align: center
}
 
.coluna div.componente.newsletter .botao {
width: 100%;
display: block;
top: 100%;
background: 0 0;
margin-top: 10px;
height: 44px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
position: inherit;
border-radius: 6px;
font-family: Montserrat;
border: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover)
}
 
.coluna div.componente.newsletter .botao:before {
content: "Assinar";
font-size: 16px;
font-weight: 700
}
 
.coluna div.componente.newsletter .botao:hover {
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover);
opacity: .8;
}
 
.coluna div.componente.newsletter .newsletter-confirmacao .icon-ok,
.coluna div.componente.newsletter .newsletter-confirmacao span {
color: #fff
}
 
@media screen and (max-width: 990px) {
#barraNewsletter.posicao-rodape {
display: none;
position: relative;
z-index: 444;
background: 0 0;
box-shadow: none;
border: none
}
}
 
/* NEWSLETTER FOOTER */
section.section-newsletter-home {
background: var(--cor_newsletter);
padding: 40px 0;
color: var(--cor_texto_newsletter);
}
 
.carrinho-checkout section.section-newsletter-home {
display: none
}
 
.newsletter div:nth-child(1) {
font-size: 14px;
text-transform: uppercase;
}
 
.section-newsletter-home .newsletter h3 {
font-size: 2.4em;
}
 
@media (max-width: 768px) {
.section-newsletter-home .newsletter h3 {
font-size: 1.4em;
}
 
.section-newsletter-home .newsletter span {
font-size: 1em;
line-height: 22px;
opacity: .8
}
}
 
.section-newsletter-home .newsletter span {
font-size: 14px;
font-weight: 500;
}
 
.section-newsletter-home .newsletter .input-conteiner {
margin-top: 40px;
width: 800px;
margin: auto;
padding: 40px 0 0;
}
 
.section-newsletter-home .newsletter .input-conteiner {
margin-top: 40px;
width: 80%;
margin: auto;
padding: 40px 0 0;
}
 
.newsletter input[type="text"] {
width: 90%;
margin: 0;
border-radius: 8px;
border: 0;
}
 
.section-newsletter-home.newsletter .input-conteiner {
border-radius: 10px !important;
}
 
.section-newsletter-home .newsletter .input-conteiner button {
position: absolute;
fill: var(--cor_primaria);
top: 50px;
right: 55px;
width: 30px;
padding: 0;
border: 0;
background: #ffffff;
height: 30px;
}
 
.modal-modalNewsletter {
left: calc(100% / 2) !important;
/* -webkit-transform: translateX(-50%); */
/* transform: translateX(-50%); */
}
 
.modal-modalNewsletter .fancybox-skin {
width: 640px !important;
height: 340px !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter .fancybox-skin {
width: 340px !important;
height: 360px !important;
}
 
.modal-modalNewsletter {
left: 95% !important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
}
 
.modal-modalNewsletter .fancybox-outer {
height: 350px !important;
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter .fancybox-outer {
height: 340px !important;
}
}
 
.modal-modalNewsletter .fancybox-inner {
width: 100% !important;
height: 350px !important;
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter .fancybox-inner {
height: 350px !important;
}
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno {
background: #fff;
height: 330px;
padding: 0
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter #modalNewsletter .componente .interno {
height: 340px;
}
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .titulo {
display: none
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo {
height: 100%;
background: #fff;
position: relative
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter {
top: 0;
color: #2a2a2a;
font-size: 20px;
margin: auto 0;
font-weight: 400;
text-align: center;
display: block;
padding: 20px
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:before {
content: "\f0e0";
-webkit-font-smoothing: antialiased;
font-weight: 100;
font-family: fontAwesome;
color: #d6d6d6;
display: block;
margin: 10px 0;
font-size: 3em
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:after {
content: "Vai perder essa?";
font-size: 48px;
font-weight: 700;
letter-spacing: -2.6px;
display: block
}
 
p.alert.alert-error.erro-newsletter.text-error {
bottom: 6%;
margin: auto;
width: 83%;
position: relative
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: 0 30px
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 54px;
padding: 0 160px;
font-weight: 200 !important;
background: #ffffff73;
border: 0;
border-bottom: 2px solid #d8d8d8;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
width: 60%
}
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-webkit-input-placeholder {
color: #b3b3b3;
font-size: 18px;
font-weight: 500;
text-align: center
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-ms-input-placeholder {
color: #b3b3b3;
font-size: 18px;
font-weight: 500;
text-align: center
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner:before {
position: absolute;
width: 50px;
left: 120px;
line-height: 50px;
font-size: 30px;
z-index: 1020;
height: 50px;
color: #b3b3b3;
background: #e87d7d7d200
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::placeholder {
color: #b3b3b3;
font-size: 18px;
font-weight: 500;
text-align: center
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
width: 80%;
border-radius: 50px;
background: var(--texto_global);
display: block;
margin: auto;
height: 56px;
border: 0;
margin-top: 20px;
position: relative;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-weight: 600;
line-height: 44px
}
 
@media screen and (max-width: 680px) {
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
width: 35%
}
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao::before {
content: "Receber ofertas";
line-height: 10px
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao {
position: absolute;
bottom: 10%;
width: 100%;
left: 0;
right: 0;
text-align: center
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao .icon-ok {
float: none;
vertical-align: middle;
color: #d4d4d4
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao span {
margin-left: 0;
padding: 0;
display: inline-block;
font-weight: 700;
color: #4d4d4d
}
 
.modal-modalNewsletter .fancybox-close {
background: 0 0;
top: 10px;
right: 12px
}
 
.modal-modalNewsletter .fancybox-close:hover {
text-decoration: none
}
 
#modalContato {
border-radius: 3px;
padding: 10px 20px
}
 
.modal-header {
font-weight: 600;
font-size: 13px;
color: var(--texto_global) 66;
letter-spacing: -.28px;
padding-bottom: 20px
}
 
.modal-header .titulo {
font-weight: 700;
font-size: 24px;
color: var(--cor_primaria);
letter-spacing: -.3px;
margin-right: 10px;
}
 
#modalRastreio .tbody-info {
font-size: 14px;
font-weight: 500;
color: #202020b3
}
 
h5#modalRastreioLabel {
font-size: 20px;
padding: 2px 6.5px;
color: var(--texto_bg_escuro);
text-transform: uppercase
}
 
.modal-header .close span {
font-weight: 500;
font-size: 36px;
text-shadow: none;
color: var(--texto_bg_escuro);
letter-spacing: -.3px;
right: 20px;
top: 18px;
position: absolute
}
 
#modalContato .modal-body {
border-top: 2px solid #f3f3f3;
padding-top: 30px;
border-radius: 2px
}
 
#modalContato .form-horizontal .control-label {
font-weight: 700;
font-size: 13px;
color: var(--texto_global);
letter-spacing: -.09px;
padding-top: 10px
}
 
#modalContato .form-horizontal input {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 3px;
background: #eee;
padding: 10px;
width: 76%
}
 
#modalContato textarea {
background: #eee;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 3px;
padding-left: 10px
}
 
#modalContato .control-group .botao.principal.pull-right+.botao {
background: #eaeaea;
border: 1px solid #48484800;
border-radius: 3px;
font-size: 16px;
color: #8a8a8a;
letter-spacing: -.1px
}
 
#modalContato .control-group .botao.principal.pull-right {
background: #292929;
border: 0;
border-radius: 3px;
font-size: 16px;
color: #fff;
letter-spacing: -.27px;
text-shadow: none;
padding: 7px 20px
}
 
.rastreio .modal-footer {
display: none
}
 
.modal .table td,
.modal .table th,
.modal tr {
border: 0
}
 
.modal .table td b {
font-weight: 700;
font-size: 13px;
color: var(--texto_global);
letter-spacing: -.09px;
opacity: .5;
width: 100px
}
 
.modal .table td span,
.modal .table td span a {
font-weight: 700;
font-size: 13px;
color: var(--texto_global);
letter-spacing: .1px
}
 
.barra-inicial {
background: #f3f3f3;
height: 30px;
display: none
}
 
.barra-inicial>.conteiner {
max-width: 1280px;
padding: 0
}
 
.barra-inicial>.conteiner>.row-fluid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
 
.canais-contato ul li i {
margin-right: 4px !important;
font-size: 13px
}
 
.barra-inicial li a,
.barra-inicial li span {
color: var(--texto_global);
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
opacity: .6;
-webkit-transition: all .12s ease-in-out;
-o-transition: all .12s ease-in-out;
transition: all .12s ease-in-out
}
 
.barra-inicial li i {
font-weight: 300 !important;
-webkit-font-smoothing: antialiased;
color: var(--texto_global)
}
 
.barra-inicial li:hover a,
.barra-inicial li:hover i,
.barra-inicial li:hover span {
color: var(--cor_primaria);
opacity: 1
}
 
.barra-inicial .lista-redes.span3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
 
.barra-inicial .canais-contato ul {
overflow: visible
}
 
.barra-inicial .lista-redes i {
background: 0 0 !important;
width: 35px
}
 
.barra-inicial .lista-redes li {
border: 0
}
 
.barra-inicial .canais-contato.span9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-left: 0
}
 
.canais-contato ul li {
border: 0
}
 
.rastreio-correios {
position: relative;
cursor: pointer
}
 
@media (min-width: 767px) {
.new-product-box .imagem-produto {
width: auto;
height: 122px;
display: table;
margin: 0 auto;
border-radius: 10px !important
}
 
.new-product-box .imagem-produto img {
width: auto;
height: 134px;
display: table;
margin: 0 auto;
border-radius: 10px !important;
width: 100%;
height: 100%;
object-fit: contain
}
 
.new-product-box .nome-produto {
padding-top: 14px;
display: block;
line-height: 14px;
position: relative;
width: 270px;
margin: auto;
font-size: 12px;
font-weight: 500;
color: var(--texto_global)
}
 
.acoes-produto.hidden-phone .botao-comprar {
width: auto;
display: table;
margin: 0 auto;
margin-top: 14px !important
}
 
.ms-timer {
font-size: 0
}
 
.ms-timer>* {
width: 15%;
left: 8px;
margin-left: 6px;
line-height: 32px;
text-align: center;
display: inline-block;
font-size: 22px !important;
font-weight: 600;
position: relative;
color: var(--texto_global);
}
 
.featuredProducts-items .preco-produto strong.titulo,
.featuredProducts-items .preco-promocional {
font-size: 14px;
font-weight: 600
}
 
.featuredProducts-items .qtde-adicionar-carrinho {
display: none
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar {
font-size: 0;
border-radius: 4px;
background: #e9e9e9;
border: 0;
transition: all .3s ease-in-out
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar:hover {
font-size: 0;
background: var(--texto_global);
border: 0;
transition: all .15s ease-in-out
}
 
.featuredProducts-items .acoes-produto.hidden-phone {
height: 30px;
bottom: 0;
position: relative
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar:hover:after {
color: #fff;
transition: 0
}
 
.featuredProducts-items .acoes-produto .botao-comprar-ajax:after {
content: 'Comprar' !important
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar:after {
color: var(--texto_global);
content: 'Ver detalhes';
margin-left: 0;
width: 100%;
text-transform: uppercase;
margin-bottom: 8px;
text-align: center;
text-shadow: none;
border: 0 !important;
background-image: none;
padding: 0;
font-weight: 400;
font-size: 12.5px;
text-indent: -30px;
display: inline;
transition: all .25s
}
 
.ms-timer>:after {
content: attr(data-describ);
display: block;
line-height: 16px;
color: #42424285;
width: 100%;
text-transform: initial;
font-size: 11px;
font-weight: 400;
border-bottom: 0 solid rgba(51, 51, 51, .05)
}
 
.ms-timer>:first-child:after {
font-weight: 300;
color: #42424285
}
 
.featuredProducts-timer {
font-size: 0;
white-space: nowrap
}
 
.featuredProducts-timer-label {
display: inline-block;
font-size: 14px
}
 
.ms-timer {
width: 72%;
display: inline-block
}
 
.ms-timer>span {
width: 26%;
padding: 0;
position: relative;
align-items: center;
line-height: 38px;
display: inline-block;
background: #efefef;
font-size: 22px !important;
}
 
.featuredProducts-timer-description {
position: relative;
text-transform: initial;
text-align: left;
color: var(--texto_global);
}
 
.featuredProducts-timer-title {
font-weight: 700;
font-size: 14px;
text-align: left;
left: 0;
color: var(--texto_global);
margin-bottom: 12px;
top: -3px;
position: relative
}
 
span.adicionado-carrinho.bandeira-carrinho {
text-transform: uppercase !important;
font-size: 11px !important
}
 
.pagina-inicial .featuredProducts {
display: block !important;
z-index: 102030;
}
 
.featuredProducts {
border: 3px solid var(--cor_primaria);
border-radius: 10px;
display: none !important
}
 
.featuredProducts-timer {
padding: 0;
background: #fff0;
border: 0;
border-radius: 0
}
 
.info-produto {
text-align: center
}
 
.featuredProducts-items {
padding: 24px;
min-height: 260px;
background: #fff0;
padding-top: 5px !important;
border: 0;
border-top: none;
border-radius: 10px
}
 
.featuredProducts-items ol.flex-control-nav {
position: static;
transform: none !important;
margin: 0 auto !important;
margin-top: 10px !important
}
 
.banner .flex-control-paging li {
float: none;
display: inline-block
}
 
.banner .flex-control-paging li a {
width: 8px;
margin: 0 !important;
border-radius: 0;
padding: 0 !important;
height: 8px;
background: rgba(6, 6, 6, .17);
opacity: 1
}
 
.featuredProducts-items .flex-direction-nav {
display: none !important
}
 
.featuredProducts-items .flex-control-paging li a {
width: 6px;
height: 6px;
border-radius: 50px;
background: #e1e1e1;
transition: .2s ease-in-out
}
 
.featuredProducts-items .flex-control-paging li a:hover {
width: 6px;
height: 6px;
background: #d4d4d4
}
 
.featuredProducts-items .flex-control-paging li a.flex-active {
width: 6px;
height: 6px;
background: var(--texto_global);
border-color: var(--texto_global);
transition: .2s ease-in-out
}
}
 
#box-banners .slides-items,
.banners-slide-full .slides-items {
margin: 0
}
 
.banners-slide ul.slick-dots {
width: 100%;
height: 20px;
margin: auto;
position: absolute;
bottom: 6px;
right: 16px;
}
 
.banners-slide ul.slick-dots li {
width: 8px;
margin: 2px;
height: 8px;
float: right;
background: #ffffffd9;
border-radius: 50px;
}
 
.banners-slide ul.slick-dots li.slick-active {
width: 8px;
margin: 2px;
display: block;
height: 8px;
float: right;
background: var(--cor_primaria);
border-radius: 50px;
}
 
.rastreio-correios .rastreio {
position: absolute;
top: 105%;
left: 50%;
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #fff;
z-index: 99999;
width: 280px;
-webkit-box-shadow: 0 1px 3px 0 #e5e5e5;
box-shadow: 0 1px 3px 0 #e5e5e5;
padding: 20px 17px;
border: 1px solid #d4d4d4;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
 
.rastreio-correios:hover .rastreio {
top: 100%;
visibility: visible;
opacity: 1
}
 
.rastreio-correios .rastreio>span {
display: block;
text-align: center;
font-weight: 400;
font-size: 15px;
color: var(--texto_global);
letter-spacing: -.5px;
line-height: 20px
}
 
.rastreio-correios .rastreio input[type=text] {
background: #fff;
border-radius: 50px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 20px;
border: 1px solid #ecececad;
margin: 10px 0 5px
}
 
.rastreio-correios .rastreio button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
opacity: .95;
background: #d4d4d4;
border-radius: 50px;
font-weight: 600;
font-size: 18px;
color: #fff;
letter-spacing: -.42px;
border: 0;
width: 100%;
padding: 15px 10px 15px 25px
}
 
.rastreio-correios .rastreio .bottom-icon {
height: 22px
}
 
.rastreio-correios .rastreio .bottom-icon path {
fill: #fff
}
 
.listagem-item:hover a.btn-favorite {
display: block !important;
transition: all .2s
}
 
.listagem-item:hover a.btn-favorite:hover {
display: block !important;
color: var(--texto_global);
transition: all .2s
}
 
a.btn-favorite-page-prod {
width: 40px;
color: #7c7c7c;
height: 40px;
position: relative;
top: 0;
right: 0;
font-size: 0;
float: right;
border-radius: 50%;
z-index: 1020;
line-height: 0;
display: inline-block;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s ease-in-out
}
 
a.btn-favorite {
width: 40px;
color: #bb3131;
height: 40px;
position: absolute;
top: 0;
z-index: 102;
right: 0;
font-size: 0;
/* border: 1px solid #ccc; */
float: right;
border-radius: 50%;
line-height: 0;
display: inline-block;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s ease-in-out
}
 
a.btn-favorite:hover:before {
color: var(--cor_primaria)
}
 
a.btn-favorite-page-prod:before,
a.btn-favorite:before {
font-size: 18px;
-webkit-font-smoothing: antialiased;
position: relative;
text-align: center;
margin: 0 auto;
color: rgba(183, 183, 183, .79);
background: #ffffff;
border-radius: 50px;
padding: 9px;
right: 0;
position: relative;
line-height: 42px;
font-family: fontawesome !important;
font-weight: 300;
width: 36px;
height: 36px;
content: '\f004';
transition: .3s all ease-in-out;
}
 
a.btn-favorite-page-prod:hover:before {
font-size: 24px;
-webkit-font-smoothing: antialiased;
position: relative;
text-align: center;
margin: 0 auto;
color: #dd2a2a;
right: 0;
position: relative;
line-height: 42px;
font-family: fontAwesome !important;
content: '\f004';
transition: .3s all ease-in-out
}
 
@media (min-width: 768px) {
.busca.borda-alpha {
left: -10px;
}
}
 
.busca.borda-alpha {
position: relative;
background: #fff0;
/* top: -6px; */
/* left: -30px; */
border: 0;
}
 
@media (min-width: 768px) {
.span8.busca-mobile {
top: -4px;
position: relative
}
}
 
.busca-mobile .busca input {
border-radius: 8px;
width: 90%;
font-weight: 400;
background: #ffffff;
-webkit-box-shadow: none;
border: 1px solid #a4a4a4ad;
box-shadow: 0 2px 2px #0000000a;
padding: 16px 14px 15px 24px;
}
 
.botao-busca svg path {
stroke: var(--cor_secundaria) !important;
fill: var(--cor_secundaria) !important;
transition: .2s all
}
 
.botao-busca:hover svg path {
stroke: var(--cor_secundaria) !important;
fill: var(--cor_secundaria) !important
}
 
.botao-busca svg path {
stroke: var(--texto_global) !important;
fill: var(--texto_global) !important
}
 
.busca-mobile .botao-busca {
fill: var(--texto_global);
background: #fff0;
border: 0;
width: 60px;
color: transparent !important;
height: 48px;
right: 16px;
border-radius: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
 
.conteudo-topo .busca input::-webkit-input-placeholder {
color: var(--texto_global);
opacity: .5;
font-size: 16px;
font-weight: 400;
background: #fff0
}
 
.busca-mobile .botao-busca:hover:after {
color: var(--cor_primaria)
}
 
.banner .flex-control-nav {
left: 50%;
right: inherit;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
 
.listagem .produtos-carrossel .listagem-linha.flexslider .flex-direction-nav .flex-next:before,
.listagem .produtos-carrossel .listagem-linha.flexslider .flex-direction-nav .flex-prev:before {
background-image: none
}
 
.banner .flex-control-paging li {
margin: 0 2.5px
}
 
.secao-banners .banner .flex-control-paging li a {
width: 12px;
height: 12px;
border-radius: 50px;
background: var(--cor_primaria);
border: 0;
transition: all .2s
}
 
.secao-banners .banner .flex-control-paging li a.flex-active {
width: 12px;
height: 12px;
background: #fff;
border-color: #fff)
}
 
.flex-direction-nav li a {
width: 30px;
height: 30px;
background: 0 0;
border-radius: 2px;
font-size: 0;
padding: 10px;
fill: #686868b0;
margin-top: -25px;
background: #fff
}
 
.flex-direction-nav li a.flex-next:before,
.flex-direction-nav li a.flex-prev:before {
visibility: hidden
}
 
.flex-direction-nav li a .icon {
height: 30px;
display: block;
margin: auto;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0
}
 
.flex-direction-nav li a .icon * {
fill: #fff
}
 
.secao-banners .flex-direction-nav a {
text-indent: inherit !important
}
 
ul.slick-brand .slick-arrow {
top: 20px;
}
 
ul.slick-brand .slick-prev {
display: none !important
}
 
ul.slick-brand {
margin: 0;
width: 84%;
float: right;
}
 
.marcas img {
display: flex;
justify-content: left;
object-fit: contain;
margin: auto;
height: 68px;
width: 100px;
}
 
.marcas .flex-direction-nav a {
margin-top: 0
}
 
Listagem #corpo {
border-bottom: 3px solid #f5f5f5
}
 
.description-title {
font-size: 22px;
padding-bottom: 17px;
text-align: center;
font-weight: 600;
color: var(--texto_global);
text-transform: uppercase;
}
 
.at-share-btn-elements {
position: relative;
bottom: 16px
}
 
.addthis_inline_share_toolbox p {
padding-right: 12px;
font-size: 16px;
color: var(--texto_global);
margin-top: 20px;
font-weight: 500
}
 
.aproveite-tambem i,
.description-title i {
font-size: 28px;
/* color: #c1c1c1; */
position: relative;
/* top: 0px; */
/* display: none; */
line-height: 4px;
-webkit-font-smoothing: antialiased;
/* padding-right: 10px; */
}
 
.vitrine-destaque,
.vitrine-destaque+ul.produtos-carrossel {
display: none !important
}
 
.listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto,
.listagem .span3 .imagem-produto {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
height: 200px;
}
 
.imagem-produto.timer-stopped .featuredProducts {
display: none;
opacity: .3;
filter: grayscale()
}
 
.featuredProducts {
position: relative;
top: 0;
display: flex;
justify-content: center;
height: 40px;
line-height: 40px;
border: none;
margin: 6px;
background: var(--cor_botao_hover);
border-radius: 4px;
}
 
.ms-timer {
display: flex;
justify-content: flex-start;
width: 40%;
align-items: center;
}
 
.ms-timer>* {
padding: 0;
background: 0 0 !important;
padding: 0;
position: relative;
display: inline-block;
color: var(--cor_texto_botao_hover);
}
 
.featuredProducts-timer {
padding: 0 !important;
display: flex;
justify-content: center;
align-content: center
}
 
.featuredProducts-timer-label {
text-align: center;
letter-spacing: -.4px;
display: flex;
justify-content: center;
align-content: center
}
 
.featuredProducts-timer-title {
margin-bottom: 0 !important;
/* width: 80%; */
display: flex;
justify-content: flex-end;
align-items: center;
top: 0;
}
 
.featuredProducts-timer-description {
font-size: 13px !important;
color: var(--cor_texto_botao_hover);
opacity: 1 !important;
}
 
.titulo-categoria {
margin-left: 2% !important;
}
 
.titulo-categoria:before {
content: '';
z-index: 2;
width: 100%;
bottom: 0;
left: 0;
border-radius: 20px;
position: absolute;
/* background: #e4e4e4b8; */
height: 1px;
}
 
.listagem .info-produto {
padding: 16px 16px 16px;
}
 
.listagem .imagem-produto img {
width: 100%
}
 
.listagem .slick-list {
padding: 10px 0 20px;
margin: -10px 0 -20px;
box-sizing: border-box
}
 
.listagem .produtos-carrossel .listagem-linha.flexslider {
overflow: visible;
width: 100%
}
 
.listagem.aproveite-tambem>ul {
width: 100%;
}
 
.listagem>ul {
display: flex;
flex-wrap: wrap;
margin: 0 -10px
}
 
.slick-track:after,
.slick-track:before {
display: none
}
 
.pagina-produto .listagem>ul>li {
width: calc(100% / 4);
}
 
.listagem ul li {
padding: 0 10px;
margin-bottom: 20px;
box-sizing: border-box
}
 
.listagem .listagem-linha:first-child {
padding: 0
}
 
.listagem .produtos-carrossel ul li {
margin-bottom: 0
}
 
.listagem .produtos-carrossel .flexslider li:not(.slick-slide)+li {
display: none
}
 
.listagem .produtos-carrossel {
padding: 0;
margin: 0 -10px;
margin-bottom: 0
}
 
.pagina-busca .listagem ul[data-produtos-linha="4"] li,
.pagina-categoria .listagem ul[data-produtos-linha="4"] li {
width: calc(100% / 3)
}
 
.pagina-busca .listagem ul[data-produtos-linha="3"] li,
.pagina-categoria .listagem ul[data-produtos-linha="3"] li {
width: calc(100% / 2)
}
 
.pagina-busca .listagem ul[data-produtos-linha="2"] li,
.pagina-categoria .listagem ul[data-produtos-linha="2"] li {
width: calc(100% / 1)
}
 
.listagem ul[data-produtos-linha="4"] li {
width: calc(100% / 4)
}
 
.listagem ul[data-produtos-linha="3"] li {
width: calc(100% / 3)
}
 
.listagem ul[data-produtos-linha="2"] li {
width: calc(100% / 2)
}
 
.listagem.com-caixa .listagem-linha ul>li[style] {
width: auto !important
}
 
.listagem .listagem-item {
padding: 5px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
 
.listagem .produtos-carrossel .listagem-linha li .listagem-item {
margin: 0
}
 
.listagem.com-caixa .listagem-item {
border: solid 1px #fafafa !important;
box-shadow: 0 0 0 0 transparent;
border-radius: 2px 2px 28px 2px;
background-color: #fff
}
 
.listagem-item .acoes-produto .botao.principal[title*=Adicionar] i {
display: none
}
 
.listagem-item .acoes-produto .botao.principal i {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='%23fff' transform='translate(0 1.75)'%3E%3Cpath d='M7 12.75c4.119 0 6.776-4.624 6.887-4.82a.875.875 0 0 0 0-.858C13.778 6.876 11.14 2.25 7 2.25 2.839 2.25.22 6.878.11 7.075a.874.874 0 0 0 0 .853C.222 8.124 2.86 12.75 7 12.75zM7 4c2.484 0 4.407 2.481 5.091 3.5C11.4 8.52 9.482 11 7 11S2.592 8.517 1.908 7.5C2.588 6.481 4.5 4 7 4z' transform='translate(0 -2.25)'/%3E%3Ccircle cx='1.75' cy='1.75' r='1.75' transform='translate(5.25 3.5)'/%3E%3C/g%3E%3C/svg%3E");
width: 14px;
height: 14px;
display: inline-block;
padding: 0
}
 
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
 
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
 
.slick-track:after,
.slick-track:before {
display: table;
content: ''
}
 
.slick-track:after {
clear: both
}
 
.slick-loading .slick-track {
visibility: hidden
}
 
.slick-slide {
display: none;
min-height: 1px
}
 
[dir=rtl] .slick-slide {
float: right
}
 
.full-slider .slick-dots {
position: absolute;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
 
.full-slider .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
background: #000;
margin: 0 5px;
border-radius: 50px;
padding: 0;
cursor: pointer;
transition: all .2s;
opacity: .4
}
 
.full-slider .slick-active {
background: var(--cor_secundaria) !important;
opacity: 1 !important
}
 
.full-slider .slick-dots li:hover {
opacity: .6
}
 
.full-slider .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
 
.full-banners .slick-prev.slick-arrow {
transition: all .25s;
opacity: 0
}
 
.full-banners:hover .slick-prev.slick-arrow {
left: 20px !important;
opacity: 1
}
 
.full-banners .slick-next.slick-arrow {
transition: all .2s;
opacity: 0
}
 
.full-banners:hover .slick-next.slick-arrow {
right: 20px !important;
opacity: 1
}
 
ul.slick-dots {
display: flex !important;
justify-content: center;
position: absolute;
margin: auto;
left: 0;
right: 0;
bottom: 18px;
}
 
ul.slick-dots li.slick-active {
background: #00000075;
width: 22px;
height: 10px;
border-radius: 50px;
margin: 2px;
}
 
ul.slick-dots li {
background: #00000040;
width: 10px;
height: 10px;
border-radius: 50px;
margin: 2px;
transition: all .2s;
}
 
.slick-slide img {
display: block;
/* border: 1px solid #ccc; */
}
 
.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-slider>svg:last-of-type {
transform: rotate(180deg)
}
 
.slick-slider>svg {
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 3;
fill: var(--color_title)
}
 
.slick-track {
display: flex
}
 
@media (min-width: 1470px) {
.slick-slider>svg:first-of-type {
left: -40px
}
 
.slick-slider>svg:last-of-type {
right: -40px
}
}
 
@media (max-width: 1469px) {
.slick-slider>svg:first-of-type {
left: 0
}
 
.slick-slider>svg:last-of-type {
right: 0
}
}
 
.banner .slick-slider {
overflow: hidden;
}
 
/* .banner.slick-active {
-webkit-animation: myMove 10s 1 ease-in-out;
-moz-animation: myMove 10s 1 ease-in-out;
-o-animation: myMove 10s 1 ease-in-out;
-ms-animation: myMove 10s 1 ease-in-out;
animation: myMove 10s 1 ease-in-out;
}
 
@keyframes myMove {
from {
transform: scale(1.0,1.0);
transform-origin: 50% 50%;
}
 
to {
transform: scale(1.1,1.1);
transform-origin: 50% 0%;
}
}
 
@-webkit-keyframes myMove {
from {
-webkit-transform: scale(1.0,1.0);
-webkit-transform-origin: 50% 50%;
}
 
to {
-webkit-transform: scale(1.1,1.1);
-webkit-transform-origin: 50% 0%;
}
}
 
@-o-keyframes myMove {
from {
-o-transform: scale(1.0,1.0);
-o-transform-origin: 50% 50%;
}
 
to {
-o-transform: scale(1.1,1.1);
-o-transform-origin: 50% 0%;
}
}
 
@-moz-keyframes myMove {
from {
-moz-transform: scale(1.0,1.0);
-moz-transform-origin: 50% 50%;
}
 
to {
-moz-transform: scale(1.1,1.1);
-moz-transform-origin: 50% 0%;
}
}
 
@-ms-keyframes myMove {
from {
-ms-transform: scale(1.0,1.0);
-ms-transform-origin: 50% 50%;
}
 
to {
-ms-transform: scale(1.1,1.1);
-ms-transform-origin: 50% 0%;
}
} */
.listagem .listagem-item {
border: none !important
}
 
.listagem .titulo-categoria,
.listagem>h4.titulo,
.titulo-categoria {
position: relative;
border-top: 0;
margin: 65px 0 28px;
padding: 0 0 5px 0;
margin-left: 0 !important;
text-align: center;
}
 
.listagem .titulo-categoria:hover,
.titulo-categoria:hover {
background: 0 0;
padding-left: 4px
}
 
.title-categorias span {
letter-spacing: -1px !important
}
 
.titulo-categoria strong {
font-weight: 700;
font-size: 30px;
/*! text-transform: uppercase; */
text-align: center;
color: var(--texto_global);
}
 
.fa-plus-square:before {
content: '\f196';
display: none;
font-family: Fontwesome;
font-style: normal;
font-size: 34px
}
 
.listagem>h4.titulo {
font-weight: 600 !important;
font-size: 24px;
padding-left: 10px;
color: var(--texto_global);
text-transform: uppercase;
letter-spacing: -.1px;
text-align: left;
}
 
.slick-prev.slick-arrow svg {
width: 20px;
height: 20px;
position: relative;
top: 10px;
left: -2px;
fill: var(--cor_primaria)
}
 
.slick-next.slick-arrow svg {
width: 20px;
height: 20px;
position: relative;
top: 10px;
left: 2px;
fill: var(--cor_primaria)
}
 
.slick-prev.slick-arrow {
width: 40px;
height: 40px;
text-align: center;
float: left;
position: absolute;
z-index: 102;
top: 44%;
bottom: 0;
left: -20px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 50px;
cursor: pointer;
}
 
.listagem .slick-prev.slick-arrow {
left: -12px;
}
 
.listagem .slick-next.slick-arrow {
right: -12px;
}
 
.youtube .slick-next.slick-arrow {
right: -10px;
border-radius: 8px 0 0 8px;
background: var(--cor_botao);
border: 0;
width: 30px;
}
 
.youtube .slick-arrow svg {
fill: var(--cor_texto_botao)
}
 
.youtube .slick-prev.slick-arrow {
left: -10px;
border-radius: 0 8px 8px 0;
background: var(--cor_botao);
border:0;
width: 30px;
}
 
.slick-next.slick-arrow {
width: 40px;
height: 40px;
text-align: center;
float: right;
right: -20px;
position: absolute;
z-index: 102;
top: 44%;
bottom: 0;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 50px;
cursor: pointer;
}
 
.rating-content .slick-arrow {
top: 37.6%
}
 
.listagem [data-produtos-linha="4"] .listagem-linha li {
border: 0
}
 
#comprar-ajax-status .sucesso .buttons>* {
padding: 14px;
background: var(--cor_botao);
color: var(--cor_texto_botao);
font-weight: 600;
border-radius: 4px !important;
transition: all .2s
}
 
#comprar-ajax-status a.botao.principal.ir-carrinho:hover {
padding: 14px;
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover);
font-weight: 600;
border-radius: 4px !important
}
 
.listagem .listagem-linha li {
border-width: 0;
border-style: dashed
}
 
.bandeiras-produto {
width: auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
 
.listagem .listagem-item:before {
content: '';
width: 100%;
height: 1px;
background: #d6d6d6;
position: absolute;
bottom: 0px;
border-radius: 0;
display: none;
}
 
.listagem .listagem-item {
overflow: hidden;
border: 1px solid #0000001f !important;
border-radius: 6px
}
 
.listagem .listagem-item:hover {
border: 1px solid #eaeaeac9 !important;
box-shadow: 0 2px 8px #0000001c
}
 
.bandeira-promocao:before {
content: '\f0dd';
font-family: FontAwesome;
padding-right: 3px;
position: relative;
top: -2px;
display: none;
}
 
span.adicionado-carrinho.bandeira-carrinho {
text-transform: initial;
font-size: 14px;
font-weight: 400
}
 
span.fundo-principal.bandeira-promocao {
color: #fff;
font-weight: 600;
background: var(--cor_primaria);
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
 
.bandeiras-produto span {
position: relative;
border: 0;
border-radius: 6px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
font-weight: 700;
font-size: 12px;
color: var(--texto_global);
width: fit-content;
text-transform: uppercase;
height: 26px;
line-height: 12px;
padding: 4.8px 10px;
}
 
.bandeira-promocao {
background: #d4d4d4
}
 
 
.produto .tag-produto.tag-frete-gratis {
padding: 5px 8px;
margin: 5px 0 0;
font-size: 12px;
width: 70px;
text-shadow: none;
}
 
.bandeiras-produto span.bandeira-frete-gratis:before {
content: '\f0d1';
font-family: fontawesome;
font-weight: 100;
font-size: 18px;
left: -1px;
position: relative;
margin-right: 6px;
display: none;
}
 
.bandeiras-produto span.bandeira-frete-gratis,
.produto .tag-produto.tag-frete-gratis {
background: var(--cor_tag_frete, #58c13f);
text-transform: capitalize !important;
font-weight: 600;
font-size: 0.675rem;
color: #fff;
letter-spacing: -.4px;
display: flex;
align-items: center;
justify-content: center;
text-shadow: none;
}
 
 
.produto .tag-produto.tag-frete-gratis {
padding: 5px 8px;
margin: 5px 0 0;
font-size: 12px;
}
 
.listagem .bandeiras-produto .adicionado-carrinho:before {
content: '\f00c ';
font-family: fontawesome;
font-size: 14px;
position: absolute;
width: 36px;
height: 30x;
left: 12px;
display: none;
}
 
.listagem-item.produto-adicionado .bandeiras-produto .adicionado-carrinho {
display: inline-block;
background: #62ab00 !important;
font-weight: 600;
display: flex;
align-content: center;
align-items: center;
border-radius: 6px;
}
 
.listagem .bandeiras-produto .bandeira-carrinho {
background-color: var(--texto_global);
color: #fff;
padding: 8px 10px;
border-radius: 18px;
}
 
.listagem .listagem-item .imagem-produto::before {
content: '';
display: block;
padding-bottom: 100%;
background: transparent;
}
 
.listagem .imagem-produto img {
background: #fff;
max-width: 100%;
height: 100%;
width: 100%;
object-fit: contain;
max-height: 100%;
position: absolute;
top: -2px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 4px !important
}
 
.listagem .info-produto {
text-align: center;
line-height: 19px;
}
 
.menu .listagem-item .nome-produto {
font-weight: 500 !important;
font-size: 0.875rem !important;
color: var(--texto_global);
line-height: 24px;
text-align: center;
/* border-bottom: 1px dashed #d9d9d9; */
min-height: 40px !important;
max-height: 40px !important;
line-height: 21px;
display: -webkit-box;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
margin-bottom: 15px;
overflow: hidden !important;
}
 
.listagem .listagem-item .nome-produto {
font-weight: 400 !important;
font-size: 16px;
color: var(--texto_global);
line-height: 24px;
text-align: center;
/* border-bottom: 1px dashed #d9d9d9; */
min-height: 62px !important;
max-height: 70px;
line-height: 21px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 15px;
overflow: hidden;
min-height: ;
}
 
.preco-produto.destaque-parcela.com-promocao .preco-venda {
color: #848484
}
 
.preco-produto .preco-a-partir .preco-venda {
font-size: 16px !important;
font-weight: 600
}
 
.preco-produto .preco-venda {
margin-right: 8px;
font-weight: 400;
color: var(--texto_global);
font-size: 13px;
}
 
.preco-promocional {
margin: 2px 0;
display: inline-block;
font-size: 15px;
letter-spacing: -1px;
font-weight: 700;
color: var(--cor_primaria);
}
 
strong.preco-promocional.cor-principal.titulo {
font-weight: 700;
font-size: 22px;
color: var(--cor_primaria);
letter-spacing: -1px;
/* line-height: 18px; */
margin: auto;
}
 
.preco-parcela {
font-size: 0.775rem;
color: var(--texto_global);
font-weight: 400;
}
 
.produto .acoes-produto .preco-parcela {
font-size: 16px;
position: relative;
padding-left: 38px;
}
 
.pagina-produto .principal .preco-parcela:before {
content: '\f09d';
font-family: fontawesome;
font-size: 1.2em;
position: absolute;
left: 0px;
color: var(--texto_global);
}
 
.pagina-produto .principal .desconto-a-vista {
position: relative;
padding-left: 37px;
}
 
.pagina-produto .principal .desconto-a-vista:before {
content: '\f02a';
font-family: fontawesome;
font-size: 1.3em;
padding-right: 4px;
position: absolute;
left: 1px;
color: var(--texto_global);
font-weight: 500;
top: 0px;
}
 
.preco-parcela strong {
font-size: 0.775rem;
font-weight: 600;
color: var(--texto_global)
}
 
.listagem-item .acoes-produto {
border: 0;
background: 0 0;
z-index: 17;
display: flex;
justify-content: center;
position: absolute;
bottom: -10px;
background-image: linear-gradient(to top, #fff 60%, #fff0);
text-align: center;
padding-top: 20px;
align-items: center;
z-index: 15;
opacity: 0;
transition: opacity ease-in-out .08s, bottom ease-out .08s
}
 
.menu-oferta a.nome-produto {
width: 100% !important;
white-space: normal;
line-height: 20px !important;
text-align: center !important
}
 
.listagem-item:hover .acoes-produto {
bottom: 0;
opacity: 1
}
 
.jc-bs3-container.container {
width: 30%
}
 
.jconfirm.jconfirm-modern .jconfirm-bg {
background-color: var(--texto_global) !important;
opacity: .6 !important
}
 
a.botao.btn-pay-wp i {
font-size: 18px;
position: relative;
top: 1.2px
}
 
a.botao.btn-pay-wp:hover {
opacity: .92
}
 
a.botao.btn-pay-wp {
position: absolute;
opacity: 1;
border-radius: 5px;
overflow: hidden;
text-shadow: none;
justify-content: center;
top: -3px;
width: calc(100% - 20px);
height: 30px;
line-height: 30px;
padding: 0;
font-weight: 600;
font-size: 0.825rem;
color: var(--cor_botao_comprar);
border: 1px solid var(--cor_botao_comprar);
/* border: 0; */
margin: 0 10px;
background: #fff;
letter-spacing: .2px;
transition: all .2s ease-in-out;
}
 
.pagina-inicial .listagem-item .acoes-produto .botao.principal {
width: 100%;
}
 
a.botao.botao-comprar.principal .icon-search {
display: none !important
}
 
 
thead {
background: #f0f0f0;
opacity: 1 !important
}
 
.tabela-carrinho thead {
/*! background: #000 !important; */
}
 
.listagem-item .acoes-produto .botao.principal a {
color: #fff !important
}
 
.listagem-item .acoes-produto .botao.principal:hover {
color: var(--cor_texto_botao_hover);
background: var(--cor_botao_hover)
}
 
.aproveite-tambem .listagem-item .acoes-produto .botao.principal {
width: 90%;
}
 
.listagem-item .acoes-produto .botao.principal {
opacity: 1;
background: var(--cor_botao);
border-radius: 5px;
border: 0;
top: 0;
overflow: hidden;
text-shadow: none;
display: flex;
justify-content: center;
min-width: 82px;
height: 39px;
line-height: 39px;
/* text-transform: uppercase; */
font-weight: 700;
position: relative;
margin: 0px 10px;
right: auto;
font-size: 0.875rem;
color: var(--cor_texto_botao);
letter-spacing: .2px;
transition: all .2s ease-in-out;
width: 100%;
}
 
.menu.superior .listagem-item .acoes-produto .botao.principal i {
display: none !important
}
 
.menu.superior .listagem-item .acoes-produto .botao.principal {
margin: 0 !important;
font-weight: 700 !important;
width: 94%;
font-size: 12.8px !important;
left: 0;
}
 
thead.cor-secundaria {
background: #f4f4f4;
color: #6e6e6e !important;
border-color: transparent !important
}
 
thead h6.cor-secundaria {
color: #2f2f2f
}
 
.carrinho-interno span.nto-promoinfo>span {
font-size: 12px !important;
top: -10px !important;
position: relative
}
 
.listagem-item .acoes-produto .botao.principal i {
float: left;
line-height: 39px;
display: flex;
position: relative;
justify-content: center
}
 
.acoes-produto .fa-shopping-cart {
display: none !important
}
 
#flutuante-produto {
background-color: #fff;
position: fixed;
width: 100%;
display: block;
transition: bottom 0.3s;
z-index: 12;
margin: 0 auto;
border-top: 1px solid #f3f3f3;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09);
z-index: 100;
}
 
#flutuante-produto .produto-flutuante {
margin-bottom: 0 !important
}
 
#flutuante-produto .produto-flutuante .image {
display: inline-block;
}
 
#flutuante-produto .produto-flutuante .nome-produto {
display: inline-block;
margin-left: 20px;
font-size: 14px;
color: #646464;
font-weight: 600;
width: 40%;
vertical-align: middle;
}
 
#flutuante-produto .produto-flutuante .image img {
height: 60px;
width: auto;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .icone-listagem-avista {
display: none
}
 
#flutuante-produto .produto-flutuante .acoes-produto {
/* display:inline-block; */
float: right;
padding: 4px 0;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .abriga-precos {
float: left;
margin-right: 60px;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .preco-produto {
float: none;
margin: 0;
line-height: 16px;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .comprar {
float: right;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .preco-a-partir strong {
font-size: 21px;
font-weight: 700
}
 
#flutuante-produto .produto-flutuante .acoes-produto .preco-promocional {
font-weight: 700;
font-size: 21px;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .preco-parcela {
font-size: 14px
}
 
#flutuante-produto .produto-flutuante .acoes-produto .desconto-a-vista {
font-size: 12px;
margin-top: 3px;
display: block;
display: none;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .desconto-a-vista strong {
font-weight: 700
}
 
#flutuante-produto .produto-flutuante .acoes-produto .destaque-parcela .preco-parcela {
font-size: 21px;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .destaque-parcela .preco-parcela strong {
font-size: 21px;
font-weight: 700
}
 
#flutuante-produto .produto-flutuante .acoes-produto .destaque-parcela .preco-promocional {
font-size: 18px;
}
 
#flutuante-produto .produto-flutuante .acoes-produto .botao-comprar.principal.grande {
line-height: 52px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
background: none;
display: inline-block;
padding: 0px 45px;
background: var(--cor_botao_comprar)
}
 
#flutuante-produto .produto-flutuante .acoes-produto .disponibilidade-produto {
display: none !important;
}
 
#flutuante-produto .produto-flutuante .acoes-produto #produto-consulta-preco {
line-height: 63px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
font-size: 22px;
font-weight: bold;
background: none;
display: inline-block;
padding: 0px 65px;
}
 
@media (min-width: 1000px) {
div#instagram-feed-foxtech {
top: 30px;
}
 
.listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto,
.listagem .span3 .imagem-produto {
height: 410px;
}
 
.listagem .produtos-carrossel .imagem-produto,
.menu-oferta .listagem .span3 .imagem-produto,
.listagem .span4 .imagem-produto,
.listagem .produtos-carrossel[data-produtos-linha="3"] .imagem-produto {
height: 340px;
}
}
 
/* INSTAGRAM */
.pagina-inicial div#insta-feed {
display: block !important;
}
 
div#insta-feed {
display: none;
}
 
img.instagram_profile_image {
width: 60px !important;
height: 60px;
display: none;
object-fit: contain;
border: 1px solid #dcdcdc;
}
 
.instagram_profile {
width: 40%;
line-height: 40px;
margin: auto;
}
 
.instagram_profile {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
 
.instagram_username a {
padding-left: 6px;
display: block;
font-weight: 700;
color: var(--cor_primaria);
text-transform: lowercase;
font-size: 2.4em;
}
 
.instagram_username {
padding-top: 10px;
padding-left: 12px;
font-size: 16px;
line-height: 38px;
font-weight: 500;
text-transform: uppercase;
color: var(--texto_global);
}
 
.instagram_gallery a img {
filter: brightness(100%);
transition: all .4s
}
 
.instagram_gallery a:hover img {
filter: brightness(60%);
}
 
#barraNewsletter {
display: none !important
}
 
#rodape .institucional,
#rodape .pagamento-selos {
background: 0 0
}
 
#rodape .institucional {
background: var(--cor_footer);
padding-top: 20px;
padding-bottom: 20px;
}
 
#rodape .institucional .span9>.row-fluid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
 
.institucional .sobre-loja-rodape {
order: -1;
width: 390px;
padding-right: 80px;
}
 
#rodape div.contato {
order: 3;
}
 
.r-sociais.span3 {
order: 3;
}
 
#rodape .links-rodape-categorias {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 1;
display: none;
margin-left: 0;
}
 
#rodape .span4.sobre-loja-rodape {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
margin-left: 0
}
 
#rodape .links-rodape-paginas {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
 
.r-sociais ul li {
display: inline;
}
 
.r-sociais ul li a {
font-size: 36px;
padding-right: 10px;
}
 
.r-sociais ul li a svg {
width: 33px;
height: 30px;
/*! fill: #000 !important; */
}
 
.r-sociais ul li:hover i {
fill: var(--cor_primaria);
color: var(--cor_primaria);
opacity: 1
}
 
.r-sociais ul li i {
fill: var(--cor_texto_footer);
color: var(--cor_texto_footer);
opacity: .6;
transition: all .3s
}
 
 
.tiktok svg {
position: relative;
top: 2.4px;
}
 
.tiktok svg path {
fill: #656565 !important;
}
 
.tiktok:hover svg path {
fill: var(--cor_primaria) !important;
}
 
.institucional .span12 .row-fluid {
display: flex;
justify-content: space-between;
}
 
#rodape .titulo {
position: relative;
border: 0;
margin: 0;
font-weight: 700;
font-size: 1rem;
text-transform: uppercase;
color: var(--cor_primaria);
letter-spacing: -.1px;
}
 
#rodape .pagamento-selos .pagamento,
#rodape .pagamento-selos .selos {
text-align: left
}
 
#rodape .pagamento-selos .pagamento>span,
#rodape .pagamento-selos .pagamento>ul,
#rodape .pagamento-selos .selos>span,
#rodape .pagamento-selos .selos>ul {
/* display: block; */
text-align: center;
vertical-align: middle;
border: 0;
background: transparent;
display: flex;
}
 
.pagamento>ul li {
position: relative
}
 
.pagamento>ul {
float: none;
position: relative
}
 
#rodape .pagamento-selos .pagamento>span,
#rodape .pagamento-selos .selos>span {
margin-right: 20px;
font-size: 16px;
text-align: left;
color: var(--texto_global);
line-height: 20px;
font-weight: 700;
}
 
.pagamento-selos .row-fluid .pagamento {
display: block;
width: 50%;
display: block;
align-items: center
}
 
.pagamento-selos .row-fluid .selos {
display: block;
align-items: center
}
 
.gateways-rodape {
border-radius: 6px;
width: 80%;
float: none
}
 
.gateways-rodape li {
padding: 10px 0;
line-height: normal;
width: 50%;
text-align: center
}
 
#rodape .links-rodape li {
list-style-image: none;
line-height: 28px;
}
 
#rodape .links-rodape li a,
#rodape p {
font-weight: 400;
font-size: 0.875rem;
color: var(--cor_texto_footer);
opacity: .6;
letter-spacing: -.1px;
line-height: 20px;
transition: all .3s ease-in-out
}
 
#rodape .links-rodape li a:hover {
font-weight: 400;
color: var(--cor_texto_footer);
opacity: 1;
text-decoration: underline !important;
letter-spacing: -.1px
}
 
#rodape p:hover {
font-weight: 500;
color: var(--cor_texto_footer);
opacity: 1;
letter-spacing: -.1px
}
 
#rodape .redes-sociais {
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
float: right;
top: 160px;
position: absolute
}
 
.links-rodape.links-rodape-paginas.span2 {
left: -59px;
position: relative
}
 
#rodape div.contato {
font-weight: 400;
width: 23.076923076923077%;
/* left: 50px; */
position: relative;
/*! line-height: 42px; */
}
 
#rodape div.contato li {
line-height: 28px
}
 
@media (max-width: 1000px) {
#rodape div.contato li a {
color: var(--texto_global);
opacity: .6
}
 
#rodape div.contato i {
margin-right: 6px;
font-size: 16px;
color: var(--texto_global);
opacity: .6
}
}
 
@media (min-width: 768px) {
#rodape div.contato li a {
color: var(--cor_texto_footer);
opacity: .6;
font-size: 14px;
}
 
#rodape div.contato i {
margin-right: 6px;
font-size: 16px;
color: var(--cor_texto_footer);
opacity: .8;
}
}
 
#rodape div.contato i:hover {
margin-right: 6px;
color: var(--cor_primaria);
opacity: 1
}
 
#rodape .atd-rodape {
top: 0;
border-radius: 0;
padding: 8px 25px;
position: relative;
margin: 0 auto;
text-transform: uppercase;
opacity: 1;
color: var(--cor_texto_footer);
line-height: 50px;
font-size: 14px !important;
font-weight: 600;
border-radius: 8px;
border: 1.2px solid var(--cor_texto_footer);
transition: all .3s ease-in-out;
}
 
#rodape .atd-rodape:hover {
color: var(--cor_texto_botao_hover);
background: var(--cor_botao_hover);
border: 1.4px solid var(--cor_botao_hover);
}
 
#rodape>div:last-child {
border-top: 1px solid #e7e7e7;
background: #fff !important;
line-height: 0;
text-align: center
}
 
@media (min-width: 768px) {
#rodape .design-fox {
max-width: 255px !important;
float: right;
left: -10px;
display: flex !important;
top: 10px;
margin: 0 !important;
position: relative
}
 
#rodape .design-fox img {
width: 110px;
padding-left: 12px;
filter: grayscale(10);
image-rendering: auto;
opacity: 1;
}
 
#rodape .loja-integrada-copyright {
margin: 0 !important;
float: right;
position: relative;
top: 20px;
padding: 8px;
width: 90px;
image-rendering: auto
}
 
#rodape .loja-integrada-copyright img {
image-rendering: auto;
opacity: .8
}
 
.assinatura-rodape p {
float: left
}
}
 
@media (max-width: 768px) {
#rodape .design-fox img {
width: 28%;
padding-top: 13px;
image-rendering: none
}
 
.jc-bs3-container.container {
width: 80%
}
}
 
@media (min-width: 768px) {
.assinatura-rodape .span9.span12 {
float: left;
width: 60% !important
}
}
 
#rodape>div:last-child p {
padding: 19px;
font-weight: 400;
color: #292a2a;
text-align: left;
font-size: 12px;
line-height: 17px
}
 
#operation {
color: var(--cor_texto_footer);
display: block;
font-size: 14px;
font-weight: 400;
margin-top: 6px
}
 
#operation strong {
color: var(--cor_primaria);
font-weight: 700;
font-size: 0.825rem;
text-transform: uppercase;
margin-bottom: 5px !important;
}
 
#operation p {
font-weight: 400;
color: var(--cor_texto_footer);
opacity: .6;
margin-top: 5px !important;
line-height: 28px;
}
 
.institucional>.conteiner>.row-fluid>.span3 {
width: 100%
}
 
.caixa-facebook {
/* display: none */
}
 
.lista-redes ul li:first-child {
display: block !important
}
 
.redes-sociais .titulo {
display: none
}
 
.redes-sociais {
background: #fff0;
float: none;
display: flex;
align-items: center;
object-fit: contain;
position: relative;
top: 63px;
box-shadow: none;
width: 100%;
border: 0;
margin-top: 3px;
padding: 0
}
 
#rodape .selos {
float: left;
position: relative
}
 
/* MODAL RASTREIO */
/*-- Acompanhar pedido --*/
#meuModalLabel {
background: #d4d4d4;
padding: 10px;
color: #fff;
width: 50%;
font-size: 20px;
letter-spacing: .4px;
border-radius: 4px 4px 0 0;
margin-top: 0;
position: relative
}
 
div#modalRastreio .close {
margin-top: -28px;
font-size: 26px !important;
color: #fff;
opacity: 1;
}
 
div#modalRastreio {
border-radius: 6px !important;
/* DISPLAY: block !important; */
border: 0;
}
 
#modalRastreio .modal-header {
background: var(--cor_primaria);
box-shadow: 0px 3px 12px 0px rgba(233, 85, 100, 0);
padding: 10px;
color: #fff;
border-radius: 6px 6px 0 0;
}
 
#formRastrear {
float: none;
margin: 0;
width: 430px;
margin: auto;
left: -9px;
position: relative;
overflow: hidden;
padding: 20px 16px;
font-size: 12px;
}
 
#formRastrear input {
padding: 12px 20px;
outline: none;
border: 1px solid #e6e6e6;
border-radius: 6px;
width: 78%;
box-sizing: border-box;
background: #fff;
z-index: 1;
position: relative;
font-size: 0.825rem;
box-shadow: 0 2px 2px #0000000f;
}
 
#formRastrear .objSearch a {
color: var(--txt-bg);
/*! font-size: 0; */
}
 
#formRastrear .objSearch a:before {
content: '\f0d1';
font-family: fontawesome;
font-weight: 100;
font-size: 20px;
display: none;
}
 
#formRastrear .objSearch {
position: absolute;
right: 0px;
top: 20px;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
font-size: 0.825rem;
background: var(--cor_primaria);
width: 100px;
height: 46px;
border-radius: 6px;
line-height: 46px;
text-align: center;
cursor: pointer;
z-index: 1;
transition: all .2s;
}
 
#formRastrear .objSearch:hover {
background: var(--cor_secundaria);
}
 
#formRastrear img {
width: 130px;
position: absolute;
top: -20px;
right: -20px;
opacity: 0
}
 
#formRastrearObj.loading img {
opacity: 1
}
 
#formRastrearObj.loading i.fa.fa-search {
opacity: 0
}
 
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
font-family: 'fontawesome';
text-shadow: none !important;
box-shadow: none !important;
}
 
#modalRastreio h3 {
text-transform: uppercase;
color: #ffffff;
text-align: center;
background: var(--cor_primaria);
font-weight: 700;
font-size: 17px;
top: -1px;
position: relative;
}
 
#modalRastreio h3 i.fa {
margin-right: 5px
}
 
#modalRastreio [data-dismiss="modal"] {
position: absolute;
right: 15px;
width: 30px;
text-align: center;
cursor: pointer;
}
 
@media (min-width: 767px) and (max-width:1000px) {
.news-rodape {
display: none !important
}
}
 
#rodape .news-rodape {
position: relative;
padding: 0;
float: right;
top: 0
}
 
#rodape .news-rodape p {
color: var(--cor_texto_footer);
opacity: 1;
width: 120%;
text-decoration: none;
}
 
.news-rodape .newsletter-cadastro input {
box-sizing: border-box;
padding: 0;
border: 1px solid #cccccc47;
box-shadow: 0 3px 4px #0000000d;
height: 38px;
border-radius: 6px;
width: 100%;
padding: 24px;
background: #fff;
line-height: 56px;
text-align: left;
font-weight: 300;
color: var(--texto_global);
}
 
.news-rodape .newsletter-cadastro input::-webkit-input-placeholder {
color: #7c7c7c;
text-transform: lowercase;
font-weight: 400
}
 
.news-rodape .newsletter .botao {
font-weight: 400;
position: relative;
float: right;
text-align: center;
right: 25px;
border: 0;
background: 0 0;
font-size: 0;
border-radius: 0;
padding: 0;
background-image: none;
line-height: 10px;
margin-top: -28px
}
 
.news-rodape .newsletter .botao:before {
content: 'enviar';
font-size: 14px;
top: -2px;
border-radius: 6px;
text-transform: uppercase;
left: 21px;
position: relative;
background: var(--cor_botao);
border: 1px solid #00000000;
padding: 10px 14px;
color: var(--cor_texto_botao);
font-weight: 600;
transition: .25s;
}
 
.news-rodape .newsletter .botao:hover:before {
color: var(--cor_texto_botao_hover);
background: var(--cor_botao_hover)
}
 
.newsletter .newsletter-confirmacao span {
display: block;
margin-left: 0;
padding: 5px 0;
color: #fff;
}
 
#rodape .institucional .span4 p {
/* width: 80% */
}
 
#rodape .institucional .lista-redes {
text-align: left;
position: relative;
top: 60px;
width: 300px;
left: -20px;
display: block !important
}
 
.lista-redes ul li {
float: left;
border-left: 0;
padding-left: 0
}
 
#rodape .redes-sociais .titulo {
display: none
}
 
#rodape .institucional .lista-redes .titulo {
color: #ccc
}
 
.barra-inicial .lista-redes {
background: 0 0 !important;
float: right;
margin-right: 8px;
margin-top: 0;
width: auto
}
 
.barra-inicial .lista-redes i {
margin-top: 3px;
margin-right: 8px;
border: 0;
border-radius: 50px;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 15px;
color: var(--texto_global);
transition: all .05s
}
 
.barra-inicial .lista-redes li:hover i {
color: var(--cor_primaria)
}
 
#rodape .lista-redes i:hover {
right: 4px;
position: relative;
border-radius: 4px;
width: 40px;
height: 40px;
border: 0
}
 
#rodape .lista-redes i {
right: 4px;
position: relative;
border-radius: 6px;
width: 40px;
height: 40px;
background: #ffffff14;
margin: 2px;
margin-top: 0;
padding: 0;
line-height: 40px;
font-size: 13px;
color: #fff;
transition: all .3s ease-in-out;
}
 
#rodape .lista-redes i:before {
-webkit-transform: scale(1.2);
transform: scale(1.2);
transition: all .2s
}
 
#rodape .lista-redes i:hover:before {
color: #fff;
opacity: 1;
transform: scale(1.4);
transition: all .2s;
margin: -2px 0
}
 
#rodape .lista-redes a,
#rodape .lista-redes a:before,
#rodape .lista-redes i {
transition: all .35s;
transition-timing-function: cubic-bezier(.31, -.105, .43, 1.59)
}
 
#rodape .lista-redes .visible-phone {
display: block !important
}
 
.freteBox i {
padding-right: 10px;
-webkit-font-smoothing: antialiased
}
 
.freteBox.span12 .close {
right: 0 !important;
color: var(--texto_global);
opacity: 1;
text-shadow: none
}
 
.freteBox.span12 {
background: #dbf0e3;
padding: 15px;
color: #618c71;
line-height: 20px;
width: 97.5%;
margin: 0;
text-align: center;
font-size: 15px;
}
 
.fa-truck:before {
content: '\f0d1';
font-family: fontawesome;
font-style: normal
}
 
#faltaFrete.freteBox.span12 {
background: #f0e5db;
padding: 13px;
color: #8d745e;
padding-left: 10px;
border-color: #d8cbbfb8;
text-align: center;
border-radius: 6px;
font-size: 17px;
letter-spacing: -0.4px;
width: 100%;
margin-bottom: 10px;
}
 
#faltaFrete strong {
font-weight: bold !important;
font-size: 17px;
}
 
.shake {
animation-name: shake
}
 
nav#menu4 {
float: left;
width: 4%
}
 
button.circle-menu-toggle i {
font-size: 35px
}
 
button.circle-menu-toggle {
background: #5b7c99 !important;
box-shadow: 0 6px 16px #5b7c997d !important;
border-radius: 22px !important;
padding: 14px;
left: -8px;
position: relative;
width: 65px !important;
height: 65px !important
}
 
button.circle-menu-toggle i {
text-shadow: 0 2px 2px #2d465ca1
}
 
.skypeChat a {
background: #00aff0 !important;
box-shadow: 0 6px 11px #00aff04f !important
}
 
li.faceChat a {
background: #0084ff !important;
box-shadow: 0 6px 11px #0084ff54 !important
}
 
li.whatsChat a {
background: #3fd978 !important;
box-shadow: 0 6px 11px #3fd9787d !important
}
 
li.emailChat a {
background: #ee8840 !important;
box-shadow: 0 6px 11px #ee884075 !important
}
 
.circle-menu i {
font-size: 16px;
position: relative;
text-align: center;
left: 0;
text-align: center
}
 
.circle-menu {
position: fixed;
bottom: 5px;
right: 5px;
z-index: 17d7d7d7d7d7d0
}
 
.circle-menu button,
.circle-menu ul li a {
display: block;
box-sizing: border-box;
height: 46px;
width: 46px;
padding: 15px;
border: none;
outline: 0;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
background: #f44336;
color: #fff
}
 
.circle-menu button {
position: relative;
z-index: 2;
-webkit-animation: appear .4s ease-out forwards;
-moz-animation: appear .4s ease-out forwards;
-o-animation: appear .4s ease-out forwards;
animation: appear .4s ease-out forwards
}
 
.circle-menu i:before {
color: #fff;
transition: .2s;
transform: rotate(0)
}
 
.ion-android-close:before {
color: #fff;
transform: rotate(180deg) !important
}
 
.circle-menu ul {
list-style: none;
padding: 0;
margin: 0
}
 
.circle-menu ul li {
position: absolute;
z-index: 1;
left: 0;
bottom: auto;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
 
.circle-menu[upgraded=true] {
opacity: 1
}
 
@keyframes appear {
0% {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
 
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
 
.fb-livechat,
.fb-widget {
display: none
}
 
.ctrlq.faceChat {
position: fixed;
left: 420px;
cursor: pointer
}
 
.ctrlq.fb-button:focus,
.ctrlq.fb-button:hover {
transform: scale(1.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)
}
 
.fb-widget {
background: #fff;
z-index: 1020;
position: fixed;
height: auto;
overflow: hidden;
opacity: 0;
bottom: 0;
left: 134px;
border-radius: 7px;
-o-border-radius: 6px;
-webkit-border-radius: 8px;
box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
-o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)
}
 
.fb-credit {
text-align: center;
margin-top: 8px
}
 
.fb-credit a {
transition: none;
color: #bec2c9;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
text-decoration: none;
border: 0;
font-weight: 400
}
 
._1drm ._1drn {
border: 1px solid var(--texto_global) 7d7d7d2e;
border-radius: 50px;
margin-right: 10px
}
 
.ctrlq.fb-overlay {
z-index: 1020;
position: fixed;
height: 100vh;
width: 100vw;
-webkit-transition: opacity .4s, visibility .4s;
transition: opacity .4s, visibility .4s;
top: 0;
left: 0;
background: rgba(0, 0, 0, .51);
display: none
}
 
._2p5m {
background: #dadde1a1 !important;
border: 0 !important;
border-radius: 10px;
padding: 20px !important
}
 
.ctrlq.faceChat {
z-index: 1020;
margin: 10px 38px;
padding: 0 6px;
width: 30px;
font-size: 16px !important;
height: 30px;
background: #35589900;
font-weight: 700;
font-size: 11px;
color: #959ba8;
border-radius: 50px
}
 
.whats-button {
display: none
}
 
@media (min-width: 768px) {
.whats-button:after {
content: 'Receba atendimento personalizado';
position: absolute;
width: 230px;
text-align: center;
height: 30px;
top:10px;
left: 24px;
line-height: 30px;
border-radius: 6px;
font-size: 0.625rem;
background: #fff;
border: 1px solid #f3f3f3;
box-shadow: 0 2px 8px #0000000d;
padding-left: 20px;
}
}
 
.pulse-button,
.whats-button {
position: fixed;
bottom: 30px;
left: 30px;
/*! font-family: fontawesome; */
text-align: center;
width: 50px;
z-index: 1020;
height: 50px;
line-height: 50px;
border: none;
box-shadow: none;
border-radius: 50px;
/* padding: 2px 14px; */
background: #53CE5D;
cursor: pointer;
animation: pulse 1.85s infinite cubic-bezier(.66, 0, 0, .8)
}
 
.pulse-button:hover i {
transform: scale(1.18)
}
 
.pulse-button i {
font-style: normal !important;
font-size: 31px;
position: relative;
right: 0;
line-height: 50px;
text-align: center;
font-family: 'fontawesome';
color: #fff;
-webkit-font-smoothing: antialiased;
text-shadow: none;
transition: .25s;
transform: scale(1)
}
 
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 32px rgba(232, 76, 61, 0)
}
}
 
@-moz-keyframes pulse {
to {
box-shadow: 0 0 0 32px rgba(232, 76, 61, 0)
}
}
 
@keyframes pulse {
to {
box-shadow: 0 0 0 32px rgba(232, 76, 61, 0)
}
}
 
#return-to-top {
position: fixed;
bottom: 97px;
right: 28px;
background: #e8e8e8;
width: 50px;
height: 50px;
line-height: 50px;
display: flex;
text-decoration: none;
border-radius: 4px;
font-size: 15px;
text-align: center;
display: none;
color: var(--texto_global);
z-index: 999;
-webkit-transition: all .3s linear;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
 
a#return-to-top {
text-transform: uppercase;
bottom: 80px;
left: 10px;
background: var(--cor_botao);
width: 40px;
height: 40px;
padding: 4px;
line-height: 20px;
text-align: center;
font-weight: 300 !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
display: flex;
text-decoration: none;
border-radius: 50px;
font-size: 14px;
text-align: center;
color: var(--cor_texto_botao);
}
 
#return-to-top:hover {
color: #fff
}
 
#return-to-top i {
color: var(--cor_texto_botao);
margin: 0;
width: 100%;
opacity: .8;
position: relative;
top: -1.5px;
font-size: 15px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
 
#return-to-top:hover {
opacity: .8
}
 
a.at-icon-wrapper.at-share-btn {
padding: 8px;
border-radius: 3px !important
}
 
.addthis_toolbox.addthis_default_style.addthis_32x32_style {
display: none
}
 
.info-principal-produto .breadcrumbs ul li:after {
content: ">";
}
 
.info-principal-produto .breadcrumbs ul li:last-child:after {
content: "" !important;
}
 
.breadcrumbs {
border: 0 !important;
margin: 10px 0 10px 0 !important;
/*! height: 43px; */
position: relative;
/*! top: 10px; */
/*! background: red; */
}
 
@media (max-width: 768px) {
.breadcrumbs {
height: 28px;
/* border-bottom: 1px solid #dedede !important; */
;
}
}
 
.breadcrumbs ul li * {
font-size: 14px !important;
padding: 0 10px
}
 
.breadcrumbs ul li a i {
display: none;
}
 
.breadcrumbs ul li a {
font-weight: 500;
font-size: 12px !important;
color: #7c7c7c;
text-transform: uppercase;
border: 0;
/*! background: #eaeaea; */
border-radius: 4px;
margin-right: 0px;
/*! padding: 4px 10px !important; */
transition: all .2s ease-in-out
}
 
.breadcrumbs ul li a:hover {
/*! background: var(--texto_global); */
/*! color: #fff */
}
 
.breadcrumbs ul li:last-child a {
font-weight: 600;
font-size: 12px;
/*! background: var(--cor_botao); */
/*! color: var(--cor_texto_botao) */
}
 
.thumbs-vertical {
width: 80px;
}
 
.elastislide-carousel ul li {
opacity: .5
}
 
.thumbs-vertical .produto-video {
margin: 2px;
display: flex;
float: none !important;
background: #fff;
border: 1px solid #ccc;
justify-content: center;
position: relative;
left: 0;
padding: 10px 10px;
align-items: center;
border-radius: 6px;
box-shadow: 0 2px 2px #0000001c;
}
 
#carouselImagem {
margin-bottom: 4px;
}
 
.thumbs-vertical .produto-video i {
color: red;
}
 
.thumbs-vertical {
width: 100px;
}
 
.elastislide-carousel ul li {
opacity: 1;
}
 
#carouselImagem .elastislide-carousel ul li a span img {
margin: 0;
width: 68px;
height: 68px;
object-fit: contain;
}
 
.thumbs-vertical .elastislide-carousel ul li {
width: 100px !important;
height: 100px !important;
margin: auto;
margin-bottom: 6px;
}
 
.thumbs-vertical #carouselImagem .flex-viewport {
margin: 0;
height: auto !important;
max-height: 400px;
}
 
.thumbs-vertical .elastislide-carousel ul li a {
width: 96px;
height: 98px;
object-fit: cover;
}
 
.elastislide-carousel ul li.active,
.thumbs-vertical ul li a {
opacity: 1 !important
}
 
.thumbs-horizontal .produto-video {
margin: 20px 20px;
}
 
.produto-video div {
padding: 10px;
}
 
.elastislide-carousel ul li {
width: auto !important;
}
 
.elastislide-carousel ul li a {
width: 100px;
height: 94px;
display: block;
overflow: hidden;
position: relative;
z-index: 20;
background-color: #fff;
margin: 2px;
}
 
@media (max-width: 768px) {
.elastislide-carousel ul li a {
width: 78px;
height: 78px;
}
 
.produto-video i {
color: red;
}
}
 
@media (min-width: 768px) {
.produto-compartilhar {
margin-top: 36px;
}
}
 
 
.produto-compartilhar p {
margin-right: 10px;
}
 
.a2a_svg {
background: transparent !important;
}
 
.a2a_svg svg path {
fill: var(--cor_primaria) !important;
}
 
#carouselImagem .elastislide-carousel ul li a span img {
width: 100%;
height: 100px;
object-fit: cover;
}
 
.a2a_kit {
display: flex;
justify-content: center;}
 
.thumbs-vertical ul li {
opacity: 1 !important
}
 
.elastislide-carousel ul li a {
-webkit-box-shadow: none;
box-shadow: none
}
 
.thumbs-vertical #carouselImagem {
padding-bottom: 10px !important;
}
 
.elastislide-carousel ul li a {
border: 1px solid #dcdcdc;
border-radius: 6px;
}
 
.thumbs-vertical #carouselImagem .flex-direction-nav .flex-next,
.thumbs-vertical #carouselImagem .flexslider:hover .flex-direction-nav .flex-next {
border: 0;
width: 12px;
height: 14px;
right: 0;
}
 
.thumbs-vertical #carouselImagem .flex-direction-nav a.flex-prev,
.thumbs-vertical #carouselImagem .flexslider:hover .flex-direction-nav .flex-prev {
background: transparent !important;
width: 12px;
height: 14px;
}
 
.thumbs-vertical #carouselImagem .flex-direction-nav .flex-next,
.thumbs-vertical #carouselImagem .flexslider:hover .flex-direction-nav .flex-next {
background: transparent !important
}
 
.thumbs-vertical #carouselImagem .flex-direction-nav .flex-nav-next:before {
content: "\f107";
font-family: fontawesome;
font-size: 20px;
color: var(--cor_primaria) !important;
position: absolute;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
right: 0;
}
 
.thumbs-vertical .flex-nav-next {
width: 36px;
height: 36px;
position: relative;
background: #eaeaea;
border-radius: 5px;
}
 
.thumbs-vertical .flex-direction-nav {
display: flex;
align-items: center;
justify-content: center;
margin-left: 2px;
}
 
.thumbs-vertical .flex-nav-prev {
width: 36px;
height: 36px;
position: relative;
background: #eaeaea;
border-radius: 4px;
margin-right: 2px;
}
 
.thumbs-vertical #carouselImagem .flex-direction-nav .flex-nav-prev:before {
content: "\f106";
font-family: fontawesome;
font-size: 20px;
color: #000;
position: absolute;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
}
 
.thumbs-vertical #carouselImagem .flex-direction-nav {
margin-top: 6px;
}
 
.thumbs-vertical #carouselImagem .flex-viewport {
position: relative;
}
 
/* .thumbs-vertical #carouselImagem .flex-viewport:after {
width: 100px;
height: 40px;
position: absolute;
background: red;
content: "";
} */
.thumbs-horizontal .flex-viewport {
margin: 0 10px;
}
 
@media (min-width: 768px) {
.thumbs-horizontal #carouselImagem {
margin-bottom: 15px;
border: 0;
box-shadow: none;
border-radius: 0;
width: 450px;
white-space: nowrap;
margin: auto;
left: 0;
}
}
 
.elastislide-carousel ul li.active a {
border: 1px solid var(--cor_primaria);
border-radius: 6px;
}
 
.pagina-categoria .secao-banners,
.pagina-produto .secao-banners {
padding: 20px !important;
}
 
.produto .nome-produto {
font-weight: 600;
line-height: 30px;
/* text-transform: uppercase; */
text-align: left;
display: flex;
justify-content: flex-start;
font-size: 21px;
color: var(--texto_global);
letter-spacing: -.5px
}
 
.produto .codigo-produto {
border-bottom: 0;
/*! display: flex; */
/*! flex-direction: column; */
}
 
.codigo-produto b {
color: var(--texto_global);
font-size: 12px;
font-weight: 400
}
 
.codigo-produto a,
.codigo-produto span>span {
font-size: 12px;
font-weight: 600;
opacity: 1;
color: var(--texto_global)
}
 
.atributos ul li a {
-webkit-box-shadow: none;
background: #f1f1f100;
box-shadow: none;
border: 0;
margin: 0 !important;
border-radius: 6px;
transition: .12s;
box-shadow: 0 2px 2px #0000000a
}
 
.atributos ul li:hover a,
.atributos ul li:hover span {
-webkit-box-shadow: none;
box-shadow: none;
transition: .12s;
margin: 0;
box-shadow: 0 2px 2px #0000000a;
}
 
.atributos ul li a:hover:before,
.atributos ul li.active a:before {
transform: scale(1.15);
transition: .12s;
content: '\f058';
width: 25px;
line-height: 26px;
color: #fff;
font-family: fontawesome;
position: absolute;
text-align: center
}
 
.atributos ul li a:hover,
.atributos ul li.active a {
border-color: transparent;
background: 0 0;
transform: scale(1.2);
transition: .12s
}
 
.atributos ul li.active a {
border-color: transparent;
background: 0 0
}
 
.atributos ul li a span {
font-weight: 700;
font-size: 16px;
color: var(--texto_global);
letter-spacing: -.2px;
}
 
.atributos ul li.active a span {
/* color: #fff */
}
 
.atributos .atributo-cor ul li a,
.atributos .atributo-cor ul li a span {
border-radius: 4px
}
 
.produto .principal .acoes-produto.indisponivel .preco-produto {
width: 100% !important
}
 
.produto .principal .acoes-produto.indisponivel .preco-produto .btn-block {
background: var(--texto_global);
border: 0;
padding: 15px 0;
font-weight: 700
}
 
.produto .principal .acoes-produto .preco-produto .preco-venda {
line-height: 19px;
font-weight: 400;
font-size: 15px;
color: var(--texto_global);
opacity: .6;
letter-spacing: -.5px
}
 
.comprar .disponibilidade-produto {
font-size: 13px;
margin: 5px 0 0;
/* display: block !important; */
}
 
.acoes-flutuante .disponibilidade-produto {
font-size: 13px;
margin: 0 !important;
display: inline !important
}
 
.atributo-cor span,
.atributo-comum span {
font-size: 16px;
/* text-transform: uppercase; */
font-weight: 500;
color: var(--texto_global);
}
 
.acoes-produto .preco-produto {
float: left;
line-height: 38px;
margin-bottom: 15px
}
 
.produto .acoes-produto {
border-top: 0;
padding-top: 20px
}
 
.produto .principal .acoes-produto .preco-produto .preco-promocional {
font-weight: 700;
font-size: 26px;
color: var(--cor_primaria);
letter-spacing: -1px;
display: block;
margin-bottom: 10px;
}
 
/* #corpo .listagem-item .acoes-produto .botao-comprar-ajax {
width: 58% !important;
margin-left: 10px;
display: inline-table
}
*/
.qtde-adicionar-carrinho i {
color: #555;
position: relative;
font-weight: 700;
font-style: normal;
}
 
.qtde-adicionar-carrinho i:hover {
position: relative
}
 
.qtde-adicionar-carrinho input[type=number]::-webkit-inner-spin-button,
.qtde-adicionar-carrinho input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
 
.comprar .qtde-adicionar-carrinho input[type=number] {
width: 60px !important;
height: 26px;
}
 
@media (max-width: 768px) {
.comprar .quantity-nav {
/* position:relative; */
top: 1.8px !important;
right: 13px !important;
height: 48px !important;
}
}
 
.comprar .quantity-nav {
width: auto;
right: 5px;
top: 0;
height: 52px;
}
 
.qtde-adicionar-carrinho input[type=number] {
-moz-appearance: textfield;
padding: 15px 30px 15px 6px !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
bottom: 1px;
border-radius: 6px;
position: relative;
left: 1px;
border: 0;
box-shadow: none;
background: #fff;
border: 1px solid #dadada;
font-size: 16px;
box-shadow: 0 2px 2px #00000014;
font-weight: 700;
color: #6f6f6f;
text-align: center;
margin-bottom: 0;
margin-right: 6px;
}
 
.qtde-carrinho {
width: 26px !important;
height: 42px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
border: 1px solid #eee
}
 
.qtde-carrinho:focus {
outline: 0
}
 
.quantity {
position: relative
}
 
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
 
input[type=number] {
-moz-appearance: textfield
}
 
.quantity input {
width: 45px;
height: 42px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
padding-left: 20px;
border: 1px solid #eee
}
 
.quantity input:focus {
outline: 0
}
 
.quantity-nav {
float: left
}
 
.quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #a3a3a3;
width: 20px;
text-align: center;
color: var(--texto_global);
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
line-height: 1.7;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
 
.quantity-button.quantity-up {
height: 50%;
top: 0;
}
 
.quantity-button.quantity-down {
height: 50%;
/* border-top: 1px solid #d9d9d9 !important; */
}
 
.quantity-nav div:hover {
transition: .2s all
}
 
.quantity-nav {
position: absolute;
height: 45.8px;
width: 19px !important;
top: 1px;
right: 10px;
width: 16px;
transition: .2s all;
/* border-left: 1px solid #d9d9d9; */
}
 
.quantity-button {
position: relative;
cursor: pointer;
background: #ededed00;
right: -20px;
text-align: center;
color: var(--texto_global);
font-size: 13px
}
 
.quantity-button:hover {
background: #cccccc00;
color: var(--texto_bg_claro)
}
 
.quantity-button.quantity-up {
text-align: center;
align-items: center;
border: 0;
border: 0;
margin: 1px;
line-height: 22px;
background: #e6e6e6;
border-radius: 4px;
color: var(--cor_texto_botao);
}
 
.quantity-button.quantity-down {
line-height: 22px;
background: #e6e6e6;
border-left: 0;
border-radius: 4px;
margin: 1px
}
 
.aproveite-tambem .qtde-adicionar-carrinho {
width: auto !important
}
 
.qtde-adicionar-carrinho {
position: relative;
top: 7.5px;
left: 10px;
/* width: auto!important; */
}
 
.qtde-adicionar-carrinho i.fas.fa-caret-down:before {
content: '-' !important;
font-size: 18px
}
 
.qtde-adicionar-carrinho i.fas.fa-caret-up:before {
content: '+' !important;
font-size: 18px
}
 
@media (max-width: 768px) {
.produto .principal .acoes-produto .preco-produto .preco-venda {
color: #4d4d4d
}
 
.produto .principal .acoes-produto .preco-produto .preco-promocional {
font-weight: 700;
font-size: 27px !important;
color: var(--cor_primaria);
letter-spacing: -1px;
text-align: left;
margin-top: 5px;
margin-bottom: 14px;
display: block
}
 
.produto .acoes-produto .preco-parcela {
font-size: 16px;
}
 
.produto .desconto-a-vista {
font-size: 16px
}
}
 
@media (min-width: 768px) {
.produto .acoes-produto .comprar {
position: relative;
width: 100%
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
position: relative;
left: 0;
float: left;
top: 0;
/*! padding: 2px; */
width: 100px !important;
text-align: center;
margin-right: 6px;
}
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
display: none
}
 
.qtde-carrinho .produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
text-align: center;
font-weight: 600;
background: #f3f3f3;
border-radius: 5px
}
 
@media (min-width: 768px) {
span.cor-secundaria.disponibilidade-produto {
width: auto;
text-align: left !important
}
 
.disponibilidade-produto b.cor-principal {
color: var(--cor_primaria);
font-size: 12.8px;
text-align: left !important;
}
}
 
.produto .principal .botao.principal.grande {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
width: 24%;
text-transform: uppercase;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: var(--cor_botao_comprar);
border-radius: 5px;
padding: 14px 65px;
font-weight: 600;
font-size: 20px;
color: #fff;
letter-spacing: -1px;
border: 0;
}
 
.produto .principal .botao.principal.grande i {
display: none;
/* font-size: 12px !important; */
/* text-indent: 0 !important; */
/* color: red !important; */
}
 
.produto .botao.principal.grande i:before {
content: ""
}
 
.produto .botao.principal.grande .cart-icon path {
fill: #fff
}
 
.tab-content span {
background: 0 0 !important
}
 
div#descricao {
box-shadow: none;
border: 0;
/*! padding: 20px; */
/* background: #f2f2f2b8; */
border-radius: 6px;
}
 
.abas-custom .tab-content {
-webkit-box-shadow: none;
box-shadow: none;
/* border-top: 1px solid #efefef; */
background: #e2e2e282;
/* box-shadow: 0 2px 4px #00000014; */
border-radius: 6px;
}
 
.cep label {
float: none;
margin-bottom: 0;
font-weight: 500;
padding-bottom: 2px;
font-size: 15px;
color: var(--texto_global);
letter-spacing: -.4px
}
 
.cep .input-append.input-prepend input {
background: #fff;
border: 0;
border: 1px solid #d8d8d8;
border-radius: 6px;
padding: 15px 80px 15px 18px;
/* width: 65%; */
box-shadow: 0 2px 2px #0000000d;
}
 
.cep .input-append.input-prepend button {
background: var(--cor_botao);
border: 0;
border-radius: 6px !important;
-webkit-box-shadow: none;
box-shadow: none;
top: 0;
text-transform: uppercase;
text-shadow: none;
position: relative;
padding: 16.4px 18px;
font-weight: 700;
font-size: 14px;
color: var(--cor_texto_botao);
margin-left: 10px !important;
transition: all .3s ease-in-out;
}
 
.cep label {
padding-bottom: 10px;
letter-spacing: -.2px;
font-weight: 600;
font-size: 16px;
}
 
.cep .input-append.input-prepend button:hover {
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover);
transition: all .3s ease-in-out
}
 
.produto-compartilhar .lista-favoritos {
background: #cecece;
border-radius: 3px;
font-weight: 500;
display: none;
font-size: 13px;
color: #626262;
letter-spacing: -.24px
}
 
.produto-compartilhar .lista-favoritos i {
color: #626262
}
 
.lista-redes .fa-whatsapp,
.lista-redes .icon-whatsapp {
background-color: transparent !important;
float: left;
color: #fff;
font-size: 20px;
margin-right: 2px;
text-align: center;
border-radius: 5px;
transition: all .25s
}
 
li.visible-phone.shareWhats {
background: #4caf50;
width: 31%;
line-height: 30px;
height: 30px;
padding: 4px;
border-radius: 5px;
transition: all .25s
}
 
li.visible-phone.shareWhats:hover {
background: #409b43
}
 
li.visible-phone.shareWhats a,
li.visible-phone.shareWhats:hover a {
color: #fff !important;
line-height: 30px
}
 
.produto-compartilhar .fb-compartilhar {
margin-left: 5px;
display: none;
background: #4267b2;
padding: 1px;
border-radius: 5px
}
 
.fb_iframe_widget {
display: inline-block;
position: relative;
/*! width: 130px; */
}
 
#fb-root {
display: none;
}
 
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
 
#rodape .caixa-facebook {
width: 300px;
height: 100px;
border: 1px solid #f4f4f4;
box-shadow: none;
background: red;
min-width: 300px;
min-height: 100px;
}
 
.produto .acoes-flutuante {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 11%;
border: 2px solid #f3f3f3
}
 
.produto .acoes-flutuante .nome-produto {
font-weight: 700;
font-size: 13px;
color: var(--texto_global);
letter-spacing: -.1px;
line-height: 16px;
margin: 15px 0
}
 
.produto .acoes-flutuante .acoes-produto .preco-produto .preco-venda {
font-weight: 600;
font-size: 14px;
color: var(--texto_global);
letter-spacing: -.1px
}
 
.produto .acoes-flutuante .acoes-produto .comprar {
width: 85%
}
 
.produto .acoes-flutuante .botao.principal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 10px;
border-radius: 5px;
background: #63c58e;
font-size: 18px;
font-weight: 400
}
 
.listagem>h4.titulo:before {
bottom: 18px
}
 
.pagina-busca h1 {
font-weight: 700;
font-size: 30px;
color: var(--texto_global);
letter-spacing: -.5px;
line-height: 36px;
padding-right: 30px
}
 
.pagina-busca .conteudo .span6>p {
font-weight: 600;
font-size: 15px;
color: var(--texto_global);
letter-spacing: -.1px
}
 
.pagina-busca .conteudo .span6 ol {
margin: 0
}
 
.pagina-busca .conteudo .span6 ol li {
font-weight: 600;
font-size: 15px;
color: var(--texto_global);
letter-spacing: -.1px;
line-height: 22px
}
 
.pagina-busca .conteudo .span6>.botao.secundario {
background: #d4d4d4;
border: 0;
border-radius: 3px;
margin-top: 10px;
font-weight: 700;
font-size: 18px;
color: #333;
letter-spacing: -.5px;
padding: 15px
}
 
.cabecalho-interno .titulo {
font-weight: 600;
font-size: 22px;
color: var(--texto_global);
letter-spacing: -.3px
}
 
.cabecalho-interno .titulo small {
font-weight: 400;
font-size: 14px;
opacity: .5;
color: var(--texto_global);
letter-spacing: -.28px
}
 
@media (min-width: 768px) {
.pagina-login .cadastro-logar.row-fluid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
 
.cadastro input[type=password],
.cadastro input[type=text],
.cadastro select,
.pagina-cadastro .cadastro input:not([type=radio]) {
margin: 0;
font-size: 13px;
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px;
/*! height: 35px; */
-webkit-box-sizing: content-box;
box-sizing: content-box
}
}
 
.cadastro input[type=password],
.cadastro input[type=text],
.cadastro select,
.pagina-cadastro .cadastro input:not([type=radio]) {
border: 1px solid #ddddddc7;
border-radius: 3px
}
 
.pagina-login .cadastro-logar.row-fluid .caixa-sombreada {
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 3px;
height: 80%
}
 
.cadastro label {
font-size: 15px;
padding-bottom: 4px
}
 
.pagina-login .cadastro legend {
font-weight: 600;
font-size: 22px;
padding-bottom: 14px;
color: var(--texto_global);
letter-spacing: -.2px;
border-bottom: 1px solid #e7e7e79c
}
 
.pagina-login .cadastro legend i {
display: none
}
 
.pagina-login .cadastro-logar .form-horizontal .control-label {
font-weight: 500;
font-size: 16px;
color: var(--texto_global);
letter-spacing: -.1px;
line-height: 45px;
width: 62px;
}
 
.pagina-login .cadastro-logar .botao:hover {
background: #dcdcdc;
color: #868686
}
 
.pagina-login .cadastro-logar .botao {
background: #e6e6e6;
border: 0;
text-transform: uppercase;
border-radius: 3px;
text-shadow: none;
padding: 18px 24px;
font-weight: 700;
font-size: 14px;
color: #868686;
letter-spacing: -.1px;
transition: .2s all
}
 
.pagina-login a.recuperar-senha {
font-weight: 600;
font-size: 12px;
color: var(--texto_global);
letter-spacing: -.09px
}
 
.pagina-cadastro .cadastro input:not([type=radio]) {
/*! width: 70% */
}
 
.pagina-carrinho .caixa-destaque>h1 {
font-weight: 700;
font-size: 36px;
color: var(--texto_global);
letter-spacing: -.6px
}
 
.pagina-carrinho .caixa-destaque>.botao.principal {
background: #d4d4d4;
border: 0;
border-radius: 3px;
text-shadow: none;
padding: 13px 25px;
font-weight: 700;
font-size: 18px;
color: #fff;
letter-spacing: -.3px
}
 
.tabela-carrinho .bg-dark {
background: 0 0;
border: 0
}
 
.tabela-carrinho .bg-dark:last-child {
background: #f4f4f4;
}
 
.tabela-carrinho tr {
border: 1px solid #d2d2d2ad;
background: #f4f4f4;
border-radius: 6px;
border: 0 !important;
}
 
.tabela-carrinho thead tr:first-child {
background: #e8e8e8;
}
 
.tabela-carrinho {
margin: 0 !important;
}
 
.resumo-compra .tabela-carrinho td.conteiner-qtd>div {
background: var(--cor_botao);
color: var(--cor_texto_botao);
font-weight: 600;
border-radius: 50px;
/*! padding: 4px; */
width: 30px;
height: 30px;
}
 
.table td,
.table th {
background: 0 0;
}
 
.tabela-carrinho th {
background: #efefef42
}
 
.tabela-carrinho td,
.tabela-carrinho th {
border: 0;
}
 
.tabela-carrinho h6 {
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: var(--texto_global);
letter-spacing: -.3px
}
 
.tabela-carrinho .preco-produto .preco-promocional {
font-weight: 700;
font-size: 15px;
color: #858585;
letter-spacing: -.1px;
line-height: 19px
}
 
@media (max-width: 768px) {
.tabela-carrinho .produto-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
 
.tabela-carrinho .quantidade input[type=text] {
padding: 6px !important;
}
 
.tabela-carrinho .quantidade .icon-minus,
.tabela-carrinho .quantidade .icon-plus {
font-size: 12px;
}
 
.tabela-carrinho .excluir .icon-trash {
color: #ca3333;
font-size: 18px;
}
 
.tabela-carrinho .formas-envio label {
color: var(--texto_global)
}
 
.tabela-carrinho .bg-dark {
padding: 0;
}
 
.tabela-carrinho .bg-dark * {
text-align: center !important;
margin-left: auto;
margin-right: auto;
}
 
.tabela-carrinho .form-horizontal {
margin: 0
}
 
.tabela-carrinho #formCalcularFrete .controls {
/* display:flex; */
/* flex-direction:column; */
}
 
.tabela-carrinho .input-append input {
padding-left: inherit
}
 
.tabela-carrinho .input-append button {
line-height: inherit
}
 
.tabela-carrinho .produto-info>a {
text-align: center;
}
}
 
.tabela-carrinho .produto-info>a {
font-weight: 700;
font-size: 14px;
color: var(--texto_global);
letter-spacing: 0;
line-height: 17px;
display: block;
width: 260px;
/* text-align: center; */
}
 
.tabela-carrinho .produto-info ul li span strong {
color: var(--texto_global);
font-weight: 600;
font-size: 14px;
}
 
.tabela-carrinho .quantidade input[type=text] {
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 5px
}
 
.tabela-carrinho .excluir a,
.tabela-carrinho .quantidade a {
color: var(--texto_global)
}
 
.tabela-carrinho .form-horizontal .control-label {
line-height: 40px;
padding-right: 10px;
}
 
.tabela-carrinho .form-horizontal .control-label[for=usarCupom] {
width: 145px;
margin-right: 10px
}
 
.tabela-carrinho .form-horizontal .control-label b {
font-weight: 600;
font-size: 0.875rem;
/*! text-transform: uppercase; */
color: var(--texto_global) !important;
letter-spacing: 0
}
 
.tabela-carrinho .form-horizontal .control-label[for=usarCupom] b {
font-size: 14px
}
 
.tabela-carrinho .form-horizontal .controls {
margin-left: 0;
}
 
.tabela-carrinho #calcularFrete {
background: #fff;
border: 1px solid #b1b1b1c9;
border-radius: 3px;
box-shadow: 0 2px 2px #0000001f;
padding: 15px;
width: 170px;
text-align: left
}
 
.tabela-carrinho .form-horizontal .controls .btn:hover {
opacity: .8
}
 
.tabela-carrinho .form-horizontal .controls .btn {
box-shadow: none;
background: var(--cor_primaria);
border: 0;
text-shadow: none;
border-radius: 6px;
padding: 17px 18px;
margin-left: 10px;
font-weight: 600;
font-size: 14px;
color: #fff;
letter-spacing: 0;
transition: all .25s
}
 
.tabela-carrinho .form-horizontal .controls .btn i {
display: none
}
 
.pagina-carrinho .total>span {
font-weight: 600;
font-size: 16px;
color: var(--texto_global);
letter-spacing: -.15px
}
 
.pagina-carrinho .total strong {
font-weight: 600;
font-size: 22px;
color: var(--texto_global);
letter-spacing: -1px
}
 
.pagina-carrinho .descontos.parcelas>span {
color: var(--texto_global);
font-weight: 300;
font-size: 15px
}
 
.pagina-carrinho .descontos.parcelas>span strong {
color: var(--texto_global) 7d7d7d
}
 
.pagina-carrinho .acao-editar {
margin-top: 20px
}
 
@media (max-width: 768px) {
.pagina-carrinho .acao-editar a.botao {
width: 100%;
margin: 0 !important;
padding: 10px 0 !important;
}
 
.pagina-carrinho .acao-editar .botao.principal.grande {
margin-top: 6px !important;
width: 100%;
margin: 0;
}
}
 
.pagina-carrinho .acao-editar a.botao {
background: #eaeaea;
border: 1.2px solid #cdcdcd;
border-radius: 4px;
font-weight: 500;
font-size: 17px;
color: #3d3d3d;
letter-spacing: -.3px;
padding: 15px 15px 15px 20px
}
 
.pagina-carrinho .acao-editar .botao.principal.grande {
background: var(--cor_botao_comprar);
border: 0;
border-radius: 4px;
text-shadow: none;
padding: 15px 25px;
font-weight: 700;
font-size: 18px;
color: #fff;
letter-spacing: -.3px;
/*! width: 100%; */
}
 
.pagina-carrinho #exibirFormasPagamento .btn-small {
background: var(--cor_botao);
color: var(--cor_texto_botao);
text-shadow: none;
border-radius: 4px;
border: 0;
width: 100%;
padding: 14px 0;
font-weight: 500;
font-size: 0.775rem
}
 
.pagina-carrinho .campos-pedido .control-label {
/*! line-height: 18px; */
}
 
.pagina-carrinho .acao-editar .botao.principal.grande i {
margin-left: 0
}
 
.carrinho-checkout #corpo {
padding-top: 140px
}
 
.carrinho-checkout #cabecalho .atendimento {
border: 0;
margin: 0
}
 
.carrinho-checkout .atendimento .icone-box {
border: 0;
border-radius: 50px;
color: var(--cor_primaria);
width: 20px;
font-size: 30px !important;
height: 20px;
display: flex;
align-items: center;
justify-content: center
}
 
.carrinho-checkout .atendimento li .display-table {
font-size: 18px;
font-weight: 600;
color: var(--cor_icones)
}
 
.carrinho-checkout .atendimento li:hover strong {
font-weight: 500;
color: var(--cor_icones);
text-decoration: underline;
font-size: 15px
}
 
.carrinho-checkout .atendimento li strong {
font-weight: 500;
color: var(--cor_texto_icones);
font-size: 15px
}
 
.carrinho-checkout .identificacao hr.sem-margem {
height: 0;
background: #f5f5f5;
border: 0
}
 
.carrinho-checkout .identificacao .identificacao-title {
font-weight: 600;
font-size: 24px;
color: var(--texto_global);
letter-spacing: -.3px
}
 
.carrinho-checkout .identificacao .control-group {
/*! max-width: 620px; */
}
 
.identificacao .control-group input {
-webkit-box-shadow: none;
border: 1px solid #ccc;
box-shadow: none;
background: #fff;
border-radius: 3px;
/*! width: 100%; */
}
 
.identificacao .control-group .submit-email.botao.principal {
padding: 11px 0px;
font-weight: 700;
font-size: 15px;
background: var(--cor_botao_comprar);
color: #fff;
text-align: center;
/*! margin-right: -10px; */
letter-spacing: -.5px
}
 
.checkout-alerta-seguro {
border: 0;
border-radius: 3px;
background: #eef7ee;
padding: 10px 25px 30px;
max-width: 400px;
border-radius: 6px;
}
 
.checkout-alerta-seguro .checkout-alerta-seguro-tit {
font-weight: 700;
font-size: 15px;
color: #5bbf5f;
letter-spacing: -.21px
}
 
.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok {
color: #5bbf5f;
}
 
.checkout-alerta-seguro li.checkout-alerta-seguro-item span {
font-weight: 500;
font-size: 14px;
color: var(--texto_global);
opacity: .5;
letter-spacing: -.2px;
line-height: 23px
}
 
.checkout-alerta-seguro .checkout-alerta-seguro-icon {
/*! display: none */
color: #5bbf5f21;
}
 
.pagina-cadastro #corpo {
padding-top: 160px !important
}
 
.pagina-cadastro .cadastro legend {
border-bottom: 1px solid #dedede;
font-weight: 700;
color: var(--texto_global);
letter-spacing: -.2px;
font-size: 20px;
font-weight: 600
}
 
.form-horizontal .control-label {
line-height: 40px;
font-weight: 700;
color: var(--texto_global);
letter-spacing: -.1px
}
 
.pagina-cadastro .form-horizontal .cadastro input {
height: 25px;
background: #eee;
width: 80%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 3px;
padding: 10px
}
 
.pagina-cadastro .cadastro input:not([type=radio]) {
/*! width: 70%; */
}
 
.carrinho-checkout #formularioCheckout input {
/*! -webkit-box-sizing: content-box; */
/*! box-sizing: content-box; */
/*! border-color: #dbdbdb; */
/*! padding: 12px 0; */
/*! height: 40px; */
border: 1px solid #d3d3d3;
box-shadow: 0 1px 2px #0000000f;
border-radius: 4px;
}
 
.carrinho-checkout #formularioCheckout input:focus {
border-color: var(--cor_primaria);
border-width: 2px
}
 
.finalizar-compra .caixa-sombreada {
padding: 0;
border: 0 !important;
border-radius: 7px;
box-shadow: 0 2px 4px #00000012;
background: #fff;
overflow: hidden;
box-shadow: 0 2px 4px #0000002e;
}
 
#formularioCheckout .row-fluid>.span4,
.resumo-compra {
background: #fff;
padding: 20px;
border-radius: 4px;
border: 1px solid #ccc;
box-shadow: 0 2px 4px #0000002b;
}
 
#formularioCheckout .row-fluid>.span4 {
margin-top: 10px
}
 
.control-label.font-bold,
.control-label {
font-weight: bold;
font-size: 12.8px;
color: #000
}
 
@media (min-width: 768px) and (max-width:1000px) {
.titulo-categoria:before {
display: none
}
 
span.nto-promoinfo>span {
font-size: 10px;
font-weight: 500;
color: #676767;
opacity: 1 !important;
display: inline-block;
padding: 4px 10px;
background: #ececec
}
 
.span8.busca-mobile {
width: 85% !important;
left: 0 !important;
position: relative
}
 
body.fixed .hamburguer {
left: 8px !important
}
 
.my_account>a:before {
left: -30px !important
}
 
.busca-mobile .botao-busca {
width: 80px;
right: -30px
}
 
.my_account:after {
display: none !important
}
 
.my_account>a {
font-size: 14px !important
}
 
#rodape .links-rodape-paginas {
position: relative;
left: 0
}
 
.conteudo-topo .span4.hidden-phone {
display: block !important;
float: right !important;
position: relative
}
 
.sem-banner {
display: none !important
}
 
.secao-banners {
padding-top: 0 !important
}
}
 
@media screen and (min-width: 769px) {
.pagina-carrinho #cabecalho {
top: 0 !important;
box-shadow: 0 4px 4px #0000000d;
}
 
#cabecalho {
position: absolute;
left: 0;
width: 100%;
height: 100px;
background: #fff;
z-index: 1020
}
 
#cabecalho>.conteiner {
padding: 0;
background: 0 0;
height: 100%;
}
 
#cabecalho>.conteiner:before {
content: "";
width: 300vw;
height: 100%;
position: absolute;
top: 0;
left: -100%;
background: var(--cor_cabecalho);
z-index: 2;
border-bottom: 0
}
 
body.fixed #cabecalho {
-webkit-box-shadow: 0 0 30px 0 rgba(74, 81, 81, .18);
box-shadow: 0 0 30px 0 rgba(74, 81, 81, .1);
position: fixed;
top: 0;
height: 90px
}
 
body.fixed #cabecalho>.conteiner {
height: 90px;
background: 0 0;
-webkit-transition: height .3s ease-in-out, top .1s ease-in-out;
-o-transition: height .3s ease-in-out, top .1s ease-in-out;
transition: height .3s ease-in-out, top .1s ease-in-out
}
 
#cabecalho>.conteiner>.row-fluid {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
z-index: 20;
justify-content: space-between;
}
 
body.fixed #cabecalho>.conteiner>.row-fluid {
border-bottom: 0;
height: 90px;
width: 100%;
background: 0 0
}
 
.conteudo-topo>.superior {
display: none
}
 
.conteudo-topo .inferior {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: center;
/* height: 55px; */
}
 
.brand.span3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
 
#cabecalho .conteudo-topo.span9 {
margin: 0;
width: 100%;
}
 
#cabecalho .row-fluid>.span3 {
width: 200px;
margin-right: 10px;
}
 
.brand .logo {
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
width: 80%;
transform: translate(0);
position: relative;
left: -10px
}
 
body.fixed .brand .logo {
width: 74%;
position: relative;
transition: all .2s ease-in-out;
left: -10px
}
 
.logo a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
/* margin: 20px 0; */
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 90px;
}
 
.logo a img {
position: relative;
max-width: 100%;
margin: auto;
/* margin-left: 0; */
}
 
.hamburguer {
position: relative;
width: 20px;
padding: 10px 8px;
height: 15px;
opacity: 0;
left: 20px;
top: -1px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
cursor: pointer
}
 
.carrinho-checkout .js-hamburguer.hamburguer.hidden-phone {
display: none
}
 
body.fixed .hamburguer {
border-radius: 4px;
opacity: 1;
position: relative;
left: 14px;
visibility: visible
}
 
.hamburguer div {
width: 30%;
float: left
}
 
.hamburguer p {
line-height: 15.4px;
color: var(--texto_global);
font-size: 0;
font-weight: 500;
float: right;
display: none;
margin: 0;
text-transform: uppercase
}
 
.hamburguer span {
position: relative;
width: 24px;
height: 2px;
background: var(--texto_global);
display: block;
border-radius: 6px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .1s ease-in-out
}
 
.hamburguer span:nth-child(2) {
top: 10.5px
}
 
body.open-menu .hamburguer span:first-child {
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px
}
 
body.open-menu .hamburguer span:nth-child(2) {
top: 4px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
 
body.open-menu .hamburguer span:last-child {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
 
.hamburguer span:last-child {
top: 2px
}
}
 
.menu.lateral .com-filho.borda-principal {
border-width: 0
}
 
.span4.hidden-phone:last-child {
position: relative;
display: none
}
 
.menu-wrapper.span7.hidden-phone {
right: 0;
margin-left: 2%;
line-height: 55px
}
 
.menu-wrapper svg {
fill: var(--cor_icones);
}
 
.menu-wrapper a:hover svg,
.menu-wrapper .dropHelp:hover svg {
fill: var(--cor_icones_hover) !important;
}
 
.menu-wrapper.span6.hidden-phone {
width: 64%;
display: flex;
height: 50px;
position: relative;
top: 0;
justify-content: space-around;
align-items: center;
}
 
.my_account_info span {
color: var(--cor_texto_icones)
}
 
.my_account {
position: relative;
display: flex;
float: left;
left: 0;
align-items: center;
text-align: left;
border-radius: 50px;
letter-spacing: .09px;
width: 150px;
margin: 0 10px;
height: 40px;
left: 0;
padding: 20px 0;
line-height: 16px;
top: 0;
cursor: pointer;
font-size: .725rem;
}
 
.my_account:hover .user-icon {
fill: var(--cor_icones_hover);
}
 
.my_account .user-icon {
/* fill: var(--cor_primaria); */
transition: all .2s;
position: relative;
/* top: 3px; */
}
 
.my_account>a {
text-align: left;
align-items: center;
font-weight: 500;
font-size: 14px;
color: var(--cor_texto_icones);
letter-spacing: -.3px;
}
 
.my_account .icon-down {
margin-left: 8px;
fill: var(--cor_texto_icones) !important;
width: 8px;
display: none !important;
font-size: 13px;
opacity: .6;
margin-top: 4px;
color: var(--cor_texto_icones) !important;
transform: rotate(0);
/*! display: inline-block; */
transition: all .2s;
}
 
.my_account:hover .icon-down {
transform: rotate(-180deg);
display: inline-block
}
 
.my_account_info {
line-height: 18px
}
 
 
.nameUser > a {
font-size: 0.875rem !important;
padding-bottom: 14px !important;
border-bottom: 1px solid #e3e3e3;
border-radius: 0 !important;
}
 
.nameUser > a > b {
margin: 0 4px
}
 
.my_account-title {
display: block;
color: var(--cor_texto_icones) !important;
font-size: 0.775rem;
}
 
.my_account-subtitle a:hover {
color: var(--cor_icones_hover);
font-weight: bold;
font-size: 1.2em;
}
 
.my_account-subtitle a {
color: var(--cor_texto_icones);
font-weight: bold;
font-size: 1.2em;
transition: all .3s;
}
 
.my_account .user-icon {
padding-right: 10px;
width: 26px;
height: 26px;
top: 0;
}
 
.my_account .arrow-icon {
margin: 3px 0 0 12px;
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
-o-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}
 
.my_account:hover ul {
will-change: opacity, transform;
animation: Ab .3s cubic-bezier(.18, .89, .32, 1.28);
-ms-transform-origin: top center;
transform-origin: top center
}
 
@keyframes Ab {
0% {
transform: scale(.9) rotate3d(3, 0, 0, 50deg);
opacity: 0
}
 
to {
transform: scale(1) rotateX(0)
}
}
 
.my_account:hover ul {
visibility: visible;
opacity: 1;
transition: all .2s ease-in-out
}
 
.my_account ul {
position: absolute;
visibility: hidden;
opacity: 0;
padding: 6px;
left: -44px;
background: #fff;
width: 208px;
margin: 0;
top: 64px;
border: 1px solid #ececec;
border-radius: 10px;
box-shadow: 0 1px 4px #0000000f;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 10;
}
 
.my_account ul:before,
.my_account ul:after {
content: '';
display: block;
position: absolute;
bottom: 100%;
width: 0;
height: 0;
z-index: 4;
}
 
.my_account ul:before {
right: 46.8%;
border: 8px solid transparent;
border-bottom-color: #ddd;
}
 
.my_account ul:after {
right: 47.2%;
border: 7px solid transparent;
border-bottom-color: #fff;
}
 
.my_account li {
position: relative;
display: block
}
 
.my_account li:hover a {
transition: all .2s ease-in-out;
color: var(--texto_global)
}
 
.my_account .login {
margin-top: 8px;
}
 
.my_account ul a svg {
width: 22px;
height: 26px;
margin-right: 10px;
fill: var(--texto_global);
opacity: .4
}
 
.my_account ul .shipping svg {
width: 26px;
height: 26px
}
 
.my_account li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
/* text-transform: uppercase; */
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-size: 14px;
color: #717171;
margin: 4px;
border-radius: 4px;
letter-spacing: -.5px;
line-height: 16px;
padding: 7px 15px;
text-align: center !important;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
 
li.registerAccount a {
text-align: center;
display: flex;
font-size: 14px;
margin-bottom: 10px;
margin-top: 8px;
text-transform: inherit;
justify-content: center;
padding: 6px 0;
}
 
.my_account .login a:after {
content: '\f054';
font-family: fontawesome;
position: absolute;
opacity: 0;
font-size: 12px;
top: 19px;
right: 26px;
transition: .15s
}
 
.my_account li:hover a:after {
opacity: 1;
right: 20px
}
 
.my_account .login a:after {
opacity: 1;
right: 20px
}
 
.my_account .login:hover a {
background: var(--cor_botao);
color: var(--cor_texto_botao);
text-decoration: none;
transition: all .1s ease-in-out;
opacity: .8;
}
 
.my_account .login a {
background: var(--cor_botao);
color: var(--cor_texto_botao);
border: 1px solid transparent;
text-decoration: none;
font-weight: 700;
border-radius: 6px;
padding: 17px;
transition: all .1s ease-in-out
}
 
.my_account li:hover a:before {
opacity: 1
}
 
.wishList span {
text-align: left;
align-items: center;
font-weight: 500;
font-size: 14px;
color: var(--cor_texto_icones);
letter-spacing: -.3px;
}
 
.wishList,
.wishList a {
margin: 0 10px;
position: relative;
display: flex;
top: 0;
padding: 20px 0;
justify-content: center;
align-items: center;
height: 41px;
width: 120px;
cursor: pointer;
}
 
.wishList svg {
/* fill: var(--cor_primaria); */
transition: all .2s;
width: 26px;
height: 26px;
padding-right: 8px;
justify-content: center;
}
 
span.carrinho-cheio {
font-size: 13px;
font-weight: 600;
position: relative;
display: none !important;
margin-bottom: 6px
}
 
.conteudo-topo .inferior .hidden-phone.span2 {
width: 15%;
margin-left: 0
}
 
.carrinho svg {
width: 120px;
height: 64px;
padding-right: 6px;
}
 
div.carrinho>a {
font-size: 14px;
font-weight: 700;
display: flex;
flex-direction: column;
padding: 0;
position: relative;
width: 80%
}
 
.carrinho:hover svg {
fill: var(--cor_icones_hover)
}
 
.carrinho {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
border: 0;
position: relative;
height: 54px;
float: right;
line-height: 42px;
padding: 0 10px;
width: 50px;
border-radius: 8px;
}
 
.carrinho>p {
font-size: 16.4px;
color: var(--texto_global);
margin: 0;
margin-left: 4px;
}
 
.cart {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
left: 10px;
top: 0;
position: relative;
/* height: 40px; */
float: right;
border-radius: 4px;
}
 
#cabecalho .carrinho:after {
content: "\f107";
font-family: Fontawesome;
bottom: 8px;
font-size: 24px;
-webkit-font-smoothing: antialiased;
color: var(--texto_bg_claro);
width: 50px;
height: 50px;
font-size: 14px;
text-align: center;
display: none;
right: -6px;
top: 2px;
position: absolute;
line-height: 50px;
transition: all .2s
}
 
#cabecalho .carrinho:hover:before {
color: var(--cor_icones_hover)
}
 
.carrinho i.icon-shopping-cart.fundo-principal {
background: 0 0;
display: none
}
 
.carrinho strong.qtd-carrinho {
display: block !important
}
 
.carrinho>a i:before {
content: ""
}
 
.carrinho .qtd-carrinho strong {
width: 30px;
height: 30px;
background: #ccc
}
 
.carrinho .qtd-carrinho {
font-size: 18px;
width: 24px;
height: 24px;
margin: 6px !important;
line-height: 24.6px;
background: var(--cor_botao);
left: -4px;
top: -16px;
position: absolute;
text-align: center;
font-weight: 700;
border-radius: 50px;
color: var(--cor_texto_botao);
}
 
.carrinho .qtd-carrinho:before {
content: "";
position: absolute;
right: 13px;
display: none;
width: 0;
height: 0;
border-style: solid;
top: 0;
border-color: transparent #fff transparent transparent;
border-width: 10px
}
 
.carrinho span.carrinho-vazio-preco {
font-size: 14px;
font-weight: 500
}
 
.carrinho-interno {
width: 500px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 6px;
top: 105%;
display: block;
padding: 0;
opacity: 0;
margin-right: 6px;
margin-right: 0;
visibility: hidden;
border: 1px solid #00000017;
border-radius: 4px;
box-shadow: 0 3px 4px #00000017;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
 
li.content-cart {
width: 200px;
text-align: center;
position: absolute;
height: 80px;
top: 80%;
border: 1px solid #e9eded;
right: -4px;
padding: 10px;
border-radius: 4px;
background: #fff
}
 
li.content-cart>a {
padding: 10px;
top: 16px;
position: relative;
font-size: 20px;
color: var(--texto_global)
}
 
li.content-cart>a>i {
font-size: 0
}
 
li.content-cart {
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
 
.cart-wrapper {
width: 50px;
height: 50px;
right: 30px;
position: absolute;
background: #ccc0
}
 
.cart-wrapper:hover .content-cart {
opacity: 1;
visibility: visible
}
 
li.content-cart:after,
li.content-cart:before {
content: "";
position: absolute;
right: 30px;
width: 0;
height: 0;
border-style: solid
}
 
li.content-cart:before {
top: -16px;
border-color: transparent transparent #dfdfdf;
border-width: 8px
}
 
li.content-cart:after {
top: -14px;
border-color: transparent transparent #fff;
border-width: 7px;
right: 31px
}
 
.carrinho:hover .carrinho-interno {
opacity: 1 !important;
visibility: visible;
will-change: opacity, transform;
animation: Ab .3s cubic-bezier(.18, .89, .32, 1.28);
-ms-transform-origin: top center;
transform-origin: top center
}
 
.carrinho-interno li {
border-radius: 0;
padding: 20px 0;
border-bottom: 1.2px solid #cccccc6b
}
 
.carrinho-interno .nome-produto {
max-height: 80px;
width: 157px;
margin-left: 0;
font-weight: 500;
font-size: 12px;
color: var(--texto_global);
letter-spacing: -.3px;
line-height: 17px
}
 
.carrinho-interno .preco-produto {
text-align: right;
position: relative;
top: -10px;
left: -10px
}
 
.carrinho-interno .preco-produto .preco-venda {
font-weight: 400;
font-size: 12px;
color: var(--texto_global);
opacity: .5;
letter-spacing: -.4px;
line-height: 20px
}
 
.carrinho-interno .preco-produto .preco-promocional {
font-weight: 600;
font-size: 15px;
color: var(--texto_global);
letter-spacing: -.4px;
line-height: 20px
}
 
.carrinho-interno>div:after {
display: none
}
 
.carrinho-interno .carrinho-rodape {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 20px;
background: #f1f1f1;
}
 
.carrinho-interno .carrinho-info i {
font-style: normal;
font-weight: 300;
font-size: 13px;
color: var(--texto_global);
letter-spacing: -.4px;
line-height: 14px
}
 
.carrinho-interno .carrino-total,
.carrinho-interno .carrino-total strong {
font-weight: 700;
font-size: 18px;
color: var(--texto_global);
letter-spacing: -.5px;
line-height: 14px;
margin-top: 5px
}
 
.carrinho-interno>div .botao:hover {
position: relative;
opacity: .95;
background: var(--cor_botao_hover);
border: 0;
text-shadow: none;
padding: 12px 30px;
font-weight: 600;
color: var(--cor_texto_botao_hover);
letter-spacing: -.3px
}
 
.carrinho-interno>div .botao {
position: relative;
opacity: 1;
background: var(--cor_botao);
border-radius: 6px;
border: 0;
text-shadow: none;
padding: 12px 30px;
font-weight: 600;
font-size: 15px;
color: var(--cor_texto_botao);
text-transform: uppercase;
letter-spacing: -.3px;
transition: all .3s;
}
 
.carrinho-interno>div .botao i {
float: none;
position: absolute;
right: 2px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 2px 0 0
}
 
.carrinho-interno>div .botao .bottom-icon {
height: 22px
}
 
.carrinho-interno>div .botao .bottom-icon path {
fill: #fff
}
 
.carrinho-interno>div .botao i:before {
content: ""
}
 
body.open-menu .menu.superior {
opacity: 1;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(0);
position: relative;
border-bottom: 0;
box-shadow: 0 2px 4px #0000001f;
}
 
#menu-open {
position: relative;
top: 0px;
left: 10px;
height: 48px;
width: 56px;
background: transparent;
border-radius: 4px;
cursor: pointer;
transition: all 0.4s ease;
opacity: 0;
transform: scale(0.86);
}
 
body.fixed #menu-open {
opacity: 1;
}
 
.line {
position: absolute;
left: 50%;
margin-left: -15px;
height: 2.6px;
width: 32px;
background: var(--cor_icones);
border-radius: 2px;
transition: all 0.2s, easy-in-out;
}
 
.line1 {
top: 14px;
}
 
.line2 {
top: 24px;
}
 
.line3 {
top: 34px;
}
 
#menu-open.close .line1 {
transform: rotate(45deg);
top: 25px;
transition: all 0.2s, easy-in-out;
}
 
#menu-open.close .line2 {
opacity: 0;
transition: all 0.2s, easy-in-out;
}
 
#menu-open.close .line3 {
transform: rotate(-45deg);
top: 25px;
transition: all 0.2s, easy-in-out;
}
 
.menu.superior.scrollDown {
opacity: 0;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%);
position: relative;
border-bottom: 0
}
 
.menu.superior ul.nivel-dois a:after {
display: none !important;
}
 
.menu.superior .all-menu li.com-filho>a:after {
display: none !important;
}
 
.menu.superior li.com-filho>a:after {
content: "\f107";
font-family: Fontawesome;
margin-left: 4px;
position: relative;
line-height: 46px;
opacity: 1;
float: right;
padding-left: 4px;
font-size: 16px;
color: var(--cor_texto_menu);
transform: rotate(0);
display: inline-block;
transition: all .2s;
}
 
.menu.superior {
position: relative;
background: var(--cor_menu);
border-top: 1px solid #c3c3c324;
border-bottom: 1px solid #c3c3c324;
margin-top: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
 
.menu.superior ul.nivel-um {
max-width: 1320px;
margin: auto;
border-radius: 6px;
}
 
.menu.superior .nivel-um {
text-align: center;
}
 
.menu.superior .nivel-um>li {
border: 0;
display: inline-block;
margin: 2px 0;
float: none
}
 
.menu.superior .nivel-um>li:hover {
margin-top: 0;
border: 0
}
 
.menu.superior .nivel-dois:hover>li,
.menu.superior .nivel-um:hover>li {
opacity: .45;
transition-duration: 0;
transition-delay: .1s
}
 
.menu.superior .nivel-dois:hover>li:hover,
.menu.superior .nivel-um:hover>li:hover {
opacity: 1;
transition-duration: 0;
transition-delay: .15s
}
 
.menu.superior li a i {
display: none
}
 
.menu.superior .titulo {
font-weight: 600;
font-size: 15px;
/*! line-height: 16px; */
}
 
.menu.superior .nivel-um>li {
color: #fff;
padding: 4.5px 14px;
background: 0 0;
border-radius: 4px;
margin: 0;
transition: all .2s ease-in-out !important;
}
 
li.item-oferta>a {
border: 0;
}
 
.menu.superior .nivel-um>li:hover {
color: var(--texto_global);
background: #fff0;
border-radius: 4px;
transition: all .2s ease-in-out;
}
 
.menu.superior .nivel-um>li>a>strong {
color: var(--cor_texto_menu);
transition: all .2s ease-in-out
}
 
.menu.superior .nivel-um>li>a[title=Outlet] strong {
color: #fff;
font-weight: 700 !important;
transition: all .2s ease-in-out
}
 
.menu.superior .nivel-dois {
top: 55px;
border-radius: 8px;
-webkit-box-shadow: 0 2px 4px #00000057;
box-shadow: 0 3px 4px #0000002b;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
 
 
.menu.superior .nivel-um li.all-menu {
padding-left: 0;
border-radius: 0;
background: #00000000;
/*! display: none; */
}
 
.menu.superior .nivel-um li.all-menu > a {
padding-left: 0;
text-transform: uppercase;
font-weight: bold !important;
}
 
.menu.superior .nivel-um li.all-menu:hover > .nivel-dois {
display: flex;
}
 
.menu.superior .nivel-um li.all-menu .nivel-dois {
display: none;
flex-wrap: wrap;
padding: 0;
justify-content:start;
align-items: center;
width: 300px;
border: 0;
padding: 10px 0 !important;
background: #383838;
}
 
.menu.superior .nivel-um li.all-menu ul.nivel-dois li:hover ul.nivel-dois {
flex-wrap: wrap;
padding: 0;
justify-content:start;
align-items: center;
flex-direction: column;
display: flex;
border-radius: 0 0 6px 0 !important;
}
 
 
 
.menu.superior .nivel-um li.all-menu ul.nivel-dois ul.nivel-dois li a {
line-height: 32px !important;;
}
 
.menu.superior .nivel-um li.all-menu ul.nivel-dois ul.nivel-dois a {
text-decoration: none;
}
 
.menu.superior .nivel-um li.all-menu ul.nivel-dois ul.nivel-dois li:hover a {
text-decoration: underline;
}
 
 
.menu.superior .nivel-um > li.all-menu > a {
padding-right: 0
}
 
.menu.superior .nivel-um li.all-menu svg {
width: 18px;
position: relative;
top: 5px;
fill: var(--cor_texto_menu);
left: 14px
}
 
.menu.superior .nivel-um li.all-menu .titulo {
font-weight: 600!important;
padding-left: 24px
}
 
.menu.superior .all-menu .nivel-dois ul.nivel-dois {
width: 100%;
margin-top: -20px;
position: relative
}
 
.menu.superior .all-menu .nivel-dois {
/*! width: 250px !important; */
}
 
.menu.superior .all-menu .nivel-dois > li {
position: unset;
width: 100%;
}
 
.menu.superior .all-menu .nivel-dois {
 
}
 
.menu.superior .all-menu .nivel-dois>li>a {
/*! padding: 0 10px!important; */
border: 0;
font-size: 11px;
width: 80%;
}
 
.menu.superior .all-menu .nivel-dois > li:hover > a {
background: var(--cor_botao);
color: #000 !important;
transition: .01s all !important;
border-radius: 4px;
}
 
.menu.superior .all-menu .nivel-dois .ver-categoria {
text-align: left;
padding: 0 !important;
margin: 0;
margin-top:10px;
text-decoration: underline !important;
}
 
.menu.superior .all-menu .nivel-dois > li:hover > a strong {
color: #000 !important;
transition: .01s all !important;
}
 
.menu.superior .all-menu ul.nivel-dois .nivel-dois a {
font-size: 14px;
line-height: 22px!important;
font-weight: 500;
color: var(--texto_global);
padding: 0;
}
 
.menu.superior .all-menu ul.nivel-dois ul.nivel-dois {
padding: 0 12px !important;;
}
 
.menu.superior .all-menu ul.nivel-dois li:hover ul.nivel-dois {
border-radius: 0px 0 4px 0;
/*! padding: 6px 8px; */
border: 1px solid #e8e8e8;
width: 934px;
display: flex;
padding: 0 16px;
}
 
.menu.superior .all-menu ul.nivel-dois ul.nivel-dois li {
}
 
.menu.superior .all-menu ul.nivel-dois ul.nivel-dois {
background: #fff;
border-radius: 6px;
box-shadow: none;
left: 252px !important;
top: 19px;
max-width: 640px !important;
min-width: 280px !important;
height: 100%;
position: absolute;
z-index: 1020;
overflow: visible;
/*! display: none; */
transform: none;
min-height: inherit;
padding: 0;
}
 
.menu.superior .all-menu .menu-categorias {
border-radius: 4px;
padding-top: 10px;
border: 0!important;
width: 100%;
border: 0!important;
margin-left: 14px;
display: flex;
flex-wrap: wrap;
height: 100%;
flex-direction: column;
margin: 0;
}
 
.menu.superior .nivel-um .all-menu .nivel-dois .nivel-dois li {
padding: 0;
}
 
.menu.superior .nivel-um .all-menu .nivel-dois li .titulo {
padding: 0;
font-size: 1.2em;
margin: 2px 0;
line-height: 24px;
}
 
.menu.superior .all-menu .nivel-dois .titulo {
font-weight: 600;
color: #fff;
}
 
.menu.superior .all-menu .nivel-dois>li.item-menu {
display: none;
}
 
 
.menu.superior ul.nivel-dois {
padding-bottom: 22px;
max-height: 475px;
}
 
.menu.superior .nivel-um>li:hover .nivel-dois {
visibility: visible;
opacity: 1;
width: auto;
height: auto;
position: absolute;
}
 
.menu.superior .nivel-dois li {
border: 0
}
 
.menu.superior .nivel-dois {
min-width: 500px;
max-width: auto;
border-bottom: 4px solid var(--cor_primaria) !important;
border: 0;
}
 
.menu-categorias>li {
padding: 0 28px
}
 
.menu.superior .nivel-dois>li>a {
padding: 0 20px;
}
 
.menu.superior .nivel-dois li:hover {
background: 0 0
}
 
.menu.superior .nivel-dois>li>a {
font-size: 15px;
text-align: left;
font-weight: 400;
color: var(--texto_global);
transition: all .3s ease-in-out;
}
 
.menu.superior .nivel-tres>li>a {
font-size: 15px;
line-height: 22px;
}
 
.menu.superior .nivel-dois .nivel-dois li:hover a {
text-align: left;
text-decoration: underline !important
}
 
.menu.superior .nivel-dois li:hover a {
text-align: left;
text-decoration: underline
}
 
.menu.superior .nivel-tres {
padding: 6px;
background: #ffffff;
border: 1px solid #dedede;
margin-left: 0;
margin-top: auto;
-webkit-box-shadow: none;
box-shadow: none;
display: none;
}
 
.menu.superior .nivel-tres li:hover a {
text-decoration: underline
}
 
.menu.superior .nivel-tres a {
font-size: 13px;
color: var(--texto_global);
font-weight: 600;
opacity: 1;
-webkit-transform: color .2s ease;
-ms-transform: color .2s ease;
transform: color .2s ease
}
 
.menu.superior .nivel-tres>li:hover a {
color: #d4d4d4
}
 
.menu.superior li.categoria-paginas,
.menu.superior li.categoria-paginas:hover {
background: 0 0 !important
}
 
.menu.superior li.categoria-paginas strong {
color: #ffffff00 !important
}
 
.banner.cheio+.row-fluid {
margin-top: 14px;
margin-bottom: 10px;
}
 
.banner.tarja img {
display: block;
margin: 0 auto;
max-width: 1286px;
padding: 0;
padding-bottom: 4px;
}
 
#rodape>div:last-child {
text-align: center
}
 
.breadcrumbs {
border: 0
}
 
.menu.lateral .nivel-dois li,
.menu.lateral li,
.menu.lateral.outras .nivel-um li a {
position: relative;
background-color: transparent !important
}
 
.menu.lateral .nivel-dois>li:hover:before,
.menu.lateral .nivel-tres>li>a:hover:before,
.menu.lateral .nivel-um>li>a:hover:before {
opacity: 1
}
 
.menu .nivel-dois li:hover,
.menu.lateral.outras .nivel-um li:hover a {
background: 0 0
}
 
.menu.lateral .nivel-um {
border-radius: 4px;
background: #cccccc54
}
 
.menu .nivel-dois,
.menu .nivel-tres,
.menu.lateral .nivel-um>li>a {
-webkit-box-shadow: none;
box-shadow: none
}
 
.menu.lateral .nivel-um {
background: #fff
}
 
.menu.lateral .nivel-dois li,
.menu.lateral .nivel-um>li>a {
border: 0;
padding: 0
}
 
.menu.lateral .nivel-um>li>a {
position: relative;
font-weight: 700;
font-size: 16px;
color: #fff;
background: #fff;
letter-spacing: -.2px;
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out
}
 
.menu.lateral .nivel-dois li:hover>a,
.menu.lateral .nivel-um>li:hover>a:hover strong,
.menu.lateral.outras .nivel-um>li:hover>a strong {
color: var(--cor_primaria)
}
 
.menu.lateral .nivel-um>li i {
display: none
}
 
.menu.lateral .nivel-dois {
padding: 0
}
 
.menu.lateral .nivel-dois li:hover a,
.menu.lateral .nivel-um li:hover a .titulo {
text-decoration: underline
}
 
.menu.lateral .nivel-dois a,
.menu.lateral .nivel-um a .titulo {
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
margin: 0;
font-weight: 400;
font-size: 15px;
color: var(--texto_global);
letter-spacing: -.3px;
line-height: 26px;
}
 
.menu.lateral .nivel-tres {
top: -3px;
border: 3px solid #f5f5f5
}
 
.menu.lateral .nivel-tres>li {
min-width: 160px;
padding: 0
}
 
.menu.lateral .nivel-tres>li>a {
position: relative;
padding: 0 20px 0 40px
}
 
.pagina-categoria .coluna {
border-right: 2px solid #0000000f;
padding-right: 14px
}
 
.filtro {
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
border: 0;
padding: 0
}
 
.filtro:not(:last-child) {
border-bottom: 3px solid #f5f5f5
}
 
.filtro h4,
.menu.lateral .nivel-um .ativo strong {
position: relative;
padding: 0;
border-bottom: 0;
margin-bottom: 15px;
font-weight: 700 !important;
font-size: 22px;
color: var(--texto_global);
letter-spacing: -.3px;
}
 
.filtro.lista ul {
border: 0;
overflow: visible;
background: #cccccc00;
border-radius: 4px;
max-height: 100%
}
 
.filtro.lista ul li {
position: relative;
border: 0
}
 
.filtro.lista ul li:not(:last-child) {
border-bottom: 0;
text-align: left
}
 
.filtro.lista ul li label:hover,
.filtro.lista ul li.active label {
text-decoration: underline !important;
}
 
.filtro.lista ul li label:hover,
.filtro.lista ul li.active label {
color: var(--texto_global)
}
 
.filtro.lista ul li label {
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
font-weight: 400;
font-size: 14px;
padding: 2px 0;
color: var(--texto_global);
letter-spacing: -.3px;
line-height: 24px;
}
 
.filtro.lista ul li label:hover {
background: 0 0;
color: var(--cor_primaria);
text-decoration: none
}
 
.ordenar-listagem.topo {
border-bottom: 1px solid #ecececad;
margin-bottom: 15px
}
 
.ordenar-listagem.topo .row-fluid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
 
.listagem .listagem-linha:first-child {
padding: 4px 0 0;
margin: 0;
border: 0
}
 
.pagina-categoria h1.titulo {
font-weight: 600;
font-size: 24px;
color: var(--texto_global);
letter-spacing: -.5px
}
 
.ordenar-listagem.topo .span6.clearfix {
padding-right: 35px
}
 
.ordenar-listagem.topo .pagination {
display: none
}
 
.ordenar-listagem .input-append:first-child {
border: 1px solid #d6d6d6;
border-radius: 4px;
height: 35px;
}
 
.ordenar-listagem label {
background: 0 0;
border-radius: 3px;
border: 0;
padding: 8px 15px;
font-weight: 500;
font-size: 0.875rem;
color: var(--texto_global);
letter-spacing: -.3px;
}
 
@media (max-width: 768px) {
.ordenar-listagem {
height: 40px !important;
}
 
.ordenar-listagem .input-append:first-child {
background: #eaeaea;
border-radius: 6px;
}
 
.ordenar-listagem.topo {
border: 0 !important;
}
 
.ordenar-listagem button.btn {
padding: 0 12px !important;
}
}
 
.ordenar-listagem button.btn {
background: 0 0;
border: 0;
padding: 8px 14px;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
 
.pagina-categoria .caixa-destaque {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
margin-top: 0
}
 
.pagina-categoria .caixa-destaque>h1 {
font-weight: 700;
font-size: 20px;
color: var(--texto_global);
letter-spacing: -.5px;
text-transform: uppercase;
line-height: 36px;
padding-right: 30px
}
 
.pagina-categoria .caixa-destaque p {
font-weight: 500;
font-size: 15px;
opacity: .5;
color: var(--texto_global);
letter-spacing: -.1px;
line-height: 22px
}
 
.pagina-categoria .caixa-destaque>a {
background: #e6e6e6;
border: 0;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
color: #868686;
letter-spacing: -.5px;
padding: 14px 28px
}
 
.pagina-categoria #listagemProdutos>ul .span4 {
margin-left: 0 !important
}
 
.pagina-categoria .category-description.componente {
background: 0 0
}
 
.pagina-categoria .category-description h4 {
font-weight: 700;
font-size: 24px;
color: var(--texto_global);
letter-spacing: -.3px
}
 
.pagina-categoria .category-description i {
display: none
}
 
.pagina-categoria .category-description p {
font-weight: 600;
font-size: 14px;
color: var(--texto_global);
letter-spacing: -.2px;
line-height: 20px
}
 
.pagina-carrinho #corpo {
padding-top: 140px;
}
 
.carrinho-checkout #corpo {
padding-top: 70px !important;
}
 
@media screen and (min-width: 768px) and (max-width:860px) {
 
.wishList,
.wishList a {
display: none
}
}
 
@media screen and (min-width: 200px) and (max-width:768px) {
.pagina-carrinho #corpo {
padding-top: 70px !important;
}
 
#rodape div.contato ul {
margin-left: 15px !important
}
 
#rodape .pagamento-selos {
position: relative;
top: 0
}
 
.cep .input-append.input-prepend button {
top: -3px
}
 
.produto .acoes-produto .comprar .disponibilidade-produto {
font-size: 11px;
margin: 10px 8px;
float: left;
position: relative;
top: 0;
display: none;
flex-wrap: wrap;
}
 
body.pagina-produto a.botao.botao-comprar.principal.grande {
width: 100% !important;
float: left;
height: 54px;
position: relative;
top: 6px;
border-radius: 4px !important
}
 
#rodape .redes-sociais {
padding-left: 50px;
margin-top: 20px;
border: 0;
background-color: rgba(255, 255, 255, 0);
box-shadow: none;
margin-left: -10px
}
 
.listagem-item a.botao.btn-pay-wp {
width: calc(100% - 4px);
font-size: 0.625rem;
height: 24px;
line-height: 24px;
top: 4px;
border-radius: 4px;
}
 
.listagem-item a.botao.btn-pay-wp i {
font-size: 0.975rem;
top: 2px;
left:2px;
}
 
.listagem-item a.botao.botao-comprar.principal {
border: 0;
background-color: var(--cor_botao);
border-radius: 4px;
margin: 0 auto;
padding: 0px 0;
font-weight: 700 !important;
/* height: 30px; */
/* line-height: 30px; */
display: flex;
color: rgba(20, 20, 20, 0);
font-size: 11px;
color: var(--cor_texto_botao);
}
 
#rodape .atd-rodape {
top: 4px;
border-radius: 50px !important;
padding: 8px 25px;
position: relative;
margin: 0 auto;
line-height: 50px;
font-size: 12px !important;
font-weight: 700 !important;
border: 2px solid #eeeded
}
 
#rodape .atd-rodape:hover {
top: 4px;
border-radius: 50px !important;
padding: 8px 25px;
position: relative;
margin: 0 auto;
line-height: 50px;
background: rgba(189, 189, 189, .37);
font-size: 12px !important;
font-weight: 700;
border: 2px solid #bdbdbd
}
 
#rodape .institucional .lista-redes i {
font-size: 22px;
margin: 0 auto;
padding: 0
}
}
 
@media screen and (max-width: 1024px) {
.pagina-produto .listagem>ul {
margin: 0
}
}
 
@media (min-width: 400px) and (max-width:600px) {
.listagem .listagem-item .info-produto {
margin: 0;
align-items: flex-start;
justify-content: center;
float: left;
position: relative;
right: 0
}
}
 
@media (max-width: 767px) {
body {
overflow-x: hidden !important
}
 
#corpo {
background-color: #fff
}
 
.secao-banners {
margin-top: 0;
padding-top: 0 !important;
left: 0;
/* height: 200px; */
right: 0;
}
 
.conteiner-principal {
/* padding-top: 10px!important; */
transition: none;
}
 
.conteiner-principal.smaller {
padding-top: 0 !important
}
 
body.pagina-inicial .flexslider {
width: 100%;
margin: 0 auto
}
 
body.pagina-inicial .listagem {
width: 100%;
}
 
.atalhos-mobile .icon-signout,
.carrinho-checkout .identificacao hr.sem-margem {
display: none
}
 
.atalhos-mobile a {
padding: 10px 5px
}
 
.atalhos-mobile ul {
background-color: #fff;
border-bottom: 0;
z-index: 99999
}
 
.atalhos-mobile li {
border: none;
vertical-align: middle
}
 
.carrinho-checkout .logo a {
width: 80%;
top: 0;
margin: 0 auto
}
 
.carrinho-checkout #cabecalho .conteiner {
padding: 0 10px;
background: #fff
}
 
#cabecalho .atalhos-mobile {
background: #fff;
border-width: 0 0 2px;
width: 82%;
left: inherit;
right: 0;
border: none;
box-shadow: none;
display: none !important;
height: 45px
}
 
#cabecalho .conteudo-topo .superior {
display: block
}
 
.conteudo-topo .busca-mobile .atalho-menu {
border-radius: 4px;
line-height: 26px
}
 
#cabecalho .conteudo-topo,
.busca-mobile .busca {
margin: 0
}
 
.conteudo-topo .inferior .busca-mobile>a {
display: none !important
}
 
.atalhos-mobile li.vazia i {
background: 0 0;
border: 0
}
 
.atalhos-mobile li.vazia .botao-busca {
font-size: 33px;
padding: 5px;
color: #fff;
margin-right: 5px;
margin-top: 4px;
-webkit-font-smoothing: antialiased
}
 
.atalhos-mobile li.vazia .botao-busca:before {
font-size: 30px;
content: '\f107';
position: absolute;
font-family: flaticon;
padding: 5px;
color: var(--texto_global);
right: 60px;
top: 11px;
-webkit-font-smoothing: antialiased
}
 
i.botao.botao-busca.icon-search.fundo-secundario.active:before {
font-size: 63px;
content: '\f404';
position: absolute;
font-family: ionicons;
padding: 5px;
color: var(--texto_global);
right: 60px;
top: -6px;
-webkit-font-smoothing: antialiased
}
 
.conteudo-topo .busca-mobile {
display: block;
margin: 0;
padding-bottom: 30px;
background: 0 0;
display: block
}
 
.busca input::-webkit-input-placeholder {
background: #fff0
}
 
.busca input {
color: var(--cor-botao);
width: 98%;
position: fixed;
background: 0 0;
box-sizing: border-box;
right: 0;
left: 0;
background: #fff;
margin: auto;
height: 40px;
}
 
.busca input#auto-complete {
padding: 0 4%;
background: #fff;
height: 50px;
border-radius: 0;
border-bottom: 1px solid #ddd;
position: fixed !important;
z-index: 1020
}
 
#cabecalho .atalhos-mobile .busca {
color: var(--texto_global) !important;
width: 100%;
right: 0;
border-radius: 0;
top: 0 !important;
box-sizing: border-box
}
 
.flexslider {
border: 0;
border-radius: 0
}
 
.atalhos-mobile {
border-bottom: 2px solid rgba(210, 210, 210, .54);
background-color: var(--texto_global);
z-index: 9999
}
 
.atalhos-mobile li {
border: 0
}
 
.atalhos-mobile li.fundo-principal {
background-color: #fff
}
 
.produto .principal .acoes-produto .comprar .botao {
width: 75%;
margin-top: 0
}
 
.produto .principal .acoes-produto .comprar {
/* float: left; */
}
 
.banner .flex-direction-nav {
display: none
}
 
#rodape .institucional {
background-color: #fff !important
}
 
#corpo {
margin-bottom: 0
}
 
#corpo {
padding-top: 110px;
}
 
.news-rodape.span3 {
background: var(--cor_secundaria);
padding: 20px;
height: auto;
padding-bottom: 90px;
text-align: center
}
 
.lista-redes i {
right: 4px;
position: relative;
border-radius: 4px;
width: 40px;
height: 40px;
background-color: #ffffff00 !important;
border: 1.5px solid #ffffff00;
margin: 2px;
margin-top: 0;
padding: 0;
line-height: 40px;
font-size: 20px;
color: #fff;
transition: all .3s ease-in-out;
box-shadow: 0 2px 4px var(--texto_global) 7d7d7d2b
}
 
.lista-redes i:before {
-webkit-transform: scale(1);
transform: scale(1);
transition: all .2s
}
 
.lista-redes i:hover:before {
color: #fff;
opacity: 1;
-webkit-transform: scale(1.3);
transform: scale(1.3);
transition: all .2s
}
 
.news-rodape.span3 .titulo {
color: #fff;
font-weight: 700;
font-size: 24px;
}
 
.redes-sociais .titulo {
display: block !important;
font-size: 13px !important;
padding-right: 10px
}
 
.news-rodape.span3 .texto-newsletter {
color: #ffffffc4;
font-size: 13px
}
 
.pagina-inicial .conteiner-principal .conteiner {
background-color: #fff;
box-shadow: none;
/* border-top: 1px solid; */
}
 
.acoes-produto-responsiva {
display: none !important;
box-sizing: border-box;
position: absolute;
width: 100%;
margin: 0 !important;
padding: 10px;
top: inherit;
left: 0;
text-align: center;
text-transform: uppercase
}
 
.acoes-produto-responsiva a.tag-comprar {
border-top: 2px solid var(--texto_global);
border-radius: 1px !important;
background-color: rgba(255, 188, 26, 0);
height: 30px;
margin: 0;
padding: 0;
line-height: 29px
}
 
.acoes-produto-responsiva .tag-comprar span {
font-size: 0
}
 
.acoes-produto-responsiva .tag-comprar span:before {
content: "ver detalhes";
color: var(--texto_global);
font-size: 11px
}
 
.acoes-produto-responsiva .tag-comprar i {
display: none
}
 
.ms-timer>.dois-pontos-contador {
left: 0
}
 
.listagem .listagem-item .produto-sobrepor {
height: 100%;
display: block;
border: 0;
background: 0 0;
/* box-shadow: 0 2px 2px #000; */
}
 
.listagem-item {
background-color: #fff;
border-radius: 5px
}
 
.produto-sobrepor {
border: 1px solid #f6f5f5;
border-radius: 4px
}
 
.listagem .desconto-a-vista:after {
margin-top: -2px
}
 
.listagem .listagem-item .info-produto {
text-align: left;
}
 
.listagem .listagem-item .nome-produto {
margin: 0;
font-size: 10.8px !important;
letter-spacing: -.4px;
font-weight: 600;
line-height: 16px;
}
 
.info-principal-produto .breadcrumbs ul li * {
font-size: 9px
}
 
.description-title,
.listagem.aproveite-tambem h4 {
font-size: 18px;
position: relative;
z-index: 1;
/* margin-bottom: 20px; */
text-align: center;
font-weight: 600;
}
 
.pagina-inicial .desconto-a-vista {
font-size: 11px !important;
}
 
.listagem span.price-pix.v2 {
margin: 12px 0 !important;
/* border:0; */
/* padding: 10px; */
justify-content: flex-start !important;
font-size: 12.4px !important;
width: 100%;
}
 
.listagem span.price-pix.v2 b {
font-size: 14px !important;
}
 
.preco-produto .desconto-a-vista:after {
font-size: 10px !important;
content: 'pgto. a vista';
margin-left: 4px;
display: none;
}
 
.acoes-produto.hidden-phone {
/* display: flex !important; */
flex-wrap: nowrap;
z-index: 10203
}
 
.listagem-item .acoes-produto {
opacity: 1;
bottom: 0;
background-image: none;
display: flex !important;
}
 
.acoes-produto.desconto-a-vista {
font-size: 13px
}
 
#listagemProdutos .listagem-item {
min-height: 320px;
/* padding-bottom: 50px; */
border: 0 !important;
box-shadow: none;
flex: 1;
margin: 4px;
/* width: 100%; */
}
 
.pagina-produto .desconto-a-vista:after {
font-size: 0 !important
}
 
#listagemProdutos>ul.produtos-carrossel li.listagem-linha ul {
display: block
}
 
#listagemProdutos>ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin: 0;
}
 
ul.slick-dots.produtos-carrosel {
display: none !important
}
 
#listagemProdutos>ul li.listagem-linha ul {
display: flex;
flex-wrap: wrap;
align-items: flex-start
}
 
#listagemProdutos>ul li.listagem-linha ul li {
width: 50%;
border-radius: 6px;
border: 0 solid rgba(204, 204, 204, .16) !important;
margin: 0 0 10px;
}
 
.listagem.com-caixa .listagem-item {
border: 0;
min-height: 360px
}
 
.listagem.com-caixa .listagem-item .imagem-produto {
border: 0;
padding: 0
}
 
.listagem-item .imagem-produto {
border: 0;
padding: 0;
width: 100% !important
}
 
.listagem .listagem-item .info-produto {
color: var(--texto_global);
border: none !important
}
 
.listagem .info-produto {
padding: 10px 16px 01px;
}
 
.listagem .listagem-item .info-produto a.nome-produto {
color: var(--texto_global);
font-size: 0.775rem !important;
max-height: 44px !important;
align-items: flex-end;
font-weight: 600 !important;
text-align: left;
margin-bottom: 10px;
line-height: 21px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 44px;
}
 
.bandeiras-produto span.bandeira-frete-gratis {
width: 36px;
height: 36px;
}
 
.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
min-height: 44px;
}
 
.listagem .preco-produto .preco-venda,
.preco-produto,
.preco-venda {
padding: 0 !important;
font-size: 0.575rem !important;
line-height: 18px;
display: block;
border: 0 !important;
}
 
.preco-produto>div {
line-height: 20px;
display: flex;
align-items: center;
}
 
.preco-produto strong.titulo {
font-size: 17px !important;
font-weight: 700
}
 
.listagem .span3 .imagem-produto,
.listagem .span4 .imagem-produto,
.listagem .span6 .imagem-produto {
height: 140px
}
 
.listagem .listagem-item .info-produto {
float: none;
width: 100%;
padding: 10px 4px 2px !important;
}
 
.listagem .listagem-item .imagem-produto {
float: none
}
 
.nto-promoinfo {
display: none !important
}
 
.listagem .desconto-a-vista strong {
color: var(--texto_global);
font-weight: 700;
font-size: 11px !important
}
 
.listagem .bandeiras-produto .adicionado-carrinho {
display: block !important;
border: 0;
box-shadow: none;
border-radius: 50px;
padding: 0 4px;
background: #4caf50;
font-size: 0;
width: 36px !important;
height: 36px;
line-height: 36px;
}
 
.listagem-item {
position: relative;
}
 
.listagem .bandeiras-produto .adicionado-carrinho:before {
content: '\f00c ';
font-family: fontawesome;
font-size: 14px;
position: absolute;
width: 36px;
height: 30x;
left: 10px;
}
 
.flex-direction-nav .flex-next,
.flex-direction-nav a {
margin-right: -2px !important;
border: 0;
background-color: transparent !important
}
 
.flex-direction-nav .flex-prev {
margin-left: -2px !important
}
 
span.fundo-principal.bandeira-promocao {
border: 0;
font-weight: bold;
line-height: 10px;
box-shadow: none;
padding: 0 8px;
height: 36px;
font-size: 0.575rem;
width: 36px;
/*! display: flex !important; */
display: flex;
justify-content: center;
align-items: center;
}
 
.icon-home:before {
width: 35px;
content: "\f07a";
text-indent: -999999px;
height: 35px
}
 
.icon-home {
display: none
}
 
.icon-th:before {
content: '\f394';
text-shadow: none;
font-family: ionicons;
color: var(--texto_global);
border-radius: 4px;
font-size: 39px;
margin-top: 14px;
left: -9px;
line-height: 33px;
position: relative;
-webkit-font-smoothing: antialiased;
background-color: #ffffff00;
width: 70px;
height: 34px
}
 
.atalhos-mobile.visible-phone .icon-shopping-cart:before {
content: "\f10c";
font-family: flaticon;
font-size: 31px;
color: var(--texto_global);
top: 3px;
position: relative;
text-shadow: none
}
 
.atalhos-mobile.visible-phone .icon-user:before {
height: 30px;
width: 30px;
content: ""
}
 
.atalhos-mobile.visible-phone .icon-shopping-cart {
right: 14px;
top: 5px
}
 
.atalhos-mobile.visible-phone .icon-user {
right: 13px;
display: none
}
 
.atalhos-mobile li.logotipo-mobile {
width: 75%;
border: 0;
z-index: 1234;
float: none;
background: 0 0 !important;
padding-top: 0;
height: 64px;
margin-left: 0;
line-height: 69px
}
 
.atalhos-mobile li {
border: 0
}
 
.atalhos-mobile li.logotipo-mobile a,
.atalhos-mobile li.logotipo-mobile h1 {
line-height: 70px !important;
height: 20px;
left: -12px
}
 
#rodape .lista-redes:before {
display: none
}
 
#rodape .atd-rodape {
margin: 0 auto;
display: none;
}
 
.minhaconta {
border-bottom: 0 !important
}
 
.options-menu-mobile li {
display: flex;
font-size: 12.8px;
margin-bottom: 8px;
align-items: center;
font-weight: 500;
}
 
.menu.superior {
display: none !important
}
 
.listagem .titulo-categoria strong {
color: var(--texto_global);
/* text-transform: uppercase; */
letter-spacing: -1px;
font-size: 19px !important
}
 
.lrMenu,
.lrShadow {
position: fixed;
height: 100vh;
left: 0;
-webkit-overflow-scrolling: touch;
height: 100%;
top: 0;
transition: .15s all linear
}
 
.lrShadow {
width: 100vw;
background: #000;
z-index: 666666
}
 
.lrMenu:after,
.lrShadow {
opacity: 0;
pointer-events: none
}
 
.lrMenu {
display: block;
width: 84vw;
background: #fff;
z-index: 6699999;
left: -90vw;
box-sizing: border-box
}
 
.lrMenuOpen .lrMenu {
left: 0
}
 
.lrMenuOpen .lrShadow {
opacity: .8;
pointer-events: all
}
 
.lrMenuOpen .lrMenu:after {
opacity: 1
}
 
.menu-close {
top: 0 !important;
right: -56px !important;
z-index: 1020304 !important
}
 
.menu-close:after {
background: #e62d4700 !important;
color: #fff !important
}
 
.lrMenu {
overflow-x: hidden;
overflow-y: auto
}
 
.lrMenuBox ul li {
display: block;
border: none
}
 
.lrMenuBox .borda-principal {
border: none;
background: 0 0
}
 
.lrMenuBox ul li i.icon-chevron-down.fundo-secundario {
display: none
}
 
.lrMenuBox ul {
padding: 0;
margin: 0
}
 
.lrMenuBox strong {
text-transform: initial;
font-size: 14px;
font-weight: 400;
color: var(--texto_global)
}
 
.lrMenuBox a {
text-transform: initial;
font-size: 14px;
font-weight: 300;
opacity: .6;
color: var(--texto_global)
}
 
.lrMenuBox a i,
.lrMenuBox ul li a i:before {
display: none;
background: 0 0;
color: var(--texto_global);
margin: 1px
}
 
.lrMenuBox li a:before {
color: var(--texto_global);
position: absolute;
font-family: fontAwesome;
content: "\f054";
font-size: 0
}
 
.lrMenuBox ul {
padding: 7px 13px;
text-transform: uppercase;
background: rgba(236, 236, 236, 0) !important
}
 
.lrMenuBox ul li a:before {
margin-left: -10px;
font-size: 8px !important
}
 
.lrMenuBox ul li ul li+li {
margin-top: 6px
}
 
.lrMenuBox>ul>li {
margin-bottom: 9px;
display: block
}
 
.lrMenuBox strong {
text-transform: initial;
color: var(--texto_global);
font-size: 15px;
border-top: 1px solid #cccccc3d;
font-weight: 400;
line-height: 44px
}
 
.lrMenuBox>ul>li>a {
font-weight: 700;
text-transform: uppercase;
background: rgba(255, 255, 255, 0);
display: block;
color: #fff;
padding: 7px 1px;
line-height: 5px
}
 
.lrMenuBox {
transform: translateX(-130%) !important;
opacity: 0;
transition: all .3s cubic-bezier(.4, 0, .2, 1);
transition-delay: 0
}
 
.lrMenuOpen .lrMenuBox {
transform: none;
opacity: 1;
float: left;
transform: translateX(0) !important;
background: #fff;
transition-delay: 150ms
}
 
.lrMenuOpen .minhaconta {
border-right: 1px solid #cccccc6e
}
 
.options-menu-mobile {
display: flex;
flex-direction: column;
justify-content: start;
padding: 14px 24px;
transform: none;
opacity: 1;
width: 100%;
background: #fff;
/* float: left; */
transition-delay: 230ms
}
 
.lrMenuBox {
width: 100%;
background: #fff
}
 
.title-menu {
background: var(--cor_primaria);
padding: 8px 10px;
display: flex;
margin-top: -1px;
position: relative
}
 
.title-menu a {
padding: 8px;
font-size: 14px;
/* text-transform: uppercase; */
color: #fff;
bottom: 20px;
opacity: 1;
font-weight: 700
}
 
.lrMenuBox .nivel-dois a,
.lrMenuBox>li>a strong {
font-size: 12.8px !important;
font-weight: 600;
z-index: 99999;
margin: 0;
background: #fff;
display: inline-block !important;
padding: 0 19px;
width: 100%;
}
 
.lrMenuBox>li {
border-bottom: 1px solid #cccccc3d;
}
 
.lrMenuBox .nivel-dois a {
font-size: 13px !important;
font-weight: 400;
padding-left: 30px
}
 
.lrMenuOpen .menu-close {
opacity: 9;
visibility: visible;
overflow: visible !important;
transition-delay: .95s
}
 
.menu-close:after {
content: '\f00d';
font-family: fontawesome;
position: absolute;
top: 0;
right: 50px;
width: 100%;
height: 72px;
line-height: 42px;
font-size: 20px;
font-weight: 100;
background: #d4d4d4;
color: #fff;
}
 
.menu-close {
position: fixed !important;
height: 100vh;
width: 100px;
overflow: auto;
border: none;
cursor: pointer;
outline: 0;
visibility: hidden;
-webkit-box-shadow: none;
box-shadow: none;
position: absolute;
top: 0;
right: -118px;
z-index: -1;
height: 100%;
width: 22%;
background: 0 0
}
 
svg:not(:root).svg-inline--fa {
overflow: visible;
}
 
.svg-inline--fa.fa-w-14 {
width: 1.475em;
height: 1.575em;
}
 
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1.2em;
overflow: visible;
vertical-align: -0.125em;
}
 
.svg-inline--fa .fa-primary {
fill: var(--texto_global);
opacity: 1;
}
 
.svg-inline--fa .fa-secondary {
opacity: 0.4 !important;
}
 
.icon-options-menu-mobile {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
background: hsl(0deg 0% 49% / 10%);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex !important;
height: 36px;
justify-content: center;
margin-left: 0;
width: 36px;
margin-right: 17px;
}
 
.icon-options-menu-mobile svg,
.icon-options-menu-mobile g {
width: 22px;
image-rendering: -webkit-optimize-contrast;
fill: var(--cor_primaria);
height: 22px;
}
 
#rodape div.contato {
font-weight: 400;
width: auto
}
 
#operation {
color: var(--texto_global);
display: block;
font-size: 14px;
font-weight: 400;
margin-top: 6px;
text-align: left
}
 
.banner.tarja {
display: none
}
 
#cabecalho div.minha-conta {
display: none;
width: 100% !important
}
 
#modalNewsletter .componente .titulo {
color: var(--texto_global)
}
 
#modalNewsletter .newsletter .botao {
background-image: none;
background-color: var(--texto_global)
}
 
.hlabel {
display: none
}
 
div#instagram {
text-align: center
}
 
div#instagram h2 {
margin-bottom: 30px
}
 
div#instagram span {
margin-right: 5px
}
 
div#instagram h2 a,
div#instagram span {
display: inline;
font-weight: 600;
letter-spacing: -.6px;
text-transform: uppercase;
font-size: 15px;
color: var(--texto_global)
}
 
div#instagram h2 a {
color: var(--cor_primaria);
text-shadow: none;
font-size: 19px !important;
font-weight: 600;
text-transform: lowercase;
text-decoration: none
}
 
div#instagram a:hover {
opacity: .6
}
 
.pagina-inicial #instagram {
display: block
}
 
#instagram .conteiner {
text-align: center;
border-top: 1px solid #d4dae5;
padding-top: 35px;
max-width: 1360px
}
 
#instagram span {
font-weight: 300;
color: var(--texto_global);
font-size: 28px
}
 
#instagram .icon {
width: 30px;
height: 30px;
vertical-align: sub;
margin-right: 10px
}
 
#instagram b {
font-weight: 400;
color: var(--texto_global);
font-size: 14px
}
 
#instagram ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
align-items: center;
flex-flow: row;
justify-content: center;
margin: 0;
width: 100%;
flex-wrap: wrap
}
 
#instagram ul li:last-child {
display: none
}
 
#instagram ul li {
padding-bottom: 2px;
margin-right: 2px;
display: inline-block;
overflow: hidden;
width: 45%;
height: 100%;
-webkit-box-flex: 1;
object-fit: contain;
-ms-flex: auto
}
 
#instagram ul li img {
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
height: 160px;
border-radius: 4px
}
 
#instagram ul li:hover img {
opacity: .7
}
 
#instagram img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%
}
 
.pagina-cadastro #instagram,
.pagina-carrinho #instagram,
.pagina-checkout #instagram,
.pagina-conta #instagram,
.pagina-login #instagram {
display: none
}
 
#rodape .news-rodape {
position: relative;
padding: 0;
float: right;
top: 0
}
 
#rodape .news-rodape p {
color: #95a4a5;
width: 85%;
font-weight: 400;
text-align: left
}
 
#rodape .newsletter .titulo {
text-align: center
}
 
.news-rodape .newsletter-cadastro input {
box-sizing: border-box;
padding: 0;
border: 1.5px solid #fff;
position: relative;
box-shadow: none;
height: 46px;
border-radius: 6px;
width: 100%;
padding: 20px;
background: #fff;
line-height: 56px;
text-align: left;
font-weight: 400;
color: #aaaaa9;
}
 
.news-rodape .newsletter-cadastro input::-webkit-input-placeholder {
color: rgba(102, 102, 102, .7);
text-transform: lowercase;
font-weight: 400
}
 
.news-rodape .newsletter .botao {
font-weight: 400;
position: relative;
float: right;
display: flex;
align-items: center;
justify-content: center;
width: 101%;
height: 40px;
right: 0;
top: 40px;
text-align: center;
border: 1.5px solid #d0435300;
font-size: 0;
border-radius: 6px;
padding: 0;
background-image: none;
background: var(--cor_primaria);
line-height: 10px;
margin-top: -27px;
}
 
.news-rodape .newsletter .botao:hover {
font-weight: 400;
position: relative;
float: right;
display: flex;
align-items: center;
justify-content: center;
width: 101%;
height: 40px;
right: 0;
top: 40px;
text-align: center;
border: 1.5px solid var(--cor_secundaria);
font-size: 0;
border-radius: 4px;
padding: 0;
background-image: none;
background: var(--cor_secundaria);
line-height: 10px;
margin-top: -27px
}
 
.news-rodape .newsletter .botao:before {
content: 'enviar';
position: relative;
text-align: center;
display: flex;
left: 0 !important;
font-weight: 700;
background: 0 0;
text-transform: uppercase;
align-items: center;
justify-content: center;
font-size: 13px;
color: #fff;
transition: .4s
}
 
.news-rodape .newsletter .botao:hover:before {
color: #fff
}
 
.newsletter-confirmacao {
position: relative;
top: 45px;
width: 100%;
padding: 0 0 20px !important;
margin: 0
}
 
.newsletter .newsletter-confirmacao .icon-ok {
color: #fff;
padding: 10px;
background: #0000001f;
font-size: 25px;
border-radius: 4px
}
 
.newsletter .newsletter-confirmacao span {
display: block;
text-align: left;
padding-left: 10px;
margin: 0;
color: #fff
}
 
#rodape .institucional .span4 p {
width: 100%
}
 
#rodape .institucional .lista-redes {
margin-left: -17px
}
 
#rodape .redes-sociais .titulo {
display: none
}
 
.listagem-item .flex-control-paging li {
float: none;
display: inline-block
}
 
.listagem-item .flex-control-paging li a {
width: 8px;
margin: 0 !important;
padding: 0 !important;
height: 8px;
background: rgba(6, 6, 6, .17);
opacity: 1
}
 
.listagem-item .flex-control-paging li a:hover {
background: rgba(6, 6, 6, .27)
}
 
.listagem-item .flex-control-paging li a.flex-active {
background: var(--texto_global);
width: 8px;
height: 8px
}
 
.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
}
 
.slick-slide img {
display: block
}
 
.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: block !important
}
 
.slick-arrow {
margin: 0 auto
}
 
.slick-next,
.slick-prev {
width: 20px;
height: 20px;
position: relative;
display: block;
top: -58px !important;
position: relative;
border-radius: 50%
}
 
.slick-prev {
position: absolute;
top: -34px;
right: 30px;
z-index: 20
}
 
.slick-next {
position: absolute;
top: -34px;
z-index: 20;
right: 25px
}
 
.slick-next:before {
position: absolute;
font-size: 24px;
color: #d5d5d5;
border-radius: 4px;
padding: 4px 10px;
background: #e6e6e6;
font-family: fontawesome;
content: '\f0da';
z-index: 20;
right: 4px;
transition: .4s
}
 
.slick-next.active:before {
position: absolute;
color: var(--cor_secundaria);
z-index: 20
}
 
.slick-prev:before {
position: absolute;
font-size: 24px;
background: #ccc0;
border-radius: 4px;
color: #a4a4a475;
padding: 4px 10px;
background: #e6e6e6;
font-family: fontawesome;
content: '\f0d9';
z-index: 20;
left: -42px;
transition: .4s
}
 
.slick-prev.active:before {
position: absolute;
color: var(--cor_secundaria);
z-index: 20
}
 
.listagem>ul {
margin: 0
}
 
.listagem .listagem-linha li {
border: 0
}
 
.listagem>ul:not(.produtos-carrossel) {
display: -moz-flex;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
 
.listagem-item .produto-sobrepor {
z-index: 25
}
 
.listagem>ul>li {
display: inline;
padding: 0
}
 
.listagem .preco-parcela strong {
font-size: 11px !important
}
 
.preco-parcela strong {
font-size: 16px;
font-weight: 700;
color: var(--texto_global)
}
 
.preco-parcela {
font-size: 11px;
color: var(--texto_global)
}
 
.qtde-adicionar-carrinho {
left: 0;
/* transform: scale(0.825); */
}
 
.listagem-linha * {
outline: 0
}
 
.listagem-item .quantity-nav {
height: 32px;
top: 2px;
}
 
.bandeiras-produto {
width: 90px;
display: flex;
flex-direction: column;
}
 
.qtde-adicionar-carrinho input[type=number] {
-moz-appearance: textfield;
padding: 8.5px 18px 8.5px 10px !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
bottom: 1px;
border-radius: 4px;
position: relative;
left: 1px;
border-color: d9d9d9;
box-shadow: none;
background: #ffffff;
font-size: 15px;
box-shadow: 0 2px 2px var(--texto_global) 1a;
font-weight: 600;
color: #898989;
text-align: left;
background-image: none;
margin-bottom: 0;
-webkit-box-shadow: 0 2px 2px var(--texto_global) 1a;
-moz-box-shadow: 0 2px 2px var(--texto_global) 1a;
box-shadow: 0 2px 2px var(--texto_global) 1a;
}
 
.quantity-button {
background: 0 0 !important;
width: 16px;
}
 
.slick-slider {
display: block !important;
}
 
.listagem .produtos-carrossel {
padding: 0
}
 
.pagina-produto .listagem>ul {
/* margin: 0 -15px; */
}
 
.listagem-item:hover a.btn-favorite {
display: block !important;
transition: all .2s
}
 
.listagem-item:hover a.btn-favorite:hover {
display: block !important;
color: #d4d4d4 !important;
transition: all .2s
}
 
a.btn-favorite {
width: 32px;
color: var(--texto_global);
display: block;
height: 32px;
position: absolute;
top: 0;
right: 0;
font-size: 0;
float: right;
border-radius: 50%;
line-height: 0;
display: inline-block;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
 
a.btn-favorite:hover:before {
color: #d4d4d4 !important
}
 
a.btn-favorite:before {
font-size: 14px;
z-index: 9999;
position: relative;
text-align: center;
margin: 0 auto;
color: #bdc2c3;
background: #ffffff;
box-shadow: 0 2px 2px #00000014;
border-radius: 50px;
right: 0;
position: relative;
line-height: 42px;
padding: 8px;
font-family: Flaticon;
}
 
.prod-options a.botao.btn-pay-wp {
width: 28px !important;
height: 28px !important;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px !important;
left: 2px
}
 
.prod-options .btn-pay-wp p {
transform: scale(0.6) !important;
display: none !important
}
 
.new-product-box .imagem-produto {
width: 144px;
height: 144px;
display: table;
margin: 0 auto
}
 
.new-product-box .imagem-produto img {
width: 100%;
height: 100%;
border-radius: 0;
object-fit: contain
}
 
.new-product-box .nome-produto {
padding-top: 16px;
display: block;
position: relative;
font-size: 13px;
font-weight: 500;
color: var(--texto_global)
}
 
.acoes-produto.hidden-phone .botao-comprar {
width: auto;
display: table;
margin: 0 auto;
margin-top: 14px !important
}
 
.ms-timer {
font-size: 0
}
 
.ms-timer>:nth-child(even) {
border-radius: 4px;
background: rgba(34, 35, 35, .07)
}
 
.ms-timer>:nth-child(1) {
/* padding-left: 15px; */
border-left: 1px solid rgba(238, 238, 238, .16);
}
 
.ms-timer>:nth-child(1):before,
.ms-timer>:nth-child(4):before {
content: '' !important
}
 
.ms-timer>:before {
content: ':';
position: absolute;
left: 48px;
font-weight: 400;
color: #d8d8d81f
}
 
.ms-timer>* {
width: 15%;
line-height: 32px;
text-align: center;
display: inline-block;
font-size: 20px !important;
font-weight: 500;
position: relative;
color: var(--texto_global);
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar {
font-size: 0;
background: #fff;
border: 2px solid #d4d4d4;
transition: all .3s ease-in-out
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar:hover {
font-size: 0;
color: #fff;
background: #d4d4d4;
box-shadow: 0 5px 16px #d4d4d473
}
 
.featuredProducts-items .acoes-produto.hidden-phone {
height: 50px;
display: none !important
}
 
.featuredProducts-items .acoes-produto.hidden-phone .botao-comprar:hover:after {
color: #fff
}
 
.imagem-produto.timer-stopped .featuredProducts {
display: none;
opacity: .3;
filter: grayscale()
}
 
.featuredProducts {
position: relative;
top: 47%;
width: 100%;
/* display: none!important; */
color: var(--cor_texto_botao_hover);
display: none;
display: flex;
justify-content: center;
border: none;
background: var(--cor_botao_hover);
border-radius: 4px;
}
 
.ms-timer {
width: 72%;
display: flex;
justify-content: center;
align-items: center;
padding-right: 0;
width: 100%;
height: 22px;
}
 
.ms-timer>* {
padding: 0;
width: 11%;
padding: 0;
right: 2px;
position: relative;
display: inline-block;
background: 0 0 !important;
color: var(--cor_texto_botao_hover);
font-size: 17px !important;
margin-left: 0 !important;
margin-left: 5px !important;
margin-right: 5px !important;
}
 
.featuredProducts-timer {
padding: 0 !important;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-content: center;
}
 
.featuredProducts-timer-label {
margin-top: 2px;
width: 100%;
text-align: center;
letter-spacing: -.4px;
height: 12px;
display: flex;
justify-content: center;
align-content: center;
}
 
.featuredProducts-timer-title {
margin-bottom: 0 !important;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
top: 0;
}
 
.featuredProducts-timer-description {
font-size: 10px !important;
color: var(--cor_texto_botao_hover);
opacity: 1 !important;
}
 
.listagem ul>li li {
margin: 0;
padding: 0;
width: 25%;
border: 0;
float: left;
padding: 0 15px;
padding-bottom: 30px
}
 
.listagem .listagem-linha {
position: relative
}
 
.pagina-categoria .listagem ul:not(.produtos-carrossel)>li {
width: 33%
}
 
.pagina-produto .listagem .listagem-linha ul:nth-child(n+2) {
display: none
}
 
.listagem-linha .slick-product {
margin-left: -15px !important;
margin-right: -15px !important
}
 
.listagem .listagem-item {
margin: 0;
padding: 5px 5px 85px;
border-radius: 6px;
}
 
.aproveite-tambem>.titulo {
line-height: 20px !important
}
 
.pagamento-selos .row-fluid .pagamento,
.pagamento-selos .row-fluid .selos {
display: block;
padding: 0 !important
}
 
.pagamento .titulo {
padding-bottom: 37px !important
}
 
.links-rodape.links-rodape-paginas.span3 {
margin-left: 0
}
 
.pagina-inicial #instagram {
display: block !important
}
 
.conteudo h1 {
font-size: 15px
}
 
div.hlaber {
display: none !important
}
 
#rodape>div:last-child p {
color: #262626;
padding: 40px;
text-align: center
}
 
.modulo.span4 {
right: 0;
position: relative;
display: inline-block !important;
padding-bottom: 10px;
/* width: 100%; */
margin: 13px;
}
 
.modulo.span4 img {
border-radius: 6px;
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
padding: 5px 0;
text-align: right;
font-size: 22px;
color: var(--texto_global);
margin: 0
}
 
.atd-inicial.span2 {
display: none !important
}
 
.fundo-secundario,
.fundo-secundario *,
.fundo-secundario :hover,
.fundo-secundario.botao:hover,
.fundo-secundario:hover {
color: var(--texto_global)
}
 
#rodape .links-rodape ul li a,
div.contato a {
font-size: 12.6px !important;
color: #2a2a2a
}
 
#rodape div.contato li a {
color: #2a2a2a;
opacity: .6;
font-weight: 600
}
 
#rodape div.contato i {
color: #2a2a2aba;
opacity: .6
}
 
#rodape>div:last-child {
background: #fff !important;
border-top: 1px solid rgba(204, 204, 204, 0) !important;
line-height: 14px;
text-align: center
}
 
#rodape>div:last-child img {
background: #fff !important;
border-top: 1px solid rgba(204, 204, 204, 0) !important;
line-height: 14px;
text-align: center;
width: 110px;
}
 
.design-fox a img {
padding: 10px
}
 
.design-fox a {
color: #717171
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
/* float: left; */
padding-right: 10px;
height: 50px;
width: 100px !important;
left: 0;
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
display: none
}
 
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
font-weight: 400;
font-size: 20px;
color: var(--texto_global);
letter-spacing: 0;
padding-right: 10px;
text-align: center;
-webkit-border-radius: 0;
border-radius: 4px;
height: 35px;
/* left: 0; */
padding-left: 5px
}
 
.produto .principal>div {
border: 0
}
 
.codigo-produto a,
.codigo-produto span>span {
font-size: 14px;
font-weight: 600;
opacity: 1;
color: var(--texto_global)
}
 
.produto .comprar .botao-comprar {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #d4d4d4;
border: 0;
display: none;
-webkit-border-radius: 0;
border-radius: 0;
width: 220px;
height: 60px;
line-height: 45px;
text-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
color: #fff;
letter-spacing: -.1px
}
}
 
@media screen and (max-width: 1024px) {
.listagem-linha .slick-product {
margin-left: 0 !important;
margin-right: 0 !important
}
 
.listagem ul:not(.produtos-carrossel)>li {
padding: 0 0 15px
}
 
.listagem ul>li li {
padding: 0 0 15px
}
}
 
@media screen and (max-width: 480px) {
 
.listagem ul:not(.produtos-carrossel)>li,
.pagina-categoria .listagem ul:not(.produtos-carrossel)>li {
width: 50%
}
 
.listagem ul:not(.produtos-carrossel)>li {
margin: 0;
padding: 0;
border: 0;
float: left;
padding: 0 4px;
padding-bottom: 30px;
}
 
.aproveite-tambem>.titulo strong,
.listagem .titulo-categoria strong {
font-size: 20px
}
 
.listagem-item.produto-adicionado .produto-sobrepor::before {
font-size: 11px;
line-height: 16px
}
}
 
@media screen and (max-width: 1024px) {
#rodape .row-fluid .span9 {
width: 100%
}
 
.cep .input-append.input-prepend input {
/* width: 80% */
}
 
#rodape .row-fluid .span3 {
display: none
}
 
#rodape .links-rodape-categorias {
display: block !important
}
 
#rodape .row-fluid .span9 .row-fluid {
display: block
}
 
#rodape .links-rodape li {
padding-left: 10px;
color: var(--texto_global)
}
 
#rodape .links-rodape li a {
font-size: 16px;
color: var(--texto_global)
}
 
#rodape .links-rodape li::before {
display: none
}
 
#rodape .titulo+p,
#rodape .titulo+ul {
overflow: hidden;
max-height: 0;
transition: ease-out .2s
}
 
#rodape .titulo+p.active,
#rodape .titulo+ul.active {
max-height: 400px;
padding-bottom: 25px
}
 
#rodape .institucional {
padding-bottom: 0;
min-height: 0 !important;
border-top: 1px solid #d6d6d6;
}
 
.pagamento-selos .conteiner {
padding-top: 0
}
 
#rodape .row-fluid .span9 .span4.sobre-loja-rodape {
max-width: none
}
 
.gateways-rodape {
display: none !important
}
 
#rodape .row-fluid .span4 {
width: 100%
}
 
#rodape .titulo {
position: relative;
cursor: pointer;
color: var(--texto_global);
font-size: 0.875rem;
}
 
.complement,
.contato #operation {
display: none !important;
margin: 0 !important
}
 
.contato {
margin: 0 !important
}
 
#rodape .titulo::after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
top: 8px;
bottom: 0;
height: 20px;
line-height: 20px;
display: block;
right: 0
}
 
.institucional .span3,
.institucional .span4 {
width: 100% !important
}
 
.produto-compartilhar p {
margin-right: 10px;
}
 
.a2a_svg {
background: transparent !important;
}
 
.a2a_svg svg path {
fill: var(--cor_primaria) !important;
}
 
.produto-compartilhar p {
text-align: left !important;
font-weight: 600
}
 
.produto .nome-produto {
font-size: 20px;
line-height: 28px;
}
 
#rodape .institucional,
#rodape .pagamento-selos {
padding-bottom: 0;
background: #fff
}
 
.pagamento-selos+div {
background: #fff !important
}
 
.pagamento-selos+div p {
font-size: 12px
}
 
#rodape div.contato,
.links-rodape.links-rodape-paginas.span2 {
left: 0
}
 
.listagem .titulo-categoria {
margin-top: 10px;
}
 
.listagem .titulo-categoria,
.listagem>h4.titulo,
.titulo-categoria {
padding: 0;
text-align: center;
z-index: 1;
left: 0;
width: 100%;
/* margin: 0; */
}
 
.carrinho-checkout #corpo {
padding-top: 0
}
 
.titulo-categoria:before {
top: 26.5px
}
 
.titulo-categoria:after {
bottom: -7px;
display: none
}
 
li.listagem-linha.flexslider {
padding: 0 !important
}
 
.carrinho-checkout .identificacao .identificacao-title {
font-size: 17px;
font-weight: 600
}
 
#rodape .pagamento-selos .pagamento>span,
#rodape .pagamento-selos .selos>span,
.pagamento-selos .row-fluid .pagamento {
margin-right: 20px;
font-size: 0.875rem;
width: 76%;
font-weight: 700;
display: block;
color: var(--texto_bg_claro);
width: 100%
}
}
 
.vitrine-destaque,
.vitrine-destaque+ul.produtos-carrossel {
display: inline-block !important;
}
 
@media (max-width: 325px) {
.logo-mob {
width: 100px;
height: 56px;
float: left;
display: flex;
object-fit: contain;
object-position: center;
align-items: center;
top: 2px;
left: 68px;
position: absolute
}
}
 
@media (max-width: 768px) and (min-width:326px) {
.input-append .add-on {
font-size: 18px;
padding: 6px 12px 25px;
line-height: 12px;
}
 
.logo-mob {
width: 140px;
height: 56px;
float: left;
display: flex;
object-fit: contain;
object-position: center;
align-items: center;
/* top: 2px; */
left: 68px;
z-index: 102030;
/* position: fixed; */
}
 
.carrinho-checkout .logo-mob {
width: 100%;
display: flex;
justify-content: center;
}
}
 
@media (max-width: 768px) {
#menu-open {
display: none
}
 
.blog-post footer span {
color: var(--texto_global)
}
 
.blog-post img {
height: 148px !important;
}
 
#cabecalho.fixed {
padding-bottom: 0 !important;
z-index: 102030 !important
}
 
#cabecalho .atalhos-mobile {
display: none !important
}
 
.head-mobile {
position: absolute;
width: 100%;
display: block !important;
height: 60px;
border-top: 0;
border-bottom: 1px solid #e8e8e8;
background: var(--cor_cabecalho);
/* top: 0; */
z-index: 1020;
}
 
.head-mobile .atalho-menu {
display: none !important
}
 
.head-mobile .busca {
background: var(--cor_botao);
padding: 6px;
display: none;
height: 52px;
transition: all .3s;
}
 
.head-mobile .botao {
display: block !important;
right: 10px;
top: 4px;
background: transparent;
border: 0;
}
 
.pagina-carrinho .menu-mobile-scroll {
display: none !important
}
 
.head-mobile>div {
height: 60px;
width: 100%;
}
 
.menu-mobile-scroll {
height: 49px !important;
background: #f3f3f3;
border-top: 1px solid #e8e8e8;
position: relative;
display: flex !important;
align-items: center;
}
 
.menu-mobile-scroll ul li {
/* display: inline-block; */
padding: 0 10px;
margin: 0;
font-weight: 500;
}
 
.menu-mobile-scroll ul {
margin: 0;
width: 100%;
display: inline-block;
}
 
.logo {
position: relative;
width: 160px;
height: 56px;
float: left;
display: flex;
object-fit: contain;
object-position: center;
align-items: center;
margin: 0 !important;
padding: 0;
margin-top: 4px !important;
}
 
.logo a {
width: 100%;
margin: 0 auto;
height: 55px;
z-index: 1020304 !important
}
 
#cabecalho,
#cabecalho .conteiner {
position: absolute;
padding: 0 !important;
/* top: 0; */
z-index: 1010 !important;
background: #fff;
height: 60px;
width: 100%;
}
 
.js-menu-mobile.menu-mobile {
width: 60px;
height: 60px;
float: left;
position: relative;
top: 0;
background: #63454500
}
 
.carrinho-checkout .menu-mobile {
display: none !important;
}
 
.menu.superior {
padding-top: 64px
}
 
.tarja {
display: none
}
 
.right-options {
width: 155px;
height: 60px;
float: right;
position: relative;
top: 0;
background: #ffffff00
}
 
.carrinho-checkout .right-options {
display: none;
/*! display: flex; */
/*! justify-content: flex-end; */
}
 
.carrinho-checkout .search-mobile {
display: none
}
 
.search-mobile .search-close {
display: none;
}
 
.search-mobile.active .search-close {
display: block;
width: 38px;
height: 30px;
}
 
.search-mobile.active .icon-head {
display: none;
}
 
.search-mobile,
.search-mobile a {
width: 48px;
height: 60px;
float: right;
left: -16px;
position: relative;
top: 0;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
 
.menu-wrapper {
display: none !important
}
 
.cart-mobile svg {
width: 26px;
height: 26px;
top: 16px;
right: -6px;
fill: var(--cor_icones);
position: relative;
}
 
.cart-mobile,
.cart-mobile a {
width: 58px;
height: 60px;
float: right;
position: relative;
top: 0;
right: 9px;
}
 
.menu.superior .nivel-um>li>a>strong {
color: var(--texto_background);
transition: all .2s ease-in-out;
text-transform: uppercase;
font-size: 14px;
padding: 0 !important
}
 
.menu.superior .nivel-um>li {
padding: 6px !important
}
 
svg.icon-head g {
fill: var(--cor_icones);
}
 
svg.icon-head {
width: 28px;
height: 60px;
left: 0;
top: 0;
position: relative;
fill: var(--cor_icones);
}
 
.user-mobile,
.user-mobile a {
width: 48px;
height: 60px;
float: right;
position: relative;
display: none;
top: 0
}
 
.menu-mobile span {
position: relative;
width: 28px;
left: 15px;
top: 21px;
height: 2px;
background: var(--cor_icones);
display: block;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .1s ease-in-out;
transform: scale(0.875);
}
 
.menu-mobile span:nth-child(2) {
top: 35.5px;
}
 
body.open-menu-mobile .menu-mobile span:first-child {
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px
}
 
body.open-menu-mobile .menu-mobile span:nth-child(2) {
top: 6px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
 
body.open-menu-mobile .menu-mobile span:last-child {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
 
.menu-mobile span:last-child {
top: 25px
}
 
.conteudo-topo .busca-mobile {
display: none;
margin: 0;
border-radius: 0 !important;
padding-bottom: 0;
background: #e7e7e799;
/* top: 60px!important; */
position: absolute;
}
 
.qtde-adicionar-carrinho i {
color: #404041;
position: relative;
top: 4px;
/* padding: 4px; */
font-weight: bold !important;
}
 
.shadow-modal {
display: none
}
 
body.fixed .busca-mobile .busca input {
top: 60px;
left: 0;
width: 100%;
background: #fff;
}
 
.busca-mobile .busca input {
top: 96px;
left: 0;
width: 100%;
background: #fff;
}
 
.quantity-button.quantity-down {
/* top: 10px; */
}
 
.busca .botao-busca {
display: none
}
 
.listagem .imagem-produto img {
max-width: 100%;
height: auto;
width: 100%;
object-fit: contain;
max-height: 100%;
margin: auto;
border-radius: 6px !important;
}
}
 
@media (min-width: 1000px) and (max-width:1200px) {
.menu-wrapper {
display: flex !important;
justify-content: center
}
 
.menu.superior .nivel-dois>.menu-oferta.span6 .prod-items-cat .listagem-item {
display: none;
visibility: hidden
}
 
.menu-wrapper .my_account {
width: 100px;
justify-content: center;
}
 
.menu.superior .nivel-um>li>a>strong {
font-size: 12px;
}
 
.dropHelp,
.wishlist {
/* display: none; */
}
 
.my_account_info {
display: none;
}
 
.menu-wrapper.span6.hidden-phone {
width: 30%;
margin-left: 120px;
}
 
.busca-mobile .busca input {
border-radius: 50px;
width: 100%
}
 
#rodape div.contato li a {
color: var(--texto_bg_claro);
opacity: .8;
font-size: 14px
}
 
.busca-mobile .botao-busca {
right: -30px;
}
 
.atd-rodape {
display: none !important
}
}
 
@media (min-width: 1000px) and (max-width:1300px) {
 
.my_account .user-icon,
.productTracking {
/*! display:none */
}
}
 
@media (min-width: 768px) and (max-width:1000px) {
#rodape .design-fox {
max-width: 180px !important;
float: right;
left: -10px;
display: flex !important;
top: 10px;
font-size: 0;
margin: 0 !important;
position: relative
}
 
#rodape .design-fox img {
float: right;
left: -10px;
display: flex !important;
font-size: 0;
margin: 0 !important;
position: relative
}
 
.listagem .bandeiras-produto .bandeira-carrinho {
font-size: 8px !important
}
 
.menu-wrapper {
display: flex;
justify-content: center
}
 
.menu.superior .nivel-um>li a strong {
font-size: 13.5px !important
}
 
#rodape div.contato li a,
#rodape div.contato li a i {
color: var(--texto_bg_claro);
opacity: .8;
font-size: 14px
}
 
.atd-rodape {
display: none !important
}
 
.titulo-categoria:after {
bottom: 2px;
width: 4px;
border-radius: 4px
}
 
.titulo-categoria strong {
font-size: 24px !important
}
 
.bandeiras-produto {
display: flex;
flex-wrap: wrap;
width: 60% !important
}
 
.my_account ul {
left: -16px !important
}
 
.menu-wrapper .my_account {
width: 36%
}
 
.dropHelp,
.productTracking,
.tarja,
.wishlist {
display: none
}
 
#avaliacoes ul.slides li {
width: 100% !important
}
 
.ms-timer {
width: 80%
}
 
.featuredProducts-timer-label {
display: none !important
}
 
body.fixed .hamburguer {
left: 0 !important;
width: 15px
}
 
body.fixed .hamburguer p {
left: -10px !important;
font-size: 0 !important
}
 
.busca-mobile .botao-busca {
right: -30px
}
 
.pagina-categoria .listagem .listagem-item {
width: auto;
margin: 6px
}
 
.nto-promoinfo {
display: none
}
}
 
div#video h1:before {
color: var(--cor_primaria) !important
}
 
#box-video {
padding: 30px 0;
}
 
iframe#youtube {
border-radius: 8px;
height: 480px;
}
 
@media (min-width: 768px) {
div#box-banners {
padding-bottom: 72px;
padding-top: 90px;
margin: 0;
}
 
div#box-banners .item {
width: 50%;
display: inline-block;
transform: scale(1);
transition: all .4s
}
 
div#box-banners .item img {
border-radius: 10px;
transition: all .3s;
}
 
div#box-banners .item:hover {
border-radius: 6px;
transform: scale(1.028);
opacity: .88
}
}
 
@media (min-width: 769px) {
div#avaliacoes {
padding-top: 40px
}
 
#avaliacoes h4:before {
font-size: 1.875rem;
content: '\f086';
font-family: FontAwesome;
padding-right: 16px;
font-weight: 300 !important;
opacity: 1;
color: var(--cor_primaria)
}
 
#avaliacoes h4 {
font-size: 2.4em;
padding-bottom: 30px;
letter-spacing: -1.2px;
/* text-transform: uppercase; */
text-align: center;
font-weight: 700;
color: var(--texto_global);
}
 
#avaliacoes h4 strong {
font-size: 32px;
padding-bottom: 20px;
letter-spacing: -1.2px;
text-transform: uppercase;
font-weight: 300;
color: var(--texto_global)
}
 
#avaliacoes .conteiner {
text-align: left;
color: var(--cor_primaria);
padding: 0;
background: 0 0;
box-shadow: none;
margin: 0px auto 40px;
}
 
#avaliacoes ul.slides li.box-rating-item {
background: #fff;
margin-right: 8px;
border-radius: 6px;
padding: 10px;
margin: 2.6px;
width: 624px !important;
display: flex;
border-bottom: 4px solid var(--cor_primaria) !important;
align-content: center;
border: 1px solid #e8e8e8;
box-shadow: 0 2px 2px #0000000a;
}
 
#avaliacoes blockquote {
border: 0;
padding: 0 10px;
margin: 0;
}
 
#avaliacoes blockquote p {
padding: 0;
margin: auto;
font-size: 16px;
font-weight: 400;
color: #636363;
}
 
#avaliacoes .span8.offset2 {
text-align: center;
color: #000;
margin-left: 0;
width: 100%;
margin: 0 auto
}
 
#avaliacoes .box-footer {
margin-top: 16px;
padding-top: 8px;
border-top: 1px solid #e8e8e8
}
 
#avaliacoes .box-footer .starRating {
width: 50%;
float: left;
}
 
.box-rating-item i.fas.fa-star {
font-family: fontawesome;
font-style: initial;
color: #facf19;
font-size: 14px;
margin-right: 2px;
}
 
#avaliacoes .customerCity {
font-size: 14px;
color: #8e8e8e;
font-weight: 500;
padding-bottom: 10px;
}
 
#avaliacoes .name {
font-size: 16px;
padding-top: 6px;
color: var(--texto_global);
font-weight: 700
}
 
#avaliacoes .linkProduto {
font-weight: 500;
float: right;
color: var(--cor_primaria);
text-decoration: underline;
}
}
 
@media (max-width: 769px) {
iframe#youtube {
/* float:left; */
}
 
.instagram_username a {
font-size: 2.2em !important;
}
 
#avaliacoes h4:before {
content: '\f086';
font-family: FontAwesome;
padding-right: 8px;
font-weight: 300 !important;
color: var(--cor_primaria)
}
 
#avaliacoes h4 {
/* font-size: 22px; */
padding-bottom: 12px;
letter-spacing: -0.2px;
/* text-transform: uppercase; */
font-weight: 700;
text-align: center;
color: var(--texto_global);
}
 
#avaliacoes h4 strong {
display: none;
/* font-size: 32px; */
/* padding-bottom: 20px; */
letter-spacing: -1.2px;
text-transform: uppercase;
font-weight: 300;
color: var(--texto_global);
}
 
#avaliacoes .conteiner {
text-align: left;
color: var(--cor_primaria);
padding: 0;
background: 0 0;
box-shadow: none;
margin: 40px auto 40px
}
 
#avaliacoes ul.slides li.box-rating-item {
background: #fff;
margin-right: 8px;
border-radius: 6px;
padding: 10px;
margin: 2.6px;
/* width: 624px!important; */
/* display: flex; */
align-content: center;
border: 1px solid #e8e8e8;
border-bottom: 4px solid var(--cor_primaria);
box-shadow: 0 2px 2px #0000000a;
}
 
#avaliacoes blockquote {
border: 0;
padding: 0 10px;
margin: 0;
}
 
#avaliacoes blockquote p {
padding: 0;
margin: auto;
font-size: 12px;
font-weight: 400;
color: #636363;
}
 
#avaliacoes .span8.offset2 {
text-align: center;
color: #000;
margin-left: 0;
width: 100%;
margin: 0 auto
}
 
#avaliacoes .box-footer {
margin-top: 16px;
padding-top: 8px;
border-top: 1px solid #e8e8e8
}
 
#avaliacoes .box-footer .starRating {
width: 50%;
float: left;
}
 
.box-rating-item i.fas.fa-star {
font-family: fontawesome;
font-style: initial;
color: #FF9800;
font-size: 10px;
margin-right: 2px;
}
 
#avaliacoes .customerCity {
font-size: 12px;
color: #8e8e8e;
font-weight: 500;
padding-top: 6px;
padding-bottom: 12px;
}
 
#avaliacoes .name {
font-size: 13px;
padding-top: 6px;
color: var(--cor_primaria);
font-weight: 700
}
 
#avaliacoes .linkProduto {
font-weight: 600;
float: right;
font-size: 10px;
color: #444;
text-decoration: underline;
}
}
 
img.image:not([src]) {
display: none
}
 
@media (max-width: 641px) {
#avaliacoes img.image {
height: 100px !important;
}
}
 
#avaliacoes .flex-control-nav {
display: none !important
}
 
#avaliacoes img.image {
border-radius: 10px;
margin-bottom: 20px;
height: 240px;
width: 100%;
object-fit: cover;
}
 
.box-video:hover .video-banner-img {
filter: brightness(.4);
}
 
div#box-video {
height: 540px;
padding-bottom: 40px;
}
 
.video-banner-img {
border-radius: 10px !important;
filter: brightness(.58);
width: 100%;
height: 539px;
object-fit: cover;
transition: all .5s;
}
 
.noscroll {
overflow: hidden;
}
 
.close-video-modal svg {
width: 18px;
height: 18px;
right: 0;
fill: #fff;
}
 
.video-banner {
display: block;
}
 
@media (min-width: 641px) {
.video-banner {
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
}
 
.video-banner {
position: relative;
}
 
.video-banner-icon-play {
position: absolute;
left: 50%;
top: 44%;
text-shadow: 0 2px 4px #00000038;
display: block;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
-moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
-ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
-o-transform: translateX(-50%) translateY(-50%) scale(1.0);
transform: translateX(-50%) translateY(-50%) scale(1.0);
-webkit-transition: all 0.2s ease-out 0.05s;
transition: all 0.2s ease-out 0.05s;
}
 
.box-video span {
position: absolute;
left: 0;
right: 0;
top: 20%;
bottom: 0;
text-align: center;
height: 40px;
line-height: 40px;
width: 300px;
font-size: 16px;
margin: auto;
z-index: 12;
color: #ffffff;
border: 1px solid #fff;
border-radius: 50px;
padding: 6px;
display: block;
}
 
@media (min-width: 641px) {
.video-banner-icon-play {
width: 6em;
height: 6em;
}
}
 
.video-banner:hover .video-banner-icon-play {
-webkit-transform: translateX(-50%) translateY(-50%) scale(1.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(1.2);
-ms-transform: translateX(-50%) translateY(-50%) scale(1.2);
-o-transform: translateX(-50%) translateY(-50%) scale(1.2);
transform: translateX(-50%) translateY(-50%) scale(1.2);
backgound: #b1b1b1;
}
 
/*-- Video Modal --*/
.video-modal,
.video-modal .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
 
.video-modal {
overflow: hidden;
position: fixed;
opacity: 0.0;
-webkit-transform: translate(500%, 0%);
transform: translate(500%, 0%);
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
 
.video-modal .overlay {
z-index: 0;
background: rgba(0, 0, 0, 0.91);
/* overlay color */
opacity: 0.0;
-webkit-transition: opacity 0.2s ease-out 0.05s;
transition: opacity 0.2s ease-out 0.05s;
}
 
.video-modal-content {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
margin: 0 auto;
overflow-y: visible;
background: #000;
width: calc(100% - 12em);
height: 0;
padding-top: calc((100% - 12em) * 0.5625);
}
 
@media (min-aspect-ratio: 16/9) {
.video-modal-content {
width: 0;
height: calc(100vh - 10em);
padding-top: 0;
padding-left: calc((100vh - 10em) * 1.7778);
/* 16:9 calc */
}
}
 
@media (max-width: 640px) {
.video-modal-content {
width: calc(100% - 1em);
padding-top: calc((100% - 1em) * 0.5625);
/* 16:9 calc */
}
}
 
.close-video-modal {
display: block;
position: absolute;
right: 0;
top: -40px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #fff;
}
 
iframe#youtube {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
z-index: 1;
background: #000;
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}
 
.show-video-modal .video-modal {
opacity: 1.0;
transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
}
 
.show-video-modal .video-modal .overlay {
opacity: 1.0;
}
 
.show-video-modal .video-modal-content {
transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
}
 
@media (max-width: 769px) {
.video-banner-icon-play {
width: 60px;
top: 40%;
}
 
.box-video {
padding-bottom: 10px !important;
}
 
.box-video span {
font-size: 12px;
width: 180px !important;
}
 
.slick-prev.slick-arrow,
.slick-next.slick-arrow {
display: none !important
}
 
.acoes-produto .preco-produto {
float: none !important
}
 
img.video-banner-img {
filter: brightness(.6)
}
 
#formRastreio span {
font-size: 12.8px !important;
font-weight: 600;
color: var(--texto_global);
}
 
.rastMobile input {
width: 78% !important;
float: left;
padding: 12px 8px !important;
border-radius: 6px;
border: 1px solid #ccc;
}
 
.rastMobile .objSearch {
width: 20% !important;
}
 
.rastMobile {
margin-top: 8px;
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
 
#formRastreio .objSearch {
position: relative;
top: 0;
background: var(--cor_botao);
padding: 14px;
margin-left: 6px;
border-radius: 6px;
color: var(--cor_texto_botao)
}
 
#formRastreio .objSearch a {
color: var(--cor_texto_botao)
}
 
#formRastreio {
background: #fff;
padding: 14px 30px;
width: 82%;
border-top: 1px solid #e9e9e9;
}
 
.preco-promocional {
font-size: 0.875rem !important;
}
 
.quantity-button.quantity-up {
text-align: center;
align-items: center;
border: 0;
margin: 0;
border-radius: 2px;
line-height: 8px;
background: #f1f1f1 !important;
}
 
.quantity-button.quantity-down {
line-height: 8px;
background: #f1f1f1 !important;
border-left: 0;
border-radius: 2px;
margin: 0;
margin-top: 1px;
}
 
.pagina-busca .listagem ul[data-produtos-linha="4"] li,
.pagina-categoria .listagem ul[data-produtos-linha="4"] li {
width: calc(100% / 2);
padding: 0;
}
 
div#modalRastreio {
display: none !important;
}
 
.pulse-button,
.whats-button {
left: 10px;
bottom: 14px;
z-index: 102030 !important;
}
 
.instagram_gallery a img {
width: 33.3% !important
}
 
.institucional .span12 .row-fluid {
display: block;
}
 
.top-header a {
font-size: 12px;
}
 
div#box-banners .item {
width: 100%;
}
 
div#box-banners .item img {
border-radius: 6px;
}
 
.pagina-produto .listagem .titulo-categoria,
.pagina-produto .listagem>h4.titulo,
.pagina-produto .titulo-categoria {
position: relative;
border-top: 0;
margin: 20px 0 20px;
}
 
.listagem .listagem-item:before {
display: none
}
 
.section-newsletter-home .newsletter .input-conteiner button {
right: 10px;
}
 
.top-header a:after {
display: none
}
 
div#box-video,
.video-banner-img {
height: 340px;
}
}
 
#barraTopo {
display: none !important
}
 
.marcas {
margin: 50px 0;
margin-bottom: 58px !important;
/* display: flex; */
height: 90px;
}
 
.marcas h4:before {
content: '\f058';
font-family: FontAwesome;
padding-right: 8px;
font-weight: 300 !important;
color: var(--cor_primaria)
}
 
@media (max-width: 768px) {
.marcas {
display: block !important;
margin: 0 20px !important;
;
}
 
.marcas ul.slick-brand {
width: 100%;
}
 
.marcas h4 {
display: none !important;
}
}
 
.newsletter-confirmacao {
width: 20%;
margin: auto;
padding-top: 30px;
}
 
.newsletter-confirmacao i {
display: none;
}
 
.newsletter .newsletter-confirmacao .cupom-code {
border: 2px solid #fff;
border-radius: 6px;
border-style: dashed
}
 
.newsletter .newsletter-confirmacao .cupom-code strong {
display: block;
font-size: 26px;
font-weight: 700;
}
 
.marcas h4 {
font-size: 1.475rem;
line-height: 32px;
padding-bottom: 30px;
letter-spacing: -1.2px;
width: 15%;
text-transform: uppercase;
float: left;
font-weight: 700;
color: var(--texto_global);
}
 
.marcas .slick-track {
position: relative;
margin: 10px;
}
 
/* UPDATE VENDA MAIS */
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
 
@media (min-width: 768px) {
.themeStart16 .flatThemeCard {
height: 450px !important;
padding: 0;
}
 
#themesWrapper {
margin-top: 40px;
padding-bottom: 0 !important;
}
 
.instagram_username {
margin-bottom: 36px !important
}
 
a#return-to-top {
bottom: 94px !important;
left: 28px;
padding: 6px
}
}
 
@media (min-width: 768px) {
div#box-banners-dois {
padding-bottom: 20px;
padding-top: 60px;
margin: 0;
/* display: inline-block; */
float: left;
/* border-bottom: 1px solid #ece5e5; */
}
 
div#box-banners-dois .slides-items {
margin: 0;
}
 
div#box-banners-dois .item {
width: 50%;
display: inline-block;
padding: 0;
margin: 0;
}
 
div#box-banners-dois .item {
width: 50%;
display: inline-block;
transform: scale(1);
transition: all .4s
}
 
div#box-banners-dois .item img {
border-radius: 10px;
transition: all .3s;
}
 
div#box-banners-dois .item:hover {
border-radius: 6px;
transform: scale(1.028);
opacity: .88
}
 
div#box-banners-dois .item img {
width: 98% !important;
border-radius: 10px;
}
}
 
/* UPDATE INSTAGRAM */
#insta-feed .conteiner {
background: transparent !important
}
 
#insta-feed .conteiner .instagram_username {
text-align: center;
/*! display: block; */
}
 
.themesWrapper {
padding-bottom: 0 !important;
}
 
/* UPDATE FULLBANNER MOBILE */
@media (min-width: 768px) {
#box-banners-full {
display: none !important
}
 
#rodape .loja-integrada-copyright {
width: 140px !important;
padding: 16px 10px !important
}
 
#rodape .loja-integrada-copyright img {
opacity: 0.8;
filter: grayscale(1);
}
}
 
@media (max-width: 768px) {
.full-banners.hidden-phone {
display: none !important
}
 
div#box-banners-dois .slides-items {
margin: 0 !important;
}
 
div#box-banners-dois .item {
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
padding-top: 20px;
}
 
div#box-banners-dois .item img {
border-radius: 8px;
}
}
 
/* UPDATE */
.pagina-inicial div#instagram-feed-foxtech {
width: 100% !important;
}
 
/* MENU MOBILE */
.lrMenuBox>.com-filho>ul {
overflow: hidden;
max-height: 0;
transition: ease-out .2s
}
 
.lrMenuBox>.com-filho>ul>li {
margin-bo: 20px;
}
 
.lrMenuBox>.com-filho>ul>li>a {
border: 0 !important
}
 
.lrMenuBox>.com-filho>ul.active {
max-height: 400px;
padding-bottom: 25px !important;
}
 
.lrMenuBox ul {
padding: 0 !important
}
 
.lrMenuBox a i,
.lrMenuBox ul li a i:before {
color: #000 !important
}
 
.lrMenuBox li a:before,
.lrMenuBox li i {
display: none
}
 
.lrMenuBox .com-filho {
position: relative;
}
 
.lrMenuBox .com-filho {
width: 100% !important;
height: auto;
display: list-item;
float: left;
}
 
.lrMenuBox .com-filho .toggle-down {
position: absolute;
content: "\f078";
font-family: 'fontawesome';
right: 0px;
width: 30px;
height: 30px;
margin: 7.25px;
background: #f0f0f0;
line-height: 30px;
top: 0px;
border-radius: 4px;
/* border: 1px solid #cccccc29; */
z-index: 1020;
display: flex;
justify-content: center;
font-size: 10px;
}
 
i.toggle-down.active:before {
transform: rotate(180deg);
}
 
.lrMenuBox ul.nivel-tres {
margin-left: 10px;
}
 
.lrMenuBox a {
opacity: 1 !important;
}
 
/* SLIDE CATEGORIAS */
div#box-slide {
position: relative;
z-index: 1;
padding: 43px 0;
/* float: left; */
/* margin: 34px 0; */
width: 100%;
}
 
div#box-slide .titulo-categoria {
color: var(--texto_global);
margin-bottom: 40px;
margin-top: 10px;
float: none;
}
 
.slides-items-category .item {
border: 1px solid #00000000;
background: transparent;
border-radius: 10px;
cursor: pointer;
padding: 6px;
margin: 0 6px;
position: relative;
width: 166px;
padding: 20px 4px;
display: flex;
flex-wrap: inherit;
float: left;
justify-content: center;
align-items: center;
text-align: center;
transition: all .3s;
}
 
.slides-items-category .item .titulo {
font-size: 14.8px;
font-weight: 600;
position: relative;
top: 8px;
}
 
.slides-items-category .item img {
/* border: 1.1px solid var(--texto_global); */
padding: 2.9px;
/* border-radius: 50%; */
display: inherit;
height: 124px;
left: -1px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 124px;
/* object-fit: cover; */
}
 
@media (max-width: 768px) {
div#box-slide .titulo-categoria strong {
font-size: 19px !important;
color: var(--texto_global);
}
 
.slides-items-category .item img {
/* width: 70px !important; */
/* height: 70px !important; */
}
 
.slides-items-category .item .titulo {
font-size: 11px !important;
}
 
div#box-slide:before {
height: 284px
}
 
div#box-slide {
margin: 0px
}
 
.banners-slide ul {
margin: 0;
}
 
div#box-slide {
margin-top: 0px;
}
 
div#box-slide .titulo-categoria {
margin-top: 0px;
}
}
 
a.btn-favorite {
position: relative !important
}
 
@media (min-width: 768px) {
.pagina-produto .acoes-produto .preco-produto {
width: 100%;
line-height: 28px;
}
 
.listagem .titulo-categoria {
/* margin-top: 60px; */
}
 
.listagem .titulo-categoria,
.listagem>h4.titulo,
.titulo-categoria {
padding: 0;
text-align: center;
z-index: 1;
/* display: inline-block; */
width: 100%;
left: 0;
}
 
.listagem .preco-produto>div {
margin-top: 10px
}
 
.listagem-item:hover .prod-options {
display: block
}
 
.prod-options {
position: absolute;
right: 12px;
width: 44px;
height: 100px;
display: flex;
top: 8px;
flex-wrap: wrap;
display: none
}
}
 
@media (max-width: 768px) {
.prod-options {
position: absolute;
right: 0;
top: 0;
width: 44px;
height: 100px;
display: flex;
flex-wrap: wrap;
}
 
.prod-options a.botao.btn-pay-wp {
border-radius: 50px !important;
}
}
 
.prod-options a.botao.btn-pay-wp i {
margin: 0
}
 
.prod-options .btn-pay-wp:hover p {
opacity: 1;
transform: translatex(0px);
}
 
.pagina-produto .prod-options .btn-pay-wp p {
top: 4.8px;
}
 
.prod-options .btn-pay-wp p {
width: 160px;
height: 34px;
border-radius: 10px;
font-size: 11px;
position: absolute;
color: var(--texto_global);
background: white;
font-weight: 500;
border: 1px solid #eaeaea;
top: 0;
z-index: 102030;
left: -164px;
transform: translatex(6px);
opacity: 0;
display: block;
transition: all .4s;
overflow: visible;
}
 
.prod-options a.botao.btn-pay-wp:hover {
border-color: #18c370
}
 
.prod-options a.botao.btn-pay-wp {
opacity: 1;
border-radius: 50px;
overflow: visible;
text-shadow: none;
margin-top: 0;
top: -6px;
position: relative;
padding: 0;
width: 35px;
height: 36px;
line-height: 36px;
font-size: 22px;
text-align: center;
color: rgb(255 255 255);
background: #15c26e;
border: 0;
letter-spacing: .2px;
z-index: 102;
transition: all .2s ease-in-out;
}
 
.price-pix {
display: none !important;
}
 
.pagina-produto .principal .price-pix {
display: block !important;
}
 
.listagem .imagem-produto img {
max-width: 100%;
height: 100%;
width: 100%;
object-fit: contain;
max-height: 100%;
background: #fff;
position: absolute;
top: -2px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
 
.listagem span.price-pix {
display: flex;
align-items: center;
margin: auto;
margin-top: 4px;
justify-content: center;
font-weight: 500;
font-size: 14px;
color: #4a5352;
}
 
.price-pix strong {
padding-right: 4px;
font-weight: 600;
}
 
.listagem-item .price-pix p {
display: none
}
 
.listagem span.price-pix svg {
width: 16px;
height: 16px;
padding: 0 !important;
margin-right: 6px;
 
position: relative;
top: 0;
}
 
span.price-pix img {
width: 22px;
height: 22px;
padding-right: 10px;
object-fit: contain;
opacity: .68;
margin-right: 4px;
/* filter: grayscale(); */
}
 
a.botao.btn-pay-wp-prod {
opacity: 1;
border-radius: 6px;
overflow: hidden;
text-shadow: none;
justify-content: center;
/* top: -12px; */
position: relative;
width: 70%;
padding: 4px 0;
float: left;
font-weight: 600;
margin-top: 20px;
font-size: 15px;
color: #3DBF48;
border: 0;
background: #53CE5D1C;
box-shadow: none;
display: flex;
letter-spacing: .2px;
align-items: center;
transition: all .2s ease-in-out;
border: 1px solid #3DBF48;
}
 
a.botao.btn-pay-wp-prod i {
font-size: 22px
}
 
.produto .principal .botao.principal.grande {
width: auto;
}
 
@media (min-width: 768px) {
.produto .acoes-produto .comprar {
width: 70% !important;
float: left;
margin-top: 20px;
}
}
 
/* END UPDATE */
@media (min-width: 768px) {
.full-banners {
max-width: 1920px !important;
margin: auto;
}
}
 
/* instagram mobile nao responsivo */
@media (max-width: 768px) {
.instagram_username:before {
display: none !important
}
 
.instagram_gallery a {
width: 32.86% !important;
}
 
.instagram_gallery a[data-caption]::after {
display: none
}
 
.instagram_gallery a img {
border-radius: 0;
}
 
.instagram_gallery {
display: flex !important;
justify-content: space-around;
flex-wrap: wrap;
}
 
.instagram_username {
font-size: 17px !important;
display: block;
line-height: 25px !important;
}
 
#instagram-feed-foxtech a img {
width: 100% !important;
}
 
.instagram_username a {
display: inline-block
}
}
 
/* wishlist head animate */
.wishList:hover svg {
animation: heartbeat 1.4s infinite;
}
 
@keyframes heartbeat {
0% {
transform: scale(1);
}
 
20% {
transform: scale(.90);
}
 
40% {
transform: scale(1);
}
 
60% {
transform: scale(.86);
}
 
80% {
transform: scale(1);
}
 
100% {
transform: scale(1);
}
}
 
@media (max-width: 767px) {
.banners-slide-full img.bn {
width: 100%;
}
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter {
text-transform: initial !important
}
 
.cep .input-append.input-prepend input {
width: auto !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
width: 100% !important;
border-radius: 6px !important;
margin-top: 8px !important;
background: var(--cor_primaria) !important;
transition: all .3s;
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:hover {
background: var(--cor_secundaria) !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
font-weight: 200 !important;
background: #e4e4e473 !important;
border: 1px solid #d8d8d8 !important;
border-radius: 6px !important;
width: 100%;
padding: 0 !important;
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:before {
-webkit-font-smoothing: antialiased;
font-weight: 100;
content: '\f0e0';
font-family: 'fontawesome';
font-weight: 700 !important;
color: var(--cor_primaria) !important;
display: block;
margin: 10px 0;
font-size: 4em !important;
}
 
.modal-modalNewsletter .fancybox-skin {
max-width: 450px !important;
}
 
#modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
width: 100% !important;
border-radius: 6px;
background: var(--cor_botao_hover);
display: block;
margin: auto;
height: 56px;
border: 0;
margin-top: 10px;
position: relative;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-weight: 600;
line-height: 44px;
}
 
.pagina-carrinho .whats-button {
display: none !important;
opacity: 0;
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter:after {
display: none !important
}
 
.tabela-carrinho .form-horizontal .control-label[for=usarCupom] {
width: auto !important;
margin-right: 0 !important;
}
 
#avaliacoes ul.slides li.box-rating-item {
height: fit-content;
}
 
/* update */
#smarthint-news .listagem ul[data-produtos-linha="4"] li {
width: 100%
}
 
.modal-modalNewsletter .fancybox-close:before {
color: #b9b9b9 !important
}
 
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
font-family: Montserrat !important
}
 
.listagem .imagem-produto img {
background: #fff;
object-fit: contain;
opacity: 1;
}
 
.titulo-categoria.borda-principal.cor-principal.vitrine-mas-vendido {
display: inline-block;
width: 100%;
}
 
@media (min-width: 768px) {
div#box-banners {
padding-bottom: 0 !important;
}
}
 
.wishList,
.wishList a {
float: left;
}
 
@media (min-width: 768px) {
.pagina-carrinho .menu-wrapper.span6.hidden-phone {
display: flex !important;
}
}
 
.full-banners img {
width: 100%;
}
 
.fm-slick-prev,
.fm-slick-next {
display: none !important
}
 
.banner.slick-active li {
opacity: 1 !important
}
 
.listagem .fm-slick-list {
padding: 10px 0 20px;
margin: -10px 0 -20px;
box-sizing: border-box
}
 
.fm-slick-track:after,
.fm-slick-track:before {
display: none
}
 
.fm-slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
 
.fm-slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
 
.fm-slick-list:focus {
outline: 0
}
 
.fm-slick-list.dragging {
cursor: pointer;
cursor: hand
}
 
.fm-slick-slider .fm-slick-list,
.fm-slick-slider .fm-slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
 
.fm-slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
 
.fm-slick-track:after,
.fm-slick-track:before {
display: table;
content: ''
}
 
.fm-slick-track:after {
clear: both
}
 
.fm-slick-loading .fm-slick-track {
visibility: hidden
}
 
.fm-slick-slide {
display: none;
min-height: 1px
}
 
[dir=rtl] .fm-slick-slide {
float: right
}
 
.full-slider .fm-slick-dots {
position: absolute;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
 
.full-slider .fm-slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
background: #000;
margin: 0 5px;
border-radius: 50px;
padding: 0;
cursor: pointer;
transition: all .2s;
opacity: .4
}
 
.full-slider .fm-slick-active {
background: var(--secundary-color) !important;
opacity: 1 !important
}
 
.full-slider .fm-slick-dots li:hover {
opacity: .6
}
 
.full-slider .fm-slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
 
.fm-slick-slide img {
display: block
}
 
.fm-slick-slide.fm-slick-loading img {
display: none
}
 
.fm-slick-slide.dragging img {
pointer-events: none
}
 
.fm-slick-initialized .fm-slick-slide {
display: block
}
 
.fm-slick-loading .fm-slick-slide {
visibility: hidden
}
 
.fm-slick-vertical .fm-slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
 
.fm-slick-arrow.fm-slick-hidden {
display: none
}
 
.fm-slick-slider>svg:last-of-type {
transform: rotate(180deg)
}
 
.fm-slick-slider>svg {
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 3;
fill: var(--color_title)
}
 
.fm-slick-track {
display: flex
}
 
@media (min-width: 1470px) {
.fm-slick-slider>svg:first-of-type {
left: -40px
}
 
.fm-slick-slider>svg:last-of-type {
right: -40px
}
}
 
@media (max-width: 1469px) {
.fm-fm-slick-slider>svg:first-of-type {
left: 0
}
 
.fm-fm-slick-slider>svg:last-of-type {
right: 0
}
}
 
/* UPDATE RESPONSIVO */
@media (min-width: 768px) and (max-width: 1024px) {
.menu.superior .all-menu svg {
display: none
}
 
.menu.superior .nivel-um>li:hover .nivel-dois {
margin-left: -40px;
max-width: 200px;
}
 
.menu-categorias.span6 {
width: 100% !important;
}
 
.menu-oferta {
display: none;
}
 
.conteudo-topo .busca-mobile.active {
top: 80px !important;
background: 0 0;
}
 
div#box-banners {
padding-top: 10px !important;
}
 
.listagem .listagem-item .imagem-produto {
position: initial !important;
min-height: 280px !important;
}
 
.listagem .listagem-item .imagem-produto img {
position: absolute !important;
max-height: 280px !important;
top: 0;
}
 
.listagem .listagem-item .imagem-produto img {
margin: 0 !important;
}
 
.section-newsletter-home .newsletter .input-conteiner button {
right: 40px !important;
}
 
#rodape .links-rodape-paginas {
width: 100%;
}
 
.listagem .titulo-categoria,
.listagem>h4.titulo,
.titulo-categoria {
display: flex;
justify-content: center;
width: 100%;
}
 
#rodape .links-rodape-paginas,
#rodape .selos {
margin: 0 !important;
}
 
.busca-mobile .botao-busca {
right: -30px;
}
 
.my_account .user-icon {
display: block !important;
width: 100%;
}
 
.menu.superior .nivel-um>li {
padding: 2.5px 14px;
}
}
 
.menu.superior .all-menu .nivel-dois {
min-width: 250px !important;
}
 
@media (max-width: 768px) {
.containerBoostSales {
width: auto;
height: auto;
background: #fff;
border: 1px solid #74768933;
border-radius: 4px;
position: fixed;
bottom: 0px;
left: 10px;
padding: 2px 2px;
border-radius: 10px;
z-index: 10203040;
box-shadow: 0 2px 13px #74778833;
transition: all .6s ease-in-out;
transform: scale(.8) translateX(-42.8rem);
opacity: 0
 
}
 
.containerBoostSales.active {
transform: scale(.8) translateX(-2.8rem);
opacity: 1
 
}
}
@media (min-width: 768px) {
.containerBoostSales {
width: auto;
height: auto;
background: #fff;
border: 1px solid #74768933;
border-radius: 4px;
position: fixed;
bottom: 28px;
left: 18px;
padding: 2px 2px;
border-radius: 10px;
z-index: 10203040;
box-shadow: 0 2px 13px #74778833;
transform: translateX(-42em) ;
transition: all .4s ease-in-out
}
 
.containerBoostSales.active {
transform: translateX(0)
}
 
}
.contentBoostSales .container-informacoes p {
margin: 0;
font-weight: 500;
letter-spacing: -0.2px;
}
 
 
 
 
.containerBoostSales .img-bs img {
width: 68px;
height: 52px;
object-fit: cover;
}
 
.containerBoostSales .img-bs {
width: 68px;
height: 60px;
margin-right: 4px;
border-radius: 4px;
object-fit: cover;
border: 1px solid #e8e8e8;
}
 
 
.contentBoostSales {
max-width: 380px;
display: flex;
justify-content: center;
align-content: center;
padding: 4px;
}
 
.contentBoostSales .container-informacoes {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
 
.containr-produto-imagem-boost-sales {
width: 30%
}
 
li.produto-boost-box {
display: flex;
}
 
.contentBoostSales .img-produto-boost-sales {
width: 100%
}
 
.contentBoostSales .text-boost-sales {
font-size: 12px;
margin-right: 4px;
font-weight: 400;
color: #4b4d61;
padding-left: 7px;
line-height: 22px;
width: 80%;
}
 
.contentBoostSales .name-cliente {
font-weight: 700;
letter-spacing: -0.2px;
}
 
.contentBoostSales a.produtoBoostSales {
cursor: pointer;
font-weight: 700 !important;
color: #595a67;
margin-left: 4px;
letter-spacing: -0.2px;
}
 
.contentBoostSales li.text-boost-selo {
width: 100%;
display: flex;
}
 
.contentBoostSales p.text-boost-hour {
font-weight: 400;
font-size: 12px;
color: #595a67bd;
padding-right: 6px;
}
 
.contentBoostSales .text-boost-selo p {
margin: 0;
}
 
li.text-boost-selo svg,
li.text-boost-selo i {
width: 12px;
height: 20px;
display: none
}
 
li.text-boost-selo {
font-weight: bold;
}
 
@media (min-width: 768px) {
 
.listagem .titulo-categoria,
.listagem>h4.titulo,
.titulo-categoria {
display: flex;
justify-content: center;
width: 100%;
flex-wrap: wrap;
float: left;
flex-direction: row;
}
 
.titulo-categoria:before {
content: '';
z-index: 2;
width: 5%;
bottom: -16px !important;
left: 0;
margin: auto;
right: 0;
border-radius: 0 !important;
position: absolute;
background: var(--cor_primaria) !important;
height: 4px !important;
display: none;
}
}
 
@media (max-width: 768px) {
.pagina-inicial .instagram_username {
padding: 0px;
font-size: 15px !important;
}
 
.pagina-inicial .instagram_username a {
padding: 0px;
font-size: 1.5em !important;
width: 100%;
}
 
.pagina-inicial #avaliacoes h4 {
font-size: 17px;
}
 
.listagem-item {
min-height: 355px !important;
}
 
.pagina-produto .price-pix {
padding: 8px 0px !important;
}
 
.pagina-produto .cep .input-append.input-prepend {
display: flex;
align-items: center;
}
 
.pagina-produto .cep .input-append.input-prepend input {
width: 50% !important;
}
 
.pagina-produto .comprar {
display: flex;
margin-bottom: 10px;
}
 
.pagina-produto .comprar .botao-comprar {
/* padding: 0px 40px !important; */
}
 
.pagina-produto .btn-pay-wp-prod {
width: 100% !important;
}
}
 
@media (max-width: 768px) {
#rodape .newsletter-confirmacao {
background: transparent !important;
}
 
#rodape .newsletter .newsletter-confirmacao span {
width: 240px;
margin: auto !important
}
 
#rodape .newsletter-confirmacao {
width: 100% !important;
text-align: center !important;
}
 
#rodape .cupom-code {
margin: auto !important
}
}
 
span.bandeira-indisponivel.fundo-secundario {
color: rgb(255, 255, 255);
}
 
/* BLOG 11/10/2021 */
#blog {
padding: 40px 0;
margin: 32px 0 !important;
/* border-top: 1px solid #ececec; */
/* border-bottom: 1px solid #ececec; */
}
 
@media (max-width: 768px) {
#blog {
padding: 0px 0;
}
}
 
@media (max-width: 768px) {
#blog>.blog-titulo {
display: block;
text-align: center;
margin-bottom: 30px;
font-weight: 1em;
}
 
#blog>.blog-titulo svg {
fill: var(--cor_primaria);
margin-bottom: 10px;
}
 
#blog .blog-titulo span {
margin-bottom: 18px;
font-size: 1em;
color: var(--texto_global);
opacity: .6;
}
 
#blog .blog-titulo h1 {
margin-bottom: 10px;
font-size: 1.4em;
color: var(--texto_global);
width: 80%;
margin: auto;
}
 
#blog .blog-post:last-child {
display: none
}
 
button.fixed-button.modal-theme {
display: none
}
}
 
@media (min-width: 768px) {
#blog>.blog-titulo {
display: block;
text-align: center;
margin-bottom: 40px;
font-weight: 2em;
}
 
.blog-title {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 4px;
}
 
.blog-title svg {
margin-right: 12px;
width: 34px;
fill: var(--cor_primaria);
}
 
#blog .blog-titulo h1 {
margin-bottom: 10px;
font-size: 2.4em;
color: var(--texto_global)
}
 
#blog .blog-titulo span {
font-size: 1.4em;
opacity: .6;
}
 
.blog-post footer span {
background: var(--cor_botao);
color: var(--cor_texto_botao);
width: 140px;
text-align: center;
padding: 12px 8px;
border-radius: 6px;
text-decoration: none !important;
transition: all .3s;
}
 
.blog-post footer span:hover {
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover) !important;
}
}
 
.blog-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
 
.blog-post {
display: table-cell;
transition: all 0.2s linear;
background: #fff;
}
 
.blog-post>a {
height: 100%;
display: flex;
flex-direction: column;
}
 
.blog-post img {
width: 100%;
/*! aspect-ratio: 4/3; */
object-fit: cover;
border-radius: 6px 6px 0 0;
height: 220px;
}
 
.blog-post .descricao {
flex-grow: 1;
display: flex;
flex-direction: column;
/* border: 1px solid #d1d1d1; */
border-radius: 0 0 6px 6px;
padding: 22px;
font-size: 12px;
background: #00000008;
color: #54595e99;
}
 
.blog-post .post-titulo {
margin: 0 0 10px;
font-size: 1.4em;
font-weight: 600;
color: #333;
line-height: 21px;
word-break: break-word;
hyphens: auto;
}
 
@media (max-width: 768px) {
.blog-post .post-titulo {
font-size: 1.1em;
line-height: 1.3em;
}
 
.blog-post .post-resumo {
font-size: 0.875em !important;
line-height: 1.4em !important
}
 
.blog-post footer span {
font-size: 0.875em !important
}
}
 
.blog-post .post-resumo {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
max-height: 40px;
overflow: hidden;
font-weight: 400;
word-break: break-word;
hyphens: auto;
line-height: 22px;
font-size: 14px;
}
 
.blog-post footer {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: end;
}
 
.blog-post footer span {
font-weight: 700;
font-size: 1em;
margin-top: 18px;
border-radius: 50px;
}
 
.blog-post:hover {
border-radius: 6px;
box-shadow: 1px 1px 3px 1px #ececec;
transition: all .2s;
}
 
.blog-post:hover a {
text-decoration: none;
}
 
.blog-post:hover footer span {
/* text-decoration: underline; */
/* color: var(--texto_global); */
}
 
.post-header .titulo {
font-weight: bold;
font-size: 48px;
line-height: 60px;
color: #000;
}
 
.post-header .descricao {
margin-bottom: 30px;
font-size: 18px;
line-height: 24px;
}
 
.post-header .compart {
display: flex;
align-items: center;
}
 
.post-header .compart p {
margin: 0 5px 0 0;
}
 
.post-header .compart-link {
display: inline-block;
}
 
.post-header .compart-link svg {
margin-right: 10px;
}
 
.post-header .compart-link span {
display: none;
}
 
.pagina-pagina .post-imagem {
width: 100%;
margin-bottom: 50px;
border-radius: 10px;
}
 
@media (max-width: 767px) {
.blog-container {
grid-template-columns: repeat(2, 1fr);
}
}
 
/* UPDATE 5/11 */
/* LOGO AO CENTRO E BANNER TOPO ANIMADO */
/* CONTADOR CARRINHO */
@media (max-width: 768px) {
.cart-mobile strong.qtd-carrinho.titulo.cor-secundaria {
display: block !important;
font-weight: 700;
position: relative;
top: 22px;
/* left: 10px; */
}
}
 
@media (max-width: 768px) {
.cart-mobile strong.qtd-carrinho.titulo.cor-secundaria {
left: 24px !important;
position: absolute !important;
color: var(--cor_texto_botao);
background: var(--cor_botao);
width: 18px;
height: 18px;
opacity: 1 !important;
border-radius: 50px;
font-size: 12px;
text-align: center;
line-height: 18px;
}
}
 
/* NOVA CONTAGEM REGRESSIVA 2/12/2021 */
li.item-oferta>path {
fill: #fff !important;
}
 
.menu.superior .all-menu .menu-oferta {
display: none !important;
}
 
.menu.superior .nivel-dois .menu-oferta .info-produto .preco-venda {
opacity: 0.6;
}
 
.menu.superior .nivel-dois .menu-oferta .info-produto .preco-venda,
.menu.superior .nivel-dois .menu-oferta .info-produto .preco-promocional {
font-size: 14px !important;
margin: 0;
}
 
.menu.superior .nivel-dois .menu-oferta .info-produto .desconto-a-vista {
display: none;
}
 
.imagem-produto.timer-stopped .NewfeaturedProducts {
display: none;
opacity: 0.3;
filter: grayscale();
}
 
#fp-listagem.NewfeaturedProducts {
position: relative;
top: -4px;
justify-content: center;
height: 40px;
line-height: 40px;
border: none;
padding: 4px 12px;
width: auto;
margin-left: 6px;
border-radius: 6px;
}
 
.NewfeaturedProducts-timer-icon {
display: flex;
margin-right: 4px;
}
 
#fp-menu .NewfeaturedProducts-timer-icon svg {
width: 31px;
height: 38px;
fill: var(--cor_texto_botao_hover);
text-shadow: 0 2px 2px #0000001a;
}
 
.listagem-oferta-vitrine .NewfeaturedProducts-timer-icon svg {
width: 28px;
height: 28px;
fill: var(--texto_global);
padding-right: 6px;
}
 
.product-item-offer .NewfeaturedProducts-timer-icon svg {
display: none
}
 
.listagem-item .NewfeaturedProducts-label {
font-size: 0.6rem !important;
font-weight: 600;
line-height: 14px;
text-transform: uppercase;
}
 
.products-offer {
justify-content: center;
}
 
.product-item-offer .imagem-produto {
/* padding-bottom: 20px; */
}
 
.item-oferta .box-offer .number-time {
/* background: var(--cor_texto_botao_hover) !important; */
border-radius: 4px;
padding: 4px 2px;
}
 
.item-oferta .box-offer .ms-timer>* {
color: var(--cor_botao_hover);
font-size: 24px !important;
position: relative;
width: 45px;
height: 48px;
font-weight: bold !important;
}
 
.item-oferta .ms-timer>.dois-pontos-contador {
padding: 0 2px;
}
 
.item-oferta .box-offer .ms-timer>.dois-pontos-contador {
font-weight: bold !important;
color: var(--cor_texto_botao_hover);
width: 5px;
left: 10px;
font-size: 24px !important;
line-height: 46px;
background: transparent;
}
 
@media (min-width: 768px) {
.lrMenuBox .categoria-ofertas {
display: none;
}
}
 
.product-item-offer .acoes-produto .botao.principal {
padding: 0;
}
 
.product-item-offer span.fundo-principal.bandeira-promocao {
font-size: 0.9em !important
}
 
.product-item-offer .dois-pontos-contador {
line-height: 18px !important;
}
 
.product-item-offer .ms-timer>* {
height: 18px;
line-height: 18px;
font-size: 1rem !important;
}
 
.product-item-offer .ms-timer>.dois-pontos-contador {
left: auto;
}
 
.product-item-offer .ms-timer {
width: 100%;
margin: auto;
height: 18px;
margin: auto;
justify-content: center;
display: flex;
align-items: center !important;
}
 
.product-item-offer .prod-icon-timer {
width: 30%;
display: flex;
justify-content: center;
align-items: center;
background: var(--cor_botao_hover);
}
 
.product-item-offer .box-featuredProducts {
width: 70%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
 
.product-item-offer .NewfeaturedProducts-timer {
display: flex;
justify-content: center;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
z-index: 1020 !important;
width: 92%;
overflow: hidden;
height: 32px;
display: flex;
justify-content: space-around;
background: #fff;
color: var(--cor_botao_hover);
border: 1px solid var(--cor_botao_hover);
font-weight: bold;
margin: auto;
border-radius: 4px;
text-shadow: none !important;
}
 
.product-item-offer .preco-promocional {
font-size: 1.4em !important
}
 
.product-item-offer .ms-timer>* {
width: 20%;
margin: 0;
left: 0;
font-weight: bold !important;
flex: 0;
color: var(--cor_botao_hover);
}
 
.product-item-offer .acoes-produto .botao.principal:hover {
background: var(--cor_botao_hover) !important;
color: var(--cor_texto_botao_hover) !important
}
 
.item-oferta:hover ul .bandeiras-produto {
display: flex;
}
 
.item-oferta:hover ul span.fundo-principal.bandeira-promocao {
font-size: 3mm;
}
 
@media (min-width: 768px) {
.listagem-oferta-vitrine .listagem-item {
width: 24%;
margin: 4px 4px;
min-height: 532px;
border-color: white;
box-shadow: none;
}
}
 
.listagem .listagem-item .nome-produto {
/*! white-space: pre-line; */
width: 100%;
}
 
li.item-oferta {
background: transparent;
padding: 6px 16px 6px 24px !important;
}
 
li.item-oferta>a {
background: var(--cor_botao) !important;
padding: 0px 16px;
border-radius: 10px;
color: var(--cor_texto_botao);
}
 
li.item-oferta>a strong {
font-weight: bold !important;
}
 
.item-oferta li {
position: relative;
}
 
.item-oferta .btn-pay-wp {
display: none;
}
 
.item-oferta .qtde-adicionar-carrinho {
display: none;
}
 
li.item-oferta>a strong {
color: var(--cor_texto_botao_hover) !important;
}
 
.item-oferta>a>svg {
height: 26px;
width: 24px;
position: relative;
top: 10px;
left: -6px;
fill: var(--cor_texto_botao_hover);
}
 
.item-oferta>ul .listagem .imagem-produto {
max-height: 180px;
}
 
.item-oferta .oferta-nivel-dois #fp-menu {
display: flex;
justify-content: flex-end;
padding-right: 10px;
z-index: 10;
}
 
.offer-action {
/* width: 18%; */
}
 
.offer-title {
text-align: left;
line-height: 10px;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
 
.offer-title h2 {
font-weight: bold !important;
color: var(--cor_texto_botao_hover);
margin: 0;
}
 
.offer-title span {
font-weight: 500 !important;
color: var(--cor_texto_botao_hover);
font-size: 1.2rem;
text-align: left;
padding-left: 10px;
}
 
.offer-action {
justify-content: end;
display: flex;
}
 
a.btn.btn-action:hover {
border: 1px solid var(--cor_texto_botao_hover);
background: transparent;
color: var(--cor_texto_botao_hover);
}
 
a.btn.btn-action {
padding: 14px 10px;
text-transform: uppercase;
border: 1px solid var(--cor_texto_botao_hover);
background: var(--cor_texto_botao_hover);
width: 200px;
text-shadow: none;
font-weight: bold;
color: var(--cor_botao_hover);
font-size: 1.2em;
transition: all .28s;
}
 
.offer-clock {
display: flex;
justify-content: center;
text-shadow: 0 2px 2px #0000001a;
}
 
.listagem-oferta-vitrine-title {
display: flex;
justify-content: space-between;
color: var(--texto_global);
flex-wrap: wrap;
align-items: center;
align-content: center;
background: var(--cor_botao_hover);
padding: 2px 20px;
border-bottom: 1px solid #f0f0f0;
font-size: 0.72em;
}
 
.NewfeaturedProducts-timer-icon,
.listagem-oferta-vitrine .NewfeaturedProducts-timer-icon svg {
display: none
}
 
.right-offer .sub-oferta {
font-size: 1.1em;
text-transform: initial;
opacity: 0.72;
display: none;
}
 
.right-offer .sub-oferta {
width: 100%;
}
 
.right-offer {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
text-align: center !important;
}
 
/* menu superior */
li.item-oferta {
background: transparent;
padding: 6px 16px 6px 24px !important;
}
 
.fixed-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -999;
opacity: 0;
transition: opacity 0.1s;
}
 
.active-dark {
background-color: rgb(0, 0, 0, 0.5);
opacity: 1;
z-index: 999;
transition: opacity 0.1s;
}
 
.menu.superior>ul.nivel-um>li>a>.icon-menu {
width: 24px;
height: 24px;
right: 8px;
top: 8px;
object-fit: contain;
position: relative
}
 
li.item-oferta>a {
background: transparent;
padding: 0 18px;
/* border-radius:0; */
color: var(--cor_texto_menu)
}
 
li.item-oferta>a strong {
font-weight: 700 !important
}
 
.item-oferta.slick-dots {
display: none !important
}
 
.item-oferta li {
position: relative
}
 
.item-oferta:hover ul {
visibility: visible;
opacity: 1;
transition: all .2s ease-in-out;
animation: Ab .3s cubic-bezier(.18, .89, .32, 1.28)
}
 
.item-oferta>ul {
position: absolute;
visibility: hidden;
opacity: 0;
padding: 0;
padding: 0;
background: #fff;
min-width: 600px;
max-width: 1280px;
min-height: 200px;
text-align: center;
top: 62px;
overflow: hidden;
border: 0;
box-shadow: 0 6px 12px #00000045;
border-radius: 14px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 10;
margin: auto;
left: 0;
right: 0
}
 
.item-oferta .product-item-offer {
width: 20% !important
}
 
@media (min-width: 768px) {
.products-offer {
width: 96%;
margin: 0 auto !important;
padding: 4px 22px;
}
}
 
div#box-slide:before {
content: "";
width: 300vw;
height: 457px;
/* position:absolute; */
left: -100%;
/* background:transparent; */
z-index: 0;
border-bottom: 0;
display: none;
}
 
.slides-items-category .item {
border: 1px solid #00000000;
background: transparent;
border-radius: 8px;
cursor: pointer;
padding: 6px;
margin: 18px 0;
position: relative;
width: 166px;
padding: 4px 4px;
display: flex;
flex-wrap: inherit;
justify-content: center;
align-items: center;
text-align: center;
transition: all .22s;
}
 
.slides-items-category .item:hover {
transform: scale(1.04);
}
 
.slides-items-category .item .titulo {
font-size: 0.975rem;
font-weight: 600;
position: relative;
top: 14px;
width: 100%;
text-align: center;
color: var(--texto_global);
}
 
@media (min-width: 768px) {
.slides-items-category .item img {
border: 0;
padding: 2.9px;
/* border-radius: 50%; */
display: inherit;
height: 176px;
left: -1px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 176px;
object-fit: contain;
background: #fff;
/* box-shadow: 0 1.2px 4px #00000017; */
}
}
 
@media (max-width: 768px) {
.slides-items-category .item img {
border: 1.1px solid #dadada;
padding: 2.9px;
border-radius: 50%;
display: inherit;
left: -1px;
margin: 0 auto;
overflow: hidden;
position: relative;
object-fit: cover
}
 
div#box-slide .titulo-categoria strong {
font-size: 19px !important;
/* color: var(--cor_titulos); */
}
 
.slides-items-category .item {
width: 100%;
max-width: 142px
}
 
.slides-items-category .item img {
width: 100px !important;
height: 100px !important;
max-width: 120px
}
 
.slides-items-category .item .titulo {
font-size: 12px !important
}
 
div#box-slide:before {
height: 284px !important
}
 
.banners-slide ul {
margin: 0
}
 
div#box-slide .titulo-categoria {
margin-top: 0
}
}
 
.slides-items-vitrine .item {
border: 1px solid #00000000;
background: transparent;
border-radius: 8px;
cursor: pointer;
padding: 6px;
margin: 8px 0;
position: relative;
width: 166px;
padding: 4px 4px;
display: flex;
flex-wrap: inherit;
justify-content: center;
align-items: center;
text-align: center;
transition: all .22s
}
 
.slides-items-vitrine .item:hover {
transform: scale(1.02);
}
 
@media (max-width: 768px) {
.slides-items-vitrine .item .titulo {
font-size: 0.875rem !important
}
}
 
.slides-items-vitrine .item .titulo {
font-size: 16.8px;
font-weight: 600;
position: relative;
top: 13px;
width: 100%;
text-align: center;
color: var(--texto_global);
}
 
@media (min-width: 768px) {
.slides-items-vitrine .item img {
border: 1.1px solid #dadada00;
padding: 0;
border-radius: 17px;
display: inherit;
height: 176px;
left: -1px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 176px;
object-fit: cover;
background: #fff
}
}
 
@media (max-width: 768px) {
.slides-items-vitrine .item img {
border: 1.1px solid #dadada;
padding: 2.9px;
border-radius: 50%;
display: inherit;
left: -1px;
margin: 0 auto;
overflow: hidden;
position: relative;
object-fit: cover
}
 
div#box-slide .titulo-categoria strong {
font-size: 19px !important;
/* color: var(--cor_titulos); */
}
 
.slides-items-vitrine .item {
width: 100%;
max-width: 142px
}
 
.slides-items-vitrine .item img {
width: 100px !important;
height: 100px !important;
max-width: 120px
}
 
.slides-items-category .item .titulo {
font-size: 12px !important
}
 
div#box-slide:before {
height: 284px !important
}
 
.banners-slide ul {
margin: 0
}
 
div#box-slide .titulo-categoria {
margin-top: 0
}
}
 
.oferta-nivel-dois .slick-dots {
margin-top: 0 !important
}
 
.item-oferta .qtde-adicionar-carrinho {
display: none
}
 
li.item-oferta>a strong {
color: var(--cor_texto_botao) !important
}
 
.item-oferta>a>svg {
height: 30px;
width: 32px;
position: relative;
top: 10px;
left: -4px;
fill: var(--cor_texto_botao)
}
 
.item-oferta>ul .listagem .imagem-produto {
max-height: 310px;
position: relative
}
 
.item-oferta .oferta-nivel-dois .box-offer h2 {
font-size: 1.32rem;
text-align: center;
color: var(--cor_texto_botao_hover);
text-shadow: 0 2px 2px #0000001a;
line-height: 1.23em;
padding: 0 10px;
width: 100%
}
 
.item-oferta .oferta-nivel-dois #fp-menu {
display: flex;
justify-content: flex-end
}
 
.menu .ms-timer>* {
width: 30px;
margin-left: 6px;
text-align: center;
display: inline-block;
font-size: 18px !important;
font-weight: 600;
position: relative;
color: var(--cor_texto_botao_hover)
}
 
.item-oferta>ul .ms-timer>div:first-child {
width: 48px;
margin-right: 6px;
/* height: 50px; */
}
 
.item-oferta>ul .ms-timer>div {
background: var(--cor_botao) !important;
color: var(--cor_texto_botao);
padding: 10px;
border-radius: 10px;
line-height: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
 
.item-oferta>ul .ms-timer span {
font-size: 1.14em;
margin-top: 2.8px;
color: var(--cor_texto_botao_hover);
}
 
.item-oferta>ul .ms-timer>div p {
font-size: 12px;
font-weight: 500;
color: var(--cor_texto_botao_hover);
margin: 0
}
 
.item-oferta .ms-timer>.dois-pontos-contador {
font-size: 16px !important;
font-weight: 800 !important;
line-height: 40px;
width: 4px;
position: relative;
opacity: 1;
margin: 0;
right: -3px
}
 
.item-oferta>ul .listagem {
width: 72.6%;
}
 
.item-oferta .oferta-nivel-dois .box-offer .ms-timer {
display: flex;
justify-content: center;
align-items: center;
width: auto !important;
background: transparent
}
 
.box-offer {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--cor_botao_hover);
padding: 17px;
position: relative;
width: 25% !important;
justify-content: center;
flex-direction: column
;/* height: 100%; */}
 
.box-offer>svg {
width: 50px;
height: 60px;
margin-bottom: 10px;
display: none
}
 
.listagem-oferta {
display: flex;
flex-direction: row-reverse;
}
 
.listagem-oferta-vitrine-title {
display: flex;
justify-content: space-between;
color: var(--texto_global);
flex-wrap: wrap;
align-items: center;
align-content: center;
background: var(--cor_botao_hover);
padding: 2px 20px;
border-bottom: 1px solid #f0f0f0;
font-size: .72em
}
 
.right-offer .sub-oferta {
font-size: 1.1em;
text-transform: initial;
opacity: .72;
display: none;
width: 100%
}
 
.right-offer {
display: flex;
justify-content: center;
align-content: center;
align-items: center;
flex-wrap: wrap;
text-align: center !important
}
 
.sub-oferta {
font-weight: 500 !important
}
 
.offer-title {
text-align: left;
line-height: 10px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 26px
}
 
.offer-title h2 {
font-weight: 700 !important;
color: var(--cor_texto_botao_hover);
margin: 0
}
 
.offer-title span {
font-weight: 400 !important;
color: var(--cor_texto_botao_hover);
font-size: .9rem;
text-align: center;
line-height: 27px;
margin-top: 12px;
padding: 0 18px
}
 
.offer-action {
justify-content: end;
display: flex;
margin-top: 26px
}
 
a.btn.btn-action:hover {
border: 1px solid var(--cor_botao);
background: var(--cor_botao);
color: var(--cor_texto_botao)
}
 
a.btn.btn-action {
padding: 14px 10px;
text-transform: uppercase;
border: 1px solid var(--cor_texto_botao_hover);
background: transparent;
width: 200px;
text-shadow: none;
font-weight: 700;
color: var(--cor_texto_botao_hover);
font-size: 0.775rem;
border-radius: 10px;
transition: all .28s
}
 
.listagem-oferta-vitrine .NewfeaturedProducts-timer-icon svg {
width: 20px;
height: 20px;
fill: var(--cor_texto_botao_hover)
}
 
.product-item-offer.listagem-item:before {
display: none !important
}
 
.product-item-offer.listagem-item {
/* min-height: 360px */
}
 
.product-item-offer .acoes-produto .botao.principal {
padding: 0
}
 
.menu .product-item-offer.listagem-item {
min-height: 330px;
margin: 6px;
border: 1px solid #e4e4e4 !important;
}
 
.menu .listagem-item:hover .imagem-produto.has-zoom .imagem-principal {
opacity: 1
}
 
.menu .imagem-produto {
min-height: 200px;
}
 
.product-item-offer .preco-produto .preco-venda {
font-size: 14.4px
}
 
.menu .product-item-offer .info-produto {
padding: 12px 16px
}
 
.product-item-offer.listagem-item a.botao.btn-pay-wp {
display: none !important
}
 
.product-item-offer.listagem-item .nome-produto {
/* display: inline-block; */
width: 100%;
text-align: center;
/* word-break: break-word; */
white-space: pre-line;
/* overflow-wrap: break-word; */
-ms-word-break: break-word;
/* word-break: break-word; */
}
 
.product-item-offer span.fundo-principal.bandeira-promocao {
font-size: .9em !important
}
 
.product-item-offer .dois-pontos-contador {
line-height: 18px !important
}
 
.product-item-offer .ms-timer>* {
height: 18px;
line-height: 18px;
font-size: 1.1rem !important
}
 
.product-item-offer .ms-timer>.dois-pontos-contador {
left: auto
}
 
.product-item-offer .ms-timer {
width: 100%;
margin: auto;
height: 18px;
margin: auto;
justify-content: center;
display: flex;
align-items: center !important;
background: transparent
}
 
.product-item-offer .prod-icon-timer {
width: 15%;
display: flex;
justify-content: center;
align-items: center;
background: transparent
}
 
.product-item-offer .prod-icon-timer path,
.product-item-offer .prod-icon-timer svg {
fill: var(--cor_texto_botao_hover) !important;
width: 20px;
height: 20px
}
 
.product-item-offer .box-featuredProducts {
width: 85%;
display: flex;
justify-content: center;
align-items: center
}
 
.NewfeaturedProducts-label {
line-height: 12px;
text-align: left;
text-transform: uppercase;
font-size: 10px !important
}
 
.product-item-offer:hover .acoes-produto::before {
display: none !important
}
 
.product-item-offer .NewfeaturedProducts-timer {
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1020 !important;
width: 92%;
overflow: hidden;
height: 32px;
display: flex;
justify-content: space-around;
background: var(--cor_botao_hover);
color: var(--cor_texto_botao_hover);
border: 1px solid var(--cor_botao_hover);
font-weight: 700;
margin: auto;
border-radius: 10px;
text-shadow: none !important
}
 
.product-item-offer .preco-promocional {
font-size: 1.4em !important
}
 
.product-item-offer .ms-timer>* {
width: 25%;
margin: 0;
left: 0;
font-weight: 700 !important;
flex: 0;
color: var(--cor_texto_botao_hover)
}
 
.product-item-offer .acoes-produto .botao.principal:hover {
background: var(--cor_botao_hover) !important;
color: var(--cor_texto_botao_hover) !important
}
 
.item-oferta:hover ul .bandeiras-produto {
display: flex
}
 
.item-oferta .bandeiras-produto {
font-size: 10px !important;
}
 
.item-oferta:hover ul span.fundo-principal.bandeira-promocao {
font-size: 3mm
}
 
.listagem-item:hover .acoes-produto:before {
opacity: .4 !important
}
 
.menu.superior>ul.nivel-um>li>a>.icon-menu {
width: 38px;
height: 30px;
right: 8px;
top: 11px;
object-fit: contain;
position: relative;
image-rendering: initial
}
 
@media (max-width: 767px) {
.lrMenuBox>li.menu-icone {
position: relative
}
 
.lrMenuBox>li.menu-icone strong {
margin-left: 30px !important
}
 
.lrMenuBox .icon-menu {
width: 24px;
height: 24px;
left: 30px;
top: 10px;
object-fit: contain;
position: absolute
}
}
 
@media (max-width: 768px) {
.slides-items-category .item img {
border: 0;
padding: 1.5px !important;
border-radius: 0;
display: inherit;
left: -1px;
margin: 0 auto;
overflow: hidden;
position: relative;
object-fit: cover;
}
 
div#box-slide .titulo-categoria strong {
font-size: 19px !important;
/* color: var(--cor_titulos); */
}
 
.slides-items-category .item {
width: 100%;
max-width: 142px;
}
 
#box-slide .title-categorias,
.second-title {
font-size: 19px !important;
text-align: left;
}
 
.slides-items-category .item img {
/* width: 143px !important; */
/* height: 118px !important; */
/* max-width: 120px; */
/* box-shadow: 0 1px 4px #0000001f; */
}
 
.slides-items-category .item .titulo {
font-size: 11px !important;
}
 
div#box-slide:before {
height: 284px !important;
display: none;
}
 
div#box-slide {
/*! margin: 0px !important */
/* float: left; */
display: inline-block !important;
width: 100%;
}
 
.banners-slide ul {
margin: 0;
}
 
div#box-slide .titulo-categoria {
margin-top: 0px;
}
}
 
/* MENU COM ICONES */
.menu.superior>ul.nivel-um>li>a>.icon-menu {
width: 28px;
height: 28px;
right: 8px;
top: 10px;
object-fit: contain;
position: relative;
image-rendering: auto;
}
 
@media (max-width: 767px) {
.lrMenuBox>li.menu-icone {
position: relative;
}
 
.lrMenuBox>li.menu-icone strong {
margin-left: 30px !important;
}
 
.lrMenuBox .icon-menu {
width: 24px;
height: 24px;
left: 30px;
top: 10px;
object-fit: contain;
position: absolute;
}
}
 
div#instagram-feed {
max-width: 1280px;
margin: auto;
}
 
/* UDPATE */
/* tarja slide */
#tarja-slide ul {
list-style-type: none;
display: flex;
justify-content: space-evenly;
align-items: center;
margin: 0;
}
 
@media (min-width: 768px) {
#tarja-slide ul .slick-track {
width: 1280px;
}
}
 
#tarja-slide {
margin: 10px 0;
}
 
#tarja-slide .conteiner {
background: #fff;
/*! border-top: 2px solid #ccc; */
padding: 12px 0;
border-radius: 8px;
box-shadow: none;
/*! margin: 0 10px; */
}
 
[data-theme="dark"] #tarja-slide .conteiner {
background: var(--cor_fundo);
border: 0;
}
 
#tarja-slide ul li:hover {
opacity: .8
}
 
#tarja-slide ul li {
display: flex;
align-items: center;
flex: 1;
justify-content: center;
}
 
[data-theme="dark"] #tarja-slide .icon {
border: 1px solid var(--cor_botao_hover);
}
 
#tarja-slide .icon {
display: flex;
justify-content: center;
align-items: center;
width: 54px;
height: 54px;
margin-right: 16px;
border-radius: 50%;
color: var(--cor_botao);
font-size: 1.4rem;
border: 0;
}
 
#tarja-slide .first-line {
text-transform: uppercase;
font-size: 1.2em;
font-weight: 700;
color: var(--texto_global);
}
 
@media (max-width: 768px) {
#tarja-slide .first-line {
font-size: 0.775rem;
}
 
#tarja-slide .icon svg {
width: 34px !important;
;
}
 
#tarja-slide .text {
font-size: 0.775rem;
}
 
.abas-conta li {
display: block !important;
}
 
.abas-conta li a {
font-size: 0.675rem !important;
padding: 6px;
}
}
 
[data-theme="dark"] #tarja-slide,
[data-theme="dark"] #tarja-slide .first-line {
color: var(--cor_titulos)
}
 
#tarja-slide .icon svg {
width: 1.6em;
height: 1.6em;
fill: var(--cor_botao);
}
 
[data-theme="dark"] #tarja-slide .icon svg {
width: 1.0.4em;
height: 1.04em;
fill: var(--cor_botao_hover);
}
 
/* UPDATE */
ul.produtos-carrossel {
width: 100%;
}
 
/* mapa inicio */
.sobre-loja-rodape>img {
max-width: 200px;
background: var(--cor_cabecalho) !important;
padding: 10px 10px 5px 10px !important;
margin-bottom: 20px;
}
 
.modal.mapa {
width: 769px;
display: none;
left: 44%;
background: var(--cor_botao);
}
 
.rodape-endereco {
border-top: 1px solid #90909042;
padding-top: 15px;
margin-top: 15px;
color: #000;
}
 
.rodape-endereco svg {
padding-right: 10px
}
 
.modal-map-content button.close {
border: 2px solid white !important;
color: white;
font-size: 36px;
border-radius: 70%;
opacity: 1 !important;
right: -18px;
position: absolute;
width: 40px;
top: -18px;
background: #444;
padding: 0;
cursor: pointer;
height: 40px;
-webkit-appearance: none;
}
 
.rodape-endereco button {
display: flex;
background: none;
align-items: center;
}
 
#rodape svg,
#rodape path {
fill: var(--cor_primaria);
}
 
.rodape-endereco svg {
width: 32px;
height: 32px;
display: flex;
margin-right: 7px;
}
 
.rodape-endereco .onde-estamos {
display: flex;
flex-direction: column;
text-align: left;
font-size: 13px;
line-height: 14px;
flex: 1;
}
 
.rodape-endereco .onde-estamos .a {
font-weight: 600;
}
 
.rodape-endereco .onde-estamos .b {
font-size: 12px;
}
 
.rodape-endereco .onde-estamos * {
color: var(--texto_global);
line-height: 17px;
}
 
@media(max-width: 1366px) {
.modal-map iframe#gmap_canvas {
height: 400px;
}
}
 
.modal-map-content h1 {
color: white;
position: relative;
display: flex;
justify-content: center;
top: -12.8px;
}
 
.modal-map-content h1:hover {
border: none;
opacity: 0.8 !important;
}
 
@media(max-width: 769px) {
#rodape .row-fluid .sobre-loja-rodape.span3 {
display: block;
width: 100% !important;
margin-bottom: 40px;
padding: 0;
}
}
 
@media(max-width: 769px) {
.modal.mapa {
margin: 110px 10px 0 10px !important;
position: fixed;
left: 0;
}
 
.modal-map-content button.close {
right: -10px;
top: -12px;
}
 
.modal-map-content h1 {
top: -15px;
right: -1px;
right: -1%;
}
}
 
/* mapa fim */
/* PIX PERSONALIZADO */
span.price-pix.v2 {
display: flex;
font-weight: 500;
font-size: 15px;
line-height: 1.6em;
color: var(--texto_global);
width: 70%;
justify-content: center;
align-items: center;
padding: 0;
margin-top: 8px;
border-top: 1px dashed #d9d9d9;
border-radius: 0;
padding-top: 10px;
}
 
.listagem .price-pix.v2 img {
margin-right: 6px;
}
 
.price-pix.v2 img {
width: 20px;
height: 26px;
}
 
.economizePix {
color: #fff;
font-weight: 400;
font-size: 0.675rem;
background: #27b2a3;
padding: 0px 8px;
border-radius: 100px;
margin-top: 2px;
}
 
.pagina-carrinho .pixIm {
display: none
}
 
.listagem-item .pixIm {
display: flex;
align-items: center;
justify-content: ;
color: var(--texto_global);
}
 
.listagem-item .pixIm span {
display: none
}
 
.pixIm {
display: flex;
/* color: var(--texto_global); */
}
 
.pixIm > svg {
margin-right: 10px;
position: relative;
top: 2.6px;
}
 
.pixIm b {
font-weight: 700;
/*! font-size: 0.825rem; */
color: #fff;
}
 
.conteinerPix {
display: flex
}
 
.discountPix {
color: var(--cor_clara);
background: var(--cor_botao_comprar);
border-radius: 6px;
display: flex;
white-space: nowrap;
width: 100%;
height: 20px;
align-items: center;
justify-content: center;
}
 
.tabela-carrinho span.price-pix.v2 {
width: 97% !important;
margin: 0px;
/* display: flex !important; */
font-size: 10px;
display: none !important;
}
 
.tabela-carrinho .discountPix {
width: 90%;
}
 
.tabela-carrinho .pixIm b {
font-weight: 700;
font-size: 12px;
}
 
.listagem span.price-pix.v2 {
display: flex !important;
width: 100% !important;
color: var(--cor_primaria) !important;
background: transparent;
font-size: 14px;
margin: auto;
line-height: 18px;
margin-top: 10px;
/* border: 0; */
justify-content: center;
}
 
@media (max-width: 768px) {
.listagem .pixIm b:nth-child(2) {
display: none
}
}
 
.listagem .pixIm b:nth-child(2) {
display: none
}
 
.listagem .conteinerPix {
display: none;
}
 
.listagem span.conteinerPix {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
 
div#flutuante-produto span.price-pix.v2 {
display: flex !important;
width: 100% !important;
}
 
div#flutuante-produto span.price-pix.v2 .pixIm * {
font-size: 12px !important;
line-height: 14px;
}
 
@media screen and (max-width: 768px) {
.produto .principal>div span.price-pix.v2 {
/* margin-left: 10%; */
width: 100% !important;
}
 
.produto .principal>div .pixIm {
display: flex;
justify-content: flex-start;
width: 100%;
}
 
.produto .principal>div .discountPix {
width: 70%;
}
}
 
#avisoCookies {
color: var(--texto_global);
font-weight: 500;
}
 
#avisoCookies strong {
color: var(--cor_primaria);
font-weight: 700;
}
 
#avisoCookies .botao {
background: var(--cor_botao);
color: var(--cor_texto_botao);
padding: 10px 20px;
border-radius: 6px;
font-size: 0.875rem;
font-weight: 600;
 
}
 
.box-video1 iframe {
border-radius: 10px;
}
 
.box-video1 {
margin-right: 25px;
flex: 1;
display: flex;
min-height: 400px;
max-width: 1240px;
padding: 2px 0;
height: 474px;
border-radius: 10px;
overflow: hidden;
}
 
.box-video-novo .videoyt-novo {
width: inherit;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
 
.box-video-novo {
width: 100%;
}
 
@media (min-width: 768px) {
.box-video-novo {
width: 100%;
min-height: 640px;
margin: 60px 0;
}
}
 
.box-video-novo::before {
content: "";
width: 300vw;
height: 680px;
position: absolute;
left: -100%;
background: var(--cor_youtube);
border-bottom: 0;
}
 
.box-video-novo .title-categorias {
color: var(--cor_texto_youtube) !important;
}
 
.box-video-novo .new-conteiner {
padding-top: 30px !important;
padding-bottom: 30px !important;
background: none !important;
box-shadow: none !important;
max-width: 1260px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
 
.listagem.youtube .listagem-item {
/* width: 379px !important; */
border: 0 !important;
margin: 0 10px;
}
 
.listagem.youtube .listagem-item:hover {
border: 0 !important;
box-shadow: none;
}
 
.listagem.youtube .listagem .listagem-item * {
max-height: 190px;
max-width: 400px;
/* background: transparent; */
}
 
@media (min-width: 768px) {
.listagem.youtube .listagem>ul {
max-width: 350px;
/* max-height: 300px; */
margin: 0 10px;
}
}
 
.youtube .listagem-oferta {
font-weight: 800;
display: flex;
font-size: 14px;
align-items: center;
justify-content: center;
color: var(--cor_texto_botao);
/*! border-bottom: 1px solid #e7e7e7; */
padding: 10px 0;
margin-bottom: 10px;
/*! display: none; */
background: var(--cor_botao);
border-radius: 6px 6px 0 0;
}
 
@media(max-width: 769px){
.listagem.youtube .listagem-item {
max-width: 400px !important;
min-height: 102px !important;
}
.listagem.youtube .listagem>ul {
max-width: 330px;
max-height: 250px;
}
 
}
 
.listagem.youtube {
/*! border: 1px solid #ebebeb; */
border-radius: 8px;
padding: 0;
height: 100%;
background: #fff;
}
 
@media(max-width: 769px){
 
.listagem.youtube .listagem .bandeiras-produto{
display: flex;
transform: scale(0.875)
}
 
.youtube .bandeiras-produto span.bandeira-frete-gratis {
width: 32px;
height: 32px;
 
}
 
.box-video1{
margin: 0;
width: 100%;
max-width: 100% !important;
height: 200px;
}
 
 
.box-video-novo .new-conteiner {
/* margin-top: -115px; */
/* margin-bottom: 49px; */
width: inherit;
padding: 0;
}
.listagem.youtube .listagem {
margin-left: 0;
display: flex;
justify-content: center;
/* overflow: hidden; */
/* flex: 1; */
}
 
.videoyt-novo .listagem .listagem-item .info-produto {
flex: 1;
text-align: left;
justify-content: center;
align-items: flex-start;
display: flex;
flex-direction: column;
padding: 3px 20px;
width: 100%;
}
 
.videoyt-novo .listagem-item {
display: flex;
flex-wrap: wrap !important;
flex-direction: initial !important;
min-height: 200px !important;
/* width: 100%; */
margin: 0;
padding: 0;
}
 
 
 
.videoyt-novo .nome-produto {
height: 20px !important;
min-height: 20px !important;
max-height: 20px;
 
}
 
 
.videoyt-novo .imagem-produto {
width: 110px !important;
height: 80px !important;
margin-right: 20px !important;
}
 
.videoyt-novo .desconto-a-vista,
.videoyt-novo .acoes-produto-responsiva,
.videoyt-novo .acoes-produto {
display: none !important
}
 
.videoyt-novo .preco-parcela {
font-size: 0.575rem
}
 
.videoyt-novo span.fundo-principal.bandeira-promocao {
font-size: 8px !important;
width: 32px;
height: 32px;
}
 
.videoyt-novo .listagem-item {
display: flex;
}
 
.videoyt-novo #listagemProdutos>ul {
align-items: center;
padding: 0;
margin: 0 !important;
/* justify-content: center !important; */
/* width: 100% !important; */
}
 
.videoyt-novo .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-principal {
opacity: 1 !important
}
 
.box-video1 {
margin-bottom: 10px;
}
 
.box-video-novo .videoyt-novo {
flex-direction: column
}
 
.box-video-novo {
padding: 10px 0
}
}
 
/* Compre junto */
#compre-junto {
display: flex;
align-items: center;
}
 
#compre-junto .icone {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
margin: 15px;
color: white;
line-height: 40px;
font-size: 35px;
font-weight: bold;
text-align: center;
cursor: default;
}
 
#compre-junto .resultado {
display: flex;
flex-direction: column;
font-size: 15px;
border-radius: 5px;
background: var(--cor-botao);
text-align: center;
padding: 15px;
}
 
#compre-junto li.span3 {
border: 1px solid #d3d3d3;
}
 
@media (max-width: 767px) {
#compre-junto {
flex-direction: column;
}
 
#compre-junto .span1 {
width: fit-content;
}
 
#compre-junto .span3 {
margin-top: 0;
}
}
 
.listagem.com-caixa.aproveite-tambem.borda-alpha li.listagem-linha {
width: 100%;
}
 
.listagem.com-caixa.aproveite-tambem.borda-alpha .botao-comprar {
font-size: 13px;
background: var(--cor_botao_comprar);
width: 50%;
position: relative;
padding: 10px;
color: #FFF;
font-weight: 500;
left: 25%;
border-radius: 5px;
}
 
 
.listagem.com-caixa.aproveite-tambem.borda-alpha
.listagem-item {
border-radius: 0px;
}
 
#compre-junto .resultado p, #compre-junto .resultado strong {
color: #FFF;
font-weight: bold;
}
 
#compre-junto .resultado strong {
border-bottom: 2px solid #FFF;
margin-top: 0px;
}
/* ESTILO PREMIUM SEGURO – NÃO QUEBRA O TEMA */

/* Cards de produto apenas na vitrine */
/* Ajuste leve dos cards sem quebrar preço/parcelamento */
#listagemProdutos .listagem-item,
.produtos-carrossel .listagem-item {
    border-radius: 12px;
}

/* Cor do preço */
#listagemProdutos .preco-promocional,
.produtos-carrossel .preco-promocional,
#listagemProdutos .preco-produto strong,
.produtos-carrossel .preco-produto strong {
    color: #244C63 !important;
    font-weight: 700 !important;
}

/* Parcelamento */
#listagemProdutos .preco-parcela,
.produtos-carrossel .preco-parcela,
#listagemProdutos .parcelas-produto,
.produtos-carrossel .parcelas-produto {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Desconto no pix */
#listagemProdutos .desconto-a-vista,
.produtos-carrossel .desconto-a-vista,
#listagemProdutos span.price-pix,
.produtos-carrossel span.price-pix {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Esconde botão Pedido via WhatsApp */
#listagemProdutos a[href*="whatsapp"],
.produtos-carrossel a[href*="whatsapp"],
#listagemProdutos .botao-whatsapp,
.produtos-carrossel .botao-whatsapp,
#listagemProdutos .pedido-whatsapp,
.produtos-carrossel .pedido-whatsapp {
    display: none !important;
}
    .section-instagram a,
.section-instagram span {
    font-size: 0 !important;
}

.section-instagram a::after,
.section-instagram span::after {
    content: "@boonsuplementos";
    font-size: 22px;
    font-weight: 600;
    color: #a1bc76;
}
//* Corrige carrossel de produtos da HOME (desktop) */
@media (min-width: 769px) {
    
    .pagina-inicial .produtos-carrossel .listagem-item {
        height: auto !important;
        max-height: none !important;
    }

    .pagina-inicial .produtos-carrossel .imagem-produto {
        height: 220px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .pagina-inicial .produtos-carrossel .imagem-produto img {
        max-height: 200px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }
.section-newsletter-home {
    background: #a1bc76 !important;
}

.section-newsletter-home * {
    color: #244C63 !important;
}
/* REMOVE CAMADA QUE ESTÁ CORTANDO O BANNER */
div#box-slide:before {
    display: none !important;
}

/* GARANTE QUE A IMAGEM APAREÇA INTEIRA */
#box-slide img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
}

/* CORREÇÃO MOBILE */
@media (max-width: 768px) {
    #box-slide {
        padding: 0 !important;
    }

    #box-slide img {
        height: auto !important;
        max-height: none !important;
    }
}

/* CORRIGE Z-INDEX */
.menu.superior {
    z-index: 10 !important;
}
/* FULLBANNER DESKTOP */
@media (min-width: 768px) {
  .full-banners.hidden-phone {
    display: block !important;
  }

  #box-banners-full {
    display: none !important;
  }