body {
    font-family: "Exo 2"!important;
}


    .desconto-a-vista strong.cor-principal.titulo {
    color: green !important;
    font-size: 37px;
}

#modalNewsletter .componente {background: url(https://i.imgur.com/yPGgkvx.png); width: 580px; height: 370px;}
div.fancybox-skin {padding: 0px !important;}
div.fancybox-wrap.fancybox-desktop.fancybox-type-html.modal-modalNewsletter.fancybox-opened {width: 580px !important; height: 370px !important;left: 50% !important;margin-left: -290px !important;}
div.fancybox-inner {width: auto !important; height: auto !important;}
#modalNewsletter .componente .interno {padding: 120px !important;}

p.texto-newsletter.newsletter-cadastro {
    color: white !important;
}

.submit-email.botao.principal.grande {
    background: none;
    width: auto;
    text-align: center;
    font-size: 17px;
}

@media screen and (max-width: 375px){
    .banner.cheio{
    display: block!important;
    }
}
#exibirFormasPagamento .btn.btn-small {
    height: 25px;
    width: 255px;
    font-size: 12pt;
    font-weight: bold;
}



.titulo, .titulo-categoria strong, .marcas strong, .coluna div.componente.newsletter .texto-newsletter {
    font-family: "Exo 2"!important;
}


#cabecalho .actions>li>a .icon .a,
#cabecalho .actions>li>a .icon .b,
#cabecalho .actions>li>a .icon .d{
    fill: #13a7f8!important;
}

/* [start] Barra de Pesquisa */

#auto-complete{ /* campo */
    font-family: "Exo 2"!important;
}

#cabecalho .busca input, #cabecalho .busca input:focus{
    /* campo quando não e clicado e quando é clicado */
    border-radius: 30px;
}

#cabecalho .busca input:hover, #cabecalho .busca input:focus{
    /* campo quando o mouse está encima e quando é clicado */
    background:#ebf8ff;
    transition: all .1s!important;
    color: #1e71b7;
    border: 2px solid #1e71b7;
    border-radius: 30px;
}

/* [end] Barra de Pesquisa
--------------------------------------------------------------------------------
[start] Menu de contato, canto superior direito */

#cabecalho .actions>li:hover{
    background:#ebf8ff;
    border-radius: 6px;
}

#cabecalho .actions>li:last-child:hover>a .icon {
    transform: rotate(6deg)!important;
}

#cabecalho .carrinho .qtd-carrinho{ /* bolinha do carrinho */
    background: #216b8d!important;  /* azul secundário do logo */
}


  
#cabecalho .actions>li:last-child:hover>a .qtd-carrinho{ /* bolinha do carrinho */
    right: -6px!important;
}


/* [end] Menu de contato, canto superior direito
--------------------------------------------------------------------------------
[start] Menu de categorias PRINCIPAL */

.full.menu{  /* Barra inteira */
    background:white;
    font-weight: normal;
    font-family: "Exo 2"!important;
    border-top: solid 1px #f0f0f0;
    border-bottom: solid 1px #f0f0f0;
}

.full.menu .conteiner .nivel-um ul { /* Recuadro del nivel 1 */
    border-radius:20px;
}

.full.menu .conteiner .nivel-um>li{ /* Cada categoria individualmente */
    background:white;
    transition: background .4s!important;
    border-radius: 20px;
}

.full.menu .conteiner .nivel-um>li:hover{ /* [hover] Cada categoria individualmente */
    background:#ebf8ff;
}

.full.menu .conteiner .nivel-um>li>a>.titulo { /* Texto de cada categoria individualmente */
    color: #1a2743; /* azul escuro */
    font-weight: normal!important;
    font-family: "Exo 2"!important;
}

.full.menu .conteiner .nivel-um>li:hover>a>.titulo { /* [hover] Texto de cada categoria individualmente */
    color: #1e71b7; /* azul claro [texto selecionado] */
    font-weight: bold!important;
}

.full.menu .conteiner .nivel-dois li a{ /* Texto de cada sub-categoria individualmente */
    color: #1a2743; /* azul escuro */
    font-weight: normal!important;
}

.full.menu .conteiner .nivel-dois li:hover a { /* [hover] Texto de cada sub-categoria individualmente */
    color: #1e71b7; /* azul claro [texto selecionado] */
}

.full.menu .conteiner .nivel-tres li a{ /* Texto de cada sub-sub-categoria individualmente */
    color: #1a2743!important; /* azul escuro */
}

