Estilos para temas escuro e claro de página de conta

@import url(https://fonts.googleapis.com/css?
family=Quicksand:300,400,500,700);body
{
font-family: Quicksand;
background: #fff
}
.caixa-sombreada,.conteiner-principal .conteiner {
-webkit-box-shadow: none;
box-shadow: none
}
.conteiner,.tema-pequeno .conteiner {
max-width: 1274px
}
.titulo {
font-family: Quicksand
}
.cabecalho-interno .titulo {
color: #000;
font-weight: 600;
font-size: 20px
}
.cabecalho-interno .titulo small {

color: #747474;
font-size: 13px;
font-weight: 400
}
.conteudo h1 {
color: #4d4d4d;
font-weight: 600;
font-size: 30px
}
.acoes-produto-responsiva .tag-comprar,.botao.principal.botao-
comprar,.botao.principal.grande {
background: #f75d9e
}
.botao {
border-radius: 22px;
background: #f75d9e;
color: #fff;
border: none;
font-weight: 700
}
.botao:hover {
opacity: .8;
color: #fff;
background-image: none
}
.atributos ul li a:hover,.atributos ul li.active a,.borda-principal,.elastislide-

carousel ul li.active a,.tema-scuro .nav-tabs li.active a {
border-color: #f75d9e
}
.botao.principal,.botao.principal:hover,.dropdown-menu>li>a:hover,.filtro.lista ul
li label:hover,.filtro.lista ul li.active label,.flex-control-paging li a.flex-
active,.fundo-principal,.menu li:hover>a .fundo-secundario,.menu-simples li
a:hover,.menu-simples li.active a {
background: #f75d9e
}
.atributo-comum .active a span,.atributo-comum a:hover span,.cor-principal,.menu

a:hover,a,a:focus,a:hover {
color: #f75d9e
}
.fundo-secundario,.fundo-secundario *,.fundo-secundario :hover,.fundo-

secundario.botao:hover,.fundo-secundario:hover {
color: #fff
}
.form-horizontal input,.form-horizontal select {

border-radius: 20px
}
body.tema-escuro {
color: inherit
}
.tema-escuro .conteiner,.tema-escuro .modal {

background-color: inherit
}
.tema-escuro .modal-footer {
background-color: #fff;
box-shadow: none;
border-top-color: #f75d9e
}
.tema-escuro .carrinho {
background: inherit
}
.tema-escuro .atributos ul li a,.tema-escuro .carrinho-interno,.tema-

escuro .direitos-reservados,.tema-escuro .menu .nivel-dois,.tema-
escuro .menu .nivel-tres,.tema-escuro .menu.lateral .nivel-um>li>a,.tema-
escuro .sugestoes {
background-color: #fff
}
.tema-escuro .parcelas-produto .nav-tabs li a {

background-color: inherit;
box-shadow: none
}
.tema-escuro .atributo-comum a span,.tema-escuro .cor-secundaria {

color: inherit
}
.tema-escuro .menu.superior .nivel-um>li {
border-left: 0
}
.tema-escuro .menu .nivel-dois a {

color: inherit
}
.tema-escuro .cep .add-on i,.tema-escuro .pagamento-selos .titulo {

color: inherit
}
.tema-escuro .abas-conta li.active a,.tema-escuro .listagem-item .acoes-produto {

}
.tema-escuro .caixa-dados ul {
border-color: inherit
}
.tema-escuro #barraTopo {
}
.tema-escuro .sem-banner .caixa-vazia {

}
.tema-escuro .alert-message {
color: inherit
}
.tema-escuro #rodape .span9.span12 p {

color: inherit
}
.tema-escuro td,.tema-escuro th,.tema-escuro tr {

border-color: inherit
}
.tema-transparente .conteiner {
background-color: transparent;
box-shadow: none
}
.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {

}
.tema-transparente .identificacao .identificacao-inner {

background: inherit
}
.cadastro input[type=password],.cadastro input[type=text],.cadastro select {

border: solid 1px #ccc
}
.cadastro legend {
border-color: #f75d9e;
border-width: 3px;
color: #000;
font-weight: 600;
font-size: 20px
}
.cadastro label {
color: #000;
font-weight: 600
}
.cadastro .caixa-sombreada.borda-principal {
background: #fff
}
.cadastro .caixa-sombreada {
box-shadow: none;
border: solid 1px #ccc
}
.cadastro .recuperar-senha {
color: #000;
-webkit-transition: all 1s;
transition: all 1s
}
.cadastro .recuperar-senha i {
color: #f75d9e
}
.cadastro .recuperar-senha:hover {
color: #f75d9e;
text-decoration: none;
transition: all 1s
}
.pagina-conta .conta-menu,.pagina-favorito-listar .conta-menu,.pagina-pedido-listar

.conta-menu {
border: solid 1px #d8d9da
}
.pagina-conta .conta-menu .nome-usuario,.pagina-favorito-listar .conta-menu .nome-

usuario,.pagina-pedido-listar .conta-menu .nome-usuario {
font-size: 18px;
color: #4d4d4d;
font-weight: 700;
border-bottom: solid 3px #f75d9e
}
.pagina-conta .conta-menu .nome-usuario i,.pagina-favorito-listar .conta-

menu .nome-usuario i,.pagina-pedido-listar .conta-menu .nome-usuario i {
color: #f75d9e
}
.pagina-conta .conta-menu .menu-simples li,.pagina-favorito-listar .conta-

menu .menu-simples li,.pagina-pedido-listar .conta-menu .menu-simples li {
border: none
}
.pagina-conta .conta-menu .menu-simples li a,.pagina-favorito-listar .conta-

menu .menu-simples li a,.pagina-pedido-listar .conta-menu .menu-simples li a {
color: #9f9f9f;
font-size: 14px;
font-weight: 500;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out
}
.pagina-conta .conta-menu .menu-simples li a i,.pagina-favorito-listar .conta-

menu .menu-simples li a i,.pagina-pedido-listar .conta-menu .menu-simples li a i {
color: #f75d9e
}
.pagina-conta .conta-menu .menu-simples li a i.icon-star:before,.pagina-favorito-

listar .conta-menu .menu-simples li a i.icon-star:before,.pagina-pedido-
listar .conta-menu .menu-simples li a i.icon-star:before {
content: "\f004"
}
.pagina-conta .conta-menu .menu-simples li a:hover,.pagina-favorito-listar .conta-

menu .menu-simples li a:hover,.pagina-pedido-listar .conta-menu .menu-simples li
a:hover {
background: 0 0;
color: #4d4d4d
}
.pagina-conta .cadastro [class*=" icon-"],.pagina-conta .cadastro

[class^=icon-],.pagina-conta .conteudo [class*=" icon-"],.pagina-conta .conteudo
[class^=icon-],.pagina-favorito-listar .cadastro [class*=" icon-"],.pagina-
favorito-listar .cadastro [class^=icon-],.pagina-favorito-listar .conteudo
[class*=" icon-"],.pagina-favorito-listar .conteudo [class^=icon-],.pagina-pedido-
listar .cadastro [class*=" icon-"],.pagina-pedido-listar .cadastro
[class^=icon-],.pagina-pedido-listar .conteudo [class*=" icon-"],.pagina-pedido-
listar .conteudo [class^=icon-] {
color: #f75d9e
}
.pagina-conta .cadastro .abas-conta li a,.pagina-conta .conteudo .abas-conta li

a,.pagina-favorito-listar .cadastro .abas-conta li a,.pagina-favorito-
listar .conteudo .abas-conta li a,.pagina-pedido-listar .cadastro .abas-conta li
a,.pagina-pedido-listar .conteudo .abas-conta li a {
box-shadow: none;
border-color: #d8d9da;
border-radius: 0;
color: #4d4d4d;
font-size: 18px;
font-weight: 700
}
.pagina-conta .cadastro .abas-conta li a i,.pagina-conta .conteudo .abas-conta li a

i,.pagina-favorito-listar .cadastro .abas-conta li a i,.pagina-favorito-
listar .conteudo .abas-conta li a i,.pagina-pedido-listar .cadastro .abas-conta li
a i,.pagina-pedido-listar .conteudo .abas-conta li a i {
width: 40px;
font-size: 2em;
vertical-align: middle
}
.pagina-conta .cadastro .abas-conta li a i.icon-star:before,.pagina-conta .conteudo

.abas-conta li a i.icon-star:before,.pagina-favorito-listar .cadastro .abas-conta
li a i.icon-star:before,.pagina-favorito-listar .conteudo .abas-conta li a i.icon-
star:before,.pagina-pedido-listar .cadastro .abas-conta li a i.icon-
star:before,.pagina-pedido-listar .conteudo .abas-conta li a i.icon-star:before {
content: "\f004"
}
.pagina-conta .cadastro .abas-conteudo,.pagina-conta .conteudo .abas-

conteudo,.pagina-favorito-listar .cadastro .abas-conteudo,.pagina-favorito-
listar .conteudo .abas-conteudo,.pagina-pedido-listar .cadastro .abas-
conteudo,.pagina-pedido-listar .conteudo .abas-conteudo {
box-shadow: none;
}
.pagina-conta .cadastro .abas-conteudo .caixa-dados,.pagina-conta .conteudo .abas-

conteudo .caixa-dados,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-
dados,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-dados,.pagina-pedido-
listar .cadastro .abas-conteudo .caixa-dados,.pagina-pedido-listar .conteudo .abas-
conteudo .caixa-dados {
}
.pagina-conta .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-

conta .conteudo .abas-conteudo .caixa-dados .caixa-info,.pagina-favorito-
listar .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-favorito-
listar .conteudo .abas-conteudo .caixa-dados .caixa-info,.pagina-pedido-
listar .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-pedido-
listar .conteudo .abas-conteudo .caixa-dados .caixa-info {
box-shadow: none;
}
.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-

editar .botao.pequeno,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-
editar .botao.pequeno,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados
.acao-editar .botao.pequeno,.pagina-favorito-listar .conteudo .abas-
conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-pedido-
listar .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno,.pagina-
pedido-listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno {
background: #e3e3e3;
color: #000
}
.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno

