/**
 * códigos de cores
 *
 * rosa: #FAC5C5
 * bege: #FFF7E4
 * azul: #49B7E8
 * azul escuro: #5788b2
 */




/* container */
.conteiner-principal .conteiner{
    padding: 20px;
}


/* BOTÕES */
.botao,
#listagemProdutos.listagem .listagem-item .acoes-produto .adic-prod,
.listagem.aproveite-tambem .listagem-item .acoes-produto .adic-prod{
    border-radius: 20px;
}

.borda-alpha{
    border-radius: 10px;
}


/* CABECALHO */
/* icone das redes sociais, canais de contato  */
#cabecalho.fixed > div.conteiner{
    height: 80px;
    padding: 3px 20px;
}

#cabecalho .row-fluid .span3{
    width: 15%;
}

#cabecalho .row-fluid .span9{
    width: 79%;
    margin-left: 5%;
}

#cabecalho .logo a{
    height: 80px;
    max-height: 80px;
}

.tabela-carrinho .produto-info a{
    text-transform: uppercase;
}

.barra-inicial .lista-redes [class^=icon],
.barra-inicial .canais-contato ul li a, .barra-inicial .canais-contato ul li span,
.barra-inicial .top-actions .top-action-item a,.barra-inicial .canais-contato ul li:after {

}

.barra-inicial .lista-redes ul li:hover a i{
    color: #49B7E8;
}

/* altera cor dos icones do Fale Conosco Meus favoritos Rastreie seu pedido no topo */
.barra-inicial .top-actions .top-action-item a .icon{
    fill:#49B7E8;
}

.barra-inicial .top-actions .top-action-item a:hover,
.barra-inicial .canais-contato ul li a:hover,
.barra-inicial .canais-contato ul li span:hover{
    fill: #49B7E8;
    color: #49B7E8;
}

.barra-inicial .top-actions .top-action-item a:hover .icon{
    fill: #49B7E8;
}

.barra-inicial .top-actions .top-action-item.rastreio:hover a,
.barra-inicial .top-actions .top-action-item.rastreio:hover a .icon{
    fill: #49B7E8;
    color: #49B7E8;
}

.rastreio .form-rastreio{
    border-top: solid 2px #49B7E8;
}

/* fundo do cabecalho no mobile e desktop */
#cabecalho, .barra-inicial {
    background: #ffffff;
}

#cabecalho .account .account-list{
    border-top: solid 2px #49B7E8;
}

/* cor do icones da  Minha Conta, carrinho */
#cabecalho .actions>li>a .icon .a,
#cabecalho .carrinho>a i .icon {
    fill: #49B7E8;
}

#cabecalho .actions > li:hover .total-cart,
#cabecalho .actions > li:hover a{
    color: #49B7E8;
}

/* cor minha conta e total do carrinho */
#cabecalho .actions>li>a,
#cabecalho .carrinho .wrap .total-cart{
    color: #49B7E8;
}

#cabecalho .busca input{
    border-radius: 10px;
}

/* bolinha da quantidade de produto no carrinho */
#cabecalho .carrinho .qtd-carrinho{
    background: #49B7E8;
    border-color: #49B7E8;
}
/* borda interna do carrinho */
#cabecalho .carrinho .carrinho-interno.borda-principal {
    border-top-color: #49B7E8;
}

/* nome do produto na interna do carrinho */
#cabecalho .carrinho .carrinho-interno .nome-produto {
    color: #49B7E8;
}

/* altera cor de fundo do menu e meu fixo */
.full.menu {
    background: #49B7E8;
}

/* cor da borda superior no menu e borda do menu com hover*/
.full.menu .conteiner,
.full.menu .nivel-um>li:hover {
    border-color: #ffffff;
}

/* letras do menu */
.full.menu .nivel-um>li>a>.titulo {
    color: #ffffff;
}

.full.menu .nivel-dois{
    min-width: inherit;
}