.full.menu .conteiner .nivel-tres li:hover a { /* [hover] Texto de cada sub-sub-categoria individualmente */
    color: #1e71b7!important; /* azul claro [texto selecionado] */
    font-weight: bold!important;
}

/* [end] Menu de categorias PRINCIPAL 
--------------------------------------------------------------------------------
[start] Botões e etiquetas nos que o fundo tem que ser o azul secundário do logo */

.flex-direction-nav li a{ /*Setas dos slides dos banners */
    background: #13a7f8!important; /* azul secundário do logo */
}

.banner .flexslider .flex-control-paging li a.flex-active{
    /* circulo no banner que marca qual slide está passando */
    background: #13a7f8!important;  /* azul secundário do logo */
}

#listagemProdutos.listagem .listagem-item .acoes-produto .botao-comprar, .listagem.aproveite-tambem .listagem-item .acoes-produto .botao-comprar {
    /* botão comprar em listas de produtos */
    background: #13a7f8!important;  /* azul secundário do logo */
}

.produto div.principal .acoes-produto .comprar .botao-comprar {
    /* botão comprar na página do produto */
    background: #13a7f8!important;
}

.bandeiras-produto .bandeira-promocao { /* 7% OFF de desconto de cada produto */
   /* opacity: 100%;
    background: #000000!important;*/
    opacity: 65%;
    background: #13a7f8!important;  /* azul secundário do logo */
    border-radius: 10px;
}

.float-contact .float-items>li>a, .float-open{
    /* itens de contato na canto inferior esquerdo */
    background: #13a7f8!important;
}

.scrollToTop{
    /* botão de seta pracima no canto inferior direito */
    background: #13a7f8;
}

/* [end] Botões e etiquetas nos que o fundo tem que ser o azul secundário do logo
--------------------------------------------------------------------------------
[start] Minibanners & Middlebanners */

.banner .flexslider .slides>li a:hover{ /*Minibanners */
   /* filter: brightness(115%); */
}

.banner.mini-banner img:hover{
    transition: all 1.20s!important;
    transform: scale(0.95)!important;
    filter: brightness(90%);
}

.middleBanner {
    border-radius: 8px;
    transition: all 0.30s!important;
}

.middleBanner:hover{
    scale: 0.995;
    filter: brightness(95%);
}

/* [fim] Minibanners & Middlebanners
--------------------------------------------------------------------------------
[start] Menu lateral e botão "Promoções" */


.pagina-busca .menu.lateral li.ativo,
.pagina-categoria .menu.lateral li.ativo{
    /* Menu lateral, botão da categoria que está selecionada */
    background: #ade0fd;
    border-radius: 10px;
}

.pagina-busca .menu.lateral li.ativo a,
.pagina-categoria .menu.lateral li.ativo a{
    /* Menu lateral, texto do botão da categoria que está selecionada */
    color: #088dd6!important;
}

.pagina-busca .menu.lateral li.categoria-id-18104169.ativo a,
.pagina-categoria .menu.lateral li.categoria-id-18104169.ativo a,
.pagina-categoria .menu.lateral li.categoria-id-18104169 a{
    /* Menu lateral, texto do botão da categoria "Promoções" */
    color: white!important;
}

@keyframes animac {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 250%;}
    100% {background-position: 0% 50%;}
}