i,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno
i,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-
editar .botao.pequeno i,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-
dados .acao-editar .botao.pequeno i,.pagina-pedido-listar .cadastro .abas-
conteudo .caixa-dados .acao-editar .botao.pequeno i,.pagina-pedido-listar .conteudo
.abas-conteudo .caixa-dados .acao-editar .botao.pequeno i {
color: #000
}
.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-

editar .botao.principal,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-
editar .botao.principal,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-
dados .acao-editar .botao.principal,.pagina-favorito-listar .conteudo .abas-
conteudo .caixa-dados .acao-editar .botao.principal,.pagina-pedido-listar .cadastro
.abas-conteudo .caixa-dados .acao-editar .botao.principal,.pagina-pedido-
listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal {
background: #55af59;
color: #fff
}
.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal

i,.pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal
i,.pagina-favorito-listar .cadastro .abas-conteudo .caixa-dados .acao-
editar .botao.principal i,.pagina-favorito-listar .conteudo .abas-conteudo .caixa-
dados .acao-editar .botao.principal i,.pagina-pedido-listar .cadastro .abas-
conteudo .caixa-dados .acao-editar .botao.principal i,.pagina-pedido-
listar .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal i {
color: #fff
}
.pagina-conta .cadastro h3.titulo,.pagina-conta .conteudo h3.titulo,.pagina-

favorito-listar .cadastro h3.titulo,.pagina-favorito-listar .conteudo
h3.titulo,.pagina-pedido-listar .cadastro h3.titulo,.pagina-pedido-listar .conteudo
h3.titulo {
font-size: 22px;
font-weight: 700;
color: #4d4d4d;
border: none
}
.pagina-conta .cadastro h3.titulo small,.pagina-conta .conteudo h3.titulo

small,.pagina-favorito-listar .cadastro h3.titulo small,.pagina-favorito-
listar .conteudo h3.titulo small,.pagina-pedido-listar .cadastro h3.titulo
small,.pagina-pedido-listar .conteudo h3.titulo small {
color: #868686;
font-weight: 500;
font-size: 14px
}
.pagina-conta .cadastro .botao i,.pagina-conta .conteudo .botao i,.pagina-favorito-

listar .cadastro .botao i,.pagina-favorito-listar .conteudo .botao i,.pagina-
pedido-listar .cadastro .botao i,.pagina-pedido-listar .conteudo .botao i {
color: #fff
}
#barraTopo {
background: #fff;
visibility: hidden
}
.barra-inicial {
padding: 0
}
.barra-inicial .row-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.barra-inicial ul {
overflow: visible
}
.barra-inicial ul li {
height: auto
}
.barra-inicial .lista-redes {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto
}
.barra-inicial .canais-contato {
/* margin-right: 10px */
}
.barra-inicial .canais-contato li {
border: none
}
.barra-inicial .canais-contato li i {
display: none
}
.barra-inicial .canais-contato li>a,.barra-inicial .canais-contato li>span {

color: #fff;
font-size: 14px;
font-weight: 700
}
.barra-inicial .canais-contato li>a:hover {

opacity: .7
}
.barra-inicial .canais-contato li:first-child {

float: right
}
@media screen and (max-width: 1325px) {

.barra-inicial .canais-contato li.hidden-phone,.barra-inicial .canais-contato
li.hidden-tablet {
display:none
}
}
.barra-inicial .canais-contato {
display:none
}
}
.barra-inicial .acoes-conta li {
line-height: normal;
margin-right: 0
}
.barra-inicial .acoes-conta li>a {

color: #fff;
font-size: 14px;
font-weight: 700
}
.barra-inicial .acoes-conta li>a:hover {

opacity: .7
}
.barra-inicial .acoes-conta li>a .icon {

width: 12px;
height: 12px;
margin-left: 6px;
}
.barra-inicial .acoes-conta li>a .icon .cls-1 {

fill: #fff;
}
.barra-inicial .acoes-conta li .icon-user {

display: none
}
.barra-inicial .btn-group {
margin-right: 20px;
}
.barra-inicial .btn-group>a.botao.pequeno {
background: 0 0;
border: none;
font-size: 14px;
border: none;
border-radius: 5px;
color: #fff;
font-weight: 600;
width: 100px;
overflow: hidden;
text-overflow: ellipsis
}
.barra-inicial .btn-group>a.botao.pequeno>span {
font-size: 0
}
.barra-inicial .btn-group>a.botao.pequeno:hover {
color: #fff
}
.barra-inicial .btn-group .open .dropdown-toggle {

box-shadow: none
}
.barra-inicial .btn-group>.dropdown-menu {
padding: 0;
overflow: hidden
}
.barra-inicial .btn-group>.dropdown-menu>li {
float: none;
margin-left: 0;
padding-left: 0
}
.barra-inicial .btn-group>.dropdown-menu>li>a {
height: 100%;
line-height: 28px
}
.barra-inicial .btn-group>.dropdown-menu>li:active a,.barra-inicial .btn-

group>.dropdown-menu>li:focus a,.barra-inicial .btn-group>.dropdown-menu>li:hover a
{
background: #f2f2f2;
color: #838383
}
.carrinho {
border: none
}
.carrinho>a {
height: 40px;
transition: all .2s ease-out;
display: flex;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.carrinho>a span {
display: none
}
.carrinho>a>i.fundo-principal {
background: 0 0
}
.carrinho>a>i.fundo-principal:before {
content: ""
}
.carrinho>a>i.fundo-principal .icon {
width: 16px;
height: 16px
}
.carrinho>a>i.fundo-principal .icon .cls-1 {

fill: #fff
}
.carrinho>a:hover {
opacity: .7
}
.carrinho>a .wrap {
float: none;
-ms-flex: 1;
flex: 1
}
.carrinho>a .wrap .title-cart {

display: none
}
.carrinho .qtd-carrinho {
position: absolute;
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 30px;
font-size: 13px;
font-weight: 700;
background: #4d4d4d;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
margin: 0 5px;
display: block!important;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.carrinho .titulo.total-cart {
color: #fff;
font-size: 14px;
font-weight: 700;
float: right;
margin: 0;
line-height: normal
}
.carrinho .carrinho-interno ul {
overflow: auto
}
.carrinho .carrinho-interno ul li {
float: none
}
.carrinho .carrinho-interno ul li * {
color: #4d4d4d
}
.carrinho .carrinho-interno ul li:hover {

color: #4d4d4d
}
.carrinho .carrinho-interno .carrinho-info * {

color: #4d4d4d
}
.carrinho.vazio>a span.vazio-text {
display: none
}
.rastreio {
position: relative;
}
.rastreio .trigger-rastreio {
cursor: pointer
}
.rastreio .trigger-rastreio .icon {

width: 15px;
height: 15px;
vertical-align: sub;
margin-right: 1px;
}
.rastreio .trigger-rastreio .icon .a {

fill: #fff
}
.rastreio .trigger-rastreio span {

color: #fff
}
.rastreio .wrap {
position: relative;
margin: 10px 0
}
.rastreio .form-rastreio {
background: #fff;
border: solid 1px #d4d5d6;
position: absolute;
top: 100%;
z-index: 999;
-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
min-width: 212px;
min-height: 135px;
box-sizing: border-box;
padding: 10px;
opacity: 0;
visibility: hidden
}
.rastreio .form-rastreio span {

color: #9b9b9b;
font-size: 13px;
font-weight: 500;
display: block;
margin: 10px 0
}
.rastreio .form-rastreio input {

width: 100%;
padding: 0 10px;
height: 48px;
background: #fff;
border: solid 1px #e0e0e0;
padding: 10px;
margin-bottom: 0;
color: #4d4d4d
}
.rastreio .form-rastreio button {

position: absolute;
right: 10px;
height: 48px;
line-height: 48px;
padding: 0;
background: 0 0;
color: #7e7e7e
}
.rastreio .form-rastreio button:before {

content: "\f002";
font-family: FontAwesome
}
.rastreio:hover .form-rastreio {
visibility: visible;
opacity: 1
}
@media not all and (max-width: 768px) {

#cabecalho .conteiner .row-fluid {
display:-webkit-box;
display: flex;
justify-content: space-between
}
}
#cabecalho .conteudo-topo .superior {

display: none
}
#cabecalho .conteudo-topo .inferior .span4 {

display: none
}
#cabecalho .logo a {
height: auto
}
#cabecalho .logo a img {

position: relative
}
#cabecalho .carrinho {
display: none
}
#cabecalho .search-close,#cabecalho .search-open {

display: none
}

#cabecalho.fixed {
position:fixed;
top: 0;
left: 0;
right: 0;
z-index: 98;
background: #fff
}
#cabecalho.fixed .search {
position: relative;
width: 40px
}
#cabecalho.fixed .search .search-open {

background: 0 0;
position: absolute;
right: 15px;
top: 50%;
display: block
}
#cabecalho.fixed .search .search-open:after {
content: "\f002";
font-family: FontAwesome;
color: #4d4d4d;
font-size: 1.3em;
cursor: pointer
}
#cabecalho.fixed .search .busca-mobile {

display: none;
position: absolute;
right: 0;
top: 50%;
width: 400px;
z-index: 100
}
#cabecalho.fixed .search .busca-mobile.open {

display: block
}
#cabecalho.fixed .search .busca-mobile .search-close {

position: absolute;
right: 100%;
top: 50%;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
color: #fff;
font-weight: 700;
text-align: center;
display: block
}
#cabecalho.fixed .carrinho {
display: block
}
#cabecalho.fixed .carrinho>a>i.fundo-principal .icon .cls-1 {

fill: #4d4d4d
}
#cabecalho.fixed .carrinho .qtd-carrinho {

background: #f75d9e
}
#cabecalho.fixed .carrinho .titulo.total-cart {

color: #4d4d4d
}
#cabecalho.fixed .carrinho.vazio>a span.vazio-text:after {

background: #f75d9e
}
}
.busca {
background: 0 0;
border: none;
padding: 0
}
.busca input,.busca input:focus {

background: #fff;
height: 44px;
width: 100%;
border: solid 1px #cecece;
padding: 0 16px;
}
.busca input::-webkit-input-placeholder,.busca input:focus::-webkit-input-