.full.menu .nivel-dois .mega-categorias,
.full.menu .nivel-dois .mega-recebe{
    width: 100%;
}

.full.menu > div > ul > li:nth-child(6) > ul{
    left: 0;
}

.full.menu li.outras-categorias > .nivel-dois li a strong,
.full.menu li.outras-categorias > .nivel-dois li a:hover strong,
.full.menu li.outras-categorias > .nivel-dois li:hover a strong,
.full.menu li.outras-categorias > .nivel-dois li:hover a:hover strong{
    color: inherit;
}

/* letras das subcategorias */
.full.menu .nivel-dois li a{
    color: #49B7E8;
}

.full.menu .mega-recebe{
    display: none;
}

.full.menu .mega-recebe-prod .listagem-linha{
    width: 100%;
    padding: 0;
    margin: 10px 10px 20px 10px
}

.full.menu .mega-recebe-prod .listagem-linha .info-produto{
    margin-top: 10px;
}

.full.menu .mega-recebe-prod .listagem-linha .info-produto .nome-produto{
    white-space: normal;
}

/* linhas do menu fixo */
#cabecalho.fixed .open-menu .line{
    background: #555;
}

/* hover nas letras das subcategorias */
.full.menu .nivel-dois li:hover a{
    color: #49B7E8;
}

/* BANNERS */
/* cor principal dos banners editaveis */
.banner .wrap .title-banner {
    color: #49B7E8;
}

/* cor secundaria dos banners editaveis */
.banner .wrap .info-banner {
    color: #49B7E8;
}

.banner .flexslider .flex-control-nav{
    bottom: 5%;
}

/* thumbs de paginacao do fullbanner  */
.banner .flexslider .flex-control-paging li a{
    background: #cccccc;
}

/* thumbs ativo de paginacao do fullbanner  */
.banner .flexslider .flex-control-paging li a.flex-active{
    background: #49B7E8;
}
/* setas do fullbanner e carrossel de marcas */
.flex-direction-nav li a {
    background: #49B7E8;
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev{
    border-radius: 10px;
}

/* VITRINE */
/* nome das vitrines */
#listagemProdutos.listagem .titulo-categoria strong,
#listagemProdutos.listagem>.titulo,
.listagem.aproveite-tambem .titulo-categoria strong,
.listagem.aproveite-tambem>.titulo {
    color: #49B7E8;
}

/* linha abaixo do nome das vitrines */
#listagemProdutos.listagem .titulo-categoria strong:after,
#corpo .conteiner>.marcas strong:after {
    background: #49B7E8;
}

#listagemProdutos.listagem .titulo-categoria::after,
#listagemProdutos.listagem > .titulo::after,
.listagem.aproveite-tambem .titulo-categoria::after,
.listagem.aproveite-tambem > .titulo::after{
    background: #49B7E8;
}

.adic-favo{
    border-radius: 20px;
}

/* hover dos favoritos na vitrine */
.adic-favo:active,
.adic-favo:focus,
.adic-favo:hover {
    background: #49B7E8;
    color: #ffffff;
}

/* bandeiras produtos */
.bandeiras-produto span{
    border-radius: 20px !important;
}

/* bandeira frete gratis */
.bandeiras-produto .bandeira-frete-gratis {
    background: #49B7E8;
    color: #ffffff;
}

/* bandeira desconto */
.bandeiras-produto .bandeira-promocao {
    background: #49B7E8;
    color: #fff;
}

.listagem .listagem-item .imagem-produto,
.listagem .listagem-item .info-produto{
    width: 100%;
}

/* borda produto */
#listagemProdutos.listagem .listagem-item:not(.produto-adicionado):hover,
.listagem.aproveite-tambem .listagem-item:not(.produto-adicionado):hover{
    border: solid 1px #d1d1d1;
    border-radius: 20px;
}

