/* --------------------------------------------------------------------
Inicio variaveis
-------------------------------------------------------------------- */

:root {
   --whats_image:       url('https://cdn.awsli.com.br/1668/1668223/arquivos/whats2p.png');
   --topo_image:        url('https://cdn.awsli.com.br/1668/1668223/arquivos/topop.png');                        
   --favorito_no_image: url('https://cdn.awsli.com.br/1668/1668223/arquivos/desejo5.png');
   --favorito_ok_image: url('https://cdn.awsli.com.br/1668/1668223/arquivos/desejo-ok5.png');

   --contato_image:     url('https://cdn.awsli.com.br/2023/2023207/arquivos/contato10.png');
   --user_image:        url('https://cdn.awsli.com.br/1668/1668223/arquivos/user_7.png');
   --menu_open_image:   url('https://cdn.awsli.com.br/1668/1668223/arquivos/menuOpen4.png');
   --menu_close_image:  url('https://cdn.awsli.com.br/1668/1668223/arquivos/menuClose4.png');
}

/* --------------------------------------------------------------------
Fim variaveis
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estilizacao barra superior
-------------------------------------------------------------------- */

#div_redes{
    margin-left: 15px !important;
}

.contact_drop_btn 
{
   border: none;
   cursor: pointer;
   position: relative;
   display: inline-block;
   background-color: transparent;
   width: 50px;
   height: 50px;
}

.contact_drop_btn-content 
{
   display: none;
   position: absolute;
   min-width: 240px;
   overflow: auto;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#div_canais li{
     font-size: 15px;
}

#userDropdown{
     font-size: 15px;
}

#cab_carrinho a, #cab_carrinho s, #cab_carrinho strong.preco-promocional{
    font-size: 15px;
}

.carrinho-interno{
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.contact_drop_btn 
{
   background: var(--contato_image) !important;
   margin-top: -4px;
   margin-left: -2px;
}

#cab_contato{
   width: 100px;
   height: 18px;
   float: right;
   padding-top: 4px;
}

#cab_contato > div:first-child{
   border-radius: 30px;
   width: 45px;
   height: 45px;
   margin: 4px;
}

#cab_barra {
   display: block;
   position: fixed;
   top: 0px;
   left: 0px;
   z-index: 999;
   width: 100%;
   background-color: white;
}

#cab_busca{
   width: 41%;
   float: left;
   padding-top: 7px;
}

#cab_barra_center{
    margin-top: 10px;
    margin-bottom: 10px;
}

#cab_menu{
   float: right;
   padding-top: 3px;
}
    
#cab_menu a {
   height:0px;
   width: 0px;
   padding-top: initial;
}

#cab_contato span{
   cursor:pointer;   
}

#cab_usuario span{
   cursor:pointer;   
}

@media screen and (max-width: 1000px) {
    #cab_busca{
        width: 35%;
    }
}

@media screen and (max-width: 900px) {
    #cab_busca{
        width: 29%;
    }
}

@media screen and (max-width: 800px) {
    #cab_busca{
        width: 25%;
    }
}

@media screen and (max-width: 767px) {
   #cabecalho .conteiner {
      width: 95% !important;
   }
   #cab_barra_center{
      margin-top: 0px;
      margin-bottom: 5px;
   }
   #cab_usuario{     
      display: none;
      height: 1px;
      width: 1px;
   }
   #cab_carrinho{     
      display: none;
      height: 1px;
      width: 1px;
   }
   #cab_barra{
      margin-top: 50px;
   }
   #cab_busca{
      width: 90% !important;
   }
   #cab_menu_g{
      display: none;
      height: 1px;
      width: 1px;
   }
   #cab_contato{     
      display: none;
      height: 1px;
      width: 1px;
   }
   #cab_logo{
      float: none !important;
      margin: auto;
      width: 50%;
   }
   #cabecalho{
      padding-top: 0px;
   }
   .menu.superior ul ul{
      padding: 0px !important;
      border-radius: 0px !important;
      border-top: solid white 0px !important;
      box-shadow: initial !important;
   }
   #cab_menu div{
      border-radius: 25px;
      width: 43px;
      height:43px;
      margin-right: 10px;
   }
   #cab_menu div div{
      background: var(--menu_open_image);
      width: 53px;
      height: 48px;
      margin-left: -4px;
   }
}

@media screen and (max-width: 660px) {
    #cab_busca{
      width: 86% !important;
   }
}

@media screen and (max-width: 550px) {
    #cab_busca{
      width: 82% !important;
   }
}

#cab_usuario > div:first-child{
   border-radius: 30px;
   width: 45px;
   height: 45px;
   margin: 4px;
}