.pagina-busca .menu.lateral li.categoria-id-18104169.ativo,
.pagina-categoria .menu.lateral li.categoria-id-18104169.ativo{
    /*background-image: linear-gradient(to bottom left, #000000, #3db7f8)!important;*/
    /*background-image: linear-gradient(to bottom right, #ff2f2f, #1dbf05)!important;*/
    background-image: linear-gradient(to bottom left, #6a2fff, #3db7f8)!important;
    color: white!important;
	background-size: 400% 400%;
	animation: animac 5s infinite;
}

@keyframes animab {
    0% {background-position: 0% 50%;}
    20% {background-position: 400% 250%;}
    50% {background-position: 400% 250%;}
    100% {background-position: 0% 50%;}
}

.categoria-id-18104169:hover{
    /*background-image: linear-gradient(to bottom left, #000000, #3db7f8)!important;*/
     /*background-image: linear-gradient(to bottom right, #ff2f2f, #1dbf05)!important;*/
    background-image: linear-gradient(to bottom left, #6a2fff, #3db7f8)!important;
    color: white!important;
	background-size: 150% 150%;
	animation: animab 3s;
}

@keyframes animaa {
    0% {background-position: 0% 50%;}
    50% {background-position: 100% 100%;}
    100% {background-position: 0% 50%;}
}

.categoria-id-18104169 {
    /*background-image: linear-gradient(to bottom right, #000000, #4fbbf5)!important;*/
    /*background-image: linear-gradient(to bottom right, #ff2f2f, #1dbf05)!important;*/
    background-image: linear-gradient(to bottom right, #6a2fff, #4fbbf5)!important;
    border-radius: 10px;
    color: white!important;
	background-size: 400% 400%;
	animation: animaa 4s infinite;
}

.categoria-id-18104169 a{
    color: white!important;
}

/* [fim] Menu lateral e botão "Promoções"
--------------------------------------------------------------------------------
[start] Rodapé */

#rodape .style{
    background-color: #202d4a!important;
}

#barraNewsletter.posicao-rodape .componente input[type=text]{
    /* Campo para digitar o email e receber newsletter */
    background: #00000036!important;
    color: white!important;
    font-family: "Exo 2"!important;
    font-style: normal!important;
}

#barraNewsletter.posicao-rodape .componente input[type=text]:hover{
    /* Campo para digitar o email e receber newsletter */
    background: #13a7f836!important;
}

#barraNewsletter.posicao-rodape .componente input[type=text]:focus{
    /* Campo para digitar o email e receber newsletter */
    background: #13a7f836!important;
    border: 1px solid #13a7f8;
}

#barraNewsletter.posicao-rodape .componente input[type=text]::placeholder{
    /* Campo para digitar o email e receber newsletter */
    color: gray;
    font-style: italic;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
    /* botão Assinar */
    background: #13a7f8!important;
    border: solid 2px #13a7f8!important;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover {
    /* botão Assinar */
    filter: brightness(90%);
    scale: 0.98;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:before {
    color: #FFFFFF!important;
    fill: #FFFFFF!important;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover:after {
    color: #FFFFFF!important;
    fill: #FFFFFF!important;
}


/* Versão Mobile */

#barraNewsletter.posicao-rodape {
	background-image: url("https://i.imgur.com/JdPEy3U.png")!important;
	background-position-y: -232px!important;
    background-repeat: no-repeat!important;
}

#rodape .institucional {
	background-image: url("https://i.imgur.com/JdPEy3U.png")!important;
	background-position-y: -576px!important;
    background-repeat: no-repeat!important;
}
    
#rodape .institucional li a:hover{
    /* Hyperlinks no rodapé */
    color: #13a7f8!important;
}