#listagemProdutos.listagem .listagem-item .info-produto,
.listagem.aproveite-tambem .listagem-item .info-produto{
    min-height: auto;
}

#listagemProdutos.listagem .imagem-produto,
#listagemProdutos.listagem .produtos-carrossel[data-produtos-linha] .imagem-produto,
.listagem.aproveite-tambem .imagem-produto,
.listagem.aproveite-tambem .produtos-carrossel[data-produtos-linha] .imagem-produto{
    height: 200px;
}

/* nome produto */
#corpo .conteiner>.marcas strong,
#listagemProdutos.listagem .listagem-item .info-produto .nome-produto,
.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto {

}

#listagemProdutos.listagem .listagem-item .info-produto .nome-produto,
.listagem.aproveite-tambem .listagem-item .info-produto .nome-produto{
    height: 36px;
}

/* valor das parcelas */
#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-parcela strong,
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-parcela strong {
    color: #040404;
}

#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda,
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda{
    color: #333;
}

/* valor a vista */
#listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-promocional,
.listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-promocional {
    color: #49B7E8;
}

/* valor pagamento via boleto */
#listagemProdutos > ul > li > ul  li .info-produto > div > div > span > strong{
    color: #49B7E8;
}

/* ver mais */
#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar,.listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    color: #ffffff;
    background: #49B7E8;
    border-radius: 20px;
}

/* listagem: adicionado ao carrinho */
#listagemProdutos.listagem .listagem-item.produto-adicionado::before,
.listagem.aproveite-tambem .listagem-item.produto-adicionado::before{
    color: #49B7E8;
}

/* INSTAGRAM */
/* simbolo do instagram */
div#instagram .icon .cls-1 {
    fill: #49B7E8;
}

/* user */
div#instagram h2 a {
    color: #49B7E8;
}

/* letras */
div#instagram h2 span{
    color: #666;
}

/* borda inferior */
div#instagram h2:after{
    background: #49B7E8;
}

/* NEWSLETTER RODAPE */
/* cor de fundo */
#barraNewsletter.posicao-rodape {
    background: #fff7E4;
}

/* texto */
#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    color: #49B7E8;
}

/* botao assinar */
#barraNewsletter.posicao-rodape .componente input[type="text"]{
    border-radius: 10px 0 0 10px;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
    background: #49B7E8;
    color: #ffffff;
    border-color: #49B7E8;
    border-radius: 0 10px 10px 0;
}

/* RODAPE */
/* fundo do rodape */
#rodape .institucional {
    background: #fff7E4;
}

/* titulos */
#rodape .institucional .titulo {
    color: #49B7E8;
}

/* descricao e conteudos das categorias */
#rodape .institucional a,
#rodape .institucional p {
    color: #777;
}

#rodape .institucional a:focus,
#rodape .institucional a:hover,
#rodape .institucional a:active,
#rodape .institucional li a:focus,
#rodape .institucional li a:active,
#rodape .institucional li a:hover{
    color: #49B7E8;
}

#rodape .sobre-loja-rodape .logo a img{
    margin: 0;
}

#rodape .sobre-loja-rodape p {
    text-transform: none;
    margin-top: 20px;
    color: #777;
}

/* botao conferir */
#rodape .sobre-loja-rodape .more {
    border-color:#49B7E8;
    color: #49B7E8;
    border-radius: 20px;
}

/* hover do botao conferir */
#rodape .sobre-loja-rodape .more:hover {
    color: #ffffff;
    background: #49B7E8;
}

/* icones das redes sociais */
#rodape .lista-redes [class^=icon] {
    color: #49B7E8;
}
/* borda dos icones */
#rodape .lista-redes ul li a {
    border-color: #49B7E8;
    border-radius: 20px;
}

/* hover dos icones de redes sociais */
#rodape .lista-redes ul li:hover a {
    background: #49B7E8;
}


#rodape .lista-redes ul li:hover a i {
    color: #ffffff;
}