placeholder {
color: #9a9a9a;
font-size: 14px;
font-weight: 700
}
.busca input:-ms-input-placeholder,.busca input:focus:-ms-input-placeholder {

color: #9a9a9a;
font-size: 14px;
font-weight: 700
}
.busca input::placeholder,.busca input:focus::placeholder {

color: #9a9a9a;
font-size: 14px;
font-weight: 700
}
.busca input:focus {
border-color: #f75d9e
}
.busca .botao {
background: 0 0;
color: #7e7e7e;
height: 44px;
border: none;
top: 0
}
.busca .botao:hover {
color: #7e7e7e;
opacity: .7
}
.full.menu {
background: #fff;
-ms-flex: 1;
flex: 1
}
.full.menu .nivel-um {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.full.menu .nivel-um ul {
border: none;
border-radius: 0;
box-shadow: 0 0 30px 0 rgba(0,0,0,.2)
}
.full.menu .nivel-um>li {
border: none;
height: 44px
}
.full.menu .nivel-um>li a {
line-height: 44px
}
.full.menu .nivel-um>li:first-child {
padding-left: 0
}
.full.menu .nivel-um>li:last-child {
padding-right: 0
}
.full.menu .nivel-um>li:hover .nivel-dois {

display: block
}
.full.menu .nivel-um .titulo {

color: #4d4d4d;
font-size: 14px;
text-transform: uppercase;
font-weight: 700
}
.full.menu .nivel-um .titulo:hover {

color: #f75d9e
}
.full.menu .nivel-um i {
display: none
}
.full.menu .nivel-dois {
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0
}
.full.menu .nivel-dois li {
border: none;
padding: 0 15px
}
.full.menu .nivel-dois li a {
color: #c4c4c4;
font-size: 14px;
font-weight: 700;
text-align: left
}
.full.menu .nivel-dois li:hover {

background: 0 0
}
.full.menu .nivel-dois li:hover a {

color: #4d4d4d;
font-weight: 700
}
.full.menu .categoria-marcas,.full.menu .categoria-paginas {

background-color: rgba(0,0,0,.05)
}
.full.menu .categoria-marcas .nivel-dois li,.full.menu .categoria-paginas .nivel-

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

dois li a {
padding: 0 20px
}
.full.menu .categoria-marcas .nivel-dois {

-webkit-column-gap: 0;
column-gap: 0
}
.full.menu .categoria-marcas .nivel-dois.colunas-2 {

-webkit-column-count: 2;
column-count: 2
}

column-count: 3
}

column-count: 4
}

column-count: 5
}
.banner .wrap {
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
width: 60%
}
.banner .wrap .title-banner {

color: #f75d9e;
font-size: 5rem;
font-weight: bold;
margin: 0;
display: block;
max-width: 100%;
}
@media only screen and (max-width: 960px) {

font-size:2rem;
}
}
@media only screen and (min-width: 1460px) {

font-size: 8rem;
}
}
.banner .wrap .info-banner {

background: 0 0;
display: inline-block;
position: relative;
padding: 0;
font-size: 23px;
letter-spacing: 2px;
font-weight: 700;
left: auto;
bottom: auto;
margin: 0;
max-width: 100%;
color: #fff;
padding: 7px 25px;
}
.banner .wrap .info-banner:after,.banner .wrap .info-banner:before {

content: '\f111';
color: #fff;
font-size: 8px;
vertical-align: middle;
margin: 0 10px
}

.banner .wrap .info-banner {
font-size:10px
}
.banner .wrap .info-banner:after,.banner .wrap .info-banner:before {

display: none
}
}
.banner .flexslider {
border: none;
border-radius: 0
}
.banner .flexslider img:hover {

opacity: .7
}
.banner .flexslider .flex-control-nav {

left: 0;
right: 0
}
.banner .flexslider .flex-direction-nav li a {

width: 45px;
height: 45px;
border-radius: 50%;
background: 0 0;
font-size: 0;
margin-top: -25px
}
.banner .flexslider .flex-direction-nav li a .icon {

height: 16px;
display: block;
margin: auto;
position: absolute;
top: 50%;
left: 0;
right: 0
}
.banner .flexslider .flex-direction-nav li a .icon .cls-1 {

fill: #9f9f9f
}
.banner .flexslider .flex-control-paging li a {

background: #9f9f9f;
border-color: #9f9f9f;
}
.banner .flexslider .flex-control-paging li a:hover {

background: #9f9f9f
}
.banner .flexslider .flex-control-paging li a.flex-active {

border: none
}
.banner.tarja {
text-align: center;
margin: 20px 0
}
.pagina-inicial .secao-banners>.conteiner {
max-width: 100%;
padding: 0
}
body:not(.pagina-inicial) .banner.tarja {
border-bottom: solid 1px #ddd;
padding-bottom: 30px
}

.mini-banner .modulo {
margin:20px 0
}
.tarja {
display: none!important
}
}
.tarja-mob {
display: none
}
.tarja-mob img {
max-width: 100%;
height: auto
}

.tarja-mob {
text-align:center;
margin: 20px 0 0;
display: block
}
}
body:not(.pagina-inicial) .tarja-mob {
margin-bottom: 20px
}
.marcas .flexslider ul li img {

-webkit-filter: grayscale(100);
filter: grayscale(100);
opacity: .5
}
.marcas .flexslider ul li:hover img {

-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1
}
.listagem .titulo-categoria strong,.listagem.aproveite-tambem .titulo-categoria

strong,.listagem.aproveite-tambem>.titulo,.listagem>.titulo {
text-align: left;
color: #4d4d4d;
font-size: 25px;
font-weight: 700;
text-transform: none
}
.listagem .titulo-categoria,.listagem.aproveite-tambem .titulo-

categoria,.listagem.aproveite-tambem>.titulo,.listagem>.titulo {
background: 0 0;
border-top: none;
text-align: left
}
.listagem .titulo-categoria:hover,.listagem.aproveite-tambem .titulo-

categoria:hover,.listagem.aproveite-tambem>.titulo:hover,.listagem>.titulo:hover {
background: 0 0;
padding-left: 0
}
.listagem .titulo-categoria:before,.listagem.aproveite-tambem .titulo-

categoria:before,.listagem.aproveite-tambem>.titulo:before,.listagem>.titulo:before
{
content: '\0023';
color: #c4c4c4;
margin-right: 5px;
font-size: 25px;
font-weight: 700
}
.listagem .titulo-categoria:after,.listagem.aproveite-tambem .titulo-

categoria:after,.listagem.aproveite-tambem>.titulo:after,.listagem>.titulo:after {
content: "";
display: block;
margin: 10px 0;
width: 100px;
height: 3px;
background: #f75d9e
}
.listagem .listagem-linha,.listagem.aproveite-tambem .listagem-linha {

border: none
}
.listagem .listagem-linha li,.listagem.aproveite-tambem .listagem-linha li {

border: none
}
.listagem .listagem-item,.listagem.aproveite-tambem .listagem-item {

-webkit-transition: all .2s;
transition: all .2s;
border: solid 1px transparent
}
.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-

item .info-produto {
text-align: center
}
.listagem .listagem-item .info-produto .nome-produto,.listagem.aproveite-

tambem .listagem-item .info-produto .nome-produto {
font-size: 14px;
color: #9f9f9f;
font-weight: 500;
}
.listagem .listagem-item .info-produto .preco-produto .preco-

venda,.listagem.aproveite-tambem .listagem-item .info-produto .preco-
produto .preco-venda {
font-size: 16px;
font-weight: 400;
color: #adadad
}

promocional,.listagem.aproveite-tambem .listagem-item .info-produto .preco-
produto .preco-promocional {
color: #4d4d4d;
font-size: 25px;
display: block;
font-weight: 500
}

parcela,.listagem.aproveite-tambem .listagem-item .info-produto .preco-
produto .preco-parcela {
font-size: 15px;
font-weight: 500;
color: #9f9f9f
}
.listagem .listagem-item .info-produto .preco-produto .preco-parcela

strong,.listagem.aproveite-tambem .listagem-item .info-produto .preco-
produto .preco-parcela strong {
font-weight: 500;
color: #4d4d4d
}
.listagem .listagem-item:not(.produto-adicionado):hover,.listagem.aproveite-
tambem .listagem-item:not(.produto-adicionado):hover {
background: #fff;
}
.listagem .listagem-item:not(.produto-adicionado):hover .info-

produto,.listagem.aproveite-tambem .listagem-item:not(.produto-
adicionado):hover .info-produto {
opacity: .4
}
.listagem .listagem-item .acoes-produto,.listagem.aproveite-tambem .listagem-

item .acoes-produto {
border: none;
bottom: 1%;
z-index: 30;
background: 0 0
}
.listagem .listagem-item .acoes-produto .botao-comprar,.listagem.aproveite-

tambem .listagem-item .acoes-produto .botao-comprar {
font-size: 14px;
font-weight: 700;
height: 45px;
line-height: 45px;
border: 2px solid #fff;
color: #fff;
text-transform: none;
display: block;
text-align: center;
padding: 0;
width: 90%;
margin: 2px 5%;
float: none;
}
.listagem .listagem-item .acoes-produto .botao-comprar .icon-
search,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-
comprar .icon-search {
display: none
}
.listagem .listagem-item .acoes-produto .qtd-prod,.listagem.aproveite-

tambem .listagem-item .acoes-produto .qtd-prod {
margin: 2px 0 0 5%;
height: 45px;
width: 43%;
float: left;
text-align: center;
color: #4d4d4d;
font-weight: 700;
font-size: 14px
}
.listagem .listagem-item .acoes-produto .adic-prod,.listagem.aproveite-

tambem .listagem-item .acoes-produto .adic-prod {
width: 43%;
margin: 2px 5% 0 0;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 12px;
font-weight: 700;
display: block;
float: right;
border-radius: 23px
}
.listagem .listagem-item .acoes-produto .adic-prod:before,.listagem.aproveite-

tambem .listagem-item .acoes-produto .adic-prod:before {
content: '\002B';
margin-right: 5px
}
.listagem .listagem-item .acoes-produto .adic-

