/* limpado configurações em todos navegadores */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,figure {
margin: 0; padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;
}
body { line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* limpado configurações em todos navegadores */


/*alinhamento vertical*/
area ul li a:hover{
text-decoration:underline !important;
}
a .botao-padrao:hover,a:hover{
text-decoration: none !important;
}
.vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#aviso {
width: 100%;
min-height: 50px;
/* line-height: 50px !important; */
text-align: center;
font-size: 14px;
/* display: none; */
color: #FFF;
box-sizing: border-box;
padding: 15px 0;
}
.aviso-sucesso {
background: #27ae60;
}
.aviso-sucesso div {
width: 30px;
height: 30px;
position: absolute;
background: url('../img/aviso-sucesso.png');
margin: 10px 10px 10px 15px;
}
.aviso-erro {
background: #e74c3c;
}
.aviso-erro div {
width: 26px;
height: 26px;
position: absolute;
background: url('../img/aviso-erro.png');
margin: 14px 10px 10px 15px;
}
.aviso-neutro {
background: #f1c40f;
}
.aviso-neutro div {
width: 30px;
height: 30px;
position: absolute;
background: url('../img/aviso-neutro.png');
margin: 9px 10px 10px 15px;
}
.estrela {
width: 26px;
height: 26px;
overflow: hidden;
background: url('../img/estrela.png') 0px 0px;
}
body {
border-top: solid 5px ;
margin: 0 auto;
color: #666666;
font-family: 'Istok Web', sans-serif;
font-size: 14px;
min-width: 320px;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
h2 {
font-size: 20px;
height: 23.5px;
margin: 15px 0 15px 0;
font-weight: 500;
border-bottom: solid 2px #DDDDDD;
margin: 30px 0;
text-align: left;
}

.background-cor-primaria{
background:  !important;
}
h2 span {
padding: 0 3px 0 3px;
border-bottom: solid 2px ;
}
.central {
width: 100%;
min-width: 300px;
max-width: 1200px;
height: auto;
position: relative;
margin: 0 auto;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right!important;
}
#conteudo {
width: 100%;
min-width: 300px;
max-width: 1200px;
margin: 0 auto;
background-color: #FFFFFF;
padding-top: 10px;
}
.texto {
line-height: 22px;
}
.texto p {
margin: 5px 0 5px 0;
}
#loading {
width: 28px;
height: 28px;
float: left;
margin: 28px 10px 0 0;
background: url('../img/loader.gif') no-repeat;
background-size: 28px 28px;
display: none;
}
.input {
width: 100%;
height: 32px;
border: solid 1px #CCCCCC;
outline: none;
background-color: #FFFFFF;
text-indent: 5px;
color: #000;
}
.input:disabled {
background-color: #EAEAEA;
}
.textarea {
width: 99%;
height: 100px;
border: solid 1px #CCCCCC;
outline: none;
background-color: #FFFFFF;
resize: none;
}
.textarea:disabled {
background-color: #EAEAEA;
}
.submit {
width: auto;
min-width: 100px;
height: 35px;
color: #FFFFFF;
text-indent: 10px;
cursor: pointer;
border: none;
font-weight: 500;
font-family: 'Istok Web', sans-serif;
float: right;
margin: 25px 0 0 0;
background-color: ;
font-size: 16px;
padding: 0 25px 0 25px;
}
.submit.seta {
background: url('../img/seta-submit.png') no-repeat #58ac26;
}
.submit.done {
background: url('../img/done.png') no-repeat ;
}
.submit:hover {
-webkit-filter: grayscale(30%);
-moz-filter: grayscale(30%);
filter: grayscale(30%);
/*- background-color: ;*/
}
.input-erro {
outline-color: ;
}
.tamanho-10 {
width: 10%;
}
.tamanho-20 {
width: 20%;
}
.tamanho-30 {
width: 30%;
}
.tamanho-40 {
width: 40%;
}
.tamanho-45 {
width: 45%;
}
.tamanho-50 {
width: 50%;
}
.tamanho-60 {
width: 60%;
}
.tamanho-70 {
width: 70%;
}
.tamanho-80 {
width: 80%;
}
.tamanho-90 {
width: 90%;
}
.tamanho-100 {
width: 100%;
}
.none {
display: none;
}
.block {
display: block;
}
.botao-padrao {
width: 100%;
height: 30px;
color: ;;
background-color: ;
text-align: center;
font-weight: 500;
padding: 10px 5px 0 5px;
margin: 20px auto;
line-height: 125%;
}
.botao-padrao:hover {
/* background-color: ;*/
-webkit-filter: grayscale(30%); /* Safari */
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.botao-padrao.cadeado {
background: url('../img/cadeado.png') no-repeat ;
}
header {
width: 100%;
height: auto;
min-height: auto;
display: table;
/*background-color: #FFFFFF;*/

min-width: 300px;
position: relative;
}
.active-header{
position: fixed;
top:0;
z-index: 999;
border-top: solid 5px ;
border-bottom: solid 5px ;
}
header .content {
width: 100%;
height: auto;
min-height: auto;
display: table;
margin-bottom: 30px;
min-width: 300px;
}
header .content .tab {
width: 128px;
height: 22px;
color: #FFFFFF;
text-align: center;
margin: -1px 40px 0 0;
background-color: ;
border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
behavior: url(PIE.htc);
float: right;
font-size: 13px;
padding-top: 7px;
}
header .content .logotipo {
margin: 5px 0 0px 0%;
height:150px;
width: 290px;
height: auto;
float: left;
}
header .content .body-find {
width: 45%;
min-width: 300px;
height: 40px;
border-radius: 5px;
background: #fff;
border: 1px solid ;
margin: 60px auto 60px auto;
}
header .content .body-find .input {
width: 87%;
height: 34px;
margin: 3px 0 0 3px;
outline: none;
border: none;
background-color: transparent;

float: left;
}
header .content .body-find input.input {
border-radius: 5px!important;
}
header .content .body-find .submit-busca {
width: 20px;
height: 20px;
background: url('../img/lupa.png') no-repeat;
margin: 10px;
border: none;
cursor: pointer;
float: right;
position: absolute;
}
.aglomerado-flex{
display: flex;
flex-direction: row;
}
.usuario-info-desktop{
display: flex;
flex-direction: column;
margin: auto 10px;
}
.abrir-menu-cliente{
position: relative;
color: ;
cursor: pointer;

z-index: 9999;
}
.menu-user-desktop{
position: absolute;
display: inline-grid;
width: 130px;
height: 0px;
background: #fff;
/* bottom: -80px; */
/* left: 50%; */
right: 7%;
top: 118px;
/* transform: translateX(-50%); */
overflow: hidden;
z-index: 9999;
border: 2px solid ;
border-radius: 5px;
visibility: hidden;
}
.madal-carrinho{
position: absolute;
display: inline-grid;
width: 460px;
height: 0px;
background: #fff;
/* bottom: -80px; */
/* left: 50%; */
right: 0;
top: 130px;
/* transform: translateX(-50%); */
overflow: hidden;
z-index: 9999;
border: 2px solid #1c1475;
border-radius: 5px;
visibility: hidden;
padding: 10px;
}
.active-user{
height: 125px!important;
visibility: visible!important;
}
.active-carrinho{
height: auto!important;
visibility: visible!important;
}
.menu-user-desktop p{
color: ;
margin: 10px 5px 0;
}
.abrir-menu-cliente:after{
display: block;
position: absolute;
content: "\f078";
font-family: 'Font Awesome 5 free';
top: 55%;
left: 85px;
font-weight: 600;
transform: translateY(-50%);
font-size: 12px;
}

.abrir-menu-cliente.trocar-icone:after{
content: "\f077";
}
.usuario-info-desktop h3{
color: ;
margin-bottom: 5px;
}

.carrinho-desktop .bolinha-carrinho{
width: 18px;
height: 18px;

}
.circule-usuario{
width: 50px;
height: 50px;
border-radius: 50%;
border: 3.5px solid ;
position: relative;
overflow: hidden;
}
.circule-usuario i{
font-size: 40px;
position: absolute;
top: 67%;
left: 50%;
transform: translate(-50%, -50%);
color: ;
}
.carrinho-desktop{
color: ;
font-size: 40px;
margin: auto 10px;
position: relative;
cursor: pointer;
}
.div-cart-desktop{
display: block;
position: absolute;
top: 53%;
transform: translateY(-50%);
right: 20px;
}
header .content .cart {
width: 180px;
height: 40px;
font-family: tahoma, verdana, arial;
line-height: 19px;
font-size: 13px;
background-color: ;
background-color:#fafafa;
clear: right;
margin: 30px 40px 0 0;
float: right;
border:1px solid #f2f2f2;
}
header .content .cart .icon {
width: 55px;
height: 40px;
background: url('../img/icon-cart.png') no-repeat ;
background-position: 13px 5px;
margin-right: 10px;
float: left;
}
header nav {
width: 100%;
height: auto;
background-color: ;
color: #ffffff;
font-size: 18px;
text-align: center;
}
header nav .item-menu {

height: 55px;
text-align: center;
display: inline-block;
font-weight: 500;
padding: 19px 2.9% 19px 2.9%;
box-sizing: border-box;
}
header nav .item-menu .seta {
width: 8px;
height: 5px;
background: url('../img/caret.png') no-repeat;
float: right;
margin: 10px 5px 0 5px;
}
header nav .item-menu .submenu {
width: 100%;
height: 55px;
background-color: ;
position: relative;
z-index: 9999;
display: none;
text-align: left;
box-shadow: 1px 1px 1px #888888;
margin-top: 16px;
}
header nav .item-menu .submenu .subitem {
height: 30px;
font-size: 16px;
padding-top: 6px;
border-top: solid 1px #EAEAEA;
text-indent: 10px;
}
header nav .item-menu .submenu .subitem:hover {
background-color: ;
}
header nav .item-menu:hover {
background-color: ;
}
header nav .active {
background-color: ;
}
#mascara{
width: 100%;
height: 0%;
position: absolute;
top: 0;
z-index: 999;
}

/* svgs da pagina*/
#produtos-carrinho-pagamento svg path,#produtos-carrinho-pagamento svg rect {
fill:  !important;
}

/*mobile */
#icone_mobile {
position: absolute;
top: 43%;
left: 20px;
height: 32px;
width: 40px;
}
#menu_mobile {
margin-top: 0;
width: 80%;
height: 100%;
color: #333;
position: absolute;
z-index: 9998;
color: #fff;
z-index: 9999;
position: fixed;
top: 0;
}
#menu_mobile .item-menu {
padding: 20px 30px;
display: block;
font-size: 18px;
/* color: #fff;*/
color:;
font-weight: bold;
width: 100%;
border-bottom: 0.3px solid #BEBEBE;
}
.categoria-menu .item-menu{
border-bottom: none!important;
background: #F9F9F9;
border-bottom: 0.3px solid #BEBEBE!important;
}
#menu_mobile .link_usuario{
padding: 10px 20px;
display: block;
font-size: 14px;
color: #fff;
}

#cabecalho-mobile{
padding: 10px 0;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
width: 100%;
text-align: center;
background: #d0d0d0;
background: ;
}

#cabecalho-mobile span{
padding: 5px 20px;
display: block;
font-size: 14px;
color: #fff;
}
#cabecalho-mobile .area-link a{
font-size: 12px;
display: inline-block;
vertical-align: text-top;
}
#cabecalho-mobile .area-link {
padding: 0px 2%;
display: block;
font-size: 14px;
color: #fff;
display: inline-block;
border-right: 1px solid #fff;
/*width: 20%;
min-width: 110px;*/
}

#cabecalho-mobile .area-link:last-child{
border:none;
}

#menu_mobile #esquerda{
background: #ffffff;
width: 100%;
height: 100%;
overflow-x: hidden;
}

#cabecalho-mobile .area-link img{
width: 20px;
margin: 0 auto;
display: inline-block;
}