#cab_barra_up .conteiner{
    padding: 0px;
}

#cab_barra #cabecalho .conteiner{
    padding: 0px;
    width: 800px;
    margin: auto;
    box-shadow: 0px 0px 0px 0px;
}

.user_drop_btn 
{
   border: none;
   cursor: pointer;
   position: relative;
   display: inline-block;
   background: var(--user_image);
   margin-top: -4px;
   margin-left: -2px;
   background-color: transparent;
   width: 50px;
   height: 50px;
}

#cab_barra .icon-size{
    width: 50px;
    height: 50px;
}

.user_drop_btn-content 
{
   display: none;
   position: absolute;
   background-color: #f0f0f0;
   min-width: 90px;
   overflow: auto;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   margin-top: -6px;
}

#cab_barra .user_drop_btn-content a 
{
   color: black;
   padding: 12px 10px;
   text-decoration: none;
   display: block;
}

#cab_barra .user_drop_btn-content a:hover {
   background-color: #ddd;
}
    
#cab_logo{
   width: 200px;
   float: left;
   padding-left: 7px;
}
        
#cab_usuario{
   width: 100px;
   height: 18px;
   float: right;
   padding-top: 4px;
}
        
#userDropdown{
    z-index: 1000;
    position: relative;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    border-top: solid gray 1px;
    margin-top:-9px;
}

#contactDropdown{
    z-index: 1000;
    position: relative;
    background-color: white;
    padding: 5px;
    border-radius: 10px;
    border-top: solid gray 1px;
    margin-top:-9px;
}

#contactDropdown li:hover{
    background-color:  #eee;
}
    
#cab_carrinho{
   width: 90px;
   float: right;
   padding-top: 7px;
   padding-right: 7px;
}

#cab_menu{
   float: right;
   padding-top: 7px;
}
    
#cab_menu a {
   height: 22px;
   width: 10px;
   padding-top: 13px;
}

#cab_menu_g{
   width: 46px;
   height: 46px;
   float: right;
   border-radius: 25px;
   margin-top:7px;
}

#cab_menu_g_open{
    margin-top: -1px;
    margin-left: -2px;
    background: var(--menu_open_image);
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
}

#cab_menu_g_close{
    margin-top: -1px;
    margin-left: -2px;
    background: var(--menu_close_image);
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
}

#cab_menu_g div:hover{
    opacity:95%;
}

#cab_barra_up div{
    padding-top: 5px;
    height: 25px;
    text-align: center;
    font-size: 18px;
}

#cab_barra_down{
    transition: height 0.5s;
    border-bottom: 1px solid lightgray;
}

#div_canais{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: -10px;
}

#div_canais li{
    padding:  8px;
}

#cab_barra .user_drop_btn-content a:hover {
   background-color: #eee;
}

#cab_barra .menu.superior ul ul{
    padding: 15px;
    border-radius: 10px;
    border-top: solid gray 1px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* --------------------------------------------------------------------
Fim estilizacao barra superior
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao nos titulos da categorias
-------------------------------------------------------------------- */

.titulo-categoria{
	color: black;
	text-align: center;
    	border-top: transparent 1px; 
    	font-size: 250% !important;
    	font-weight: lighter !important;
    	font-family: Trebuchet MS !important;
}

.titulo-categoria.borda-principal.cor-principal{
	background-color:transparent;
}

/* --------------------------------------------------------------------
Fim estlizacao nos titulos da categorias
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao no botao WhatsApp
-------------------------------------------------------------------- */

#whatsBtn {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 9999;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
	background-image: var(--whats_image);
	width:38px;
	height:38px;
	background-color: transparent;
	opacity:0.9;
}

#whatsBtn:hover {
	opacity:1;
}

/* --------------------------------------------------------------------
Fim estlizacao no botao WhatsApp
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao no botao topo
-------------------------------------------------------------------- */

#topoBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 90px;
	z-index: 9999;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
	background-image: var(--topo_image);
	width:38px;
	height:38px;
	background-color: transparent;
	opacity:0.9;
}

#topoBtn:hover {
	opacity:1;
}

/* --------------------------------------------------------------------
Fim estlizacao no botao topo
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao video
-------------------------------------------------------------------- */

#myvideo{
	/*margin-bottom: 25px;*/
}

#myvideo div{
	width:99.5%;    
}

#myvideo div iframe{
    width:99.5%;
    height:350px;    
}

/* --------------------------------------------------------------------
Fim estlizacao video
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao depoimentos
-------------------------------------------------------------------- */