#rodape .caixa-facebook {
    background-color: #FFFFFF00;
    height: 130px;
    width: 225px;
    border: solid 1px #FFFFFF;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento li{
    margin-right: 8px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento i{
    width: 48px!important;
    height: 35px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento .americanexpress {
    background-image: url("https://i.imgur.com/6OfyZ2q.png")!important;
    background-position: -4px 58px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento .diners {
    background-image: url("https://i.imgur.com/6OfyZ2q.png")!important;
    background-position: 117px -20px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento .elo {
    background-image: url("https://i.imgur.com/6OfyZ2q.png")!important;
    background-position: 177px -20px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento .hipercard{
    background-image: url("https://i.imgur.com/6OfyZ2q.png")!important;
    background-position: 53px -20px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento .mastercard{
    background-image: url("https://i.imgur.com/6OfyZ2q.png")!important;
    background-position: -68px -20px!important;
}

.pagamento-selos .row-fluid .span4 .bandeiras-pagamento .visa{
    background-image: url("https://i.imgur.com/6OfyZ2q.png")!important;
    background-position: -5px -20px!important;
}

.gateways-rodape li img {
    opacity: 0;
}

#rodape .gateways-rodape {
    width: 48px!important;
    height: 35px!important;
    background-image: url(https://i.imgur.com/6OfyZ2q.png);
    background-position-x: 53px;
    background-position-y: 58px;
}

.pagamento>ul+ul{
    margin: 2px 0 0!important;
}

.pagamento>ul {
    margin-top: -10px;
}


@media only screen and (min-width: 768px){ /*Caso esteja no PC */ 
    #barraNewsletter.posicao-rodape {
        background: #FFFFFF!important;
        background-image: url("https://i.imgur.com/sy6NBkk.png")!important;
        background-repeat: no-repeat;
        /*background-size: contain;*/
        background-position-x: center!important;
        background-position-y: -169px!important;
    }
    
    #rodape .institucional{
        background: #FFFFFF!important;
        background-image: url("https://i.imgur.com/sy6NBkk.png")!important;
        /*background-position: center 0px -152px;*/
        background-position-x: center!important;
        background-position-y: -319px!important;
        background-repeat: no-repeat;
        /*background-size: contain;*/
    }
    
    #rodape .pagamento-selos{
        background-image: url("https://i.imgur.com/sy6NBkk.png")!important;
        background-position-x: center!important;
        background-position-y: -736px!important;
        background-repeat: no-repeat;
        /*background-size: contain;*/
    }
    
    #rodape>div:last-child {
        background-image: url("https://i.imgur.com/AKJrKjd.png")!important;
        /*background-position: center 0px -152px;*/
        background-position-x: center!important;
        background-position-y: -802px!important;
        background-repeat: no-repeat;
        border: none!important;
        color: white;
        text-shadow: 0 0 8px #000000, 0 0 8px #000000, 0 0 8px #000000, 0 0 16px #000000, 0 0 16px #000000;
    }
    
    #rodape .row-fluid {
        /* Forma de pagamento e os selos*/
        display: flex;
        justify-content: space-around;
    }
    
    #rodape .row-fluid .span4 {
        width: 238px!important;
    }
    
    #rodape .pagamento-selos .titulo {
        /*Titulo das Formas de pagamento e os selos */
        text-align: center;
        color: white!important;
    }
    
    #rodape .row-fluid .pagamento,
    #rodape .row-fluid .selos{
        /* Container das Formas de Pagamento e os Selos */
        background-color: #12090070;
        border: solid 2px #c7c7c7;
        padding-inline: 30px;
        padding-bottom: 23px;
        border-radius: 20px;
    }
    
    #rodape .row-fluid .selos li:first-child{
        /* Selo: Loja Segura */
        margin-top: 0;    
        margin-bottom: 30px;
    }
    
    .bandeiras-pagamento li{
    margin-right: 10px!important;
    }
}

#rodape .lista-redes ul li:hover a {
	background: #13a7f8;
	border-color: #08c;
}

/* [fim] Rodapé
--------------------------------------------------------------------------------
[start] Carrinho */
/*
.table {
    background-color: #f7fcff!important;
}*/

.table .possui-cupom{
    background-color: #f7fcff!important;
}

.finalizar-compra .botao.principal{
     /* azul secundário do logo */
    background: #13a7f8!important;
    border: 0px;
}

.finalizar-compra .botao.principal:hover{
     /* azul secundário do logo 
    background-color: #74c8f1!important;
   filter: brightness(92%);*/
}

/* [fim] Carrinho
--------------------------------------------------------------------------------
[start] Geral */

#descricao p, #descricao span{
    /* Descrição dos produtos */
    font-size: 18px!important;
    font-family: "Exo 2"!important;
}

.scrollToTop {
    right: 1rem!important;
}

.li-whatsapp i {
    /* Logo Whatsapp parte branca */
    font-size: 48px!important;
    color: #fff!important;
}

.li-whatsapp a {
    /* Logo Whatsapp fundo verde */
    width: 72px!important;
    height: 72px!important;
}

@media only screen and (max-width: 768px){ /*Caso esteja no celular */ 
    .li-whatsapp i {
        /* Logo Whatsapp parte branca */
        font-size: 38px!important;
        color: #fff!important;
    }
    
    .li-whatsapp a {
        /* Logo Whatsapp fundo verde */
        width: 56px!important;
        height: 56px!important;
    }
}

#st-1 .st-btn[data-network='facebook'] {
	background-color: #4267B2!important;
    border: solid 1px #263388;
}

#st-1 .st-btn[data-network='facebook']:hover {
	background-color: #4267B2!important;
    border: solid 1px #263388;
	filter: brightness(0.8);
    scale: 1.05;
}

#st-1 .st-btn[data-network='twitter'] {
	background-color: #55acee!important;
	border: solid 1px #0f6ea3;
}

#st-1 .st-btn[data-network='twitter']:hover {
	background-color: #55acee!important;
	border: solid 1px #0f6ea3;
	filter: brightness(0.8);
    scale: 1.05;
}

#st-1 .st-btn[data-network='pinterest'] {
	background-color: #CB2027!important;
	border: solid 1px #9b0b0b;
}