.link_usuario span{
padding: 5px 20px;
display: block;
font-size: 14px;
color: #fff;
}

#busca_mobile{

width: 95%;
margin: 0 auto;
display: block;
margin:10px auto;
position: relative;
transition: all 0.5s ease-in;
}

#busca_mobile .input{
width: 100%;
}
#busca_mobile .submit-busca{
width: 20px;
height: 20px;
background: url('../img/lupa.png') no-repeat;
margin: 10px;
border: none;
cursor: pointer;
float: right;
position: absolute;
right: 0;
top: -2px;
}









/*menu de produtos*/

#categorias {
min-width: 270px;
height: auto;
min-height: 120px;
border: solid 1px #CCCCCC;
border-top: none;
display: inline-block;
text-align: left;
float: left;
width: 24%;
min-width: 230px;
}
#categorias .top {
width: 100.8%;
margin-left: -1px;
height: 45px;
background-color: ;
color: #ffffff;
font-size: 20px;
font-weight: 500;
padding-top: 1px;
}
#categorias .top .icon {
width: 45px;
height: 46px;
background: url('../img/icon-cat.png') no-repeat ;
background-position: 12px 15px;
margin: -1px 10px 0 0;
float: left;
}
#categorias .top span {
display: block;
margin-top: 8px;
background: ;
color: #fff;
}
#categorias .item {
width: 100%;
height: 30px;
padding-top: 7px;
text-indent: 20px;
color: #666666;
text-transform: uppercase;
font-size: 14px;
}
#categorias .item i {
width: 5px;
height: 7px;
overflow: hidden;
background: url('../img/setas-categorias.png') no-repeat;
background-position: 0px 0px;
float: right;
margin: 10px;
}
#categorias .item:hover {
background-color: }
#categorias .item:hover i {
background-position: 0px -7px;
}
#categorias .sub-item {
min-width: 250px;
height: auto;
background-color: #ffffff;
position: absolute;
margin: -37px 0 0 22.1%;
z-index: 9999;
display: none;
padding: 10px;
-webkit-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.75);
}
#categorias .sub-item .esquerda {
width: 250px;
height: auto;
display: table;
float: left;
}
#categorias .sub-item .direita {
width: 250px;
min-height: 50px;
height: auto;
display: table;
float: right;
}
#categorias .sub-item span {
color: ;
font-size: 18px;
}
#categorias .sub-item p {
margin: 5px 0 5px 10px;
}



/*menu d eprodutos mobile */
#categorias_mobile{
margin: 0 auto;
}
.nav-categorias,#span-categorias{
background: ;
line-height: 50px;
width: 100%;
padding: 0 2.5%;
height: 50px;
color: #fff;
box-sizing: border-box;
cursor: pointer;
}
.nav-categorias span,#span-categorias span{
text-transform: uppercase;
}
.mostrar_categorias{
display: none;
}
/*#categorias_mobile a:first-child {

margin-top: 45px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

#categorias_mobile a:last-child {

border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
margin-bottom: 30px;
}*/
.icone-check{
width: 16px;
height: 16px;
}
#mostrar{

}
.mostrar-mais{
background:url('../img/mostrar-mais.png');
width: 12px;
height: 12px;
border: none;
margin-right: 20px;
margin-top: 20px;
float: right;
}
.mostrar-menos{
background:url('../img/mostrar-menos.png');
width: 12px;
height: 12px;
border: none;
float: right;
margin-right: 20px;
margin-top: 20px;
}
.subcategorias_mobile{
margin-bottom: 10px;
border-top:1px solid rgb(221, 221, 221);
border-bottom:1px solid rgb(221, 221, 221);
display: none;
}
.subcategorias_mobile .item_subcategoria{
box-sizing: border-box;
height: 30px;
margin-left: 25px;
margin-top: 10px;
}
.subcategorias_mobile {
    padding-top: 5px;
}

.subcategorias_mobile .item{
box-sizing: border-box;
height: 25px;
margin-left: 25px;
margin-top: 10px;
}

.mostrar_categorias{
border:1px solid rgb(221, 221, 221);

}

.cat-vazia::after {
   	display: none !important;
}

@media(max-width: 360px) {
    .menu-responsivo-right i.aparecer-pesquisa {
        margin: 0px 0px;
    }
}
.mostrar_categorias .item{
    -webkit-tap-highlight-color: transparent;
box-sizing: border-box;
height: 20px;
box-sizing: border-box;
height: 30px;
margin-left: 20px;
margin-top: 10px;
color: ;
font-weight: bold;
cursor: pointer;
}

.mostrar_categorias a {
    -webkit-tap-highlight-color: transparent;
}







/* =============== BANNERS =============== */

section.banners {
height: auto;

width: 100%;
display: block;
}

section.banners .banners {
width: 100%;
height: auto;
}
section.banners .banners img.banner {
width: 100%;
height: 100%;

height: auto;
}

section.banners .banners .banner .central {
top: 240px;
}

section.banners .banners .banner .wrapper {
width: 55%;
height: 100%;
text-align: center;
margin: 0 auto;
}

@media screen and (max-width: 768px) {
section.banners .banners .banner .wrapper {
width: 100%;
}
section.banners .banners .banner .central {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}

section.banners .banners .banner .wrapper .content {
color: #FFF;
}

section.banners .banners .banner .wrapper .content .titulo {
font-size: 2.4em;
font-weight: bold;
font-family: 'Istok Web', sans-serif;
margin: 0 auto 5px auto;
width: 80%;
line-height: 1.4em;
}

section.banners .banners .banner .wrapper .content .texto {
font-size: 1.250em;
text-align: left;
}

@media screen and (max-width: 1024px) {
section.banners .banners .banner .wrapper .content .titulo {
width: 95%;
}
}
/*footer*/
footer {
width: 100%;
height: auto;
min-height: 100px;
border-top: solid 22px ;
background-color: #E6E6E6;
}
footer.active {
border-top: none;
}
footer .content {
width: 100%;
height: auto;
min-height: 280px;
display: table;
padding: 30px 0 10px 0;
background-color: #FFFFFF;
}
footer .central.central-footer{
height: 50px;
}
footer .content #area-rodape {
text-align: center;
}

footer .content .area {
width: 30%;
min-width: 290px;
height: auto;
min-height: 100px;
padding: 0 0 0 20px;
display: inline-table;
text-align: left;
}

footer .content .area span {
font-size: 20px;
font-weight: 600;
}

footer .content .area small {
margin-left: 20px;
margin-top: 5px;
}

footer .content .area .item {
margin: 15px 0 15px 20px;
height: 20px;
text-indent: 35px;
font-size: 1.000em;
}

footer .content .area ul {

padding-top: 10px;
padding-bottom: 40px;
}

footer .content .area li {
margin: 10px 0 15px 0;
list-style-position: inside;
}

footer p {
font-size: 1.000em;
margin: 5px auto;
}

footer .pagamento {
width: 100%;
min-height: 50px;
background-color: #ffffff;
text-align: center;
}

footer .pagamento .forma-pag {
width: auto;
height: 23px;
display: inline-block;
margin: 5px 10px 0 10px;
}

footer .direitos {
float: left;
margin: 17px 0 0 30px;
}
button.slick-prev.pull-left.slick-arrow {
width: 50px;
height: 50px;
background: rgba(255,255,255, 0.6);
z-index: 1;
border-radius: 50%;
margin-left: 10px;
}
button.slick-next.pull-right.slick-arrow {
width: 50px;
height: 50px;
background: rgba(255,255,255, 0.6);
z-index: 1;
border-radius: 50%;
margin-right: 10px;
}
footer .hostche {
float: right;
margin: 15px 10px 0 0;
}
footer .titulo {
font-size: 1.375em;
color: #444348;
}

footer .secao ul {
width: 100%;
padding: 0 0 0 0;
list-style: none;
}

footer .secao ul li {
position: relative;
padding-left: 10px;
margin: 10px 0;
font-family: 'Istok Web', sans-serif;
font-size: 1.000em;
color: #5E656B;
}

footer .secao ul li::before {
content: '\f111';
font-family: 'Font Awesome 5 Pro';
position: absolute;
top: 50%;
transform: translate(0, -50%);
font-weight: 900;
font-size: 0.3em;
color: ;
transition: all .3s ease-in-out;
}
ul li.horario::before {
content: '\f017';
font-family: 'Font Awesome 5 Brands';
font-weight: 300;
font-size: 1.3em;
}
footer .secao ul li a {
display: inline-block;
padding-left: 20px;
}

footer .secao.atendimento ul li a {
padding-left: 35px;
line-height: 20px;
}

footer .horario {
padding-left: 30px;
margin: -20px 0 40px;
}

footer .horario p {
font-family: 'Open Sans', sans-serif;
font-weight: 500;
font-size: 0.875em;
color: #5E656B;
}

footer .content .area ul li.endereco::before {
content: "\f015";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 1.3em;
top: 10px;
position: absolute;
}

footer .secao ul li.email::before {
content: '\f0e0';
font-family: "Font Awesome 5 Free";
font-weight: 500;
font-size: 1.3em;
top: 50%;
transform: translate(0, -50%);
}

footer .secao ul li.telefone::before {
content: '\f590';
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 1.3em;
top: 50%;
transform: translate(0, -50%);
}

footer .secao ul li.whatsapp::before {
content: '\f232';
font-family: 'Font Awesome 5 Brands';
font-weight: 300;
font-size: 1.3em;
}
footer .secao ul li.horario::before {
content: '\f017';
font-family: 'Font Awesome 5 Free';
font-weight: 300;
font-size: 1.3em;
position: absolute;
top: 10px;
}
footer .secao ul li.horario {
position: relative;
}
footer .secao .redes-sociais {
width: 95%;
padding-left: 20px;
margin-top: 30px;
}

footer .secao .redes-sociais .rede {
width: 24px;
height: 24px;
display: inline-table;
margin: 0 10px 10px 0;
background-color: #808080;
border-radius: 50%;
font-size: 1.250em;
color: #fff;
text-align: center;
cursor: pointer;
transition: background-color .3s ease-in-out
}

footer .secao .redes-sociais .rede i {
display: table-cell;
vertical-align: middle;
font-size: 16px;
}

footer .secao .redes-sociais .rede.facebook:hover {
background-color: #3b5998;
}

footer .secao .redes-sociais .rede.instagram:hover {
background-color: #E1306C;
}

footer .copyright {
width: 100%;
float: left;
padding: 10px 20px;
background-color: #004684;
color: #fff;
}

footer .copyright h2 {
float: left;
font-weight: 300;
font-size: 0.875em;
}

footer .copyright .hostche {
margin-top: 2px;
float: right;
}

footer .area.textos-rodape{
position: relative;
width: 52%;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
bottom: 75px;
left: -235px;
color: #5E656B;
margin-top: 40px;

}
footer .area.textos-rodape p{
font-size: 1.15em;
line-height: 145%;
}

@media(max-width:320px) {
footer {
font-size: 0.9em;
}
footer .secao.atendimento.area ul{
padding-left: 0;
}
}