/* botao voltar ao topo */
.scrollToTop {
     background: #49B7E8;
     color: #ffffff;
     border-radius: 100%;
}

/* hover do botao voltar ao topo */
.scrollToTop:active,.scrollToTop:focus,.scrollToTop:hover {
        background: #000000;
        color: #e8e0e0;
}
/* SELOS */
/* cor da fonte */
#rodape .pagamento-selos .titulo {
    color: #49B7E8;
}

#rodape > div:last-child .conteiner a{
    filter: grayscale(1);
}

/* PAGINA PRODUTO */
/* descricao da categoria ativa na pagina*/
.pagina-produto .breadcrumbs ul li:last-child a,.breadcrumbs ul li strong,.info-principal-produto .breadcrumbs ul li strong {
    color: #49B7E8;
}

/* hover dos atributos */
.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: #333
}

/* hover no dropdown */
.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: #49B7E8;
    color: #fff;
}

#st-1 .st-btn[data-network="facebook"],
#st-1 .st-btn[data-network="googleplus"],
#st-1 .st-btn[data-network="pinterest"],
#st-1 .st-btn[data-network="twitter"]{
    border-radius: 100%;
}

/* hover menu lateral */
.pagina-busca .menu.lateral .nivel-dois>li:hover>a, .pagina-categoria .menu.lateral .nivel-dois>li:hover>a {
    color: #333
}

/* hover do filtro por preco */
.filtro.lista ul li a label:hover {
    color: #333;
}


.conteudo h1{
    color: #49B7E8;
    font-size: 30px;
}

.conteudo .caixa-sombreada div{
    font-size: 16px;
}


/* PAGINA CATEGORIA */
.pagina-categoria .conteudo h1.titulo::after {
    background: #49B7E8;
}


/* NEWLETTER PAGINA DA CATEGORIA */
/* fundo */
.coluna div.componente.newsletter {
    background: #49B7E8;
}

.coluna div.componente.newsletter .titulo{
    display: none;
}

/* letra */
.coluna div.componente.newsletter .texto-newsletter {
    color: #ffffff;
}

/* assine nossa news */
.coluna div.componente.newsletter .texto-newsletter:after {
   color: #49B7E8
}

/* botao assinar */
.coluna div.componente.newsletter .botao {
    background: #49B7E8;
    color: #ffffff;
    border-color: #ffffff;
    border-radius: 20px;
}

/* hover botao asinar */
.coluna div.componente.newsletter .botao:hover {
    background: #ffffff;
    color: #49B7E8;
    border-color:#ffffff;
}

/* PAGINA DO PRODUTO */
/* nome do produto */
.produto div.principal .nome-produto,.produto .acoes-flutuante .nome-produto {
    color: #49B7E8;
}

/* numero do codigo de referencia */
.produto div.principal .codigo-produto span>a,.produto div.principal .codigo-produto span>span {
    color: #49B7E8;
}

/* hover borda dos atributos de cor, tamanho.. */
.produto .atributos .atributo-comum ul li a:hover {
    border-color: #333;
}

/* borda dos atributos ativos de cor, tamanho.. */
.produto .atributos .atributo-comum ul li.active a {
    border-color:#333;
}

/* valor parcelado */
.produto div.principal .acoes-produto .preco-produto .preco-parcela strong,
.produto .acoes-flutuante .preco-produto .preco-parcela .titulo,
.produto .acoes-flutuante .preco-produto .preco-parcela strong {
    color: #49B7E8;
}

/* preco do produto a vista */
.produto .acoes-flutuante .preco-produto .preco-promocional.cor-principal,
.produto div.principal .acoes-produto .preco-produto .preco-promocional {
    color: #49B7E8;
}

/* preco do pagamento via boleto */
.acoes-flutuante .acoes-produto div > span > strong,
.principal .acoes-produto.hide.disponivel.SKU-SN6J46HQE-40-NXBFLIP3I > div:nth-child(1) > div > span > strong{
    color: #49B7E8;
}