#st-1 .st-btn[data-network='pinterest']:hover {
	background-color: #CB2027!important;
	border: solid 1px #9b0b0b;
	filter: brightness(0.8);
    scale: 1.05;
}

.componente {
    /* Descrição de uma categoria */
    background-color: rgb(19 164 255 / 13%);
}

.coluna div.componente.newsletter .botao {
    /* Botão Assinar */
    background: #216b8d!important;
    border: solid 2px #196282!important;
}

.produto .acoes-flutuante .botao-comprar {
    /* Botão Comprar Flutuante */
    background: #13a7f8!important;
}

#corpo .conteiner>.marcas .flex-direction-nav .flex-next .icon *,
#corpo .conteiner>.marcas .flex-direction-nav .flex-prev .icon * {
    fill: white!important;
}

/* [fim] Geral
--------------------------------------------------------------------------------
[start] Perfil de Usuário */

.span6 .caixa-info {
    background-color: rgb(19 164 255 / 13%)!important;
}

.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: #13a7f8!important;
}

.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 {
    border: solid 1px #3486d9!important;
}

.pagina-conta .conta-menu .nome-usuario,
.pagina-favorito-listar .conta-menu .nome-usuario,
.pagina-pedido-listar .conta-menu .nome-usuario {
    color: #13a7f8!important;
}

/* [fim] Perfil de Usuário
--------------------------------------------------------------------------------
[start] Finalizar Compra */

#finalizarCompra {
    /* Botão Finalizar Compra */
    background: #13a7f8!important;
    border-color: #00000000!important;
}

/* [fim] Finalizar Compra
--------------------------------------------------------------------------------
[start] Exclusivo MOBILE */

@media only screen and (max-width: 767px) {
    .atalhos-mobile ul li a .qtd-carrinho {
        /* Bolinha carrinho */
        background: #216b8d!important;
    }
    
    .conteudo-topo .menu.superior.visible-phone .menu-close:after {
        /* Botão X para fechar o menu de categorias */
        background: #13a7f8!important;
    }	
    
    .conteudo-topo .busca-mobile .atalho-menu {
        /* Botão das tres linhas para ver as categorias */
        background: #13a7f8!important;
    }
    
    .atalhos-mobile ul li a .icon .a,
    .atalhos-mobile ul li a .icon .b,
    .atalhos-mobile ul li a .icon .d,
    .atalhos-mobile ul li a .icon .cls-1{
        /* Vetores no topo */
        fill: #13a7f8!important;
    }

    .li-whatsapp a {
        left: 11px;
        bottom: 14px!important;
    }

    .selos>ul {
        display: flex;
        justify-content: space-around;
        padding-left: 16px;
    }

    .pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.pequeno {
        /* Botão "Alterar senha" */
        margin-bottom: 8px;
        margin-right: 8px;
    }
    
    .pagina-conta .conteudo .abas-conteudo .caixa-dados .acao-editar .botao.principal {
        /* Botão "Editar Dados Cadastrais" */
        display: table;
    }

    .conteudo-topo .menu.superior.visible-phone ul.nivel-um {
        height: 75%;
    }

    .conteudo-topo .menu.superior.visible-phone ul.action-links {
        position: absolute;
        bottom: 48px;
    }

    .conteudo-topo .menu.superior.visible-phone .wrap {
        position: relative;
    }
}
/* [fim] Exclusivo MOBILE
--------------------------------------------------------------------------------
*/ 

#carouselImagem .flex-direction-nav a.flex-next .icon *,
#carouselImagem .flex-direction-nav a.flex-prev .icon * {
    fill: white!important;
}

/* Resolve problemas de sub-categorias numa resolução pequena */

@media only screen and (max-height: 800px) {
    .full.menu .nivel-dois .mega-recebe {
        display: none; 
        }
    
    .full.menu .nivel-dois .mega-categorias {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /*justify-content: space-around;*/
    }
    
    .full.menu .conteiner .nivel-dois li {
        width: auto!important;
        min-width: 236px;
    }
    
    .full.menu .categoria-id-891376 .nivel-dois .mega-categorias {
        max-width: 620px;
        /*max-width: 446px;*/
    }
    

    .full.menu .conteiner .nivel-um .categoria-id-891376:hover .nivel-dois {
        transform: translateX(-420px);
    }
    #listagemProdutos.listagem .listagem-item .info-produto .preco-produto .preco-venda, .listagem.aproveite-tambem .listagem-item .info-produto .preco-produto .preco-venda {
    font-size: 21px;
}
}