@media(max-width:768px) {
.item-novidade {
width: 45%;
}
footer .secao .redes-sociais{
text-align: center;
padding-left: 0;
margin: 0;
width: auto;
}
footer .area.textos-rodape{
width: 80%;
position: unset;
}
footer .copyright {
padding: 10px 0;
}
footer .copyright h2, footer .copyright .hostche {
float: none;
display: block;
text-align: center;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
footer .direitos {
text-align: center;
float: none;
margin: 10px 0 5px 0;
}
footer .hostche {
float: none;
display: block;
text-align: center;
margin: 0 auto;
}
}

@media screen and (max-width: 1024px) {
footer .area.textos-rodape {
width: 59%;
left: -167px;
}
.lista-atributos {
width: 95%;
list-style-type: none;
margin-left: 15px;
}
}

.texto-rodape{
position: absolute;
font-size: 1em !important;
font-weight: 500 !important;
}

.outros-institucionais {
width: 30%;
min-width: 260px;
height: auto;
display: table;
float: right;
padding: 10px;
border-left: solid 2px #CCCCCC;
margin: 0 0 20px 20px;
list-style-position: inside;
}
.outros-institucionais li {
margin: 5px 0 5px 0;
}
#area-identificacao {
width: 70%;
min-height: 390px;
margin: 40px auto;
}
#area-identificacao .area-redes-sociais {
width: 100%;
height: 40px;
padding-top: 15px;
text-align: center;
background-color: ;
text-transform: uppercase;
margin-bottom: 10px;
}
#area-identificacao .area-redes-sociais a {
margin: -3px 0 -5px 5px;
float: left;
display: inline-block;
}
#area-identificacao .area-redes-sociais #signinButton {
display: inline-block;
margin: -3px 0 0 10px;
}
#area-identificacao .area-redes-sociais .icones-redes {
float: left;
height: 30px;
}
#area-identificacao .ja-cadastrado {
width: 40%;
padding: 30px;
height: 260px;
float: left;
background-color: ;
border: 1px solid #e1e1e1;
}
#area-identificacao .novo-cliente {
width: 40%;
height: 260px;
padding: 30px;
float: right;
background-color: ;
border: 1px solid #e1e1e1;
}
#area-identificacao span {
font-size: 20px;
font-weight: 500;
margin: 5px 0 15px 0;
display: block;
}
#area-identificacao p {
margin: 5px 0 5px 0;
}
.recuperar {
float: left;
font-size: 11px;
margin: 10px 0 0 0;
}
#area-cadastro {
width: 70%;
display: table;
height: auto;
padding: 15px 25px 25px 25px;
margin: 40px auto;
background-color: ;
}

#area-cadastro p {
line-height: 160%;
margin: 20px 0 5px 0;
}
#area-cadastro i {
color: ;
}
#area-cadastro .checkbox {
margin: 20px 0 0 0;
}
#area-cadastro.w-400 {
width: 400px;
}
#area-cadastro.w-800 {
width: 800px;
}
.pure-table {
/* Remove spacing between table cells (from Normalize.css) */

border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #cccccc;
}
.pure-table caption {
color: #666666;
padding: 1em 0;
text-align: center;
}
.pure-table td {
border-left: 1px solid #cccccc;
/* inner column border */

border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
/*to make ths where the title is really long work*/

padding: 0.5em 1em;
/* cell padding */
position: relative;
vertical-align: middle;

}
.pure-table th {
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
/*to make ths where the title is really long work*/

padding: 0.5em 1em;
/* cell padding */

}
/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {
border-left-width: 0;
}
.pure-table thead {
background-color: ;
color: #ffffff;
text-align: left;
vertical-align: bottom;
}
/*
striping:
even - #fff (white)
odd - #f2f2f2 (light gray)
*/
.pure-table td {
background-color: transparent;
}
.pure-table-odd td {
background-color: #f2f2f2;
}



#area-pedido-interna{
width: 60%;
display: table;
height: auto;
margin: 40px auto;
background-color: ;
}
#area-pedido-interna .input{
margin-bottom: 15px;
}
#area-pedido-interna p{
margin-bottom: 3px;
}
#lista-produtos-pedido{
display: none;
}
#area-pedido-interna .botao-padrao{
max-width: 150px;
}

.link-situacao{color: #64C75A;}


#produtos-carrinho-pagamento #lista-produtos-pedido{
display: none;
}

#paginacao {
width: 100%;
height: 35px;
line-height: 35px;
text-align: center;
margin: 15px auto 35px auto;
color: #666666;
font: 16px;
}
#paginacao .ativo {
font-size: 25px;
color: ;
}
#paginacao a {
margin: 0 7px;
}
#paginacao a:hover {
color:;
}
.lista-enderecos{

}
.item-endereco {
width: 100%;
min-width: 190px;
min-height: 120px;
height: auto;
float: left;
margin: 10px auto;
border: 1px solid #eee;
border-radius: 10px;
background-color: #f5f5f5;
/*background-color: ;*/
padding: 5px;
position: relative;
display: flex;
flex-direction: column;
}
#endereco-selecionado{
margin:auto;
box-sizing: border-box;
background-color: #fff;
border: 1px solid border-radius: 50%;
width: 26px;
height: 26px;
vertical-align: middle;
}
.div-flex-row{
display: flex;
flex-direction: row;
}
.item-endereco .div-flex-row .div-esquerda{
display: flex;
flex-direction: column;
width: 10%;
}
.item-endereco .div-flex-row .div-direita{
display: flex;
flex-direction: column;
width: 90%;
}
.div-direita span {
font-size: 20px;
margin-left: 10px;
width: 80%;
float: left;
}
.div-direita p {
margin: 5px 0 5px 10px !important;
width: 100%;
float: left;
color: #666666!important;
}
.item-endereco .acoes-endereco {

font-size: 14px;
float: right;
position: absolute;
right: 5%;

}

.div-flex-coluna{
display: flex;
flex-direction: column;
}
.none-btn-endereco{
display: none;

}
.active-endereco{
display: block!important;
}
.item-endereco .novo-endereco {
width: 90%;
margin: 50px auto;

/*background: url('../img/icon-novo-endereco.png') no-repeat;*/

text-align: center;
padding-top: 5px;
font-size: 18px;
font-weight: 500;
height: 32px;
color: ;
}
.btn-selecionar-endereco{
width: 90%;
}
.nao-sei-cep{
width: 100px !important;
min-width: 100px !important;
}

.foto-carrinho {
width: 70px;
height: 70px;
object-fit: cover;
float: left;
padding-right: 5px;
border-right: solid 1px #CCCCCC;
margin: 3px 15px 0 3px;
}
.lista-carrinho{
display: none;
}
.item-carrinho-mobile{
width: 100%;
position: relative;
background: #fffffd;
margin-bottom: 10px;
border-top: 1px solid rgb(234, 239, 241);
padding-top: 15px;
}
.foto-carrinho-mobile{
padding: 10px;
float: left;
text-align: center;
width: 120px;
}
.foto-carrinho-mobile img{
display: block;
max-width: 120px;
max-height: 100px;
width: 100%;

}
.dados-produto-mobile {
/*float: left;*/
padding: 5px 35px 5px 5px;
}
.area-quantidade-produto{
width: 125px;
height: 39px;
padding: 10px;
float: left;
}

.botao-remover-carrinho-mobile {
width: 16px;
height: 16px;
float: left;
margin: 10px 5px 0 0;

display: block;
width: 40px;
background-color: ;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: none;
white-space: nowrap;
outline: none;
padding: 7px 12px;
font-size: 14px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.botao-quantidade {
height: 35px;
float: left;
margin: 1px 0 0 0;
display: block;
width: 40px;
background-color: ;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: none;
white-space: nowrap;
outline: none;
/* padding: 7px 12px; */
font-size: 14px;
line-height: 35px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.botao-quantidade:hover, .botao-quantidade:link{
text-decoration: none;
}
.input-quantidade {
text-align: center;
width: 40px;
height: 34px;
vertical-align: middle;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
padding: 0;
}
.botao-remover-carrinho{
position: absolute;
top: 10px;
right: 10px;
padding: 10px 5px;
width: auto;
width: 18px;
height: 20px;
background: url('../img/lixeira.png');
box-sizing: border-box;
}

.botao-remover-carrinho-responsive i{
position: absolute;
top: 15px;
right: 10px;
padding: 10px 5px;

width: 18px;
height: 20px;
font-size: 18px;

box-sizing: border-box;
}
.continuar-comprando {
width: 230px;
height: 40px;
float: left;
padding-top: 0px;
text-align: center;
line-height: 32px;
border: none;
outline: none;
cursor: pointer;
color: #FFF;
background: ;
margin: 20px auto;
font-size: 16px;
}

.remover-carrinho-desktop{
top: 33px;
}


.linha-separacao{
border-top: none;
border-bottom:1px solid #cfcfcf;
width: 100%;
}

.valor-produto-mobile{
float: right;
line-height: 150%;
margin-top: 25px;
}
.subtotal-mobile,
.area-cep{
border-bottom: 1px solid ;
padding: 5px;
}

.subtotal-mobile{
width: 30%;
min-width: 300px;
float: right;
}

.subtotal-mobile span{
float: left;
}
.subtotal-mobile div{
float: right;
font-size: 16px;
font-weight: bold;
}
.area-cep .esquerda{
float: right;
width: 203px;
margin-top: 7px;
margin-bottom: 10px;
}
.area-cep .input-cep {
float: left;
width: 100%;
}

.area-cep .input-cep input[type='text']{
width: 135px;
min-width: 80px;
float: right;
}
.area-cep .input-cep input[type='submit']{
width: 60px;
min-width: auto;
float: right;
padding: 0;
margin: 0 2px;
font-size: 13px;
text-indent: 0;
}
.area-cep .input-cep input[type='submit']:hover{
-webkit-filter: grayscale(30%); /* Safari */
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.area-cep .recalcular{
float: right;
}


.area-desconto{
width: 45%;
min-width: 300px;
height: auto;
float: right;
margin: 15px 0 0 0;

}
.area-desconto .esquerda{
float: right;
margin-top: 7px;
width: 203px;
margin-bottom: 10px;
}
.area-desconto .formulario-cupom{
width: 100%;
float: right;
}
.area-desconto input[type='text']{
width: 135px;
min-width: 80px;
float: right;
}
.area-desconto input[type='submit']{
width: 60px;
min-width: auto;
float: right;
padding: 0;
margin: 0 2px;
font-size: 13px;
text-indent: 0;
background: #58ac26;
}
.area-desconto .botao-remover-cupom{
float: right;
}
.area-desconto .preco-carrinho{
color: #64C75A;
float: right;
text-align: right;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
clear: both;
}
.remover-cupom{
background: transparent !important;
width: auto !important;
margin: 3px 0 10px 0px !important;
color:  !important;
font-size: 12px !important;
}

.area-desconto .total-carrinho{
width: 100%;
}
.area-desconto .total-pedido{
margin-top: 0;
}









.passos-compra {
width: 487px;
height: 60px;
float: right;
margin-top: 10px;
}
.nome-produto-carrinho {
font-size: 16px;
line-height: 440%;
}
.dados-produto-carrinho {
width: auto;
height: 20px;
float: left;
margin: 5px;
font-size: 13px;
}
.remover-produto-carrinho {
width: 200px;
height: 20px;
float: left;
margin: 5px;
font-size: 11px;
}
/*.botao-quantidade {
width: 16px;
height: 16px;
float: left;
margin: 10px 5px 0 5px;
}*/
.botao-quantidade.aumentar {
background: url("../img/botao-mais.png") no-repeat;
}
.botao-quantidade.diminuir {
background: url("../img/botao-menos.png") no-repeat;
}
/*.botao-remover-carrinho {
width: 16px;
height: 16px;
float: left;
margin: 10px 5px 0 0;
background: url("../img/botao-excluir.png") no-repeat;
}*/
.botao-remover-cupom {
/*width: 16px;*/
height: 16px;
float: left;
margin: 0 0 0 20px;
/* background: url("../img/botao-excluir.png") no-repeat;*/
cursor: pointer;
color: ;
font-size: 12px;
font-weight: normal;
}
.icone-presente {
margin: -6px 8px 0 8px;
float: left;
}
.tabela-carrinho .checkbox-carrinho {
float: left;
margin-top: 15px;
position: absolute;
top: 19px;
}

#lista-produtos-pedido .checkbox-carrinho {
float: left;
}
.preco-carrinho {
color: #64C75A;
}
.embalagem-presente {
position: absolute;
/* float: left; */
padding-top: 11px;
padding-left: 26px;
}
.td-alinha{
position: absolute;
padding-top: 26px;
left: 17px;
}
.td-alinha-2{
position: absolute;
padding-top: 5px;
left: 17px;
}
.subtotal-carrinho {
width: 129px;
border: 1px solid #cccccc;
/* inner column border */

border-top: none;
border-width: 1px;
font-size: inherit;
float: right;
margin: 0;
overflow: visible;
/*to make ths where the title is really long work*/

padding: 0.5em 1em;
/* cell padding */

}
.area-frete-carrinho {
width: 530px;
height: 130px;
float: right;
margin-top: 20px;
border: solid 1px #CCCCCC;
}
.area-frete-carrinho .cep {
width: 367px;
padding-left: 5px;
height: 85px;
float: left;
border: solid 1px #CCCCCC;
border-top: none;
border-left: none;
}
.area-frete-carrinho .valor {
width: 157px;
height: 55px;
padding: 30px 0 0 0;
text-align: center;
float: right;
border-bottom: solid 1px #CCCCCC;
}
.area-frete-carrinho .cupom {
width: 372px;
height: 45px;
float: left;
border-right: solid 1px #CCCCCC;
}
.area-desconto .nome-cupom {
float: left;
}

.area-frete-carrinho .desconto-cupom {
width: 157px;
height: 30px;
text-align: center;
float: right;
padding-top: 10px;
}
.item-frete {
min-height: 25px;
max-height: 75px;
line-height: 160%;
margin: 5px 0 5px 0;
}
.item-frete label{
margin: auto;
vertical-align: middle;
margin: auto;
}
}
.pfrete {
margin: 2px 0 2px 0;
height: 15px;
}
.total-carrinho {
width: 500px;
height: auto;
float: right;
margin-top: 20px;
text-align: right;
line-height: 26px;
font-size: 16px;
}
.total-carrinho .total-parcelado {
color: #999999;
}
.radio-frete {
margin: auto 2px;
vertical-align: middle;
}
.valor-frete-selcionado{
display: none;
width: 0;
height: 0;
}
i.fas.fa-spinner{
float: right;
}




.recalcular {
color: ;
font-size: 12px;
margin-top: 15px;
margin-bottom: 20px;
margin-right: 20px;
}
.form-pagamento {
width: 100%;
display: inline-block;
}
.paypal,
.pagseguro {
max-width: 246px;
width: 10%;
min-width: 200px;
margin: 10px auto 0 auto;
display: block;
}
.smile {
width: 90px;
height: 60px;
margin: 15px auto;
background: url('../img/smile-finalizado.png') center center no-repeat;
}
.tudo-pronto {
font-size: 20px;
color: #58ac26;
}
.submit_boleto{
background: #58ac26;
}
#etalage {
width: 725px;
height: 465px;
margin-bottom: 20px;
}