/* botao comprar */
.produto div.principal .acoes-produto .comprar .botao-comprar,
.produto .acoes-flutuante .botao-comprar {
    color: #fff;
    background: #49B7E8;
    border-radius: 30px;
}

.produto div.principal .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho{
    border-radius: 10px;
}

/* REDES SOCIAIS */
/*fundo dos icones do compartilhe */
#st-1 .st-btn[data-network=facebook],#st-1 .st-btn[data-network=googleplus],#st-1 .st-btn[data-network=pinterest],#st-1 .st-btn[data-network=twitter] {
    background: #49B7E8 !important; /*  nao retirar o !important */
}

/* cor dos simbolos */
#st-1 .st-btn[data-network=facebook]>svg,#st-1 .st-btn[data-network=googleplus]>svg,#st-1 .st-btn[data-network=pinterest]>svg,#st-1 .st-btn[data-network=twitter]>svg {
    fill: #49B7E8
}

/* lista de desejo */
.produto-compartilhar .lista-favoritos {
    background: #e0e0e0;
    color: #000000;
    border-radius: 30px;
}
/* coracao na lista de desejos */
.produto-compartilhar .lista-favoritos i {
    color: #49B7E8;
}

/* hover da lista de desejos */
.produto-compartilhar .lista-favoritos:hover {
    background: #000000;
    color: #fff;
}

.produto-compartilhar .lista-favoritos:hover i {
    color: #fff
}

/* TABS DE DESCRICAO */
.produto #descricao .tabs li.current {
    background: #49B7E8;
    border-color: #49B7E8;
    color: #ffffff;
}

.qtde-adicionar-carrinho input[type="number"]{
    padding: 10px 29px 10px 13px !important;
    border-radius: 10px;
}


/* CARRINHO DE COMPRAS */
.free-shipping.warning{
    background: #49B7E8;
    border-radius: 50px;
}


/* CHECKOUT */
/* icones atendimento */
.carrinho-checkout .atendimento li span.display-table .icone-box i {
    color: #49B7E8;
}

/* frases do atendimento */
.carrinho-checkout .atendimento li span.display-table,
.carrinho-checkout .atendimento li strong {
    color: #49B7E8;
}

/* campo do email */
.campos-pedido .identificacao .identificacao-title {
    color: #49B7E8;
}

/* botao continuar */
.campos-pedido .identificacao .submit-email.botao.principal {
   background: #49B7E8;
}

/* MOBILE */
/* icones do menu */
.atalhos-mobile ul li a .icon,.atalhos-mobile ul li a .icon .cls-1 {
        fill: #49B7E8;
}

/* bolinha de quantidade */
.atalhos-mobile ul li a .qtd-carrinho {
        background: #49B7E8;
        color: #ffffff;
}

/* fundo do botao do menu */

.conteudo-topo .busca-mobile .atalho-menu {
        background: #49B7E8;
        border-radius: 10px;
}

/* linhas do botao do menu */
.conteudo-topo .busca-mobile .atalho-menu.icon-th::before {
        color: #fff;
}

/* botão de fechar menu */
.conteudo-topo .menu.superior.visible-phone .menu-close:after {
        background: #49B7E8;
        color: #ffffff;
}

/* cor das categorias no mobile */
.conteudo-topo .menu.superior.visible-phone:before {
        color: #49B7E8;
}

/* cor das subcategorias no mobile */
.conteudo-topo .menu.superior.visible-phone ul li a,
.conteudo-topo .menu.superior.visible-phone ul li strong {
        color: #49B7E8;
}

/* cor da conta e meu carrinho */
.conteudo-topo .menu.superior.visible-phone ul.action-links li a {
        color: #49B7E8;
}

.conteudo-topo .menu.superior.visible-phone ul.nivel-dois.active{
    padding-left: 20px;
}