#depoimentos{
	text-align:    center;
    	font-family:   Verdana, sans-serif;
    	user-select:   none;
	margin-top:    25px;
	margin-bottom: 25px;
}

#depoimentos div{
	white-space:   normal;
}

div[id^="depoimentos_title_"] {
  font-weight: bold;
  font-size: 120%;
  margin-top: 10px;
  margin-bottom: 10px;
}

div[id^="depoimentos_text_"] {
  font-weight: 500;
  font-size: 120%;
}

#depoimentos_botoes{
  text-align: center;
}

#depoimentos_botao_esq{
  background-color:transparent;
  font-size:30px;
  float:left;
  color:gray;
  margin-top:50px;
  margin-left:5px;
}

#depoimentos_botao_dir{
  background-color:transparent;
  font-size:30px;
  float:right;
  color:gray;
  margin-top:50px;
  margin-right:5px;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

/* --------------------------------------------------------------------
Fim estlizacao depoimentos
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao favoritos
-------------------------------------------------------------------- */

a.adicionar-favorito[href*="adicionar"] {
    	text-indent: -9999px;
    	background-color: transparent;
    	content: var(--favorito_no_image);
    	height:20px;
}

a.lista-favoritos[href*="favorito/listar"] {
    	text-indent: -9999px;
    	background-color: transparent;    
    	content: var(--favorito_ok_image);
    	height:20px;
}

/* --------------------------------------------------------------------
Fim estlizacao favoritos
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao rodape
-------------------------------------------------------------------- */

.links-rodape ul li::before {  
	color: white;
	content: "\2022";
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.sobre-loja-rodape p::before{
   	color: white;
	content: "\2022";
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em; 
	text-shadow: 2px 2px 2px black;
}

.links-rodape .titulo, .sobre-loja-rodape .titulo{
   font-weight: bold;
   text-shadow: 2px 2px 2px black;
}

.pagamento .titulo.cor-secundaria{
   font-weight: bold;
   text-shadow: 2px 2px 2px white;
}

.visible-phone .titulo{
   font-weight: bold;
   text-shadow: 2px 2px 2px black;             
}

.selos .titulo.cor-secundaria{
   font-weight: bold;
   text-shadow: 2px 2px 2px white;
}





#cab_rodape{
    width: 100%;
    font-size: medium;
}

#cab_rodape_ctg_ctu_cto{
    padding: 30px;
}

#cab_rodape_pag_sel{
    padding: 30px;
}

#cab_rodape_copyright{
    margin-bottom: 10px;
}

.gateways-rodape{
    background-image: initial;
}

#cab_rodape_categoria{
    float: left;
    width: 18%;
    padding-left: 10px;
}

#cab_rodape_conteudo{
    float: left;
    width: 25%;
    padding-left: 10px;
}

#cab_rodape_categoria ul{
    margin-left: -5px;
}

#cab_rodape_conteudo ul{
    margin-left: -5px;
}

#cab_rodape_redes{
    float: left;
    width: 15%;
    padding-left: 10px;
}

#cab_rodape_redes div{
    position: relative !important;
}

#cab_rodape_contatos{
    float: left;
    width: 30%;
    padding-left: 10px;
}

#cab_rodape_contatos div{
    display: block !important;
    width: 100%;
}

#cab_rodape_contatos ul{
    margin-left: -10px;
}

#cab_rodape_contatos p{
    margin-left: 7px;
}


#cab_rodape_paguecom{
    float: left;
    width: 49%;
}

.gateways-rodape {
    border: solid black 0px;
}

#cab_rodape_lojaintegrada div {
    border: solid black 0px !important;
    box-shadow: none;
}

#cab_rodape_selos{
    float: left;
    width: 49%;
}

#cab_rodape_copyright{
    width: 95%;
}

#cab_rodape_copyright div{
    width: 100%;
}

#cab_rodape .redes-sociais{
    background-color:transparent !important;
}

#cab_rodape .redes-sociais span{
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 3px black;
}

@media screen and (max-width: 767px) {
    #cab_rodape_redes div{
        width: 75%;
        margin: auto;
    }
    #cab_rodape_categoria{
        width: 95%;
    }
    #cab_rodape_conteudo{
        width: 95%;
    }
    #cab_rodape_redes{
        width: 95%;
    }
    #cab_rodape_contatos{
        width: 95%;
    }
    #cab_rodape_paguecom{
        width: 95%;
    }
    #cab_rodape_selos{
        width: 95%;
    }
    #cab_rodape_contatos ul{
        margin-left: -10px;
    }
}

#cab_rodape .caixa-facebook{
    width: 5px !important;
}