/*se for mobile */
.imagens-produtos-slick{
width: 40%;
min-width: 300px;
max-width: 450px;
margin-bottom: 40px;
float: left;
}

.imagens-produtos-slick img{
width: 100%;
}


.comprar-produto {
border: 1px solid #CCC;
background-color: rgb(250, 250, 250);
width: 40%;
min-width: 360px;
min-height: 402px;
}
.preco-antigo {
color: #999999;
font-size: 16px;
text-decoration: line-through;
margin: 15px 0 0 30px;
height: 22px;
}
.preco-atual {
color: ;
font-size: 26px;
margin: 15px 0 0 30px;
}
.valor-parcelado {
color: #666;
font-size: 14px;
margin: 10px 0 0 30px;
}
.valor-parcelado span {
font-weight: bold;
}
.descricao-produto {
color: #666 !important;
font-size: 14px !important;
line-height: 160%!important;
}
.subtitulo-espec {
font-weight: bold;
font-size: 14px;
margin: 10px 0 0 0;
text-indent: 15px;
}
.lista-atributos {
width: 100%;
list-style-type: none;
margin-left: 15px;
}
.rotulo-atributo {
width: 25%;
max-height: 35px;
line-height: 35px;
color: #666666;
font-size: 14px;
/*text-indent: -25px;*/
}
.conteudo-atributo {
width: 75%;
min-height: 35px;
line-height: 35px;
text-indent: 15px;
color: #666666;
font-size: 14px;
}
#avaliacoes-produto{
width: 100%;
}
#avaliacoes-produto #left{
width: 50%;
}



.linha-avaliacao {
width: 100%;
/*height: 20px;*/
line-height: 20px;
margin: 5px 0 0 0;
float: left;
}
.estrelas {
width: 110px;
height: 20px;
margin-right: 10px;
}
.rotulo-avaliacao {
width: 75px;
height: 20px;
line-height: 20px;
font-size: 14px;
color: #666;
display: inline-block;
}
.medidor-avaliacao {
width: 50%;
height: 10px;
background: #E4E4E4;
margin-top: 5px;
}
.medidor-avaliacao .preenchido {
background: #64C75A;
height: 100%;
}
.qtd-avaliacao {
margin-left: 2%;
height: 20px;
line-height: 20px;
}
.avaliacao-geral {
font-size: 16px;
font-weight: bold;
color: #666;
}
.avaliacao-geral span {
font-weight: normal;
font-size: 14px;
}
.botao-avaliar {
width: 170px;
height: 30px;
line-height: 30px;
text-align: center;
color: #FFF;
background: ;
font-size: 14px;
font-weight: normal;
margin: -5px 0 0 20px;
}
.botao-avaliar:hover {
/* background-color: ;*/
-webkit-filter: grayscale(30%); /* Safari */,
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.lista-comentarios {
width: 100%;
list-style-type: none;
padding: 0;
margin-top: 30px;
}
.item-comentario {
width: 100%;
height: auto;
display: table;
margin-bottom: 30px;
}
.foto-comentario {
width: 95px;
height: 99px;
border: 1px solid #CCC;
margin-right: 10px;
}
.foto-comentario img {
display: block;
margin: 18px auto 0 auto;
}
.autor-comentario {
width: 15%;
overflow: hidden;
font-size: 14px;
font-weight: bold;
color: #666;
}
.autor-comentario span {
font-weight: normal;
}
.info-comentario {
width: 71%;
height: auto;
display: table;
border: 1px solid #CCC;
font-size: 12px;
color: #666;
padding: 0 10px 10px 20px;
line-height: 20px;
}
.info-comentario .rotulo-avaliacao {
color: ;
margin-top: 4px;
font-weight: bold;
}
.mensagem-avaliacao {
width: 100%;
height: auto;
display: table;
overflow: hidden;
margin-top: 10px;
}
.info-cor-tamanho {
margin: 10px 0 0 30px;
}
.info-cor-tamanho .area-cep{
width: 100%;
}

.info-cor-tamanho .area-cep .resposta-cep .frete-gratis{
color: #64C75A;
}

.lembrete-estoque {
width: 90%;
height: auto;
padding: 5%;
}
.lembrete-estoque p{
line-height: 160%;
}
.lembrete-estoque i {
color: red;
}
.margin-left {
margin-left: 20px;
}
.box-produto {
border: 1px solid #CCC;
width: 20px;
height: 20px;
margin: 10px 10px 0 0;
cursor: pointer;
text-align: center;
overflow: hidden;
line-height: 20px;
font-size: 12px;
}
.marcador {
width: 24px;
height: 22px;
background: url('../img/marcador.png');
margin: -6px 0 0 0;
display: none;
position: absolute;
}
.botao-carrinho {
width: 85%;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #F8981C;

background-repeat: no-repeat;
background-position: 15px center;
color: #FFF;
display: block !important;
text-transform: uppercase;
margin: 0 auto 0 auto;
}
.botao-carrinho:hover {

background-color:#D96D00;
}
.desabilitado {
background-color: #95a5a6 !important;
}
.desabilitado:hover {
background-color: #7f8c8d;
}
.area-cep {
width: 45%;
min-width: 300px;
height: auto;
float: right;
margin: 15px 0 0 0;
padding: 0!important;
}
.interna-reposta-cep{
width: 95%;
margin: 20px auto!important;
}
.area-cep .resposta-cep {
background: #F4F4F4;

width: 100%;
height: auto;
font-size: 14px;
overflow: hidden;
line-height: 14px;
float: right;
/* margin: 5px 0 0px 0;*/
}
.area-cep .resposta-cep div {
/* color: #30B030;*/
margin: 15px 0;
}
#form-cep {
width: 100%;
border: none;
}
#form-cep label {
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
}
#form-cep input[type="text"] {
width: 90px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #CCC;
outline: none;
margin: 0 0 0 5px;
color: #666;
}
#form-cep input[type="submit"] {
width: 90px;
height: 32px;
text-align: center;
line-height: 32px;
border: none;
outline: none;
margin: 0 0 0 2px;
cursor: pointer;
color: #FFF;
background: ;
}
#form-cep input[type="submit"]:hover {
/*background: ;*/
-webkit-filter: brightness(120%); /* Safari */
-moz-filter: brightness(120%); /* Safari */
filter: brightness(120%);
}
.addthis_sharing_toolbox {
width: 155px;
margin: 0 auto 10px auto;
}
#area-avaliacao {
width: 90%;
max-width: 600px;
height: auto;
padding: 10px 10px 20px 10px;
}
.area-videos {
float: left;
width: 150px;
height: auto;
margin: 10px;
}
.area-videos img {
width: 100%;
cursor: pointer;
}
.area-video-aberto {
width: 70%;
height: auto;
float: right;
margin: 10px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#lista-produtos-relacionados{
text-align: center;
}






.lista_produtos{
text-align: center;
}
.produto {
text-align: left;
width: 30%;
max-width: 270px;
min-width: 270px;
/*height: 435px;*/
display: inline-block;
margin: 2% 0.5%;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.35);
border-radius: 3px;
height: 490px;
overflow: hidden;
}
.produto .box-img {
width: 100%;
max-width: 270px;
height: 230px;
text-align: center;
display: block;
position: relative;
margin: auto;
overflow: hidden;
}
.produto .box-img img {
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 100%;
max-height: 100%;
width: auto;
object-fit: cover;
max-height: 100%;
height: 100%;
}
.produto .box-img .horizontal {
max-width: 99%;
max-height: 250px;
}
.produto .box-img .vertical {
width: auto;
max-width: 100%;
height: 250px;
}
.produto .box-img img.selo {
position: absolute;
width: 60px;
height: auto;
right: 5px;
top: 5px;
left: auto;
transform: none;
}
.card{
position: relative;
top: 0;
right: 0;
cursor: pointer;
font-size: 32px;
margin: 10px auto 10px;
color: #fff;

}
.none{
display: none!important;
}
.carrinho-card{
font-size: 18px;
margin: 10px auto 10px;
cursor: pointer;

color: #58AC26;
}
.carrinho-card-desabilitado{
font-size: 18px;
margin: 10px auto 10px;
cursor: default;

color: #fff;
}
.produto .descricao {
width: 95%;
height: 150px;
padding: 4% 2% 3% 2%;
line-height: 150%;
margin: 10px auto;
text-align: left;
}