prod.adicionado:before,.listagem.aproveite-tambem .listagem-item .acoes-
produto .adic-prod.adicionado:before {
display: none
}
.listagem .listagem-item .acoes-produto .adic-

prod.adicionado:after,.listagem.aproveite-tambem .listagem-item .acoes-
produto .adic-prod.adicionado:after {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"
viewBox="1267.046 1639.194 16.805 12.795"><path class="a" fill="#fff"
d="M8.747,15.721l-4.01-4.01L3.4,13.048l5.347,5.347L20.205,6.937,18.869,5.6Z"
transform="translate(1263.646 1633.594)"/></svg>');
width: 15px;
height: 15px;
display: block;
margin: auto
}
.listagem .listagem-item .acoes-produto .adic-prod:hover,.listagem.aproveite-tambem

.listagem-item .acoes-produto .adic-prod:hover {
opacity: .7
}
.listagem .listagem-item.item-adicionado,.listagem.aproveite-tambem .listagem-

item.item-adicionado {
border-color: #e6e6e6;
}
.listagem .listagem-item.item-adicionado:hover,.listagem.aproveite-
tambem .listagem-item.item-adicionado:hover {
border-color: #e6e6e6;
}
.listagem .listagem-item.item-adicionado .acoes-produto,.listagem.aproveite-

tambem .listagem-item.item-adicionado .acoes-produto {
opacity: 1
}
.listagem .listagem-item.produto-adicionado .info-produto,.listagem.aproveite-

tambem .listagem-item.produto-adicionado .info-produto {
opacity: 0
}
.listagem .listagem-item.produto-adicionado .acoes-produto,.listagem.aproveite-

tambem .listagem-item.produto-adicionado .acoes-produto {
display: none
}
.listagem .listagem-item.produto-adicionado .adicionado-carrinho.bandeira-

carrinho,.listagem.aproveite-tambem .listagem-item.produto-adicionado .adicionado-
carrinho.bandeira-carrinho {
display: none
}
.listagem .listagem-item.produto-adicionado::before,.listagem.aproveite-
tambem .listagem-item.produto-adicionado::before {
content: "\f00c";
position: absolute;
left: 0;
right: 0;
bottom: 20%;
width: 100%;
text-align: center;
color: #09de00;
font-size: 2em
}
.listagem .listagem-item.produto-adicionado::after,.listagem.aproveite-
tambem .listagem-item.produto-adicionado::after {
content: "Adicionado ao Carrinho";
position: absolute;
left: 0;
right: 0;
bottom: 10%;
font-size: 14px;
font-weight: 600;
width: 100%;
text-align: center
}
.listagem .imagem-produto,.listagem .produtos-carrossel[data-produtos-

linha] .imagem-produto,.listagem.aproveite-tambem .imagem-
produto,.listagem.aproveite-tambem .produtos-carrossel[data-produtos-
linha] .imagem-produto {
height: 349px
}
.bandeiras-produto {
right: 0;
left: auto
}
.bandeiras-produto span {
border-radius: 50%;
width: 55px;
height: 55px;
text-align: center;
font-size: 12px;
padding-top: 12px;
box-shadow: none;
border: none
}
.bandeiras-produto span.bandeira-promocao {
background: #f75d9e
}
.bandeiras-produto span.bandeira-promocao::after {
content: "off";
display: block
}
.bandeiras-produto span.bandeira-frete-gratis {
float: right;
white-space: pre-line;
padding: 10px 0
}
.bandeiras-produto span .adicionado-carrinho {

display: none
}
.adic-favo {
position: absolute;
top: 10px;
left: 10px;
z-index: 30;
color: #c4c4c4;
}
.adic-favo:before {
content: "\f004";
font-size: 1.8em
}
.adic-favo:active,.adic-favo:focus,.adic-favo:hover {
color: #f75d9e;
text-decoration: none
}

body.pagina-busca .listagem .listagem-linha ul:after,body.pagina-
categoria .listagem .listagem-linha ul:after {
display:none
}
body.pagina-busca .listagem .listagem-linha ul>li,body.pagina-

categoria .listagem .listagem-linha ul>li {
width: 33%;
margin-left: 0;
margin-right: 0
}
}
.listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,.listagem .span3

.imagem-produto {
height: 349px
}
.slick-slider {
position: relative;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: 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: none
}
.slick-next,.slick-prev {
width: 15px;
height: 15px;
display: block;
z-index: 20;
position: absolute;
top: 50%;
cursor: pointer
}
.slick-prev {
left: -7px
}
.slick-next {
right: -7px
}
.slick-next .icon,.slick-prev .icon {

fill: #9f9f9f
}
.listagem>ul {
margin: 0
}
.listagem .listagem-linha li {
border: 0
}
.listagem>ul:not(.produtos-carrossel) {
display: -moz-flex;
display: flex;
flex-wrap: wrap
}
.listagem-item .produto-sobrepor {
z-index: 25
}
.listagem>ul>li {
display: inline;
padding: 0
}
.listagem-linha * {
outline: 0
}
.slick-slider {
display: block!important
}
.listagem .produtos-carrossel {
padding: 0
}
.pagina-produto .listagem>ul {
margin: 0 -15px
}

.pagina-produto .listagem>ul {
margin:0
}
}

.listagem ul>li li {
margin:0;
padding: 0;
width: 25%;
border: 0;
float: left;
padding: 0 15px;
}
.listagem ul:not(.produtos-carrossel)>li {
margin: 0;
padding: 0;
width: 25%;
border: 0;
float: left;
padding: 0 15px;
}
.listagem .listagem-linha {
position: relative
}
.pagina-categoria .listagem ul:not(.produtos-carrossel)>li {

width: 33.333%
}
.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;
border-radius: 6px
}
}

.listagem-linha .slick-product {
margin-left:0!important;
margin-right: 0!important
}
.listagem ul:not(.produtos-carrossel)>li {
width: 25%;
padding: 0 0 15px 0
}
.listagem ul>li li {
padding: 0 0 15px 0
}
}

.aproveite-tambem>.titulo {
line-height:20px!important
}
.listagem ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem ul>li {

width: 33.33333%
}
}

.listagem ul:not(.produtos-carrossel)>li,.pagina-categoria .listagem
ul:not(.produtos-carrossel)>li {
width:50%
}
.aproveite-tambem>.titulo strong,.listagem .titulo-categoria strong {

font-size: 20px;
padding: 0 26px
}
.listagem-item.produto-adicionado .produto-sobrepor::before {
font-size: 11px;
line-height: 16px
}
}

.pagina-inicial #listagemProdutos>ul[data-produtos-linha="4"]>li {
width:25%;
margin: 0
}
width: 33%;
margin: 0
}
width: 50%;
margin: 0
}
}
#barraNewsletter.posicao-rodape {
background: #efefef;
box-shadow: none
}
#barraNewsletter.posicao-rodape .conteiner {
width: 100%;
min-height: 65px;
display: flex;
align-items: center
}
#barraNewsletter.posicao-rodape .componente {
background: #efefef
}
#barraNewsletter.posicao-rodape .componente .interno {

padding: 0
}
#barraNewsletter.posicao-rodape .componente .interno .interno-conteudo {

display: flex;
}
#barraNewsletter.posicao-rodape .componente .texto-newsletter {

text-align: left;
font-size: 23px;
font-weight: 700;
color: #4d4d4d;
overflow: visible
}
#barraNewsletter.posicao-rodape .componente .texto-newsletter::before {

content: '\f003';
color: #f75d9e;
vertical-align: top;
margin-right: 10px;
font-size: 2rem
}
#barraNewsletter.posicao-rodape .componente .input-

conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter {
padding: 0
}
#barraNewsletter.posicao-rodape .componente .texto-newsletter {

width: 55%
}
#barraNewsletter.posicao-rodape .componente .input-conteiner {

width: 45%
}
#barraNewsletter.posicao-rodape .componente .input-conteiner {

overflow: visible
}
#barraNewsletter.posicao-rodape .componente input[type=text] {

width: 75%;
background: #fff;
height: 40px;
padding: 0 26px;
}
#barraNewsletter.posicao-rodape .componente input[type=text]::-webkit-input-

placeholder {
color: #959595;
font-size: 14px;
font-weight: 500
}
#barraNewsletter.posicao-rodape .componente input[type=text]:-ms-input-placeholder

{
color: #959595;
font-size: 14px;
font-weight: 500
}
#barraNewsletter.posicao-rodape .componente input[type=text]::placeholder {

color: #959595;
font-size: 14px;
font-weight: 500
}
#barraNewsletter.posicao-rodape .componente .newsletter-assinar {

width: 20%;
color: #fff;
height: 40px
}
#barraNewsletter.posicao-rodape .componente .newsletter-assinar::after {

content: 'Assinar';
font-size: 14px;
font-weight: 600
}
#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover {

opacity: .8
}
#barraNewsletter.posicao-rodape .componente .newsletter-confirmacao span {

font-size: 14px;
color: #f75d9e
}
#barraNewsletter.posicao-rodape .componente .newsletter-confirmacao .icon-ok {

color: #f75d9e
}
#barraNewsletter.posicao-rodape .componente .alert {

position: absolute;
z-index: 99999
}

#barraNewsletter.posicao-rodape {
height:auto;
padding: 20px;
}
#barraNewsletter.posicao-rodape .componente .input-

conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter {
width: 100%;
margin-bottom: 10px;
text-overflow: clip;
overflow: visible;
white-space: normal;
text-align: center;
padding: 0 40px
}
#barraNewsletter.posicao-rodape .componente .interno-conteudo {

flex-wrap: wrap
}
#barraNewsletter.posicao-rodape .componente .texto-newsletter::before {

width: 100%;
margin: 10px 0
}
#barraNewsletter.posicao-rodape .componente input[type=text] {

width: 100%;
margin: 10px 0
}
#barraNewsletter.posicao-rodape .componente .botao {