/* LOGIN / CADASTRO */
.cadastro legend{
    border-color: #f2f2f2;
}


/* NEWSLETTER POPUP */
.modal-modalNewsletter .fancybox-skin{
    border-radius: 10px;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao{
    background-color: #49B7E8;
    border: 0;
}


/* COMO COMPRAR BLOCK */
.como-comprar-block{
	width: 100%;
	padding: 2rem;
	margin: 2rem 0 !important;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	background-color: #49B7E8;
	border-radius: .5rem;
	box-shadow: 2px 2px 0 0 #5788b2;
	box-sizing: border-box;
	display: inline-flex;
	justify-content: center;
	align-content: center;
}

.como-comprar-block .como-comprar{
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.como-comprar-block .como-comprar .title{
	width: 100%;
	font-size: 1.1em;
}

.como-comprar-block .como-comprar .description{
	width: 100%;
	font-size: .9em;
	font-weight: normal;
}

.como-comprar-block .button{
	width: auto;
	padding: 1rem 2rem;
	color: #fff;
	background-color: #FAC5C5;
	border-radius: .4rem;
	white-space: nowrap;
}


@media only screen and (max-width: 767px){
	.como-comprar-block{
		font-size: .9em;
		flex-direction: column;
	}

	.como-comprar-block .como-comprar{
		width: 100%;
	}

	.como-comprar-block .button{
		margin-top: 1rem;
	}
}



@media screen and (max-width: 1200px){

    #cabecalho .conteiner .row-fluid .span3{
        width: 15%;
    }

    #cabecalho .conteiner .row-fluid .span9{
        width: 80%;
    }

    #cabecalho.fixed .row-fluid .span9{

    }

}



@media screen and (max-width: 768px){

    .conteiner-principal .conteiner{
        padding: 0px 10px;
    }

    #cabecalho .conteiner .row-fluid .span3{
        width: 25%;
    }

    #cabecalho .conteiner .row-fluid .span9{
        width: 67%;
    }

    #cabecalho .conteudo-topo .busca-mobile{
        padding: 0;
    }

    #cabecalho.fixed > div.conteiner{
        padding: 3px;
    }

    #cabecalho.fixed .conteudo-topo .busca-mobile{
        padding: 10px;
    }

    #barraNewsletter.posicao-rodape .componente input[type="text"]{
        border-radius: 10px;
    }

    #barraNewsletter.posicao-rodape .componente .newsletter-assinar{
        border-radius: 10px;
    }

    #listagemProdutos.listagem .listagem-item.produto-adicionado::after,
    .listagem.aproveite-tambem .listagem-item.produto-adicionado::after{
        position: relative;
    }

}



@media screen and (max-width: 400px){



}


/** WHATSAPP FLOAT BUTTON **/
.whatsapp-float{
  width: auto;
  left: 2rem;
  bottom: 2rem;
  text-decoration: none;
  position: fixed;
  z-index: 99;
}

.whatsapp-float .whatsapp-button{
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  background: linear-gradient(to bottom, #5AD165, #22B039);
  color: white;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.whatsapp-float:hover .whatsapp-button,
.whatsapp-float:focus .whatsapp-button,
.whatsapp-float:active .whatsapp-button{
  background: linear-gradient(to bottom, #57CE62, #1FA032);
}

.whatsapp-float .whatsapp-button i{
  font-size: 3em;
}

.whatsapp-float .whatsapp-call{
  line-height: .75rem;
  top: .50rem;
  left: 2rem;
  padding: .5rem .75rem .5rem 2rem;
  color: #222;
  background-color: #fff;
  border: 1px solid #39bd4b;
  border-radius: 1rem;
  box-shadow: 2px 2px 0 rgba(57, 189, 75, .3);
  font-size: 1em;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 800px) {
    .whatsapp-float{
        left: 1rem;
        bottom: 1rem;
    }
}