.div-btn-olhar{
width: 50%;
float: left;
text-align: center;
background: #fff;
cursor:pointer;
color: ;
transition: all 0.5s ease-in;
font-size: 18px;
padding: 10px 0;
border-bottom-left-radius: 3px;
}
.div-btn-olhar:hover{
background: ;
color: #fff;
transition: all 0.5s ease-out;

}
.div-btn-olhar:hover i.fas.fa-eye.card{
color: #fff;
}
.div-btn-carrinho{
width: 50%;
float: right;
text-align: center;
background:#fff;
color: #58AC26;
cursor: pointer;
font-size: 18px;
transition: all 0.5s ease-in;
padding: 10px 0;
border-bottom-right-radius: 3px;
}
.div-btn-carrinho:hover{
background: #58AC26;
color: #fff;
transition: all 0.5s ease-out;
}
.div-btn-carrinho:hover i{
color: #fff;
}
i.fas.fa-eye.card{
position: relative;
top: 1px;
font-size: 18px;
color: ;
}
.div-btn-carrinho-desabilitado{
width: 50%;
float: right;
text-align: center;
color: #95a5a6 ;
padding: 10px 0;
cursor: default;
font-size: 18px;
}
.div-btn-carrinho-desabilitado i{
color: #95a5a6 ;
}
.checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 3;
stroke-miterlimit: 10;
stroke: #fff;
fill: none;
animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
width: 27px;
height: 27px;
border-radius: 50%;
display: block;
stroke-width: 3;
stroke: #fff;
stroke-miterlimit: 10;
margin: auto 54px;
box-shadow: inset 0px 0px 0px #58AC26;
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale {
0%, 100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill {
100% {
box-shadow: inset 0px 0px 0px 30px #58AC26;
}
}
.produto .descricao span {
font-size: 16px;
font-weight: 600;
line-height: 160%;
}
.produto .descricao span span.valor-avista {
font-size: 28px;
color: ;
}

.produto .descricao i {
color: ;
font-style: normal;
}
.botao-comprar-novo{
display: flex;
flex-direction: row;
margin-top: 25px
}
.btn-comprado{
display: flex;
flex-direction: row;
margin-top: 25px
position: relative;
}
.btn-carregando{
display: flex;
flex-direction: row;
margin-top: 25px
position: relative;
}
i.fas.fa-circle-notch.fa-spin{
position: absolute;
top: 15px;
left: 45px;
color: #58AC26;
font-size: 28px;
}

.produto .botao-comprar {
width: 100%;
height: 39px;
border-top: solid 1px #CCCCCC;
font-size: 14px;
}
.produto .botao-comprar .icon {
width: 42px;
height: 39px;
float: left;
}
.produto .botao-comprar .icon span {
width: 20px;
height: 17px;
margin: 11px 0 0 11px;
overflow: hidden;
display: block;
background: url('../img/icons-cart.png') 0px 0px;
}
.produto .botao-comprar .comprar {
text-align: center;
text-indent: -25px;
width: 100%;
height: 28px;
padding-top: 14px;
/*float: right;*/
}
.produto:hover .botao-comprar {
background-color:;
color: #ffffff;
}
.produto:hover .botao-comprar .icon {
background-color: ;
}
.produto:hover .botao-comprar .icon span {
background-position: 0px 17px;
}
#corpo-listagem {
width: 75%;
height: auto;
float: right;
text-align: center;
}
#corpo-listagem .produto {
/* margin: 10px 0 10px 0;*/
width: 40%;
margin:1.5% 1%;

}
#corpo-listagem .select-busca{
width: 120px;
}
#corpo-listagem .select-busca-mobile{
display: block;
width: 100%;
height: 32px;
}

#corpo-listagem .select-busca-mobile select{
margin-top: 0 !important;
clear: both;
}



#lista-novidades{
width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
text-align: center;

}
/*.item-novidade {
width: 46%;
min-width: 280px;
height: 100px;
border-left: solid 2px #CCCCCC;
margin: 1% 0;
padding: 10px;
font-size: 13px;
float: none;
display: inline-block;
text-align: left;
}*/
.item-novidade{
width: 30%;
min-width: 250px;
height: auto;
margin: 20px 7px;
display: inline-grid;
}

.item-novidade img {
position: relative;
top: 0;
/*-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
width: 100%;
height: 215px;
border-radius: 10px;
text-align: center;
transition: all 0.5s ease-in-out;
object-fit: cover;

}
.item-novidade img:hover{
transform: scale(1.05);
}
.item-novidade .box-img .horizontal {
width: auto;
height: 100px;
}
.item-novidade .box-img .vertical {
width: 100px;
height: auto;
}
.item-novidade h2{
text-align: left;
font-size: 1.150em;
font-family: 'Istok Web', sans-serif;
margin: 15px 0 8px 5px;
height: auto;
border: none;
/*color: #666666;*/
color: ;
line-height: 150%;
transition: all 0.5s ease-in-out;
}
.item-novidade h2:hover{
color: #073B4C;
transform: scale(1.05);
}
.item-novidade p {
text-align: left;
margin: 3px 0 1px 5px;
font-size: 1em;
font-family: 'Istok Web', sans-serif;
line-height: 150%;
}
.item-novidade .data {
text-align: left;
font-size: 10px;
margin-bottom: 5px;
padding-left: 5px;
}
.lateral-novidade {
width: 20%;
max-width: 350px;
min-width: 300px;
height: auto;
float: right;
margin: 10px 10px 10px 20px;
}
.lateral-novidade .foto-novidade {
max-width: 100%;
min-width: 300px;
margin: 0 auto;
display: block;
/*margin: 10px;*/
}
.lateral-novidade ul {
padding: 10px;
margin: 0px;
list-style-position: inside;
}
.lateral-novidade ul li {
margin: 5px 0 5px 0;
}


/* limpeza de definicoes */
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
}
fieldset {
display: block;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
min-width: -webkit-min-content;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
}
p{
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}








/* mapa de distribuidores */

.mapa{
width:90%;
min-width:300px;
}

#envolve-mapa{
float: left;
width: 48%;
}
#representantes{
width:49%;
min-width:300px;
float:right;
line-height: 25px;
}

.svg-map path {fill:#CDDAE0; }
.svg-map text {fill:#666; font:10px Arial-BoldMT, sans-serif; cursor:pointer }
.svg-map a{text-decoration:none }
.svg-map a:hover { cursor:pointer; text-decoration:none }
.svg-map a:hover path{ fill: !important }
/* #svg-map a:hover text {fill:#fff;}*/
.svg-map .circle { fill:#ddd }
.svg-map a:hover .circle { fill: !important; cursor:pointer }
.representantes{ padding-left: 20px;}
.nome_estado{ font-size: 20px;font-weight: bold;}
.cidade_representante{ font-size: 18px;margin-top: 10px;}
.representantes p{ margin-top: 5px;letter-spacing: 0.4px;line-height: 150%;margin-bottom: 3px}

.mapa{height: 560px;}

span.linha_distribuidores {float: left; margin-right: 15px;margin-bottom: 10px;font-size: 12px;}
.bolinha-veterinaria,.bolinha-estetica,.bolinha-lencois{ width:10px;height:10px;border-radius: 5px;float: left;margin-top: 5px;margin-right: 5px }
.bolinha-veterinaria{background-color: #60aa28;/*#99d29f;*/}
.bolinha-estetica{background-color:#1f4987;/* #015ec5;*/}
.bolinha-lencois{background-color: #e46c0a;/*#ece3bc;*/}
#df .circle{fill: #ddd !important;}


#mapa_mobile{

width: 90%;
max-width: 450px;
margin: 10px auto;
display: block;
}
#mapa_mobile .svg-map{
width: 100%;
}

#mapa_celular{
display: none;
}

#mapa_celular select{
width: 98%;
max-width: 400px;
height: 32px;
border: solid 1px #CCCCCC;
outline: none;
background-color: #ffffff;
text-indent: 5px;
margin: 1% auto;
display: block;
}




/* novidades da home */

.fundo-nov-home{
width: 100%;
}
.conteudo-nov-home{
width: 100%;
margin: 0 auto;
}
.conteudo-nov-home .titulo-nov-home{
font-size: 24px;
color: #3F4C59;
text-align: center;
}
.conteudo-nov-home .img-detalhe{
width: 47%;
min-width: 300px;
max-width: 570px;
display: block;
margin: 10px auto;
}


/* newletter e area icones da home */
.segunda-area-nova-home{
text-align: center;
}
.segunda-area-nova-home .cada-area-icone{
/*width: 29%; */
/* max-width: 369px; */
height: 60px;
display: inline-block;
margin: 0 1%;
padding: 3%;
}
.segunda-area-nova-home .cada-area-icone img{
width: 50px;
height: 50px;
float: left;
display: inline;
background: ;
margin-right: 20px;

}

.segunda-area-nova-home .cada-area-icone span{
font-size: 20px;
letter-spacing: 1px;
margin-top: 12px;
display: inline;
float: left;

}



.fundo-news-home{
width: 100%;
min-height: 105px;
background:;
}

.conteudo-news-home{
width: 95%;
min-height: 105px;
margin: 0 auto;
max-width: 1200px;
}

.conteudo-news-home .lado-esquerdo-news{
width: 35%;
height: 60px;
margin-left: 5%;
border-right: 2px solid white;
margin-top: 25px;
float: left;
text-align: left;
}
.conteudo-news-home .lado-esquerdo-news p{
color: white;
letter-spacing: 1px;
margin: 0 !important;
padding-top: 10px;
}

.conteudo-news-home .lado-direito-news{
width: 44%;
height: 47px;
float: right;
margin-top: 34px;
margin-right: 5%;
}
.conteudo-news-home .lado-direito-news .input-news{
width: 60%;
height: 40px;
float: left;
border:none;
outline:none;
padding-left: 5px;
font-family: 'Istok Web', sans-serif;
color: #666666;
font-family: 16px;
}

.conteudo-news-home .lado-direito-news .submit-news{
width: 150px;
height: 42px;
float: left;
background-color: ;
color: #fff;
font-size: 16px;
border:none;
cursor: pointer;
outline:none;
margin-left: 2%;
}
p.msg-news{
color: #fff;
margin-top: -17px;
float: left;
width: 100%;
}





#form-pagamento{
display: block;
width: 50%;
margin: 15px auto;
min-width: 300px;
}
.linha-formas-pag{
width: 100%;
border-bottom: 1px solid #ddd;
float: left;
margin-top: -1px

}
.formas-pag{
text-align: center;
line-height: 180%;
}
.forma{
margin: 0px;
cursor: pointer;
padding: 10px 15px;
border-bottom: none;
background: #ffffff;
text-align: center;
width: 300px;
position: relative;
display: inline-block;

}
.forma img{
max-width: 286px;
}
#boleto{
border: none;
background: #ffffff;
}
#cartao{
/*border: 1px solid #ddd;
border-bottom: 1px solid #fff;*/
}
#dados-cartao{
/* display: none;*/
width: 100%;
margin: 0 auto;
padding: 30px 5%;
box-sizing: border-box;
background: #dddddd;
position: relative;
}

.gerar_boleto{
height: 50px;
text-indent: 0;
}
#dados-boleto {
display: none;
width: 100%;
margin: 0 auto;
padding: 30px 5%;
box-sizing: border-box;
background: #dddddd;
position: relative;
}
#dados-boleto .processando-dados {
display: block;
width: 32px;
height: 32px;
margin-top: -39px;
z-index: 9999;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#dados-cartao #botao-submit{
box-sizing: border-box;
text-indent: 0;
padding-top: 0;
line-height: 100%;
}
#form-checkout {
margin-top: 5px;
}
#form-checkout p{
text-align: right;
float: left;
width: 35%;
height: 32px;
box-sizing: border-box;
padding: 10px 0;
margin-bottom: 5px;
float: none;
display: inline-table;
}
#form-checkout .input{
float: left;
width: 60%;
margin-left: 3%;
margin-bottom: 15px;
float: none;
display: inline-table;
}
#form-checkout select{
float: left;
margin-left: 3%;
width: 30.2% !important;
box-sizing: border-box;
}
#form-checkout .validade-cartao,
#form-checkout .verificacao-cartao{
width: 30%;
}
#dados-boleto {
text-align: center;
position: relative;
}
#dados-boleto p{
width: 10%;
min-width: 54px;
}
#dados-boleto .input{
width: 85%;
min-width: 250px;
}

.pagseguro-seguro{
margin: 10px auto;
display: block;
}