width: 100%
}
}
.coluna div.componente.newsletter {
height: 382px;
border-radius: 5px;
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: #f75d9e;
font-size: 3rem
}
.coluna div.componente.newsletter .interno {

padding: 20px;
height: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap
}
.coluna div.componente.newsletter .texto-newsletter {

text-align: center;
color: #4d4d4d;
font-size: 28px;
font-weight: 700;
display: block;
margin-bottom: 30px
}
.coluna div.componente.newsletter .texto-newsletter:after {

content: "Assine nossa newsletter";
display: block;
font-size: 18px;
font-weight: 500;
margin: 5px 0;
color: #868686
}
.coluna div.componente.newsletter input[type=text] {

width: 100%;
height: 44px;
display: block;
padding: 0 15px
}
.coluna div.componente.newsletter input[type=text]::-webkit-input-placeholder {

color: #959595;
font-size: 14px;
font-weight: 700;
text-align: center
}
.coluna div.componente.newsletter input[type=text]:-ms-input-placeholder {

color: #959595;
font-size: 14px;
font-weight: 700;
text-align: center
}
.coluna div.componente.newsletter input[type=text]::placeholder {

color: #959595;
font-size: 14px;
font-weight: 700;
text-align: center
}
.coluna div.componente.newsletter .botao {

width: 100%;
display: block;
top: 100%;
margin-top: 10px;
height: 44px;
position: inherit;
border-radius: 22px
}
.coluna div.componente.newsletter .botao:before {

content: "Assinar";
font-size: 14px;
font-weight: 700
}
.coluna div.componente.newsletter .botao:hover {

opacity: .7
}
.coluna div.componente.newsletter .newsletter-confirmacao .icon-ok,.coluna

div.componente.newsletter .newsletter-confirmacao span {
color: #f75d9e
}
.modal-modalNewsletter {
left: 50%!important;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
.modal-modalNewsletter .fancybox-skin {
width: 563px!important;
height: 370px!important;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #efefef
}

.modal-modalNewsletter .fancybox-skin {
width:340px!important;
height: 400px!important
}
}
.modal-modalNewsletter .fancybox-outer {
}

.modal-modalNewsletter .fancybox-outer {
height:400px!important
}
}
.modal-modalNewsletter .fancybox-inner {
width: 100%!important;
}

.modal-modalNewsletter .fancybox-inner {
height:400px!important
}
}
.modal-modalNewsletter #modalNewsletter .componente .interno {

height: 370px;
padding: 0
}

.modal-modalNewsletter #modalNewsletter .componente .interno {
height:400px
}
}
.modal-modalNewsletter #modalNewsletter .componente .interno .titulo {

display: none
}
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo {

height: 100%;
position: relative
}
.modal-modalNewsletter #modalNewsletter .componente .interno .interno-

conteudo .texto-newsletter {
position: absolute;
top: 0;
color: #4d4d4d;
font-size: 35px;
font-weight: 700;
text-align: center;
display: block;
padding: 20px
}

conteudo .texto-newsletter:before {
content: "\f003";
color: #f75d9e;
display: block;
margin: 10px 0;
font-size: 2em
}

conteudo .texto-newsletter:after {
content: "Assine nossa newsletter";
font-size: 25px;
font-weight: 500;
display: block;
margin: 14px 0
}

conteudo .input-conteiner {
position: absolute;
bottom: 10%;
left: 0;
right: 0;
margin: 0 30px
}

conteudo .input-conteiner input {
height: 44px;
padding: 0 18px;
border: solid 1px #c4c4c4;
width: 78%
}

conteudo .input-conteiner input {
width:60%
}
}

conteudo .input-conteiner input::-webkit-input-placeholder {
color: #999;
font-size: 14px;
font-weight: 700
}

conteudo .input-conteiner input:-ms-input-placeholder {
color: #999;
font-size: 14px;
font-weight: 700
}

conteudo .input-conteiner input::placeholder {
color: #999;
font-size: 14px;
font-weight: 700
}

conteudo .input-conteiner .botao {
width: 20%;
height: 44px;
padding: 0 10px;
color: #fff;
font-weight: 700;
line-height: 44px
}

conteudo .input-conteiner .botao {
width:35%
}
}

conteudo .input-conteiner .botao::before {
content: "Assinar";
}

conteudo .newsletter-confirmacao {
position: absolute;
bottom: 10%;
width: 100%;
left: 0;
right: 0;
text-align: center
}

conteudo .newsletter-confirmacao .icon-ok {
float: none;
color: #f75d9e
}

conteudo .newsletter-confirmacao span {
margin-left: 0;
padding: 0;
font-weight: 700;
color: #4d4d4d
}
.modal-modalNewsletter .fancybox-close {
background: 0 0;
top: 10px;
right: 5px
}
.modal-modalNewsletter .fancybox-close:hover {
}
.modal-modalNewsletter .fancybox-close:before {
content: "\f00d";
color: #868686;
font-size: 2em;
font-family: FontAwesome
}
.breadcrumbs,.info-principal-produto .breadcrumbs {
background: #f2f2f2;
border: none;
border-radius: 2px
}
.breadcrumbs ul li,.info-principal-produto .breadcrumbs ul li {

border: none
}
.breadcrumbs ul li:first-child *,.info-principal-produto .breadcrumbs ul li:first-

child * {
padding-left: 10px
}
.breadcrumbs ul li a,.info-principal-produto .breadcrumbs ul li a {

color: #f75d9e;
font-weight: 600;
font-size: 14px
}
.breadcrumbs ul li a>.icon-home,.info-principal-produto .breadcrumbs ul li a>.icon-

home {
display: none
}
.breadcrumbs ul li::after,.info-principal-produto .breadcrumbs ul li::after {

content: "\00BB";
color: #999
}
.breadcrumbs ul li:last-child a,.info-principal-produto .breadcrumbs ul li:last-

child a {
color: #9f9f9f
}
.breadcrumbs ul li:last-child::after,.info-principal-produto .breadcrumbs ul

li:last-child::after {
content: ""
}
.breadcrumbs ul li strong,.info-principal-produto .breadcrumbs ul li strong {

color: #9f9f9f;
font-weight: 600;
font-size: 14px
}
.pagina-produto .breadcrumbs {
background: 0 0
}
.pagina-produto .breadcrumbs ul li:first-child * {

padding-left: 0
}
.pagina-produto .breadcrumbs ul li a {
color: #f75d9e;
font-size: 14px
}
.pagina-produto .breadcrumbs ul li a i {
display: none
}
.pagina-produto .breadcrumbs ul li::after {

color: #9e9e9e
}
.pagina-produto .breadcrumbs ul li:last-child a {

color: #4d4d4d
}
.pagina-produto .breadcrumbs ul li:last-child::after {

content: ""
}
.pagina-busca .menu.lateral,.pagina-categoria .menu.lateral {

border-radius: 5px;
box-shadow: none;
border: solid 1px #d4d5d6
}
.pagina-busca .menu.lateral .nivel-um>li>a,.pagina-categoria .menu.lateral .nivel-

um>li>a {
background: 0 0;
box-shadow: none
}
.pagina-busca .menu.lateral .nivel-um>li>a .titulo,.pagina-

categoria .menu.lateral .nivel-um>li>a .titulo {
color: #c4c4c4;
font-size: 14px;
font-weight: 500
}
.pagina-busca .menu.lateral .nivel-um>li.ativo,.pagina-

categoria .menu.lateral .nivel-um>li.ativo {
background: 0 0;
border: none
}
.pagina-busca .menu.lateral .nivel-um>li.ativo i,.pagina-

categoria .menu.lateral .nivel-um>li.ativo i {
background: 0 0;
color: #747474
}
.pagina-busca .menu.lateral .nivel-um>li.ativo a .titulo,.pagina-

categoria .menu.lateral .nivel-um>li.ativo a .titulo {
color: #4d4d4d;
font-size: 18px;
font-weight: 700
}
.pagina-busca .menu.lateral .nivel-um>li:hover a .titulo,.pagina-

categoria .menu.lateral .nivel-um>li:hover a .titulo {
color: #4d4d4d;
font-weight: 700
}
.pagina-busca .menu.lateral .nivel-um>li.com-filho,.pagina-

categoria .menu.lateral .nivel-um>li.com-filho {
border: none
}
.pagina-busca .menu.lateral .nivel-um>li.com-filho>a strong,.pagina-

categoria .menu.lateral .nivel-um>li.com-filho>a strong {
color: #4d4d4d;
font-weight: 700;
font-size: 18px
}
.pagina-busca .menu.lateral .nivel-um>li.com-filho>a i,.pagina-

categoria .menu.lateral .nivel-um>li.com-filho>a i {
background: 0 0;
color: #747474
}
.pagina-busca .menu.lateral .nivel-dois,.pagina-categoria .menu.lateral .nivel-dois

{
padding: 0;
box-shadow: none
}
.pagina-busca .menu.lateral .nivel-dois>li,.pagina-categoria .menu.lateral .nivel-

dois>li {
border: none
}
.pagina-busca .menu.lateral .nivel-dois>li a,.pagina-

categoria .menu.lateral .nivel-dois>li a {
color: #c4c4c4;
font-size: 14px;
font-weight: 500
}
.pagina-busca .menu.lateral .nivel-dois>li:hover,.pagina-

categoria .menu.lateral .nivel-dois>li:hover {
background: 0 0
}
.pagina-busca .menu.lateral .nivel-dois>li:hover a,.pagina-

categoria .menu.lateral .nivel-dois>li:hover a {
color: #4d4d4d;
font-weight: 700
}
.pagina-busca .menu.lateral.outras .nivel-um li>a .titulo,.pagina-

categoria .menu.lateral.outras .nivel-um li>a .titulo {
color: #4d4d4d;
font-weight: 700;
font-size: 18px
}
.pagina-busca .menu.lateral.outras .nivel-um li:hover a,.pagina-

categoria .menu.lateral.outras .nivel-um li:hover a {
background: 0 0
}
.pagina-busca .menu.lateral.outras .nivel-um li:hover a .titulo,.pagina-