/* --------------------------------------------------------------------
Fim estlizacao rodape
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao arredondar bordas
-------------------------------------------------------------------- */

.busca{
	border-radius: 25px;
    	background-color: white;
}

input[type=text] , input[type=password]{
    	border: 0;
    	border-radius: 25px;
}

button.botao-busca{
	border-radius: 25px;
}

i.icon-shopping-cart{
	border-radius: 25px;
}

i.icon-list{
	border-radius: 25px;
}

i.icon-user{
	border-radius: 25px;
}

div.carrinho{
	border-radius: 25px;
}

.botao{
	border-radius: 25px;
}

.botao.secundario.pequeno.dropdown-toggle{
    	border-radius: 25px;
}

.acoes-produto-responsiva.visible-phone a{
    border-radius: 25px;
}

/* --------------------------------------------------------------------
Fim estlizacao arredondar bordas
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao newsletter
-------------------------------------------------------------------- */

.texto-newsletter.newsletter-cadastro{
    font-size: 150%;
    font-weight: bold;
}

.componente.newsletter.borda-principal{
    text-shadow: 2px 2px 2px black;
}

/* --------------------------------------------------------------------
Fim estlizacao newsletter
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao bandeiras
-------------------------------------------------------------------- */

.fundo-principal.bandeira-promocao{
    border: 0px;
    height:25px;
    box-shadow: 3px 3px 3px gray;
    padding-top: 5px;
    border-radius: 5px;
    font-size:100% !important;
    opacity: 100%;
}

.adicionado-carrinho.bandeira-carrinho{
    border: 0px;
    height:25px;
    box-shadow: 3px 3px 3px gray;
    padding-top: 5px;
    border-radius: 5px;
    font-size:90% !important;
    visibility: hidden;
}

.bandeira-frete-gratis.label-success{
    border: 0px;
    height:25px;
    box-shadow: 3px 3px 3px gray;
    padding-top: 5px;
    border-radius: 5px;
    font-size:90% !important;
}

/* --------------------------------------------------------------------
Fim estlizacao bandeiras
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao tamanho de fonte
-------------------------------------------------------------------- */

.info-produto{
	text-align: center;  
    	font-size: 1.3em;
}

a.nome-produto{	 
	font-size-adjust: 0.7;
}

.nivel-dois{
   font-size: medium;
}

#rodape > .institucional.fundo-secundario{
   font-size: 150%;
   font-weight: bold;
}

.botao.secundario.pequeno.dropdown-toggle{
    font-weight: bold;
}


/* --------------------------------------------------------------------
Fim estlizacao tamanho de fonte
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao background
-------------------------------------------------------------------- */

.superior.menu {
 	margin: auto; 	
    	display: block;
    	background-color: #eeeeee;
}

.borda-principal{
	background-color: #eeeeee;
	border: 0px !important;
}

.nivel-um{
 	background-color: transparent;
}


.imagem-produto{
	background-color: transparent;
}

.tarja{
	background-color: gray;
}

/* --------------------------------------------------------------------
Fim estlizacao background
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao banners
-------------------------------------------------------------------- */

.slides:hover {
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

/* --------------------------------------------------------------------
Fim estlizacao banners
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao marcas
-------------------------------------------------------------------- */

.marcas .slides:hover {
   -moz-transform: scale(1.0);
   -webkit-transform: scale(1.0);
   transform: scale(1.0);
}

/* --------------------------------------------------------------------
Fim estlizacao marcas
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao carrinho
-------------------------------------------------------------------- */

.carrinho-interno.borda-principal{
    background-color: white;
    border-radius: 10px;
    border-top: solid gray 1px !important;
}

.carrinho-interno.borda-principal li{
   border: 0px;
}


.carrinho-interno.borda-principal li:hover{
   background-color: #eee;    
}

/* --------------------------------------------------------------------
Fim estlizacao carrinho
-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
Inicio estlizacao agregados
-------------------------------------------------------------------- */

.filtro .titulo.cor-secundaria{
	text-shadow: 2px 2px 2px black;
}

.filtro label{
	text-shadow: 2px 2px 2px black;
}

.interno .titulo.cor-secundaria{
	text-shadow: 2px 2px 2px black;
}

.interno p{
	text-shadow: 2px 2px 2px black !important;
}

.coluna li.borda-principal a:hover{
	background-color: #EEEEEE !important;
}

a span.titulo{
    text-shadow: none !important;    
}

/* --------------------------------------------------------------------
Fim estlizacao agregados
-------------------------------------------------------------------- */

.botao-comprar{
	float: left !important; 
}