body {

	font-family: 'Roboto'
	
	,sans-serif;


	
	
		background-color: #FFFFFF;
	
	
		background-position: top center;
	
	
		background-attachment: scroll;
	
	
		background-repeat: repeat;
	

}

:root {
  cor-principal: #766D6C;
	cor-botao: #766D6C;
}
a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span { color: #766D6C; } /* Cor Principal - Textos e Links */
.fundo-principal, .botao.principal, .botao.principal:hover, .menu li:hover > a .fundo-secundario, .flex-control-paging li a.flex-active, .dropdown-menu > li > a:hover, .filtro.lista ul li label:hover, .filtro.lista ul li.active label , .menu-simples li a:hover, .menu-simples li.active a { background-color: #766D6C; } /* Cor Principal - Background */
.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a { border-color: #766D6C; } /* Cor Principal - Bordas */



:root {
  cor-secundaria: #333333;
}
.cor-secundaria { color: #333333; }
.fundo-secundario { background-color: #FFFFFF; }
.borda-secundaria { border-color: #C2B8B8; }



.titulo {
	font-family: 'Roboto'
  
  , serif;
	
	font-weight: 700;
	
	
}

/* menuinsta */


#menuinsta .slick-slider {
	height: 110px;
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

#menuinsta .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

#menuinsta .slick-list:focus {
    outline: 0
}

#menuinsta .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

#menuinsta .slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

#menuinsta .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
	background: white;
}

#menuinsta .slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

#menuinsta .slick-track:after {
    clear: both
}

#menuinsta .slick-loading .slick-track {
    visibility: hidden
}

#menuinsta .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

#menuinsta [dir=rtl] .slick-slide {
    float: right
}



#menuinsta .slick-slide.slick-loading img {
    display: none
}

#menuinsta .slick-slide.dragging img {
    pointer-events: none
}
#menuinsta .slick-slide:first-child {
    margin-left: 20px;
}
#menuinsta .slick-initialized .slick-slide {
    display: block;
	margin-top: 10px;
}

#menuinsta .slick-loading .slick-slide {
    visibility: hidden
}

#menuinsta .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

#menuinsta .slick-arrow.slick-hidden {
    display: none
}

#menuinsta .slick-next,.slick-prev {
    width: 15px;
    height: 15px;
    display: block;
    z-index: 20;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

#menuinsta .slick-next .icon,.slick-prev .icon {
fill: #000;
    width: 10px;
}

#menuinsta .slick-next .icon .a,.slick-prev .icon .a {
    fill: #000
}

#menuinsta .slick-prev {
    left: -7px
}

#menuinsta .slick-next {
    right: -7px
}

@media(max-width: 800px) {
    #menuinsta .slick-prev {
        left:3px
    }

    #menuinsta .slick-next {
        right: 0px
    }
}
    
  div#menuinsta {
    margin: 10px 0 10px;
} 
#menuinsta i {
    display: none;
}
    #menuinsta ul.nivel-dois {
    display: none;
}
    #menuinsta li{
    text-align: center;
    height: 97px;
    line-height: 97px;
    margin: 0px 10px;
    width: 110px;
    border: none;
    }
    
    #menuinsta > div > button{
    font-size: 0px;
        background: transparent;
    }

    
    #menuinsta a {
    display: grid;
    height: 100px;
    text-align: center;
}
    
#menuinsta > div > div > div > li.slick-slide.slick-slide:nth-child(1) > a:before {
    content: "\f553";
    font-size: 0;
    background-image: url(https://versatylti.com.br/wp-content/uploads/2022/09/cactus.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
       #menuinsta > div > div > div > li.slick-slide:nth-child(2) > a:before {
    content: "\f553";
    font-size: 0;
    background-image: url(https://versatylti.com.br/wp-content/uploads/2022/09/planta.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}

    #menuinsta > div > div > div > li.slick-slide:nth-child(3) > a:before {
    content: "\f553";
    font-size: 0;
    background-image: url(https://versatylti.com.br/wp-content/uploads/2022/09/suculentas.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
        #menuinsta > div > div > div > li.slick-slide:nth-child(4) > a:before {
    content: "\f553";
    font-size: 0;
    background-image: url(https://versatylti.com.br/wp-content/uploads/2022/09/lancamento.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
        #menuinsta > div > div > div > li.slick-slide:nth-child(5) > a:before {
    content: "\f553";
    font-size: 0;
    background-image: url(https://versatylti.com.br/wp-content/uploads/2022/09/promocao.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
        #menuinsta > div > div > div > li.slick-slide:nth-child(6) > a:before {
    content: "\f553";
    font-size: 0;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
        #menuinsta > div > div > div > li.slick-slide:nth-child(7) > a:before {
    content: "\f553";
    font-size: 0;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
        #menuinsta > div > div > div > li.slick-slide:nth-child(8) > a:before {
    content: "\f553";
    font-size: 0;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    height: 50px;
    border-radius: 150px;
    line-height: 50px;
    width: 50px;
    margin: 0 auto;
    background-color: none;
}
    
    
    #menuinsta strong.titulo.cor-secundaria {
    height: 80px;
    line-height: 20px;
    width: 110px;
	color: #4c4b4b;
	margin-top: 5px;
}

    
    /* FIM menu insta */ 
}

.caixa-sombreada {
    box-shadow: 0 0 0 0 !important;
}

     .termLGPD-StartEcom{
   position:fixed;
   width:100%;
   bottom:0px;
   background-color:#d0cccc; <-- aqui altera a cor do fundo
   color:#000 !important; <-- aqui altera a cor da letra
   text-align:center;
   font-size:30px;
   z-index:1000;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   min-height: 80px; <-- aqui altera o tamanho, abaixo de 80 ele vai ficando mais fino
   padding-top: 15px;
   padding-bottom: 15px;
   opacity: 0.9;
}
.termLGPD-StartEcom label{
    width: 100%;
    max-width: 860px;
    color: black;
    font-weight: 400;
}
.termLGPD-StartEcom a{
    color:#616161;
}
.termLGPD-StartEcom button{
    background-color:#478c22;
    border: solid 1px #fff;
    padding: 15px;
    color: #fff;
    border-radius: 5px;
    margin-left: 10px;
}



#cabecalho {

	
		
		
		background-color: #222628;
		
		
		background-position: top center;
		
		
			background-repeat: repeat;
		
	
}



.barra-inicial { background-color: #171616; }


.barra-inicial .canais-contato span, .barra-inicial .canais-contato a, .barra-inicial .canais-contato i { color: #FFFFFF; }



#rodape .institucional {
	
		
		
		background-color: #999999;
		
		
		background-position: top center;
		
		
			background-repeat: repeat;
		
	
}


:root {
	--cor-botao: #999999;
}
.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar { background-color: #999999; }



  
    #barraNewsletter, #barraNewsletter .show-hide, #barraNewsletter .componente, #barraNewsletter.posicao-rodape .conteiner { background-color: #FFFFFF; }
  
  
    #barraNewsletter, #barraNewsletter .show-hide { color: #000000; }