categoria .menu.lateral.outras .nivel-um li:hover a .titulo {
color: #4d4d4d;
font-weight: 700
}
.pagina-busca .menu.lateral li.ativo,.pagina-categoria .menu.lateral li.ativo {

background: 0 0
}
.pagina-busca .menu.lateral li.ativo>a,.pagina-categoria .menu.lateral li.ativo>a {

color: #4d4d4d;
font-weight: 700
}
.pagina-categoria .conteudo h1.titulo {

color: #4d4d4d;
font-size: 25px;
font-weight: 700
}
.pagina-categoria .conteudo h1.titulo:before {

content: '\0023';
color: #c4c4c4;
margin-right: 5px;
font-size: 25px;
font-weight: 700
}
.pagina-categoria .conteudo h1.titulo:after {

content: "";
display: block;
margin: 10px 0;
width: 100px;
height: 3px;
background: #f75d9e
}
.pagina-busca .conteudo ol {
margin: 0;
margin-bottom: 10px
}
.pagina-busca .conteudo ol li {
color: #b5b5b5;
font-size: 14px
}
.ordenar-listagem.rodape,.ordenar-listagem.topo {
border: none
}
.filtro {
box-shadow: none;
outline: 0;
border-radius: 5px
}
.filtro .titulo {
font-size: 18px;
color: #4d4d4d;
font-weight: 700;
border: none
}
.filtro.lista ul {
border: solid 1px #d4d5d6
}
.filtro.lista ul li {
border-color: #d4d5d6
}
.filtro.lista ul li a {
}
.filtro.lista ul li a label {
color: #c4c4c4;
font-size: 14px;
font-weight: 500
}
.filtro.lista ul li a label:hover {
background: 0 0;
color: #4d4d4d
}
.filtro.atributos .atributo-cor ul li a {
box-shadow: none
}
.filtro.atributos .atributo-cor ul li a span {

border-radius: 5px
}
.filtro.atributos .atributo-cor ul li a:hover {

border: none;
margin: 0 2px 2px 0
}
.filtro.atributos .atributo-cor ul li.active a {

border: solid 2px #f75d9e;
padding: 0;
border-radius: 5px
}
.produto div.principal .nome-produto {

font-size: 32px;
font-weight: 700;
color: #4d4d4d;
}
.produto div.principal .codigo-produto {

border-bottom: none
}
.produto div.principal .codigo-produto span * {

font-weight: 400;
font-size: 14px;
border: none
}
.produto div.principal .codigo-produto span b {

color: #9f9f9f
}
.produto div.principal .codigo-produto span>a,.produto div.principal .codigo-

produto span>span {
color: #4d4d4d;
font-weight: 600
}
.produto div.principal .atributos ul li a,.produto div.principal .atributos ul li

span {
border-radius: 5px
}
.produto div.principal .atributos ul li.active a {

background: #fff
}
.produto div.principal .atributos ul li.active a span {

color: #4d4d4d;
}
.produto div.principal .acoes-produto .preco-produto .preco-promocional {

font-size: 25px;
font-weight: 600;
color: #f75d9e;
display: block
}
.produto div.principal .acoes-produto .preco-produto .preco-parcela {

font-size: 15px;
font-weight: 400;
color: #4d4d4d
}
.produto div.principal .acoes-produto .preco-produto .preco-parcela strong {

font-weight: 600;
color: #4d4d4d;
font-size: 26px
}
.produto div.principal .acoes-produto .preco-produto .preco-venda {

color: #adadad;
font-size: 18px
}
.produto div.principal .acoes-produto .comprar {

width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap
}
.produto div.principal .acoes-produto .comprar .botao-comprar {

height: 44px;
line-height: 44px;
text-shadow: none;
border: none;
font-weight: 700;
font-size: 22px;
color: #fff;
padding: 0 10px;
-ms-flex: auto;
flex: auto;
width: 80%
}
.produto div.principal .acoes-produto .comprar .botao-comprar i {

width: 15px;
height: 30px;
vertical-align: middle
}
.produto div.principal .acoes-produto .comprar .botao-comprar i .icon .a {

fill: #fff
}
.produto div.principal .acoes-produto .comprar .botao-comprar i:before {

content: ""
}
.produto div.principal .acoes-produto .comprar .botao-comprar:hover {

opacity: .8
}
.produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho {

width: auto!important;
-ms-flex: auto;
flex: auto;
text-align: left
}
.produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-

carrinho {
padding-left: 15px;
width: 93px;
height: 44px;
color: #95989a;
font-size: 18px;
font-weight: 700
}
.produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-

carrinho-title {
display: none
}
.produto div.principal .acoes-produto .comprar .disponibilidade-produto {

width: 100%
}
.produto div.principal .acoes-produto .comprar .disponibilidade-produto .cor-

principal {
color: #81bf84
}
.produto div.principal .acoes-produto .comprar span span {

text-align: left
}
.produto div.principal .cep label {

color: #4d4d4d;
font-size: 14px;
font-weight: 500;
width: 100%
}
.produto div.principal .cep .input-append.input-prepend {

position: relative;
width: 60%
}
.produto div.principal .cep .input-append.input-prepend .input-small.input-

cep[type=tel] {
width: 100%;
border-left: none;
height: 44px;
border: solid 1px #ccc;
padding-left: 15px;
}
.produto div.principal .cep .input-append.input-prepend .btn {

color: #999;
height: 20px;
height: 44px;
line-height: 44px;
padding: 0 15px;
position: absolute;
right: 0;
z-index: 3;
font-size: 0
}
.produto div.principal .cep .input-append.input-prepend .btn:before {

content: "Calcular";
font-size: 14px;
color: #999;
font-weight: 700
}
.produto-compartilhar .lista-redes {
display: none
}
.produto-compartilhar .sharethis-inline-share-buttons:before {
content: "Compartilhe";
font-size: 14px;
color: #4d4d4d;
font-weight: 500;
display: block;
margin-bottom: 10px
}
.produto-compartilhar #st-1 .st-btn[data-network=facebook],.produto-compartilhar

#st-1 .st-btn[data-network=googleplus],.produto-compartilhar #st-1 .st-btn[data-
network=pinterest],.produto-compartilhar #st-1 .st-btn[data-network=twitter] {
border-radius: 50%;
background: #f75d9e
}
.produto-compartilhar #st-1 .st-btn[data-network=facebook]>svg,.produto-

compartilhar #st-1 .st-btn[data-network=googleplus]>svg,.produto-compartilhar #st-1
.st-btn[data-network=pinterest]>svg,.produto-compartilhar #st-1 .st-btn[data-
network=twitter]>svg {
fill: #fff
}
.produto-compartilhar #st-1 .st-btn[data-network=facebook]:hover,.produto-

compartilhar #st-1 .st-btn[data-network=googleplus]:hover,.produto-compartilhar
#st-1 .st-btn[data-network=pinterest]:hover,.produto-compartilhar #st-1 .st-
btn[data-network=twitter]:hover {
top: 0
}
.abas-custom .tab-content {
box-shadow: none
}
.produto #descricao .tabs {

list-style: none;
margin-left: 0
}
.produto #descricao .tabs li {

background: #fff;
float: left;
text-align: center;
border-radius: 2px;
display: block;
height: 44px;
line-height: 44px;
padding: 0 10px;
color: #9f9f9f;
font-size: 13px;
font-weight: 700;
-webkit-user-select: none;
-ms-user-select: none;
cursor: pointer
}
.produto #descricao .tabs li.current {

color: #fff
}
.produto #descricao .tab-content {

display: none;
padding: 0;
margin: 20px 0
}
.produto #descricao .tab-content.current {

display: block
}
.produto .acoes-flutuante .botao-comprar {

width: 100%;
height: 44px;
padding: 0 10px;
line-height: 44px;
font-weight: 700;
font-size: 0
}
.produto .acoes-flutuante .botao-comprar:after {

content: "Comprar";
font-size: 22px;
font-weight: 700
}
.produto .acoes-flutuante .botao-comprar i {

width: 12px;
height: 12px
}
.produto .acoes-flutuante .botao-comprar i .icon .a {

fill: #fff
}
.produto .acoes-flutuante .botao-comprar i:before {

content: ""
}
.produto .measurement-table {
position: relative
}
.produto .measurement-table .trigger-table {

background: #ededed;
height: 30px;
line-height: 30px;
margin: 10px 0;
float: right;
width: 142px;
font-size: 13px;
font-weight: 700
}
.produto .measurement-table .trigger-table.active,.produto .measurement-

table .trigger-table:hover {
background: #000;
color: #fff
}
.produto .measurement-table .img-table {

-webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,.2);
box-shadow: 0 0 15px 2px rgba(0,0,0,.2);
display: none;
width: 580px;
position: absolute;
right: 0;
top: 50px;
z-index: 99
}
.produto .measurement-table .img-table .close-table {
position: absolute;
right: 0;
top: 0;
background: #000;
width: 20px;
height: 20px;
color: #fff;
line-height: 20px;
-webkit-appearance: none
}

.produto .measurement-table .trigger-table {
float:none;
width: 100%
}
.produto .measurement-table .img-table {

width: 100%
}
}
.tabela-carrinho td,.tabela-carrinho th,.tabela-carrinho tr {

border: none
}
.tabela-carrinho h6 {
color: #000;
font-size: 14px
}
.tabela-carrinho .hidden-phone.bg-dark:nth-child(odd) {
background: #fff
}
.tabela-carrinho .quantidade input[type=text] {

border-radius: 50px
}
.tabela-carrinho #formCalcularFrete #calcularFrete {

width: 50%
}
.tabela-carrinho #formCalcularFrete button {

margin-left: 10px;
color: #000;
border: none
}
.tabela-carrinho #formCalcularFrete button i {

display: none
}
.finalizar-compra .caixa-sombreada {
box-shadow: none
}
.finalizar-compra .botao {
height: 40px;
line-height: 40px;
padding: 0 10px;
color: #000;
font-size: 14px
}
.finalizar-compra .botao.principal {
color: #fff;
height: 40px;
line-height: 40px;
padding: 0 10px;
font-size: 18px
}
.carrinho-checkout .atendimento {
border: none;
margin-top: 0
}
.carrinho-checkout .atendimento .icone-box {

border: none
}
.carrinho-checkout .atendimento .icone-box i {

color: #f75d9e;
font-size: 3rem
}
.carrinho-checkout .atendimento li a:hover {

}
.carrinho-checkout .atendimento li .display-table {

color: #000;
font-weight: 600
}
.carrinho-checkout .atendimento li strong {

color: #000;
font-weight: 400
}
.carrinho-checkout .conteiner-principal #corpo .conteiner {