#processando{
width: 100%;
background:rgba(144, 148, 156, 0.76);
color: #fff;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
}
#processando p{
box-sizing: border-box;
padding-top: 14px;
font-size: 18px;
width: 100%;
display: inline-table;
text-align: center !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0
}
#gif{
height: 53px;
margin-top: 10px;
display: block;
margin: 20px auto 10px auto;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%,-30%);
}
#processando-boleto{
width: 100%;
background:rgba(144, 148, 156, 0.76);
color: #fff;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
}
#processando-boleto p{
box-sizing: border-box;
padding-top: 14px;
font-size: 18px;
width: 100%;
display: inline-table;
text-align: center !important;
position: absolute;
top: 60%;
transform: translateY(-50%);
left: 0;
}

#lista-clientes {
text-align: center;
}
#lista-clientes .box-img{
position: relative;
}

#lista-clientes .box-img{
position: relative;
height: 80px;
display: inline-table;
width: 13%;
min-width: 150px;
margin: 1%;
}

#lista-clientes .box-img img{
max-width: 90%;
max-height: 100%;

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}



/* area nova de revendedor*/

#revendedor{
width: 90%;
height: 400px;
background: ;
position: absolute;
z-index: 90;
/* margin: 29px 0 0 160px;*/
margin-top: 30px;
right: 40px;
display: none;


}
#revendedor_close{
width: 20px;
height: 20px;
float: right;
margin: 10px 20px 0 0;
cursor: pointer;
}

#revendedor #area-identificacao{
width:90%;
}

/* formularios */
.formError .formErrorContent,
.formError .formErrorArrow div{
background:  !important;
filter: saturate(70%);
-webkit-filter: saturate(70%);
-moz-filter: saturate(70%);
}



.imagens-produtos-slick .capa-produto {
display: block;margin: 0 auto;
max-width: 100%;
max-height: 400px;

}
.imagens-produtos-slick .capa-produto img {
max-width: 100% !important;
max-height: 400px !important;
width: auto !important;
height: auto !important;
display: block;
margin: 0 auto;

}

/* avaliacao*/
.img-avaliacao{
display: inline-table;
margin-bottom: 15px;
width: 20%;
min-width: 80px;
}

.img-avaliacao img{
max-width: 100%;
max-height: 100%;
}
.nome-avaliacao{
float: left;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
width: 100%;
}
.nota-avaliacao{
float: left;
width: 75%;
margin-top: 3px;
}
.nota-avaliacao #nota{
margin-bottom: 10px;
}
.observacao-avaliacao{
float: left;
width: 100%;
box-sizing: border-box;
}
.observacao-avaliacao textarea{
width: 100% !important;
}


.area-avaliacao{
display: inline-table;
width: 79%;
padding-left: 3%;
box-sizing: border-box;
}



/* =============== ORÇAMENTO =============== */

section.orcamento {
min-height: 90px;
max-height: 180px;
background: }

section.orcamento .central {
width: 75%;
color: #fff;
}

section.orcamento .central p{
float: left;
margin: 32px 0px;
font-size: 1.8em;
}

section.orcamento .central a{
float: right;
margin: 18px 0px;
width: auto;
min-width: 90px;
position: relative;
padding: 15px 20px;
background: transparent;
border-radius: 4px;
border: 2px solid #fff;
font-family: 'Istok Web', sans-serif;
font-size: 1.250em;
font-weight: 500;
color: #FFFFFF;
text-align: center;

background-color:#25D366;
cursor: pointer;
transition: all .5s ease-in-out;

}

section.orcamento .central a:hover {
color:#FFFFFF;
background-color: #128C7E;
}

@media screen and (max-width: 1024px) {
section.orcamento .central {
width: 85%;
}
}

@media screen and (max-width: 768px) {
section.orcamento .central {
width: 95%;
}
section.orcamento .central p{
font-size: 1.2em;
}

section.orcamento .central a{
font-size: 1em;
}
}

.botao_commpre_whatsapp{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #25D366 ;
    background-repeat: no-repeat;
    background-position: 15px center;
    color: #FFF;
    display: block !important;
    margin: 0 auto 0 auto;
    font-size: 1.2em;
}
.botao_commpre_whatsapp:hover{
    background-color: #128C7E;
}
/* =============== SOBRE =============== */

.fundo-sobre-home {
width: 100%;
background: #F6F6F6;
}

section.sobre .container {
width: 95%;
height: auto;
display: flex;
align-items: center;
margin: 0 auto;
}

section.sobre .container .texto-sobre {
width: 40%;
flex: 1;
}

section.sobre .container .texto-sobre .texto {
margin-top: 30px !important;
}

section.sobre .container .texto-sobre h2 {
font-size: 1.875em;
font-weight: 600;
letter-spacing: 1px;
width: 245px;
border: none;
margin: 0;
text-align: left;
width: 100%;
margin-bottom: 30px;
line-height: 130%;
}

section.sobre .container .texto-sobre h2.maior{
font-size: 1.875em;
line-height: 130%;

}

section.sobre .container .texto-sobre p{
font-size: 1.250em;
}

section.sobre .container .imagem-sobre {
flex: 1;
}

section.sobre .container .imagem-sobre img {
width: 530px;
height: 350px;
float: right;
display: block;
}

section.sobre.interna .sobre-texto {
width: 90%;
height: auto;
display: block;
margin: 0 auto;
z-index: -1;
}

section.sobre.interna .titulo {
width: 90%;
display: block;
margin: 0 auto;
}

section.sobre.interna .sobre-texto .texto {
width: 100%;
z-index: -1;
}

section.sobre .sobre-button {
float: right;
margin-top: 40px;
padding: 7px 17px;
text-align: center;
font-weight: 400;
font-size: 1.250em;
background: ;
color: #FFFFFF;
border: 2px solid ;
border-radius: 30px;
background-image: linear-gradient(#FFFFFF, #FFFFFF);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
cursor: pointer;
transition: all .5s ease-in-out;
}

section.sobre .sobre-button:hover {
color: ;
background-size: 100% 100%;
}

@media (max-width: 1024px) {
section.sobre .container .texto-sobre {
width: 95%;
margin: 0 auto 65px auto;
text-align: left;
padding-bottom: 10px;
}
section.sobre .container .imagem-sobre {
margin: 0 auto;
flex: none;
}
section.sobre .container .imagem-sobre img {
width: 530px;
height: 350px;
float: none;
display: block;
margin: 0 auto;
}
section.sobre .sobre-button {
margin-top: 10px;
}
section.sobre .container {
display: block;
align-items: unset;
text-align: center;
}
}

@media (max-width: 425px) {
section.sobre .container .imagem-sobre img {
width: 90%;
float: none;
display: block;
margin: 0 auto;
}
section.sobre .container .texto-sobre p {
margin: 60px 0 15px 0;
}
.lista_produtos{
margin-top: 40px;
}
}

@media (max-width: 375px) {
section.sobre .container .texto-sobre h2 {
font-size: 1.2em;
margin: 0;
}
section.sobre .container .texto-sobre h2.maior {
font-size: 2em;
}
section.sobre .container .texto-sobre p {
margin: 45px 0 15px 0;
}
}
div.center {
width: 100%;
height: 100%;
min-width: 320px;
max-width: 1200px;
display: block;
margin: auto;
}
#resposta-getnet{

}
.block{
display: block;
}
form#form-getnet {
width: 85%;

margin: auto;
}
.radio-form {
width: 100%;
text-align: center;
padding: 0 0 25px 0;;
}
#dados-cartao-getnet{
/* display: none;*/
width: 100%;
margin: 0 auto;
padding: 30px 5%;
box-sizing: border-box;
background: #dddddd;
position: relative;
}
#resposta-getnet-boleto{
display: none;
}
#dados-boleto-getnet {
width: 100%;
margin: 0 auto;
padding: 30px 5%;
box-sizing: border-box;
background: #dddddd;
position: relative;
}
#processando-boleto-getnet{
width: 100%;
background:rgba(144, 148, 156, 0.76);
color: #fff;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
}
#processando-boleto-getnet p{
box-sizing: border-box;
padding-top: 14px;
font-size: 18px;
width: 100%;
display: inline-table;
text-align: center !important;
position: absolute;
top: 60%;
transform: translateY(-50%);
left: 0;
}
#form-getnet p {
text-align: right;
float: left;
width: 35%;
height: 32px;
box-sizing: border-box;
padding: 10px 0;
margin-bottom: 5px;
float: none;
display: inline-table;
}

#form-getnet .input {
float: left;
width: 60%;
margin-bottom: 15px;
float: none;
display: inline-table;
}