box-shadow: none
}
.carrinho-checkout .identificacao hr.sem-margem {

display: none
}
.campos-pedido .caixa-sombreada {
box-shadow: none;
border: none;
}
.campos-pedido legend {
border-width: 3px;
color: #4d4d4d;
font-size: 18px;
font-weight: 700
}
.campos-pedido legend [class^=icon-] {

color: #f75d9e
}
#finalizarCompra {
background: #55af59
}
.resumo-compra .tabela-carrinho {
margin: 0
}
.free-shipping {
display: block;
width: 100%;
text-align: center;
padding: 10px;
color: #fff;
font-weight: 400;
font-size: 13px;
margin: 0 0 20px;
text-transform: uppercase
}
.free-shipping .icon {
width: 30px;
height: 30px;
fill: #fff;
margin-right: 10px
}
.free-shipping em {
font-weight: 600;
font-style: normal
}
.free-shipping.warning {
background: #f0ad4e
}
.free-shipping.success {
background: #5cb85c
}
#rodape .lista-redes [class^=icon] {

color: #fff;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
font-size: 1em;
color: #fff;
transition: all .2s
}
#rodape .lista-redes [class^=icon]:hover {

color: #fff;
opacity: .7
}
#rodape .lista-redes ul li {
border: none;
margin: 0 2px
}
.barra-inicial .lista-redes ul li {
border: none;
margin: 0 2px
}
.barra-inicial .lista-redes [class^=icon] {

background: 0 0;
color: #fff;
border: none;
font-size: 1em;
color: #fff;
transition: all .2s
}
.barra-inicial .lista-redes [class^=icon]:hover {

opacity: .7
}
.video-container {
position: relative;
width: 100%;
height: 500px;
-webkit-filter: grayscale(.9);
filter: grayscale(.9)
}
.video-container {
height:200px
}
}
.video-container iframe {
position: absolute
}
div#instagram {
text-align: center;
margin: 30px 0
}
div#instagram .icon {
width: 30px;
height: 30px;
vertical-align: sub;
margin-right: 10px
}
div#instagram .icon .cls-1 {

fill: #f75d9e
}
div#instagram h2 {
padding: 0 0 20px;
position: relative;
display: block;
margin: 0 0 20px
}
div#instagram h2:after {
content: "";
display: block;
width: 93px;
height: 3px;
margin: 18px auto
}
div#instagram h2 span {
margin-right: 5px
}
div#instagram h2 a,div#instagram h2 span {

font-size: 25px;
font-weight: 700;
color: #4d4d4d;
}
div#instagram h2 a {
color: #f75d9e
}
div#instagram h2 a:hover {
opacity: .6
}
div#instagram ul {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
margin: 0
}
div#instagram ul li {
margin-right: 10px;
overflow: hidden;
-ms-flex: auto;
flex: auto;
cursor: pointer
}
div#instagram ul li a {
position: relative;
display: block;
height: 100%
}
div#instagram ul li a:before {
content: '\f06e';
text-align: center;
color: #fff;
font-size: 1.5rem;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0;
z-index: 10;
}
div#instagram ul li a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.5);
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
}
div#instagram ul li a img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%
}
div#instagram ul li:hover img {

-webkit-transform: scale(1.1);
transform: scale(1.1)
}
div#instagram ul li:hover a:after,div#instagram ul li:hover a:before {

opacity: 1
}
div#instagram ul li:last-child {
margin-right: 0
}
.pagina-categoria #instagram,.pagina-inicial #instagram,.pagina-produto #instagram

{
display: block
}
.pagina-cadastro #instagram,.pagina-carrinho #instagram,.pagina-checkout

#instagram,.pagina-conta #instagram,.pagina-login #instagram {
display: none
}

#rodape {
text-align:center
}
}
#rodape .institucional {
background: #fff
}
#rodape .pagamento-selos {
background: #fff
}
#rodape .redes-sociais {
background: 0 0;
box-shadow: none;
border: none
}
#rodape .titulo {
color: #4d4d4d;
border: none;
font-size: 18px;
font-weight: 500
}
#rodape .institucional li {
list-style: none
}
#rodape .institucional a {
color: #9f9f9f;
font-size: 14px;
font-weight: 500
}
#rodape .institucional a:hover {

color: #f75d9e;
}
#rodape .institucional p {
color: #9f9f9f;
font-size: 14px;
font-weight: 500
}

#rodape .sobre-loja-rodape .logo a img {
right:auto
}
}
#rodape .sobre-loja-rodape span.titulo {

display: none
}
#rodape .sobre-loja-rodape .conferir {

font-size: 14px;
font-weight: 600;
display: block;
width: 136px;
height: 44px;
line-height: 44px;
text-align: center;
color: #fff;
padding: 0 5px;
transition: all 1s;
margin-top: 20px;
border: solid 1px transparent;
}
#rodape .sobre-loja-rodape .conferir {
margin:10px auto
}
}
#rodape .sobre-loja-rodape .conferir:hover {

background: #fff;
color: #f75d9e;
border: solid 1px #f75d9e;
transition: all 1s
}
.scrollToTop {
position: fixed;
z-index: 999;
bottom: 3em;
right: 2em;
display: block;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
font-size: 13px;
border-radius: 50%;
padding: 10px;
display: none;
font-weight: 600;
line-height: 5px;
}
.scrollToTop i {
font-size: 2em;
font-weight: 600
}
.scrollToTop:focus .scrollToTop:active,.scrollToTop:hover {
opacity: .8;
color: #fff;
}
.whats-btn-fixed {
position: fixed;
bottom: 8em;
right: 20px;
width: 80px;
height: 80px;
z-index: 999
}
#modalContato .form-horizontal .control-label {

font-weight: 600;
color: #000
}
#modalContato table td,#modalContato table th,#modalContato table tr {

border: none
}
#modalContato table td b {
color: #000
}
#modalContato .table-hover tbody tr:hover>td,#modalContato .table-hover tbody

tr:hover>th {
background: 0 0
}
#modalContato .control-group .botao.principal.pull-right+.botao {

padding: 8px 14px;
color: #767676
}

height:55px
}
#cabecalho .logo a img {

position: absolute
}
.atalhos-mobile {
border: none
}
.atalhos-mobile ul li {
border: none
}
.atalhos-mobile ul li.fundo-principal {
background: 0 0
}
.atalhos-mobile ul li a .icon {
height: 20px
}
.atalhos-mobile ul li a .icon .cls-1 {

fill: #fff
}
.atalhos-mobile ul li a .qtd-carrinho {
color: #fff;
left: 30px;
font-size: 13px;
font-weight: 700;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
margin-left: 5px
}
.atalhos-mobile ul li a:before {
display: none
}
.atalhos-mobile ul li a:hover {
opacity: .7
}
.conteudo-topo .busca-mobile {
background: 0 0;
overflow: visible
}
.conteudo-topo .busca-mobile .busca input {

border: solid 1px #e0e0e0
}
.conteudo-topo .busca-mobile .busca .botao-busca {

top: 0;
right: 0;
color: #9f9f9f;
background: 0 0
}
.conteudo-topo .busca-mobile.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #fff;
z-index: 999;
border-radius: 0
}
.conteudo-topo .atalho-menu {
border-radius: 50%;
text-shadow: none;
line-height: 34px!important;
height: 44px;
}
.conteudo-topo .atalho-menu.icon-th::before {
content: "\f0c9";
font-size: 1.5em
}
.conteudo-topo .menu.superior.visible-phone {
position: fixed;
top: 0;
left: -100%;
visibility: hidden;
opacity: 0;
bottom: 0;
z-index: 999;
background: rgba(0,0,0,.4);
width: 100%;
}
.conteudo-topo .menu.superior.visible-phone:before {
content: "Categorias";
color: #9b9b9b;
font-size: 20px;
font-weight: 600;
display: block;
padding: 20px;
background: #fff
}
.conteudo-topo .menu.superior.visible-phone .wrap {

height: 100%;
background: #fff;
width: 80%
}
.conteudo-topo .menu.superior.visible-phone ul {
border: none;
margin: 0
}
.conteudo-topo .menu.superior.visible-phone ul li {
border: none;
padding: 0 20px
}
.conteudo-topo .menu.superior.visible-phone ul li a,.conteudo-

topo .menu.superior.visible-phone ul li strong {
color: #4d4d4d;
font-size: 14px;
font-weight: 600
}
.conteudo-topo .menu.superior.visible-phone ul li:hover {

background: 0 0
}
.conteudo-topo .menu.superior.visible-phone ul.nivel-um {

height: 300px;
overflow: auto
}
.conteudo-topo .menu.superior.visible-phone ul.nivel-dois {

display: none
}
.conteudo-topo .menu.superior.visible-phone ul.nivel-dois li {

padding: 0
}
.conteudo-topo .menu.superior.visible-phone ul.nivel-dois.active {

display: block
}
.conteudo-topo .menu.superior.visible-phone ul.action-links {

margin: 20px 0
}
.conteudo-topo .menu.superior.visible-phone ul.action-links li {

margin: 20px 0
}
.conteudo-topo .menu.superior.visible-phone ul.action-links li a {

color: #9b9b9b;
font-size: 20px;
font-weight: 600
}
.conteudo-topo .menu.superior.visible-phone .menu-close {

border: none;
cursor: pointer;
outline: 0;
box-shadow: none;
position: absolute;
top: 0;
right: 0;
z-index: 10;
height: 100%;
width: 20%;
background: 0 0
}
.conteudo-topo .menu.superior.visible-phone .menu-close:after {

content: 'X';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 72px;
line-height: 72px;
font-size: 20px;
font-weight: 600;
color: #fff
}
.conteudo-topo .menu.superior.visible-phone.menu-active {
left: 0;
visibility: visible;
opacity: 1
}
.listagem .listagem-item:not(.produto-adicionado) .info-produto {
min-height: 130px
}
.listagem .listagem-item:not(.produto-adicionado) .acoes-produto {

position: relative
}
.listagem .listagem-item:not(.produto-adicionado) .acoes-produto.hidden-phone {

display: block!important;
opacity: 1
}
.listagem .listagem-item:not(.produto-adicionado) .acoes-produto .adic-

prod,.listagem .listagem-item:not(.produto-adicionado) .acoes-produto .qtd-prod {
margin: 2px 5%;
width: 90%
}
.listagem .listagem-item .acoes-produto-responsiva {

visibility: hidden;
display: none!important
}
.produto-compartilhar {
border: none;
}
.produto-compartilhar .lista-redes .fa-whatsapp {

display: none
}
.produto .principal .acoes-produto .comprar>.qtde-adicionar-carrinho .qtde-

carrinho {
width: 100%
}
.produto .principal .acoes-produto .comprar>.botao-comprar {

background-color: #42d859
}
.produto .principal .acoes-produto .preco-produto {

text-align: center
}
.produto .principal .acoes-produto .preco-produto,.produto .principal .acoes-

produto.disponivel {
border: none
}
.produto .principal .parcelas-produto {

border: none
}
}
.barra-inicial .acoes-conta {
margin-right: 10px
}
.barra-inicial .acoes-conta li.rastreio {

margin-right: 10px
}
@media screen and (min-width: 768px) {

max-height:90px
}
}
.carrinho {
min-width: 110px
}
.carrinho a {
align-items: center
}
.carrinho a i {
width: 20px
}
.carrinho a .qtd-carrinho {
position: relative;
-webkit-transform: none;
transform: none;
top: 0;
left: auto
}
.thumbs-horizontal ul.miniaturas li a,.thumbs-vertical ul.miniaturas li a {

border-radius: 50%;
border: solid 1px #ddd;
box-shadow: none;
width: 60px!important;
}
.thumbs-horizontal ul.miniaturas li.active a,.thumbs-vertical ul.miniaturas

li.active a {
border: solid 1px #f75d9e
}
.coluna div .componente.newsletter {

height: auto
}
#fb-root {
display: none
}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {

width: 100%!important
}
.listagem .listagem-item.indisponivel {
background: 0 0
}
.listagem .listagem-item.indisponivel:hover .info-produto {

opacity: 1
}
.listagem .listagem-item .acoes-produto {

position: absolute;
z-index: 30
}
.listagem.aproveite-tambem .acoes-produto {
position: absolute;
z-index: 30
}
.listagem .listagem-item .acoes-produto,.listagem.aproveite-tambem .listagem-

item .acoes-produto {
position: absolute;
z-index: 30
}
.bandeiras-produto .bandeira-indisponivel {
border-radius: 0;
width: auto;
height: auto;
padding: 5px;
border-radius: 5px
}
.listagem .listagem-item .info-produto,.listagem.aproveite-tambem .listagem-

item .info-produto {
min-height: 298px;
}

.listagem .titulo-categoria strong,.listagem.aproveite-tambem>.titulo strong {
padding:0
}
}

.listagem .produtos-carrossel[data-produtos-linha] .imagem-
produto,.listagem .span3 .imagem-produto {
height:200px
}
}
@media screen and (min-width: 768px) {

div#listagemProdutos li.span3 {
margin:0;
width: 33%
}
}
.listagem.com-caixa .listagem-item {
border: none;
box-shadow: none;
border: solid 1px transparent
}
.listagem.com-caixa .listagem-item .acoes-produto {

border: none
}
.listagem.com-caixa .listagem-item:hover {
outline: 0
}
.listagem.com-caixa .listagem-item.indisponivel {
background: 0 0
}
.menu.lateral {
border-radius: 5px
}
.menu.lateral ul.nivel-um>li {
border: none
}
.menu.lateral ul.nivel-um>li>a {
box-shadow: none;
background: 0 0
}
.menu.lateral ul.nivel-um>li.com-filho a i {
display: none
}
.menu.lateral .nivel-dois {
box-shadow: none;
background: 0 0;
padding: 0
}
.menu.lateral .nivel-dois li {
border: none
}
.menu.lateral .nivel-dois li a {
font-size: 14px;
color: #959595
}
.menu.lateral .titulo {
color: #4d4d4d;
font-size: 18px;
font-weight: 600
}
.componente {
border-radius: 5px
}
.componente .titulo {
font-weight: 700;
color: #4d4d4d;
font-size: 18px
}
.componente .titulo i.icon-file-text {

color: #f75d9e
}
.componente .titulo i.icon-file-text:before {

content: "\f129"
}
.componente p {
color: #868686;
font-size: 14px;
font-weight: 500
}
.pagina-pagina .conta-menu {
border: solid 1px #ddd;
border-radius: 5px
}
.pagina-pagina .conta-menu .titulo {

font-size: 18px;
font-weight: 700;
border-bottom: 0
}
.pagina-pagina .conta-menu .titulo i {

color: #f75d9e
}
.pagina-pagina .conta-menu .menu-simples li a {

color: #959595;
font-size: 14px
}
.pagina-pagina .conta-menu .menu-simples li.active a {

background: 0 0;
color: #4d4d4d;
font-weight: 700
}
.pagina-pagina .conta-menu .menu-simples li:hover a {

color: #4d4d4d;
background: 0 0;
font-weight: 700
}
promocional,.listagem.aproveite-tambem .listagem-item .info-produto .preco-
produto .preco-promocional {
font-size:18px
}
}

Estilos para temas escuro e claro de página de conta

Enviado por

Dados do documento

Descrição original:

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Estilos para temas escuro e claro de página de conta

Enviado por

Direitos autorais:

Formatos disponíveis

@import url(https://fonts.googleapis.com/css?

.cabecalho-interno .titulo small {

.atributos ul li a:hover,.atributos ul li.active a,.borda-principal,.elastislide-

.atributo-comum .active a span,.atributo-comum a:hover span,.cor-principal,.menu

.fundo-secundario,.fundo-secundario *,.fundo-secundario :hover,.fundo-

.form-horizontal input,.form-horizontal select {

.tema-escuro .conteiner,.tema-escuro .modal {

.tema-escuro .atributos ul li a,.tema-escuro .carrinho-interno,.tema-

.tema-escuro .parcelas-produto .nav-tabs li a {

.tema-escuro .atributo-comum a span,.tema-escuro .cor-secundaria {

.tema-escuro .menu .nivel-dois a {

.tema-escuro .cep .add-on i,.tema-escuro .pagamento-selos .titulo {

.tema-escuro .abas-conta li.active a,.tema-escuro .listagem-item .acoes-produto {

.tema-escuro .sem-banner .caixa-vazia {

.tema-escuro #rodape .span9.span12 p {

.tema-escuro td,.tema-escuro th,.tema-escuro tr {

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {

.tema-transparente .identificacao .identificacao-inner {

.cadastro input[type=password],.cadastro input[type=text],.cadastro select {

.pagina-conta .conta-menu,.pagina-favorito-listar .conta-menu,.pagina-pedido-listar

.pagina-conta .conta-menu .nome-usuario,.pagina-favorito-listar .conta-menu .nome-

.pagina-conta .conta-menu .nome-usuario i,.pagina-favorito-listar .conta-

.pagina-conta .conta-menu .menu-simples li,.pagina-favorito-listar .conta-

.pagina-conta .conta-menu .menu-simples li a,.pagina-favorito-listar .conta-

.pagina-conta .conta-menu .menu-simples li a i,.pagina-favorito-listar .conta-

.pagina-conta .conta-menu .menu-simples li a i.icon-star:before,.pagina-favorito-

.pagina-conta .conta-menu .menu-simples li a:hover,.pagina-favorito-listar .conta-

.pagina-conta .cadastro [class*=" icon-"],.pagina-conta .cadastro

.pagina-conta .cadastro .abas-conta li a,.pagina-conta .conteudo .abas-conta li

.pagina-conta .cadastro .abas-conta li a i,.pagina-conta .conteudo .abas-conta li a

.pagina-conta .cadastro .abas-conta li a i.icon-star:before,.pagina-conta .conteudo

.pagina-conta .cadastro .abas-conteudo,.pagina-conta .conteudo .abas-

.pagina-conta .cadastro .abas-conteudo .caixa-dados,.pagina-conta .conteudo .abas-

.pagina-conta .cadastro .abas-conteudo .caixa-dados .caixa-info,.pagina-

.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-

.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.pequeno

.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-

.pagina-conta .cadastro .abas-conteudo .caixa-dados .acao-editar .botao.principal

.pagina-conta .cadastro h3.titulo,.pagina-conta .conteudo h3.titulo,.pagina-

.pagina-conta .cadastro h3.titulo small,.pagina-conta .conteudo h3.titulo

.pagina-conta .cadastro .botao i,.pagina-conta .conteudo .botao i,.pagina-favorito-

.barra-inicial .canais-contato li>a,.barra-inicial .canais-contato li>span {

.barra-inicial .canais-contato li>a:hover {

.barra-inicial .canais-contato li:first-child {

@media screen and (max-width: 1325px) {

.barra-inicial .acoes-conta li>a {

.barra-inicial .acoes-conta li>a:hover {

.barra-inicial .acoes-conta li>a .icon {

.barra-inicial .acoes-conta li>a .icon .cls-1 {

.barra-inicial .acoes-conta li .icon-user {

.barra-inicial .btn-group .open .dropdown-toggle {

.barra-inicial .btn-group>.dropdown-menu>li:active a,.barra-inicial .btn-

.carrinho>a>i.fundo-principal .icon .cls-1 {

.carrinho>a .wrap .title-cart {

.carrinho .carrinho-interno ul li:hover {

.carrinho .carrinho-interno .carrinho-info * {

.rastreio .trigger-rastreio .icon {

.rastreio .trigger-rastreio .icon .a {

.rastreio .trigger-rastreio span {

.rastreio .form-rastreio span {

.rastreio .form-rastreio input {

.rastreio .form-rastreio button {