.btn-download-boleto{
color: #fff;
background: ;
padding: 10px;
margin: 10px auto;
}
.home-botao {
width: auto;
min-width: 90px;
display: inline-block;
vertical-align: middle;
position: relative;
padding: 12px 20px;
background: transparent;
border-radius: 4px;
font-family: 'Istok Web', sans-serif;
font-size: 1.250em;
font-weight: 500;
color: #FFFFFF;
background-color: ;
text-align: center;
text-transform: uppercase;
border: 2px solid ;
background-image: linear-gradient(#FFFFFF, #FFFFFF);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
cursor: pointer;
transition: all .5s ease-in-out;
}
.galeria {
width: 100%;
height: auto;
display: block;
margin: 0 0 40px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.galeria .imagem {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
.galeria .imagem img {
width: 100%;
height: auto;
}
.galeria .imagem::before {
content: '';
width: calc(100% - 22px);
height: calc(100% - 22px);
position: absolute;
top: 0;
left: 0;
margin: 10px;
box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
border: 1px solid rgba(255, 255, 255, .6);
z-index: 1;
transition: all .3s ease-in-out;
}
.galeria .imagem:hover::before {
box-shadow: 0 0 0 10px rgba(0, 0, 0, .2);
}
section.quem-somos .interna .texto-interna {
text-align: justify;
line-height: 145%;

}
.home-botao:hover {
color: ;
background-size: 100% 100%;
}
.area ul li {
color: ;
}
.area ul li a {
color: #5E656B;
font-size: 1.15em;
line-height: 180%
}

footer .area.textos-rodape {
position: relative;
width: 52%;
height: 0 !important;
min-height: 0 !important;
max-height: 0 !important;
bottom: 75px;
left: -235px;
color: #5E656B;
}
footer p {
font-size: 1.000em;
margin: 5px auto;
}
footer .content .area span {
font-size: 20px;
font-weight: 600;
color: #444348;
}

.g-recaptcha {
margin: 10px 0;
display: block;
}
.texto-interna p {
font-size: 1em;
line-height: 145%;
text-align: justify;
}

.pergunta{
color: ;
font-size: 1.250em;
line-height: 145%;
}
.resposta{
color: #666666;
font-size: 1em;
line-height: 180%;
}


.redes-sociais{
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}

.redes-sociais a{
text-decoration: none;
}

.redes-sociais-right{
height: auto;
position: fixed;
top: calc(50% - 20px);
right: 10px;
transform: translate(0, -50%) !important;
z-index: 999;
display: flex;
flex-direction: column;
}

.redes-sociais-right a{
text-decoration: none;
margin-top: 10px;
}

.bolinha-social{
background: #efefef;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
text-decoration: none;
font-size: 24px;
color: #989898;
margin: 0 5px;
transition: 0.5s;
}

.redes-sociais-right .fa-facebook-f{
color: #fff;
}

.redes-sociais-right .fa-twitter{
color: #fff;
}

.redes-sociais-right .fa-linkedin-in{
color: #fff;
}

.redes-sociais-right .fa-instagram{
color: #fff;
font-size: 19px;
}

.redes-sociais-right .fa-whatsapp{
color: #fff;
font-size: 18px;
}

.bolinha-facebook{
background: #3b5998 !important;
border: solid 2px #5a79b9;
}

.bolinha-linkedin{
background: #2867B2 !important;
border: solid 2px #3d7fce;
}

.bolinha-instagram{
background: #C13584 !important;
border: solid 2px #da62a6;
}

.bolinha-twitter{
background: #1DA1F2 !important;
border: solid 2px #39b4ff;
}

.bolinha-whatsapp{
background: #25D366 !important;
border: solid 2px #81f5ac;
}

.bolinha-social:hover {
background: #c7c7c7;
color: #263c6a;
}

.redes-sociais-right .bolinha-social:hover{
transform: scale(1.2);
}

.redes-sociais-right .bolinha-social{
width: 35px;
height: 35px;
font-size: 16px;
}

label.btn-file{
padding: 8px 15px;
background: ;
border-radius: 3px;
color: #fff;
margin-right: 8px;
cursor: pointer;
}


.btn-file input[type=file] {
position: absolute;
/* top: 0; */
right: 0;
/* min-width: 100%; */
/* min-height: 100%; */
/* font-size: 100px; */
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
/* display: block; */
}
.cortar {
display: none;
}

.btn-file span {
display: block;
color: #777;
}

.imagem-depoimento{
margin:20px 0;
float: left;
}

.depoimento{
width: 100%;
}
.depoimento:nth-child(even)::before{
width: 1px;
background: ;
height: 120px;
top: 30%;
content: '';
display: block;
position: absolute;
}
.depoimento p{
margin-top: 15px;
margin: auto;
font-size: 0.938em;
line-height: 160%;
color: #5E656B;
width: 476px;
text-align: justify;
margin-bottom: 20px;
}
.filtro-img-depoimento{
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid #E6E6EA;
text-align: center;
vertical-align: middle;
position: relative;

}
.filtro-img-depoimento img{
width: 90px;
height: 90px;
border-radius: 50%;
margin: 4.5px;
object-fit: cover;
}
.info-depoimento{
display: flex;
margin-left: 61px;
margin-top: 20px;
margin-bottom: 10px;
}
.info-depoimento p{
font-size: 0.938em;
color: #5E656B;
line-height: 120%;
width: 80%;
text-align: left;
margin: 0 auto;
text-indent: 0;
margin-left: 10px;

}

.depoimentos .slick-dots {
background-color:#fff;
top: 105%;
}
.botao-de{
width: 100%;
text-align: center;
height: auto;
margin-top: 120px;
margin-bottom: 40px;
}
.botao-depoimentos{
margin: 18px auto;
width: auto;
min-width: 90px;
position: relative;
padding: 15px 20px;
background: #fff;
border-radius: 4px;
border: 2px solid ;
font-family: 'Istok Web', sans-serif;
font-size: 1.250em;
font-weight: 500;
color: ;
text-align: center;
background-image: linear-gradient(#FFFFFF, #FFFFFF);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 0% 100%;
cursor: pointer;
transition: all .5s ease-in;

}

.botao-depoimentos:hover {
color: #fff;
background:  !important;
background-size: 100% 100%;
transition: all .5s ease-out;
}



.depoimentos .slick-dots li.slick-active button::before {
background: ;
margin-top: -1.7px;

}

.depoimentos .slick-dots li button{
width: 50px;
height: 2px;
background: ;
font-size: 0px;
cursor: pointer;
}

.depoimentos .slick-dots li button:before {
font-size: 0;
cursor: pointer;
width: 50px;
height: 2px;
color: #BBDDE8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: color 0.3s ease-in-out;
}


.flex-colu{
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
}
.depoimentos-1 .slick-dots{
bottom: -40px;
}
.flex-captcha{
display: flex;
flex-direction: row;
width: 100%;

}

.captcha-flex{
display: flex;
float: left;
width: 50%;
}
.btn-flex{
display: flex;
float: right;
width: 50%;
}
.btn-flex .home-botao{
width: 120px;
float: right;
height: 45px;
margin: 20px 0 20px auto;
padding:0;
}
.flex-projetos{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin: 40px auto;
}
.flex-projetos a{
margin:0 auto;
}
.projeto{
width: 365px;
height: auto;
margin: 20px auto;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
transition: all 0.5s ease-in;
}
.projeto:hover img{
transform: scale(1.1);
transition: all 0.5s ease-out;
}

.projeto:hover .imagem::before {
left: 0;
transition: all 0.5s ease-out;
}
.projeto img{
width: 100%;
height: 270px;
object-fit: cover;
transition: all 0.5s ease-in;
}
.projeto .conteudo-flex{
width: 90%;
margin:0 auto;
}
.previa-flex{
margin-bottom: 20px;
}

.previa-flex p {
line-height: 160%;
font-size: 1em;
}
.projeto .imagem::before{
content: "\f061";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 1.6em;
color: #fff;
padding: 15px 20px 20px 15px;
background: rgba(100,100,100,.6);
border-radius: 0 0 50px 0;
position: absolute;
top: 0;
left: -100%;
transition: left .2s ease-in-out;
z-index: 1;
}

.interna-projeto{
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 40px !important;
}
.descricao-projeto{
width: 70%;
display: flex;
font-size: 1em;
line-height: 160%;
font-familly: "Open Sans", sans-serif;
float: left;
margin-right: 10px;
}
.imagem-projeto{
width: 30%;
display: flex;
float: right;
position: relative;
}
.imagem-projeto img{
width: 100%;

}
.imagem a{
z-index: 2;
overflow: hidden;
}
.imagem-projeto i{
font-size: 1.8em;
color: #fff;
padding: 20px;
background: rgba(100,100,100,.7);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(0);
transition: all .2s ease-in-out;
}
.imagem-projeto:hover i {
transform: translate(-50%,-50%) scale(1);
}
.galeria .imagem:hover i{
transform: translate(-50%,-50%) scale(1);
}
.galeria .imagem i{
font-size: 1.8em;
color: #fff;
padding: 20px;
background: rgba(100,100,100,.7);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(0);
transition: all .2s ease-in-out;
}

.imagem-projeto .imagem::before{
content: '';
width: calc(100% - 22px);
height: calc(100% - 22px);
position: absolute;
top: 0;
left: 0;
margin: 10px;
box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
border: 1px solid rgba(255, 255, 255, .6);
z-index: 1;
transition: all .3s ease-in-out;
}
.imagem-projeto .imagem:hover::before{
box-shadow: 0 0 0 10px rgba(0, 0, 0, .2);

}
.imagem-projeto .imagem{

}
form .file {
display: none;
}
form .file+label {
width: auto;
max-width: 100%;
height: 45px;
padding: 0;
overflow: hidden;
cursor: pointer;
}

form .file+label .label {
background-color: ;
color: #fff;
}

form .file+label .label, form .file+label .arquivo {
width: auto;
max-width: 100%;
height: 100%;
float: left;
padding: 10px 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

form .file+label .arquivo {
color: #999;
}

form .file+label .arquivo.selected {
color: #444347 !important;
}

/* =============== POPUP INICIO =============== */

.usuario-nome-topo {
font-size: 1em;
float: right;
color:;
margin-right: 10px;
margin-top: 7px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.div-responsive{
display:none;
width:100%;
float: right;
}
.input:focus{
border-color: ;
}
.textarea:focus{
border-color: ;
}

a.sub-menu-cliente{
position:relative;
margin-right: 10px;
}
a.sub-menu-cliente::after{
content: "\f078";
font-family: "Font Awesome 5 Free";
display: block;
position: absolute;
color: #fff;
top: 50%;
transform: translateY(-50%);
right: -15px;
font-size: 10px;
font-weight: 900;
}
.div-aparecer{
height: 0px;
overflow: hidden;
background: ;
transition: all 0.5s ease-in;
width: 128px;
display: flex;
flex-direction: column;
position: absolute;
left: 50%;
z-index: 99;
transform: translateX(calc(-50% - 17px));
}
a.sub-menu-cliente.active-sub::after{
content: "\f077";
font-family: "Font Awesome 5 Free";
display: block;
position: absolute;
color: #fff;
top: 50%;
transform: translateY(-50%);
right: -15px;
font-size: 10px;
font-weight: 900;
}
.active-aparecer{
height: auto;
overflow: visible;
transition: all 0.5s ease-out;

}
.div-aparecer a{
color: #fff;

margin: 10px 10px;
}
.menu-responsivo-right{
display: none;
}
.menu-responsivo-right i{
color: ;
font-size: 24px;
cursor: pointer;
position: relative;
margin: 0 10px;
}
.active-busca{
height: 40px!important;
overflow: visible!important;

}
.menu-responsivo-right i.icone-none{
display: none;
}
.menu-responsivo-right i.icon-aparecer{
display: block!imoprtant;
}
.input.buscar-responsive{
border: solid 1px ;
border-radius: 10px;
}
.input.buscar-responsive::placeholder{
color: ;
}
.bolinha-carrinho{
width: 15px;
height: 15px;
border: 2px solid #fff;
border-radius: 50%;
background: ;
position: absolute;
top: -10px;
right: -10px;

}

.bolinha-carrinho p {
font-size: 10px;
color: #fff;
text-align: center;
margin: 2px auto;
font-family: "Open sans", sans-serif;
}
.div-azul-cliente{
display: flex;
background: ;
width: 100%;
flex-direction: column;
min-height: 114px;
}
.div-flex-row{
display: flex;
flex-direction: row;
margin: auto 0 auto 25px;
}
.avatar-redondo{
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
position: relative;
margin: 20px 10px;
}
.avatar-redondo i {
font-size: 20px;
color: ;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.div-flex-row p{
color: #fff;
font-size: 16px;
margin-top: 26px;
}
.rodape-menu-cliente{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
margin: 0 auto 10px;
}
.individual-rodape-cliente{
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 5px;
}
.individual-rodape-cliente i{
margin: 10px 5px 10px 30px;
}
.individual-rodape-cliente p{
margin: 10px 5px 10px 0px;
}
.responsivo-sim{
display: none!important;
}
.categoria-menu{
overflow: hidden;
height: 0px;
}
a.categoria-a{
position: relative;
}
a.categoria-a::after{
position: absolute;
display: block;
content: '\f078';
font-family: 'Font Awesome 5 Free';
top: 50%;
font-size: 16px;
transform: translateY(-50%);
right: -20px;
}
.active-categoria{
overflow: visible;
height: auto;
background: rgba(28, 20, 117, 0.1)!important;
z-index: 9;
}

a.categoria-a.active-categoria-icon::after{
position: absolute;
display: block;
content: '\f077';
font-family: 'Font Awesome 5 Free';
font-size: 16px;
top: 50%;
transform: translateY(-50%);
right: -20px;
}
.active-div-categoria{
background: #1c1475;
color:#ffffff!important;
}
a.subcategoria-menu-responsive{
position: relative;
padding-left: 25px;

}
a.subcategoria-menu-a{
margin-left: 20px;

}
a.subcategoria-menu-responsive::after{
position: absolute;
display: block;
content: '\f078';
font-family: 'Font Awesome 5 Free';
top: 50%;
font-size: 16px;
transform: translateY(-50%);
right: -20px;
}
.subcategoria-menu{
height: 0px;
overflow:hidden;
}
.active-subcategoria{
height: auto;
overflow: visible;

}
.div-fundo-menu{
top: 0;
position: fixed;
width: 100%;
background: rgba(0, 0, 0, 0.85);
height: 100%;
z-index: 999;
}
.fechar-menu-novo{
position: absolute;
top: 40px;
right: 10%;
z-index: 9999;
color: #fff;
font-size: 40px;
cursor: pointer;
}
.none-menu{
display: none;
}

.active-menu-color{
background: rgba(28, 20, 117, 0.1)!important;
}
.active-menu-transparent{
background: transparent!important;
padding-bottom: 0px!important;
}
.subcategoria-menu .item-menu{
background: transparent!important;
border-bottom: none!important;
}
a.subcategoria-menu-responsive.active-subcategoria-icon::after{
position: absolute;
display: block;
content: '\f077';
font-family: 'Font Awesome 5 Free';
font-size: 16px;
top: 50%;
transform: translateY(-50%);
right: -20px;
}
.busca-input{
position: absolute;
float: right;
display: block;
right: 8px;
top: 9px;
font-size: 1.3em;
cursor: pointer;
color: ;
}
.busca-input-responsive{
position: absolute;
float: right;
display: block;
right: 8px;
top: 9px;
font-size: 1.3em;
cursor: pointer;
color: ;
}
.fechar-menu{
display: none;
position: absolute;
top: 10px;
right: 20px;

z-index: 9999;

}
.fechar-menu i{
color: #fff;
font-size: 30px;
z-index: 9999;
cursor: pointer;
}


a.a-logo{
display: contents;
}

ul.breadcrumb {
margin: 20px 0;
padding: 10px 16px;
list-style: none;

}

/* Display list items side by side */
ul.breadcrumb li {
display: inline;
font-size: 0.925em;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
padding: 8px;
color: black;
content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
color: ;
text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: underline;
}
img.miniatura-produto{
height: 100px;
width: auto;

box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 40%);
}
h3.nome-produto {

font-size: 26px;
margin: 30px 0 0 30px;
}
label.nova2{
position: absolute;
top: 12px;
left: 10px;
pointer-events:none;
transition: all 0.3s ease-in;
}
.input-icon input:focus ~ label.nova2{
top: -21px;
bottom: 0px;
left: 0px;
opacity: 1;
transition: all 0.3s ease-out;
}
.input-icon textarea:focus ~ label.nova2{
top: -21px!important;
bottom: 0px;
left: 0px;
opacity: 1;
transition: all 0.3s ease-out;
}
.input-icon{
position: relative;
margin-top: 37px;
width: 100%;
}
.label-active{
top: -21px!important;
bottom: 0px;
left: 0px!important;
opacity: 1;
transition: all 0.3s ease-out;
}
i.fas.fa-eye-slash{

position: absolute;
top: 13px;
right: 5px;
cursor:pointer;
}
i.fas.fa-eye{
position: absolute;
top: 13px;
right: 5px;
cursor:pointer;
}
#ver-senha{
display: block;
}
#ocultar-senha{
display: none;
}
#ver-senha2{
display: block;
}
#ocultar-senha2{
display: none;
}
.submit.novo{
float: left;
background: #58ac26;
transition: all 0.5s ease-in;
border: 1px solid #58ac26;
text-indent: 0px;
}
.submit.novo:hover{
color: #58ac26;
background: #fff;
transition: all 0.5s ease-out;
}
.submit.novo-direita{
float: right!important;
background: #58ac26;
transition: all 0.5s ease-in;
border: 1px solid #58ac26;
text-indent: 0px;
margin: 0;
}
.submit.novo-direita:hover{
color: #58ac26;
background: #fff;
transition: all 0.5s ease-out;
}
.recuperar-novo {
float: right;
font-size: 12px;
margin: 35px 0 0 0;
}
input[type='submit'] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
.separacao-mobile{
display: none;
}
#continuar_comprando:hover{
background: #58AC26;
color: #fff;
transition: all 0.5s ease-out;
}
#continuar_comprando{
transition: all 0.5s ease-in;text-indent: 0;width:230px;height:40px;float:left;padding-top:0px;background:transparent;color: #58AC26;border: 1px solid #58AC26;line-height: 265%; margin: 10px 0 0;
}
.resumo-total-responsivo{
display: none;
}
.div-flex-row{
display: flex;
flex-direction: row;
}
.div-flex-row .esquerda{
float: left;
margin: 10px auto 10px 5px;
}
.div-flex-row .direita{
float: right;
margin: 10px 5px 10px auto;
}
h3.titulo-resumo{
display: none;
}
.div-resultado-valor-responsivo{
display: none;
}
.none-footer{
display: none!important;
}
.desabilitado-erro{
background: red!important;
}
.btns-div{
width: 85%;
margin: 15px auto;
display: flex;
flex-direction: row;
}
.btn-carrinho-interna{
width: 47%;
float:left;
height: auto;
min-height: 50px;
line-height: 50px;
text-align: center;
border:solid 1px #58ac26;
background: transparent;
background-repeat: no-repeat;
background-position: 15px center;
color: #58ac26;
display: block;
text-transform: uppercase;
margin: 0 auto 0 0;
cursor: pointer;
}
.btn-carregamento-interna{
width: 47%;
float:left;
height: auto;
min-height: 50px;
line-height: 50px;
text-align: center;
position:relative;

}
.btn-carrinho-sucesso-interna{
width: 47%;
float:left;
height: auto;
min-height: 50px;
line-height: 50px;
text-align: center;
position:relative;
}
.btn-continuar-comprando-interna{
width: 47%;
float:right;
height: auto;
min-height: 50px;
line-height: 50px;
text-align: center;
border:solid 1px #58ac26;
background: transparent;
background-repeat: no-repeat;
background-position: 15px center;
color: #58ac26;
display: block !important;
text-transform: uppercase;
margin: 0 0 0 auto;
}
.ir-para-o-carrinho{
width: 95%;
height: auto;
min-height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
background: transparent;
background-repeat: no-repeat;
background-position: 15px center;
background: #58ac26;
display: block !important;
text-transform: uppercase;
margin:15px auto;
}
h3.quantidade-carrinho{
color: #64C75A;
margin: 10px;

}
.carrinho-menu{
width: 95%;
margin: 10px auto;
display: flex;
flex-direction: column;
}
.carrinho-menu-row{
display: flex;
flex-direction: row;
position: relative;
margin: 15px 0;
}
.carrinho-menu-row img{
width: 45px;
height: 45px;
object-fit:cover;
}
.nome-carrinho-menu{
width: 200px;
margin: 0 5px;
line-height: 140%;
}
.total-carrinho-menu{
display: flex;
flex-direction: column;
width:100%;
border-top: 1px solid rgb(209, 209, 209);
}
.row-total-carrinho{
display: flex;
flex-direction: row;
}
.row-total-carrinho .left{
width:50%;
float:left;
padding: 10px;
}
.row-total-carrinho .right{
width:50%;
float:right;
text-align: end;
padding: 10px;
line-height: 140%
}
.pedidos-cliente{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.pedido-individual{
width: 327px;
height: 455px;
background: #FFFFFF;
border: 0.3px solid #646464;
box-sizing: border-box;
border-radius: 5px;
margin: 10px auto;
display: flex;
flex-direction: column;
}
.cliente-parte-cima{
width: 100%;
border-bottom: 0.3px solid #646464;
height: 210px;
}
.cliente-parte-baixo{
width: 100%;
height: 260px;
}
.descricao-pedido{
padding: 20px;
height: 170px;

}
.descricao-pedido span{
margin-bottom: 20px;
line-height: 240%;
}
a.btn-pagmento{
width: 279px;
height: 40px;
background: #1c1475;
border:solid 1px #1c1475;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #fff;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-pagmento:hover{
color: #1c1475;
background: #fff;
transition: all 0.5s ease-out;
}
a.btn-aguardando-envio{
width: 279px;
height: 40px;
background: #58AC26;
border:solid 1px #58AC26;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #fff;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-aguardando:hover{
color: #58AC26;
background: #fff;
transition: all 0.5s ease-out;
}
.div-descricao-flex{
padding: 20px;
height: 195px;
}
.div-descricao-flex h3{
margin: 20px 0;
}
.div-baixo-row{
display: flex;
flex-direction: row;

}
.div-baixo-row .left{
display: flex;
flex-direction: column;
width: 50%;
float: left;
}
.div-baixo-row .left span{
margin: 10px 0;
}
.div-baixo-row .right img {
width: 100px;
height: 100px;
float: right;
margin: auto 0 auto auto;
text-align: end;
}
.div-baixo-row .right{
display: flex;
width: 50%;
float: right;
}
a.btn-pago{
width: 279px;
height: 40px;
background: #fff;
border:solid 1px #1c1475;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #1c1475;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-entregue{
width: 279px;
height: 40px;
background: #fff;
border:solid 1px #58AC26;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #58AC26;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-cancelado{
width: 279px;
height: 40px;
background: #fff;
border:solid 1px #D40000;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #D40000;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-expirado{
width: 279px;
height: 40px;
background: #fff;
border:solid 1px #626262;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #626262;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-ver-detalhe{
width: 279px;
height: 40px;
background: #fff;
border:solid 1px #1c1475;
border-radius: 2px;
display:table-cell;
margin: auto auto 0;
color: #1c1475;
text-align: center;
vertical-align: middle;
transition: all 0.5s ease-in;
border-radius: 5px;
}
a.btn-ver-detalhe:hover{
background: #1c1475;
color: #fff;
transtion: all 0.5s ease-out;
}
.div-traco-pedido{
width: 100%;
height: 0.2px;
background: #646464;
margin-top: 10px;
margin-bottom: 10px;
}
a.link-ver-todos{
font-family: "Open Sans", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
text-decoration-line: underline;
color: #1C1475;
text-align: center;
margin: 10px auto;
}

/*PROGRESS BAR*/

.flexer,
.progress-indicator {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.progress-indicator {
margin: 50px auto 0;
padding: 0;
font-size: 80%;
text-transform: uppercase;
}

.progress-indicator > li {
list-style: none;
text-align: center;
width: auto;
padding: 0;
margin: 0;
position: relative;
text-overflow: ellipsis;
color: #bbb;
display: block;
}

.flexer-element,
.progress-indicator li {
-ms-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}

.progress-indicator li .bubble {
border-radius: 1000px;
width: 40px;
height: 40px;
background-color: #bbb;
display: block;
margin: 0 auto 0.5em;
/*border-bottom: 1px solid #888; */
border: 3px solid #bbb;
background-color: #bbb;
color: #fff;
}

.progress-indicator li:last-child .bubble:after,
.progress-indicator li:last-child .bubble:before {
width: 50%;
margin-right: 50%;
}

.progress-indicator li .bubble:before {
left: 0;
}

.progress-indicator li .bubble:after,
.progress-indicator li .bubble:before {
display: block;
position: absolute;
top: 20px;
width: 100%;
height: 3px;
content: "";
background-color: #bbb;
}
.progress-indicator li:last-child .bubble:after{
width:60%;

}

.progress-indicator li.completed .bubble,
.progress-indicator li.completed .bubble:after,
.progress-indicator li.completed .bubble:before {
background-color: #58ac26;
border-color: #58ac26;
animation: animate-positive 0.5s;
}

.rotate i {
animation: spin 4s linear infinite;
}

.bubble i {
position: relative;
margin-top: 8px;
z-index: 1;
}

@-webkit-keyframes animate-positive {
0% {
width: 37px;
}
}

@keyframes animate-positive {
0% {
width: 37px;
}
}

@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
a.btn-mais-prdutos{
display: none;
}
.site-seguro{
z-index: 99999;
position: fixed;
top: calc(85%);
right: 30px;
animation-duration: 3s;
display:none;
cursor: pointer;
}
.box-circle-sombra{
width: 70px;
height: 70px;
border-radius: 50%;
box-shadow: 0px 0px 10px 5px rgba(51, 51, 51, 0.25);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.site-seguro img{
width: 80px;
border-radius: 50%
}
.div-fechar-site-seguro{
position: absolute;
top: -5px;
right: -5px;
width: 20px;
height: 20px;
z-index: 99999;
border-radius: 50%;
cursor: pointer;
}
.fechar-seguro{
color: #000;
margin: 3px 5px;
z-index: 99999;
}
.redes-sociais-responsive {
display:none;
}



#categorias .sub-item a > p {
line-height: 200%;
margin: 0px 0 0px 10px;
}

#categorias .item{
    transition: 0.5s;
    padding-top: 10px;
}

#categorias .item p {
    margin-top: 3px;
}
#categorias .item i {
    margin-top: -10px;
}

#categorias .item:hover{
    background-color: #E7E7E7;
}

#categorias .sub-item a{
    transition: 0.5s;
}

#categorias .sub-item a:hover{
    background-color: #E7E7E7;
}

#categorias .sub-item .esquerda a{
    display: block;
    margin-left: 10px;
}