:root {
    
     /*geral*/
    --cor-principal: #222222;
    --cor-secundaria: #222222;
    --cor-terciaria: #818181;
    --cor-botao: #FFF159;
    --cor-titulos: #818181;
    --cor-preco: #222222;
    
    /*topo da loja*/
    --cor-background-topo: #FFF159;
        
    /*corpo da loja*/
    --cor-background-corpo: #eeeeee;
        
    /*rodape da loja*/
    
    --cor-menu-rodape: #3B3B3B;
    --cor-background-menu-rodape: #FFF159;
    --cor-background-rodape: #FFF159;
        
    /*newsletter rodape*/
    --cor-background-newsletter: #ffffff;
    --cor-texto-newsletter: #818181;
        
    /*texto fullbanner*/
    --cor-texto-1: #FFF159;
    --cor-texto-2: #ffffff;

    /*compre junto*/
    --cor-background-compre-junto: #ffffff;
}


@charset "UTF-8"; /*CSS Slick Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

#menu-institucional .nivel-um>li {
    float: left;
    padding: 10px !important;
    position: relative;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

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

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

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

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

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

.slick-arrow.slick-hidden {
    display: none;
}

/*CSS Girl boss v5*/
:focus {
    outline: none;
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.pagina-marca #listagemProdutos ul li {
    margin-bottom: 50px;
    margin-left: 0;
}

.conteiner, #cabecalho .row-fluid, #menu-institucional .nivel-um, .menu.superior .nivel-um {
    max-width: 1280px;
}

.conteiner-principal .conteiner {
    background: none;
    box-shadow: none;
}

#cabecalho {
    transition: .5s ease-in-out;
}

#cabecalho.fixed {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.2);
    transition: .5s ease-in-out;
}

#cabecalho .conteiner {
    max-width: none;
    padding: 15px 0 0 0;
    background: var(--cor-background-topo);
}

.barra-inicial.fundo-secundario {
    display: none;
}

.conteudo-topo .inferior {
    display: flex;
    align-items: center;
}

.logo a {
    display: flex;
    height: auto;
    position: initial;
}

.logo a img {
    position: relative;
    max-height: 100px;
}

.busca.borda-alpha {
    background: rgb(240, 240, 240);
    border-radius: 2px;
    border: 1px solid rgb(221, 221, 221);
    padding: 5px;
    width: 100%;
}

.busca-mobile.span6 {
    width: 80%;
    display: flex;
}

.busca.borda-alpha #auto-complete {
    background: none;
    border: none;
    box-shadow: none;
    width: 100%;
}

.busca.borda-alpha #form-buscar {
    border: none;
}

.busca .botao-busca {
    background: none;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-image: initial;
    border-left: 1px solid rgb(208, 208, 208);
    color: rgb(208, 208, 208) !important;
    right: 5px;
    /* top: 5px; */
}

button.open-menu {
    visibility: hidden;
    overflow: hidden;
    display: none;
}

#cabecalho.fixed .open-menu {
    visibility: visible;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin-right: 20px;
    color: var(--cor-secundaria);
}

.open-menu .icon1 {
    visibility: visible;
    display: block;
    margin-right: 10px;
}

.open-menu .icon1 path {
    fill: var(--cor-secundaria);
}

.open-menu.active .icon1 {
    visibility: hidden;
    display: none;
}

.open-menu.active .icon2 {
    display: block;
    margin-right: 10px;
}

.open-menu .icon2 {
    display: none;
}

.caixa1 {
    border-radius: 25px;
    padding: 8px 15px;
    position: relative;
    width: auto;
    white-space: pre;
    border-width: 1px;
    border-style: dashed;
    border-color: var(--cor-principal);
}

.caixa1 .texto {
    display: none;
}

.caixa1 span {
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cor-principal);
}

.caixa1 span svg {
    margin-right: 10px;
}

.caixa1 span svg path {
    fill: var(--cor-principal);
}

@media (min-width: 768px) {
    .caixa1:hover .texto {
        display: block;
        position: absolute;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;
        padding: 10px;
        border-radius: 0px 20px 20px;
        top: 35px;
        z-index: 40;
        width: 200px;
    }
}

.caixa1 .texto span {
    margin: 5px 0px;
    text-align: center;
    font-size: 0.8vw;
    border: 0;
    white-space: normal;
}

.caixa1 .texto span.texto1 {
    color: #000;
    font-weight: 600;
    font-size: 0.8vw;
}

.caixa1 .texto span.texto2 {
    color: #a2a2a2;
    font-weight: 400;
    font-size: 0.7vw;
}

.caixa1 .texto span.texto4 {
    color: #a2a2a2;
    font-weight: 400;
    font-size: 0.7vw;
}

.inferior .span4 {
    display: flex;
    width: 65%;
    margin-left: 10px;
}

@media (min-width: 1200px) {
    .inferior .span4 {
        display: flex;
        width: 65%;
        margin-left: 10px;
    }
}

.login {
    display: flex;
    align-items: center;
    width: 80%;
}
.login .superior .span8 {
    display: flex;
    align-items: center;
    width: 100%;
}

.login a {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--cor-secundaria);
    font-size: 12px;
    margin-right: 5px;
}
div.login > div > div.span8 > svg:nth-child(3) {
    display: none;
}
.login a span {
    color: var(--cor-principal)
}

.login .icon {
    width: 15%;
    margin-right: 5px;
}

.login .icon path {
    fill: var(--cor-principal);
}

.inferior .acoes-conta li {
    font-size: 0px;
}

.action-item.support:hover .support-items {
    display: block;
    width: 300px;
    position: absolute;
    background: white;
    right: -40px;
    left: auto;
    top: 20px;
    z-index: 40;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;
}

.action-item.support {
    position: relative;
}

.action-item.support .support-items .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px;
}

.action-item.support .support-items .contact li a {
    color: black;
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
}

.action-item.support .support-items .contact .lista-redes li a i {
    background: none;
}

.action-item.support .support-items .contact .lista-redes li a:hover i {
    color: #333;
}

.action-item.support .support-items .contact li a svg {
    display: none;
}

.action-item.support .support-items .contact li {
    margin: 0px;
    width: 100%;
    text-align: center;
    border: none;
}

.action-item.support .support-items .contact p {
    color: black;
    font-size: 12px;
    white-space: nowrap;
    text-align: center;
    font-weight: 700;
}

.support-items .redes-sociais .caixa-facebook {
    display: none;
}

.redes-sociais .lista-redes ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.redes-sociais.borda-principal {
    width: 90%;
    margin-bottom: 15px;
    border-color: var(--cor-principal);
}

.inferior .acoes-conta li a {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inferior .acoes-conta li a svg path {
    fill: var(--cor-principal);
}

.inferior .acoes-conta {
    background: none;
    display: flex;
    align-items: center;
    width: 42%;
    margin-right: 5px;
}

.inferior .acoes-conta::before {
    content: "";
    display: block;
    height: 100%;
    border-right: 2px solid #c1c1c1;
}

.action-item.support .support-items {
    display: none;
}

.carrinho.carrinho-manipula {
    border: none;
    width: 22%;
}

.carrinho.carrinho-manipula strong.qtd-carrinho {
    border-radius: 50px;
    display: block !important;
    position: absolute;
    top: 3px;
    right: 12px;
    width: 20px;
    height: 20px;
    line-height: 1.3 !important;
    font-size: 15px !important;
    text-align: center;
    color: white;
    border: 1px solid white;
    background: var(--cor-principal);
}

.carrinho.carrinho-manipula a::after {
    content: "";
    display: block;
    height: 100%;
    border-right: 2px solid #C1C1C1;
}

.carrinho.carrinho-manipula a i {
    background: none;
    margin-right: 5px;
    color: var(--cor-principal);
    margin-top: 5px;
}

.carrinho.carrinho-manipula .carrinho-rodape a i {
    display: none;
}

.carrinho.carrinho-manipula a span {
    display: none !important;
}

.carrinho-interno {
    border-color: var(--cor-principal);
}

.carrinho-interno .botao.principal {
    background: var(--cor-principal);
}

#cabecalho .row-fluid {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

@media not all and (max-width: 768px) {
    .carrinho-checkout #cabecalho .span9 {
        /* -webkit-box-flex: 1; */ -ms-flex: auto;
        flex: auto;
        /* margin-left: 10px; */
        width: 82%;
    }
}

.carrinho-checkout .atendimento li {
    text-align: center;
}

#cabecalho.fixed .row-fluid {
    margin-bottom: 7px;
}

#menu-institucional .nivel-um .offers .counter-offer .promo .title {
    font-size: 17px;
    font-weight: bold;
    width: auto;
    text-align: center;
    margin: auto;
}

#menu-institucional .nivel-um .offers .counter-offer .promo p {
    font-size: 14px;
    margin: auto;
}

#menu-institucional .nivel-um .offers .counter-offer .promo {
    justify-content: space-evenly;
    position: relative;
    top: 30%;
}

#menu-institucional .nivel-um .offers .counter-offer .promo:before {
    display: none;
}

#cabecalho.fixed .menu.superior {
    opacity: 0;
    height: 0;
}

#cabecalho.fixed .menu.superior.active {
    opacity: 1;
    height: 40px;
    box-shadow: inset rgb(0 0 0 / 39%) 0px 5px 5px -5px;
}

.menu.superior {
    background: none;
    margin: 0px;
    /* height: 40px; */
}

.menu.superior .nivel-um {
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 20px;
    padding: 10px 20px;
}

.menu.superior .nivel-um .all-categories .nivel-dois li {
    border: none;
    margin: 5px 0;
    width: auto;
}

.menu.superior .nivel-um .all-categories .nivel-dois li:hover strong {
    color: var(--cor-principal);
}

.menu.superior .nivel-um .all-categories .nivel-dois li .titulo {
    margin: 0px !important;
    color: #000000;
}

.menu.superior .nivel-um .all-categories .nivel-dois li i {
    background: none;
    color: black;
}

.menu.superior .nivel-um>li:hover .nivel-dois li .nivel-dois {
    display: none;
}

#menu-institucional {
    box-shadow: rgba(0, 0, 0, 0.39) 0px 5px 5px -5px;
}

#menu-institucional.hidden {
    max-height: 15px;
}

#cabecalho.fixed #menu-institucional.hidden {
    display: none !important;
}

#menu-institucional .nivel-um {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0 auto;
}

#menu-institucional .nivel-um>li {
    float: left;
    padding: 10px 20px;
    position: relative;
}

#menu-institucional .nivel-um .offers>a {
    text-decoration: underline;
}

#menu-institucional .nivel-um li a {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--cor-terciaria);
}

#menu-institucional .listagem-item:hover .acoes-produto .botao-comprar-ajax {
    width: 90%;
    font-size: 0;
    margin: 0 auto;
}

#menu-institucional .listagem-item:hover .acoes-produto .botao-comprar-ajax:before {
    content: "ADICIONAR";
    display: block;
    color: white;
    font-size: 12px;
}

#menu-institucional .nivel-um .categoria-marcas strong, #menu-institucional .nivel-um .offers a strong {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--cor-terciaria);
}

#menu-institucional .nivel-um>li.offers.com-filho a strong {
    color: var(--cor-secundaria);
    font-weight: 600;
}

#menu-institucional .nivel-um li:hover a {
    color: var(--cor-terciaria);
}

#menu-institucional .nivel-um .categoria-marcas:hover strong {
    color: var(--cor-terciaria);
}

#menu-institucional .nivel-um .categoria-marcas {
    border: none;
}

#menu-institucional .nivel-um .categoria-marcas i {
    display: none;
}

#menu-institucional .nivel-um .categoria-marcas .nivel-dois {
    display: none;
}

#menu-institucional .nivel-um .categoria-marcas:hover .nivel-dois {
    display: block;
    position: fixed;
    z-index: 99;
    background: white;
    margin: 0px;
    padding: 10px;
    border-radius: 5%;
    box-shadow: rgba(0, 0, 0, 0.65) 1px 1px 5px 1px;
}

#menu-institucional .nivel-um .offers .nivel-dois {
    display: none;
}

#menu-institucional .nivel-um .offers:hover .nivel-dois {
    display: flex;
    flex-direction: initial;
    background: white;
    position: absolute;
    z-index: 99;
    right: 0px;
    top: 100%;
    padding: 0px;
    width: 1296px;
    height: auto;
    margin: 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;
    border-radius: 10px;
}

#menu-institucional li.form-rastreio .wrap {
    display: none;
}

#menu-institucional li.form-rastreio:hover .wrap {
    left: 0;
    display: block;
    position: absolute;
    background: white;
    z-index: 999;
    box-shadow: rgb(0 0 0 / 20%) 0px 3px 10px 0px;
    padding: 10px;
    border-radius: 0 10px 10px;
}

#menu-institucional .form-rastreio span {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin: 10px 0;
    text-align: left;
    line-height: 20px;
    white-space: normal
}

#menu-institucional li.form-rastreio:hover .wrap input {
    margin: 0;
    height: 35px;
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 22px;
    margin-bottom: 0;
    color: #000;
    border: solid 1px #d1d1d1;
    outline: 0;
}

.menu .titulo {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 10px 0px !important;
    color: var(--cor-secundaria);
}

.menu.superior li:hover a strong {
    color: var(--cor-primaria);
}

.menu.superior .categoria-marcas {
    display: none;
}

.menu.superior .nivel-um>li {
    border-left: none;
    border-right: none;
}

.menu.superior .nivel-um>li>a i {
    background: var(--cor-background-topo);
    color: var(--cor-secundaria);
}

.all-categories .titulo {
    color: var(--cor-principal);
}

.all-categories .titulo svg {
    margin-right: 10px;
}

.all-categories .titulo svg rect {
    fill: var(--cor-principal);
}

li.all-categories.com-filho .mega-categorias.span6 {
    box-shadow: none;
    width: 50%;
    border-left-width: 5px;
    border-top: none;
    margin: 5px;
    min-width: 200px;
    border-color: var(--cor-principal);
}

.mega-recebe-prod .listagem-item .acoes-produto {
    display: none !important;
}

li.all-categories.com-filho .mega-recebe.span6 {
    margin: 0;
}

.all-categories.com-filho .nivel-dois .mega-recebe li {
    display: none;
}

.all-categories.com-filho .nivel-dois .mega-recebe li:nth-child(1) {
    display: block;
}

.menu.superior .nivel-um>li:hover {
    border: none;
    margin: 0;
}

li.other-categories.com-filho ul.nivel-dois {
    position: absolute !important;
    top: 40px;
    padding: 0 !important;
}

.menu.superior .nivel-um .all-categories .nivel-dois {
    position: absolute !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    top: 40px;
    box-shadow: 0 0 5px rgb(0 0 0 / 30%) !important;
    padding: 5px !important;
}

.menu.superior .nivel-um li:hover:not(.all-categories) .nivel-dois {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    transform: translateY(0);
    transition: all 0.2s cubic-bezier(0.34, 0.57, 0.57, 1) 0s;
    min-width: 600px;
    max-width: 1500px;
    max-height: 450px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 15px;
    top: 40px;
}

.menu.superior .nivel-um li:nth-last-child(2) .nivel-dois {
    right: -20px;
    left: auto;
}

.menu.superior .nivel-um li:nth-last-child(3) .nivel-dois {
    right: 0;
    left: auto;
}

.menu.superior .nivel-um li.other-categories:hover .nivel-dois {
    left: auto;
    right: 0;
}

.menu.superior .nivel-um li.other-categories a i {
    display: none;
}

.menu.superior .nivel-um li .nivel-dois {
    display: none;
    /* background: white !important; */
}

.menu.superior .nivel-um li .nivel-dois li a i {
    display: none;
}

.menu.superior .nivel-um>li.other-categories:hover .nivel-dois {
    height: auto;
    min-width: max-content;
}

.menu.superior li a {
    font-size: 14px;
}

.menu.superior .nivel-dois a:hover {
    color: var(--cor-principal)
}

.menu.superior li.all-categories a i {
    display: none;
}

.menu.superior li .nivel-tres {
    position: relative;
    left: 0;
    width: max-content;
    box-shadow: none;
    display: block;
}

.menu.superior .nivel-um>li:hover .nivel-dois li {
    margin-bottom: 10px;
    border: none;
}

.menu .nivel-dois li {
    background: none !important;
}

.menu.superior .nivel-um li .nivel-dois li.com-filho i {
    background: transparent;
    color: black;
}

.menu .nivel-dois .com-filho i:hover {
    background: transparent;
}

.menu.superior .nivel-um>li:hover .nivel-tres li {
    margin: 0;
    padding: 0;
}

.menu.superior .nivel-dois>li>a {
    font-weight: 600;
    color: black !important;
}

.menu.superior .nivel-um li:hover:nth-child(7) .nivel-dois {
    left: auto;
    right: 0;
}

.menu.superior .nivel-um li:hover:nth-child(8) .nivel-dois {
    left: auto;
    right: -160%;
}

.menu.superior .nivel-um li:hover:nth-child(9) .nivel-doiss {
    left: auto;
    right: 0;
}

.menu.superior .nivel-um li:hover:nth-child(10) .nivel-dois {
    left: auto;
    right: 0;
}

.secao-banners .banner.cheio {
    display: flex;
    margin: -1px;
}

.tarja {
    padding-top: 12px;
}

.secao-banners .banner.cheio .full-banner {
    margin: 0px auto;
    max-width: 100%;
}

.secao-banners .banner.cheio .full-banner .flexslider {
    margin: 0 auto;
    width: 100%;
}

.span12.full-banner .flexslider .slides {
    max-width: 1500px;
    margin: auto;
}

.banner .flex-control-nav {
    width: 100%;
    right: 0;
    padding: 5px 0;
}

h3.title-banner {
    position: absolute;
    bottom: 65%;
    left: 45%;
    padding: 15px;
    margin: 0;
    color: var(--cor-texto-1);
    font-size: 4vw;
}

p.info-banner.titulo {
    color: var(--cor-texto-2);
    white-space: inherit;
    text-align: left;
    font-weight: 900;
    display: block;
    max-width: 100%;
    width: 40%;
    line-height: normal;
    background: 0 0;
    bottom: 20%;
    left: 45%;
}

.row-fluid.banner.mini-banner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.banner.mini-banner .modulo.span4 {
    margin-left: 15px;
    width: 35%;
}

.banner.mini-banner .modulo.span4:first-child {
    margin: 0;
}

.banner.mini-banner .modulo:hover {
    box-shadow: 0 7px 16px 0 rgb(0 0 0 / 20%), 0 1px 3px 0 rgb(0 0 0 / 10%);
    border-radius: 5px;
}

.banner.mini-banner .modulo .flexslider {
    border: none;
    background: none;
}

.flexslider:hover .flex-direction-nav .flex-next {
    border-radius: 3px 0 0 3px;
    right: 0;
}

.flex-direction-nav a {
    background: white;
    opacity: 1 !important;
    height: 80px;
    width: 35px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: initial;
    top: 45%;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    border-radius: 0 3px 3px 0;
    left: 0;
}

.flex-direction-nav a:before {
    display: block;
    font-size: 16px;
    color: var(--cor-principal);
    font-weight: 100;
}

.counter-offer {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    height: auto;
    /* width: 80%; */
}

#menu-institucional .counter-offer {
    display: block;
}

#menu-institucional .counter-offer .counter {
    position: relative;
    top: 29%;
}

#menu-institucional .counter-offer .counter .counter-wrap {
    flex-wrap: initial;
    margin: 25px auto;
    padding: 5px;
}

#menu-institucional .counter-offer .counter .counter-wrap .icon-offer {
    display: none;
}

#menu-institucional .counter-offer .counter .counter-wrap .item::before {
    font-size: 16px !important;
}

#menu-institucional .counter-offer .counter .counter-wrap .item {
    padding: 0 15px;
    background: rgb(242, 242, 242);
    margin-right: 5px;
    text-align: center;
    border-radius: 5px;
}

#menu-institucional .counter-offer {
    display: block;
    border-left-width: 5px;
    border-top: none;
    box-shadow: rgb(0 0 0 / 20%) 5px 0px 10px 0px;
    border-color: var(--cor-principal);
}

#menu-institucional .counter-offer .counter .counter-wrap .item .description {
    font-size: 11px;
}

#menu-institucional .counter-offer .counter .counter-wrap .item::after {
    display: none
}

.counter-offer .counter, .counter-offer .promo {
    flex: 0 0 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.counter-offer .promo {
    align-items: baseline;
}

.counter-offer .counter {
    align-items: flex-end;
}

.counter-offer .promo:before {
    content: "";
    height: 15%;
    display: block;
    width: 2px;
    background: #C4C4C4;
    position: absolute;
    left: 1%;
}

.counter-offer .counter .title, .counter-offer .promo .title {
    width: 100%;
    font-size: 26px;
    line-height: normal;
    padding: 5px 0px;
    text-align: left;
    margin-left: 30px;
    font-weight: bold;
    color: var(--cor-principal);
}

.counter-offer .promo p {
    display: block;
    color: var(--cor-titulos);
    font-weight: bold;
    margin: 0px;
    text-align: left;
    font-size: 1.69vw;
    margin-left: 30px;
}

.counter-offer .promo p strong {
    color: rgb(0, 0, 0) !important;
    font-weight: 700 !important;
    font-size: 30px !important;
}

.counter-offer .counter .counter-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 25px 0px;
}

.counter-offer .counter .counter-wrap .icon-offer {
    width: 52px;
    height: 52px;
    display: block;
}

.counter-offer .counter .counter-wrap .icon-offer .a {
    fill: rgb(0, 0, 0);
}

.counter-offer .counter .counter-wrap .icon-offer .c {
    fill: rgb(242, 242, 242);
}

.counter-offer .counter .counter-wrap .item {
    line-height: normal;
    padding: 0px 20px;
    position: relative;
}

.counter-offer .counter .counter-wrap .item::before {
    content: attr(date-value);
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

.counter-offer .counter .counter-wrap .item::after {
    content: ":";
    display: block;
    font-size: 30px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0px;
    right: 0px;
}

.counter-offer .counter .counter-wrap .item:last-child::after {
    display: none;
}

.counter-offer .counter .counter-wrap .item .description {
    font-size: 16px;
    font-weight: 400;
    color: rgb(0, 0, 0);
}

#barraTopo {
    display: none !important;
}

.banner-center {
    margin: 10px 0px;
    display: flex;
    height: 100%;
    position: relative;
    align-items: center;
    justify-content: space-between;
}

.banner-center .modulo {
    margin: 0;
    width: auto;
}

.banner-center .modulo:hover {
    box-shadow: 0 7px 16px 0 rgb(0 0 0 / 20%), 0 1px 3px 0 rgb(0 0 0 / 10%);
}

.listagem .titulo-categoria {
    border: none;
    margin: 15px 0;
}

.listagem .titulo-categoria:first-child {
    margin: 15px 0;
}

.listagem .titulo-categoria:hover {
    background: none;
}

.listagem .titulo-categoria strong {
    color: var(--cor-titulos);
    font-size: 1.69vw;
    text-transform: lowercase;
}

.listagem .listagem-linha li {
    border: none;
}

.listagem .listagem-linha li .listagem-item {
    background: white;
    min-height: 347px;
    margin-right: 0 !important;
}

@media(max-width: 800px) {
    .listagem .listagem-linha li .listagem-item {
        margin-right: 5px !important;
        min-height: 440px;
    }

    .listagem .listagem-item .info-produto {
        text-align: center;
    }
}

#listagemProdutos .counter-offer {
    background: none;
}

.bandeiras-produto .bandeira-promocao {
    border: none;
    border-radius: 12px;
    background: rgb(38, 38, 38);
    text-align: center;
}

.listagem-item.produto-adicionado .bandeiras-produto .adicionado-carrinho {
    display: none;
}

.listagem .info-produto {
    margin-top: 10px;
}

.bandeiras-produto span {
    border: none;
    border-radius: 12px;
    width: 45%;
    text-align: center;
}

.bandeiras-produto {
    top: 180px;
    left: auto;
    width: 100%;
}

.bandeiras-produto .bandeira-frete-gratis {
    background: rgb(70, 180, 121);
}

.listagem .produtos-carrossel {
    padding: 0;
}

.listagem-item .acoes-produto {
    display: none;
}

.listagem-item:hover .acoes-produto {
    border: none;
    transition: none 0s ease 0s;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 20px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    background: white;
}

.listagem-item:hover .acoes-produto .botao-comprar {
    width: 90%;
    padding: 0px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
    font-weight: bold;
    border-radius: 2px;
    margin: 0px auto;
    color: white !important;
    text-transform: lowercase;
    background: var(--cor-botao);
}

.listagem-item:hover .acoes-produto .botao-comprar-ajax {
    width: 55%;
    margin: 0;
}

.mega-recebe-prod .listagem-item:hover .acoes-produto .botao-comprar-ajax {
    width: -webkit-fill-available;
}

.pagina-categoria .listagem-item:hover .acoes-produto .botao-comprar-ajax, .pagina-busca .listagem-item:hover .acoes-produto .botao-comprar-ajax {
    width: 60%;
}

.pagina-categoria .listagem-item:hover .acoes-produto .qtde-adicionar-carrinho, .pagina-busca .listagem-item:hover .acoes-produto .qtde-adicionar-carrinho {
    width: 30% !important;
}

.listagem-item .acoes-produto .botao-comprar i {
    display: none;
}

.listagem-item:hover .acoes-produto .qtde-adicionar-carrinho {
    width: 35% !important;
    display: flex;
    height: 100%;
}

.quantity-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    z-index: 9;
}

.quantity-nav .quantity-button {
    background: rgb(59, 59, 59);
    width: 15px;
    border-radius: 2px;
}

.produto .quantity-nav .quantity-button {
    margin-bottom: 5px;
}

.quantity-nav .quantity-button i {
    color: white;
    font-family: FontAwesome;
    font-size: 0.7vw;
    font-style: normal;
}

.produto .quantity-nav .quantity-button {
    width: 20px;
}

.quantity-button.quantity-down.botao-quantidade {
    margin-bottom: 0;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
    text-align: center;
}

.listagem-item .acoes-produto .botao-comprar-ajax {
    width: 60%;
}

.listagem-item:hover .acoes-produto .qtde-adicionar-carrinho .qtde-carrinho {
    max-width: 40px;
    margin: 0px 10px;
    height: 40px;
    text-align: center;
    background: rgb(226, 226, 226);
    border: none;
    box-shadow: none;
}

.listagem .info-produto .preco-produto div:nth-child(1) {
    order: 1;
}

.listagem .info-produto .preco-produto div:nth-child(2) {
    order: 2;
}

.listagem .info-produto .preco-produto {
    display: flex;
    flex-direction: column;
}

.listagem .info-produto .preco-produto .desconto-a-vista {
    order: 3;
    font-size: 12px;
    text-transform: lowercase;
}

.listagem .info-produto .preco-produto div .preco-parcela {
    color: rgb(59, 59, 59);
}

.listagem .info-produto .preco-produto div .preco-parcela strong {
    color: rgb(59, 59, 59);
    font-weight: bold;
    font-size: 13px;
}

.listagem .info-produto .preco-produto div:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.listagem .info-produto .preco-produto div .preco-venda {
    font-size: 12px;
}

.listagem .info-produto .preco-produto div .preco-promocional {
    font-size: 16px;
    font-weight: bold;
}

.desconto-a-vista strong {
    text-transform: uppercase;
    color: var(--cor-preco);
}

.produto .acoes-produto .preco-produto .titulo {
    font-size: 40px;
    color: var(--cor-preco);
}

.produto .acoes-produto .preco-produto .preco-venda {
    font-size: 20px !important;
    color: #666666;
}

.produto .acoes-produto .preco-produto.destaque-avista .titulo {
    font-size: 25px;
}

.produto .acoes-produto .preco-produto.destaque-avista .preco-venda {
    font-size: 30px !important;
}

.produto .acoes-produto .preco-produto.destaque-avista strong.preco-promocional.cor-principal {
    font-size: 20px;
    color: var(--cor-preco);
}

.produto .acoes-produto .preco-parcela {
    font-size: 18px;
}

.acoes-produto .preco-produto .desconto-a-vista {
    font-size: 18px;
}

.adic-favo::before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 1em;
    padding-right: 10px;
    color: rgb(204, 204, 204);
}

.listagem-linha.flexslider {
    border: none;
    padding: 0 !important;
}

.listagem-linha .slick-next, .listagem-linha .slick-prev {
    opacity: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 5;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 19%);
    cursor: pointer;
    outline: 0;
    z-index: 2;
}

.listagem-linha:hover .slick-next, .listagem-linha:hover .slick-prev {
    opacity: 1;
    -webkit-transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    box-shadow: -1px 0px 10px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 10%);
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
}

.listagem-linha .slick-next svg, .listagem-linha .slick-prev svg {
    width: 12px;
}

.listagem-linha .slick-next {
    right: -15px;
    bottom: 200px;
}

.listagem-linha .slick-prev {
    left: -15px;
    top: 200px;
}

.marcas {
    margin-top: 43px;
}

.marcas strong {
    font-size: 1.69vw;
    color: var(--cor-titulos);
    font-weight: bold;
    text-transform: lowercase;
}

.marcas ul {
    margin: 0;
    padding: 0 20px;
}

.marcas .flexslider {
    background: none;
    border: none;
    height: 100px;
}

.marcas .flexslider li {
    background: white;
    height: 100px;
}

.marcas .flexslider li a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.marcas .flexslider li a img {
    height: 55%;
    position: initial;
    width: auto;
    margin: 0 auto;
}

.marcas .slick-next, .marcas .slick-prev {
    opacity: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 5;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 19%);
    cursor: pointer;
    outline: 0;
    z-index: 2;
}

.marcas:hover .slick-next, .marcas:hover .slick-prev {
    opacity: 1;
    -webkit-transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    box-shadow: -1px 0px 10px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 10%);
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
}

.marcas .slick-next svg, .marcas .slick-prev svg {
    width: 12px;
}

.marcas .slick-next {
    right: 5px;
    top: 25px;
}

.marcas .slick-prev {
    left: 5px;
    top: 25px;
}

a.Ofertas.especiais {
    display: none;
}

#video {
    height: 500px;
}

#video .video-container {
    height: 100%;
}

#barraNewsletter {
    background: none;
    box-shadow: none;
    margin-bottom: 20px;
}

#barraNewsletter .componente.newsletter {
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#barraNewsletter.posicao-rodape .conteiner {
    background: none;
    padding: 10px 20px;
}

#barraNewsletter.posicao-rodape .componente .interno {
    width: 69%;
    height: 200px;
    background: var(--cor-background-newsletter);
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    position: relative;
}

.img-news {
    width: 30%;
    height: 200px;
}

.img-news img {
    height: 203px;
}

#barraNewsletter .componente .titulo {
    display: flex;
    color: var(--cor-texto-newsletter);
    font-size: 1.6vw;
    margin-bottom: 10px;
}

#barraNewsletter .componente .titulo svg {
    margin-right: 10px;
}

#barraNewsletter .componente .titulo svg path {
    fill: var(--cor-principal);
}

#barraNewsletter .componente .interno-conteudo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
}

#barraNewsletter .componente .texto-newsletter {
    color: var(--cor-texto-newsletter);
    font-size: 1.4vw;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 20px;
}

#barraNewsletter .componente .newsletter-cadastro input {
    width: 76%;
    margin: 0;
    height: 30px;
    border: none;
    box-shadow: none;
    background: #F2F2F2;
    border-radius: 2px;
}

#barraNewsletter .componente div.newsletter-cadastro {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#barraNewsletter .componente .botao {
    width: 20%;
    margin: 0;
    border-radius: 2px;
    background: var(--cor-principal);
}

#barraNewsletter .componente .newsletter-assinar:after {
    content: "enviar";
    font-size: 1vw;
    font-weight: 600;
}

#barraNewsletter .componente .newsletter-confirmacao svg {
    display: none;
}

#instagram span {
    font-size: 22px;
    font-weight: bold;
    margin-right: 10px;
    color: var(--cor-titulos);
}

#instagram a {
    font-size: 22px;
    font-weight: bold;
    color: var(--cor-principal);
}

#instagram ul {
    display: flex;
    margin: 0;
}

#instagram ul li {
    margin: 0 5px;
}

#rodape .institucional {
    background-image: none;
    background-color: var(--cor-background-rodape);
}

#rodape .institucional.active {
    display: block;
    margin: 0 auto;
    transition: margin 1s ease-in-out, max-height 1s ease-in-out;
    padding: 10px 20px;
    max-height: initial;
}

#rodape .titulo {
    color: #818181;
    font-size: 1.3vw;
    font-weight: bold;
    text-transform: lowercase;
    border: none;
}

#rodape li a {
    font-size: 17px;
    color: var(--cor-terciaria);
    text-transform: lowercase;
}

#rodape li:hover a {
    color: var(--cor-terciaria);
}

.links-rodape.links-rodape-contato.span3 p {
    width: 306%;
    color: var(--cor-terciaria);
    font-size: 14px;
}

.links-rodape.links-rodape-contato.span3 li a {
    font-size: 14px !important;
}

.links-rodape.links-rodape-contato.span3 li a i {
    color: var(--cor-principal);
}

#rodape li {
    list-style: none;
}

#rodape .institucional .links-rodape-contato ul {
    margin: 0;
}

#rodape .institucional ul {
    margin-left: 50px;
}

#rodape .links-rodape .titulo {
    margin-left: 50px;
    color: var(--cor-terciaria);
}

#rodape .institucional .links-rodape-contato span {
    margin: 0;
    margin-bottom: 20px;
    color: var(--cor-terciaria);
}

#rodape .redes-sociais {
    border: none;
    background: none;
    box-shadow: none;
    position: relative;
    margin: 0 auto;
    width: 100%;
    right: 0;
    padding: 0;
}

#rodape .sobre-loja-rodape {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

@media(max-width: 800px) {
    #rodape .institucional .conteiner .row-fluid .span9 .row-fluid div {
        width: auto !important;
        margin: 20px 0 !important;
    }

    #rodape>.institucional>div>.row-fluid>.span3 {
        width: auto !important;
    }

    #rodape .institucional .conteiner .row-fluid .span9 {
        width: auto !important;
    }

    #rodape .institucional ul {
        margin: 0 !important;
    }

    #rodape .links-rodape .titulo {
        margin: 0 !important;
    }

    .links-rodape.links-rodape-contato.span3 p {
        width: fit-content;
        margin: auto;
    }
}

#rodape .sobre-loja-rodape .logo-edit {
    width: 15%;
}

#rodape .sobre-loja-rodape .btn-mais {
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#rodape .sobre-loja-rodape p {
    width: 65%;
    color: var(--cor-terciaria);
    font-weight: 500;
    font-size: 15px;
}

#rodape .sobre-loja-rodape .btn-mais a {
    border-width: 1px;
    font-size: 17px;
    background: var(--cor-background-rodape);
    padding: 5%;
    margin: 0 auto;
    width: 60%;
    text-align: center;
    height: 14px;
    line-height: 10px;
    color: var(--cor-principal);
    border-color: var(--cor-principal);
}

#rodape>.institucional>div>.row-fluid {
    border-top: 1px solid #c1c1c1;
}

#rodape .institucional .conteiner .row-fluid .span9 {
    width: 82%;
}

#rodape .institucional .conteiner .row-fluid .span9 .row-fluid div {
    margin: 0;
    width: 25%;
}

.links-rodape.links-rodape-contato.span3 {
    width: 25% !important;
    margin-right: 0px !important;
}

#rodape>.institucional>div>.row-fluid>.span3 {
    margin: 0;
    width: 17%;
    /* float: right; */
}

#rodape .links-rodape-marcas li a span {
    display: none;
}

#menu-rodape {
    background: var(--cor-background-menu-rodape);
    box-shadow: 0 20px 30px -15px rgb(0 0 0 / 19%);
}

div#menu-rodape .conteiner ul li.telefone i {
    display: none;
}

#menu-rodape .marcas {
    margin: 0;
}

#menu-rodape ul {
    display: flex;
    justify-content: space-between;
    margin: 5px 0;
}

#menu-rodape ul li a, #menu-rodape ul span {
    font-size: 17px;
    text-transform: uppercase;
    color: var(--cor-menu-rodape);
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-info.active .mais {
    display: none;
}

.btn-info.active .menos {
    display: block;
}

.btn-info .mais {
    display: block;
}

.btn-info .menos {
    display: none;
}

#rodape .btn-info {
    width: 10%;
    height: 25px;
    border-radius: 0px 0px 5px 5px;
    margin: 0 auto;
    background: #F6F6F6;
}

#rodape .btn-info span {
    text-align: center;
    padding: 5px 0;
    color: #818181;
    font-size: 12px;
}

#rodape .pagamento-selos {
    background: none;
    padding: 0 20px;
}

#modalVideo {
    width: 100%;
}

#modalVideo .modal-header {
    display: none;
}

#modalVideo .modal-body {
    border: none;
}

#modalVideo .modal-footer {
    display: none;
}

#modalVideo .modal-body iframe {
    width: 100%;
}

.abas-custom {
    border: none;
    margin-top: 25px;
}

.abas-custom .tab-content {
    box-shadow: none;
    padding: 0;
}

.tab-content .tab-pane .tabs {
    display: flex;
    list-style-type: none !important;
    margin: 0;
}

.tab-content .tab-pane .tabs .tab-link {
    height: 50px;
    margin-right: 10px;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 22px;
    color: #8D8D8D;
    font-weight: 500;
    background: #E0E0E0;
    cursor: pointer;
}

.tab-content .tab-pane .tabs .tab-link.current {
    background: var(--cor-principal);
    color: white;
}

.abas-custom .tab-content .tab-pane .tab-content.current {
    background: white;
    margin-top: 20px;
    display: block;
    border-radius: 10px;
    padding: 20px;
}

.abas-custom .tab-content .tab-pane .tab-content {
    display: none;
}

#atedimento {
    margin-bottom: 25px;
}

#corpo {
    margin-bottom: -10px;
}

#atedimento .titulo {
    font-size: 1.69vw;
    font-weight: bold;
    text-transform: lowercase;
    color: var(--cor-titulos);
    margin: 0;
    margin-bottom: 10px;
}

#atedimento .contact {
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 180px;
    border-left-width: 4px;
    border-top: none;
    border-color: var(--cor-principal);
}

#atedimento .contact-items {
    background: #fff;
    min-height: 180px;
    padding: 10px 5px;
}

#atedimento .contact li:hover a {
    display: block;
    z-index: 99999;
    background: white;
    padding: 15px;
    white-space: nowrap;
    border-radius: 2px;
    position: absolute;
    bottom: -35px;
    font-size: 1vw;
    box-shadow: rgba(0, 0, 0, 0.39) 0px 0px 5px 0px;
    color: var(--cor-principal);
}

#atedimento .contact li a {
    display: none;
}

ul:after {
    display: none;
}

#atedimento .contact li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    border-right: 1px solid #DEDEDE;
    margin: auto;
    padding: 0px 78px;
}

#atedimento .contact li h3 {
    font-size: 22px;
}

#atedimento .contact li:last-child {
    /* padding-right: 0; */
    border-right: none;
    /* margin-left: 0; */
}

#rodape .caixa-facebook {
    background: none;
    box-shadow: none;
    text-align: left;
}

#rodape .redes-sociais .lista-redes {
    text-align: left;
}

#rodape .redes-sociais .lista-redes ul {
    margin: 0;
}

#rodape .redes-sociais .lista-redes li {
    border: none;
}

#rodape .redes-sociais .lista-redes li a i {
    background: none;
    color: var(--cor-principal);
}

/*CSS Depoimentos*/
#testimonials .conteiner {
    background: none;
}

#testimonials h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--cor-titulos);
    font-weight: bold;
    font-size: 1.69vw;
    margin: 0 0 20px;
}

#testimonials .draggable {
    width: 95%;
    margin: 0 auto;
}

#testimonials article.slick-slide {
    margin: 0 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    color: black;
    border: none;
    background: white;
    /* height: 230px; */
}

#testimonials article .dep-info {
    width: 100%;
    /* display: flex; */
    padding: 20px 0px;
    border-bottom: 1px solid #DDDDDD;
}

#testimonials article .dep-info .dep-text {
    margin-left: 20px;
}

.rating {
    position: relative;
    width: min-content;
    left: 23.5%;
}

#testimonials article .dep-info .dep-text h3 {
    margin: 0;
    font-weight: 400;
    font-size: 22px;
    color: var(--cor-principal);
}

#testimonials article:focus {
    outline: none;
}

article.slick-slide.slick-active p {
    font-size: 15px;
    color: black;
    padding: 15px;
}

#testimonials article.slick-slide strong {
    font-size: 18px;
    color: black;
    margin-bottom: 10px;
    font-weight: 400;
    position: relative;
    bottom: 5px;
}

#testimonials .slick-next, #testimonials .slick-prev {
    opacity: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 5;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    border-width: 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 19%);
    cursor: pointer;
    outline: 0;
    z-index: 2;
}

#testimonials:hover .slick-next, #testimonials:hover .slick-prev {
    opacity: 1;
    -webkit-transition: box-shadow .1s ease-out;
    transition: box-shadow .1s ease-out;
    box-shadow: -1px 0px 10px 0 rgb(0 0 0 / 20%), 0 2px 6px 0 rgb(0 0 0 / 10%);
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
}

#testimonials .slick-next svg, #testimonials .slick-prev svg {
    width: 12px;
}

#testimonials .slick-next {
    right: -15px;
    top: 100px;
}

#testimonials .slick-prev {
    left: -15px;
    top: 100px;
}

#testimonials article .dep-p {
    border-left-width: 3px;
    border-top: none;
    margin-top: 5px;
    min-height: 135px;
    border-color: var(--cor-principal);
}

#testimonials article .dep-info figure {
    margin-left: 10px;
    width: fit-content;
    float: left;
    margin-right: 20px;
}

#rodape>div:last-child .row-fluid {
    display: flex;
    align-items: center;
}

#rodape>div:last-child .row-fluid .span9.span12 {
    width: 49% !important;
}

#rodape>div:last-child .row-fluid .cr.conteiner {
    width: 49%;
}

/* Css page product */
.parcelas-produto .accordion {
    background: white;
}

.breadcrumbs {
    border: none;
}

.breadcrumbs ul li a {
    color: #818181;
    font-size: 18px;
}

.breadcrumbs ul li a i {
    display: none;
}

.text-titulo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    margin-bottom: 26px;
}

.produto .nome-produto {
    font-size: 24px;
    /* margin-left: 5px; */
    /* width: 285px; */
}

a.lista-favoritos.fundo-principal.adicionar-favorito {
    float: left;
    font-size: 0;
    font-weight: 400;
    text-align: center;
    height: 45px;
    line-height: 62px;
    width: 45px;
    margin-left: 10px;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: block !important;
    border-radius: 3px;
    background: var(--cor-principal);
}

a.lista-favoritos.fundo-principal.adicionar-favorito i {
    font-size: 24px;
}

a.lista-favoritos.fundo-principal.adicionar-favorito i:before {
    content: "\f004";
}

.text-titulo .adic-favo {
    background: var(--cor-principal);
    border-radius: 2px;
    /* height: 39px; */
    /* width: 39px; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.text-titulo .adic-favo::before {
    padding: 0;
    color: white;
}

.pagina-produto .info-principal-produto .text-titulo .adic-favo::before {
    font-size: 18px;
}

.info-principal-produto .codigo-produto {
    border: none;
    margin: 0;
    /* display: none; */
    padding-top: 0;
}

.produto .principal .atributos {
    display: grid;
    justify-content: space-between;
}

.produto .principal .atributos .atributo-cor {
    font-size: 0;
}

.produto .principal .atributos .atributo-cor b {
    font-size: 14px;
}

.produto .principal .atributos .atributo-cor b:after {
    content: ":";
    margin-left: 5px;
}

.produto .principal .atributos .atributo-comum>span {
    font-size: 0;
}

.produto .principal .atributos .atributo-comum b {
    font-size: 14px;
}

.produto .principal .atributos .atributo-comum b:after {
    content: ":";
    margin-left: 5px;
}

.info-principal-produto .codigo-produto span+span {
    margin: 0;
}

.info-principal-produto .codigo-produto span+span a {
    color: #222222;
}

.free_disc {
    margin-bottom: 20px;
}

.free_disc .tag-frete-gratis {
    width: 30%;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9vw;
    text-transform: uppercase;
    background: #33BF79;
    text-shadow: none;
    margin-left: 0;
}

.atributos ul li a {
    border: 1px dashed #AAAAAA;
    box-shadow: none;
    border-radius: 2px;
    margin: 0;
}

.atributos ul li.active a, .atributos ul li a:hover {
    border: solid 1px #3B3B3B;
    background: #3B3B3B;
}

.atributos ul li.active a span, .atributos ul li a:hover span {
    color: white;
}

.produto .acoes-produto .comprar {
    float: none;
    text-align: initial;
    display: flex;
}

.pagina-produto #corpo .produto .principal .acoes-produto .view-forma-pagamento {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    text-decoration: underline;
    font-size: 14px;
    cursor: pointer;
}

.pagina-produto #corpo .produto .principal .acoes-produto .view-forma-pagamento+.box-parcelas-produto {
    padding: 0 0 20px
}

.produto .acoes-produto .comprar .botao {
    border: none;
    width: 60%;
    opacity: 1;
    font-size: 18px;
    float: left;
    height: 35px;
    line-height: 35px;
    background: var(--cor-botao);
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
    width: 20% !important;
    margin: 0;
    display: flex;
    align-items: center;
    float: left;
    margin-right: 10px;
}

@media(max-width: 800px) {
    .quantity-nav .quantity-button i {
        font-size: 2.9vw;
    }

    .produto .acoes-produto .comprar .qtde-adicionar-carrinho {
        width: 30% !important;
    }
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
    display: none
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho {
    height: 80%;
    margin-right: 6px;
}

.produto .acoes-produto .comprar .botao i {
    display: none;
}

.acoes-produto .preco-produto {
    float: none;
}

.produto .acoes-produto .preco-produto div:first-child {
    display: flex;
    flex-direction: column;
}

.acoes-produto .preco-produto svg#fi_2649231 {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

.produto .acoes-produto .comprar .disponibilidade-produto {
    text-align: left;
    margin: 20px 0;
    display: none;
}

.produto-video {
    display: none;
}

#formCalcularCep {
    display: flex;
    flex-direction: column;
}

#formCalcularCep label {
    text-transform: lowercase;
    display: flex;
    align-items: center;
}

#formCalcularCep label svg {
    margin-right: 10px;
}

#formCalcularCep .input-cep {
    background: none;
    border-radius: 2px;
    width: 55%;
}

#formCalcularCep button.btn {
    background: #3B3B3B;
    color: white;
    border-radius: 2px;
}

#formCalcularCep .input-append.input-prepend {
    width: 60%;
    display: flex;
    justify-content: space-between;
}

.listagem.aproveite-tambem {
    margin-top: 35px;
}

.listagem.aproveite-tambem .titulo.cor-secundaria {
    color: #818181;
    font-size: 1.4vw;
    font-weight: bold;
}

.pagina-produto li.span3 {
    margin: 0;
}

.listagem.aproveite-tambem .listagem-item {
    background: white;
    min-height: 400px;
}

.pagina-marca .listagem .listagem-item {
    background: white;
    min-height: 400px;
}

.listagem.aproveite-tambem .listagem-linha {
    height: 470px;
}

.listagem.aproveite-tambem .listagem-item .nome-produto {
    font-weight: 500;
}

.listagem.aproveite-tambem .listagem-item .adic-favo {
    float: right;
}

.produto .acoes-flutuante .acoes-produto .preco-produto .titulo {
    font-size: 25px;
}

.produto .acoes-flutuante .acoes-produto .preco-produto svg#fi_2649231 {
    display: none;
}

.produto .acoes-flutuante .preco-produto .desconto-a-vista, .produto .acoes-flutuante .preco-produto .preco-parcela {
    font-size: 14px;
}

.produto .acoes-flutuante .acoes-produto .botao {
    width: 100%;
}

.caixa-sombreada {
    box-shadow: none;
    border-color: black;
}

.cadastro-logar .form-horizontal .controls .botao.principal {
    background: var(--cor-principal);
}

.cadastro-logar .botao {
    background: var(--cor-principal);
}

.abas-conta li.active a, .menu-simples li a {
    color: var(--cor-principal);
}

.acao-editar .botao.principal {
    background: var(--cor-principal);
}

.free-shipping {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin: 0 0 20px;
    text-transform: uppercase
}

.free-shipping .icon {
    width: 30px;
    height: 30px;
    fill: #fff;
    vertical-align: middle;
    margin-right: 10px
}

.free-shipping em {
    font-weight: 600;
    font-style: normal
}

.free-shipping.warning {
    background: #f0ad4e
}

.free-shipping.success {
    background: #5cb85c
}

.pagina-carrinho .caixa-destaque h1 {
    color: #000;
    font-weight: 400;
    font-size: 20px;
}

.caixa-destaque a.botao.principal {
    border: none;
    font-size: 16px;
    background: var(--cor-principal);
    color: #fff;
}

.tabela-carrinho td, .tabela-carrinho th, .tabela-carrinho tr {
    border: none;
}

.excluir .icon-trash:before {
    color: #000;
}

.tabela-carrinho h6 {
    color: #000;
    font-size: 14px;
}

.tabela-carrinho .hidden-phone.bg-dark:nth-child(odd) {
    background: transparent;
}

.tabela-carrinho .quantidade input[type=text] {
    border-radius: 50px;
}

.tabela-carrinho #formCalcularFrete #calcularFrete {
    border-radius: 50px;
    width: 50%
}

.tabela-carrinho #formCalcularFrete button {
    margin-left: 10px;
    background: #e3e3e3;
    color: #000;
    border-radius: 50px;
    border: none;
}

.tabela-carrinho #formCalcularFrete button i {
    display: none;
}

.finalizar-compra .caixa-sombreada {
    -webkit-box-shadow: none;
    box-shadow: none
}

.finalizar-compra .botao {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: #ececec;
    color: #000000;
    font-size: 17px;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.finalizar-compra .botao:first-child:before {
    content: "\f104";
    font-family: FontAwesome;
    margin-right: 10px
}

.finalizar-compra .botao.principal {
    background: #55af59;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    text-transform: lowercase;
    border-color: #55af59;
    margin: 0 5px;
}

.carrinho-checkout .atendimento {
    border: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.carrinho-checkout .atendimento li a:hover {
    text-decoration: none
}

.carrinho-checkout .atendimento li span.display-table {
    color: var(--cor-principal);
    font-weight: 400;
    text-transform: lowercase;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}

.carrinho-checkout .atendimento li span.display-table .icone-box {
    border: none
}

.carrinho-checkout .atendimento li span.display-table .icone-box .icon {
    fill: #ffffff;
    width: 35px;
    height: 35px;
    display: none;
    vertical-align: middle;
    margin-right: 5px;
}

.carrinho-checkout .atendimento li span.display-table .icone-box .icon * {
    fill: #363636;
}

.carrinho-checkout .atendimento li span.display-table .icone-box .icon .c {
    fill: transparent
}

.carrinho-checkout .atendimento li span.display-table .icone-box i {
    color: #ffffff;
    font-size: 3rem;
    display: none;
}

.carrinho-checkout .atendimento li strong {
    color: #000000;
    font-weight: 400;
    text-transform: lowercase;
    font-size: 13px;
}

.resumo-compra .tabela-carrinho .padding-preco * {
    color: black;
}

.carrinho-checkout .conteiner-principal #corpo .conteiner {
    -webkit-box-shadow: none;
    box-shadow: none
}

.carrinho-checkout .identificacao hr.sem-margem {
    display: none
}

.Pixtarja .texto {
    width: 100%;
    /* display: flex; */
    align-items: center;
    flex-direction: column;
}

.Pixtarja .txtPix {
    display: none;
    background: white;
    position: relative;
    font-weight: 700;
    padding: 8px;
    top: 10px;
    border-radius: 30px;
    box-shadow: 4px 3px 7px 0 #ccc;
    text-align: center;
}

.Pixtarja.active .txtPix {
    display: block;
}

.Pixtarja:hover .txtPix {
    display: block;
}

.Pixtarja {
    display: flex;
    padding: 10px 0 !important;
    height: 90px;
}

#corpo .breadcrumbs {
    display: block;
    height: 30px;
    border-radius: 5px;
    background: white;
}

.pagina-produto #corpo .breadcrumbs {
    background: none;
}

#corpo .breadcrumbs ul {
    padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.pagina-categoria #corpo #listagemProdutos>ul>li, .pagina-busca #corpo #listagemProdutos>ul>li {
    width: 33%;
    margin: 0;
    height: 450px;
}

.pagina-categoria #corpo #listagemProdutos>ul>li .listagem-item, .pagina-busca #corpo #listagemProdutos>ul>li .listagem-item {
    background: white;
    min-height: 385px;
}

.menu.lateral .nivel-um .nivel-dois {
    box-shadow: none;
    border-radius: 0 0 5px 5px;
}

.menu.lateral .nivel-um {
    box-shadow: 0 0 5px rgb(0 0 0 / 30%);
    border-radius: 5px 5px 0 0;
}

.menu.lateral .nivel-um>li>a {
    box-shadow: none;
}

.menu.lateral .nivel-um .ativo {
    border-radius: 5px 5px 0 0;
    border-color: var(--cor-principal);
}

.menu.lateral .nivel-um .nivel-dois li {
    border: none;
}

.menu.lateral a i {
    background: transparent;
    color: black;
}

.menu.lateral .nivel-dois a i {
    top: 3px;
}

.menu.lateral li:hover a i {
    background: transparent;
    color: var(--cor-principal);
}

.menu.lateral.outras .nivel-um li:first-child a {
    border-radius: 5px 5px 0 0;
}

.menu.lateral.outras .nivel-um li:last-child a {
    border-radius: 0 0 5px 5px;
}

.filtro.atributos.borda-principal {
    height: auto;
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 5px;
    border-color: var(--cor-principal);
}

.filtro.lista.borda-principal {
    background: white;
    border-radius: 5px;
    border-color: var(--cor-principal);
}

.filtro.lista.borda-principal li a {
    color: var(--cor-principal);
}

.filtro.lista.borda-principal li a label:hover {
    background: var(--cor-principal);
}

.filtro.lista .borda-alpha ul, .filtro.lista .borda-alpha li {
    border: none;
}

.filtro.lista ul::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
    background: #eee;
}

.filtro.lista ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--cor-principal);
}

.coluna .componente.newsletter.borda-principal {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    border-color: var(--cor-principal);
    background: var(--cor-background-newsletter);
}

.coluna .componente.newsletter.borda-principal .img-news {
    width: 70%;
    margin-top: 10px;
    display: none;
}

.coluna .componente.newsletter .titulo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    font-weight: 600;
    color: var(--cor-texto-newsletter);
}

.coluna .componente.newsletter .interno-conteudo .texto-newsletter {
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    color: var(--cor-texto-newsletter);
}

.coluna .componente.newsletter input {
    width: 90%;
    background: #F2F2F2;
    border: none;
    box-shadow: none;
    margin-bottom: 10px;
    height: 40px;
    text-align: center;
}

.coluna .componente.newsletter .titulo i {
    font-size: 50px;
    color: var(--cor-principal);
}

.coluna .componente.newsletter .interno-conteudo .newsletter-cadastro.input-conteiner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.coluna .componente.newsletter .interno-conteudo .newsletter-cadastro.input-conteiner .botao.newsletter-assinar {
    position: initial;
    width: 95%;
    height: 40px;
    background: var(--cor-principal);
}

.coluna .componente.newsletter .interno-conteudo .newsletter-cadastro.input-conteiner .botao.newsletter-assinar:after {
    content: "\f054";
    font-size: 14px;
}

.coluna .componente.newsletter .interno-conteudo .newsletter-cadastro.input-conteiner .botao.newsletter-assinar:before {
    content: "assinar";
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', serif;
    margin-right: 5px;
}

.ordenar-listagem.topo, .ordenar-listagem.rodape {
    border: none;
}

.listagem a.adic-favo {
    float: right;
    position: relative;
    z-index: 30;
    right: 0px;
    width: max-content;
}

.listagem a.adic-favo:hover {
    text-decoration: none;
}

.listagem .adic-favo::before {
    color: white;
    background: rgb(204, 204, 204);
    border-radius: 50px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    padding: 0;
}

.all-categories.com-filho .nivel-dois .mega-recebe .listagem-linha {
    padding: 0;
}

.mega-recebe-prod .listagem .listagem-item .imagem-produto.has-zoom {
    height: 200px;
}

.mega-recebe-prod .listagem .listagem-item:hover .imagem-produto.has-zoom .imagem-principal {
    opacity: 1;
}

.modal-modalNewsletter {
    height: 350px!important;
    left: 50%!important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 600px!important
}

.modal-modalNewsletter .fancybox-skin {
    width: 157%!important;
    height: 120%!important;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent url(https://cdn.awsli.com.br/1626/1626424/arquivos/Poup-Up-Newsletter.png) no-repeat center;
    border-radius: 20px;
    padding: 0!important;
}

.modal-modalNewsletter .fancybox-outer {
    height: 421px!important;
}

.modal-modalNewsletter .fancybox-inner {
    width: 100%!important;
    height: auto !important;
}

.modal-modalNewsletter #modalNewsletter .componente .interno {
    background: #f0f0f0;
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    border-radius: 20px
}

#modalNewsletter .span {
    width: 28%;
    float: right
}

#modalNewsletter .componente {
    border-radius: 20px;
    height: 420px
}

.modal-modalNewsletter #modalNewsletter svg {
    width: 104px;
    height: 46px;
    margin-bottom: 20px;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .titulo {
    display: none
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo {
    height: 60%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    width: 60%;
    text-transform: uppercase;
    margin: 0;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter.control-group.error {
    display: none
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter.hide {
    display: none
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner {
    margin: 0 30px;
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner.control-group.error {
    display: none
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner.hide {
    display: none
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 45px;
    background: #fff;
    padding: 0 18px;
    border: none;
    border-radius: 31px;
    width: 100%;
    color: #000;
    text-align: center;
    margin: 20px 0
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:focus {
    border-color: #000
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-webkit-input-placeholder {
    color: #959595;
    font-size: 13px;
    font-weight: 400
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-moz-placeholder {
    color: #959595;
    font-size: 13px;
    font-weight: 400
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input::-moz-placeholder {
    color: #959595;
    font-size: 13px;
    font-weight: 400
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner input:-ms-input-placeholder {
    color: #959595;
    font-size: 13px;
    font-weight: 400
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao {
    width: 100%;
    border-radius: 23px;
    height: 45px;
    padding: 0 10px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    margin: 0;
    background: var(--cor-principal);
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao:hover {
    opacity: 0.8;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .input-conteiner .botao::before {
    content: "Participar";
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    vertical-align: middle;
    font-family: 'Open Sans', Arial, sans-serif;
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao {
    position: relative;
    bottom: 20%;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao .icon-ok {
    float: none;
    vertical-align: middle;
    color: var(--cor-principal);
}

.modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .newsletter-confirmacao span {
    margin-left: 0;
    padding: 0;
    display: inline-block;
    font-weight: 400;
    color: #000;
    font-size: 13px
}

.modal-modalNewsletter #modalNewsletter svg path {
    fill: var(--cor-principal);
}

.modal-modalNewsletter .fancybox-close {
    background: #f0f0f0;
    box-shadow: 1px 1px 13px 0 rgba(0, 0, 0, .2);
    border-radius: 20px;
    text-align: center;
    line-height: 34px;
    color: var(--cor-principal);
}

.modal-modalNewsletter .fancybox-close:hover {
    text-decoration: none
}

.modal-modalNewsletter .fancybox-close:before {
    content: "x";
    font-size: 20px;
    font-weight: 600;
    background: #fff;
    padding: 0 6px;
    border-radius: 24px;
    box-shadow: 1px 1px 13px 0 rgba(0, 0, 0, .2);
}

#modalNewsletter .componente .img-news {
    display: none;
}

.offers .nivel-dois .mega-recebe-prod .listagem .slick-slider .slick-list .slick-track {
    min-width: 100%;
    overflow: hidden;
    max-height: 465px;
}

.offers .nivel-dois .mega-recebe-prod .listagem .slick-slider .slick-list .slick-track .slick-slide {
    outline: none;
    width: 254px;
    min-width: 253.5px;
    /* height: 400px; */
}

.offers .nivel-dois .mega-recebe-prod .listagem .slick-slider .slick-list .slick-track .slick-slide .info-produto {
    height: 136px;
}

#menu-institucional .nivel-um .offers .nivel-dois .mega-recebe-prod {
    height: 400px;
    overflow: hidden;
    width: 100%;
    padding: 20px;
}

#menu-institucional .nivel-um .offers .nivel-dois .mega-recebe-prod #listagemProdutos {
    height: 400px;
}

.offers .listagem-linha .slick-prev {
    left: -5px;
    top: 180px;
}

.offers .listagem-linha .slick-next {
    right: -10px;
    top: 180px;
}

.whats {
    position: fixed;
    bottom: 100px;
    right: 0;
    z-index: 999;
    background: white;
    border-radius: 5px 0 0 5px;
}

.whats a {
    font-size: 0;
}

.whats a svg {
    width: 50px;
    height: 50px;
}

.scrollToTop {
    position: fixed;
    z-index: 999;
    bottom: 50px;
    right: 0;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    display: none;
    text-transform: uppercase;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background: var(--cor-principal);
}

.scrollToTop span {
    font-size: 13px;
    font-weight: 600;
    font-family: Montserrat
}

.scrollToTop i {
    font-size: 1.9em;
    font-weight: 600;
    margin: 0;
    position: relative;
    top: 13px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    vertical-align: middle;
    margin: 0 auto;
    font-family: 'FontAwesome';
}

.scrollToTop:hover i {
    top: 3px
}

.scrollToTop:active, .scrollToTop:focus, .scrollToTop:hover {
    text-decoration: none;
    background: #9f9f9f;
    color: #fff
}

.produto .size-table {
    position: relative;
    height: 50px;
    padding: 0;
}

.pagina-produto #corpo .produto .principal .cep~.size-table {
    display: none !important;
}

.pagina-produto #corpo .produto .principal .atributos~.size-table {
    display: block;
}

.produto .size-table .open-table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: 0 0;
    height: 33px;
    line-height: 2px;
    padding: 20px;
    float: left;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    color: #414141;
    vertical-align: middle;
    border: 1px solid #414141;
    border-radius: 5px;
}

.produto .size-table .open-table .icon {
    width: 20px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.produto .size-table .open-table:hover {
    background: var(--cor-principal);
    color: #fff;
    border: solid 1px var(--cor-principal);
}

.produto .size-table .open-table:hover .icon path {
    fill: #fff
}

.produto-compartilhar {
    display: block;
}

.sharethis-inline-share-buttons {
    width: 35%;
    display: flex !important;
}

#st-1 .st-btn[data-network=facebook], #st-1 .st-btn[data-network=googleplus], #st-1 .st-btn[data-network=pinterest], #st-1 .st-btn[data-network=twitter] {
    border-radius: 50%;
    background: #9d9d9d!important;
    padding: 0;
    width: 40px;
    height: 40px;
    border: solid 1px #9d9d9d;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#st-1 .st-btn[data-network=facebook]>svg, #st-1 .st-btn[data-network=googleplus]>svg, #st-1 .st-btn[data-network=pinterest]>svg, #st-1 .st-btn[data-network=twitter]>svg {
    fill: #9d9d9d!important
}

#st-1 .st-btn[data-network=facebook]:hover, #st-1 .st-btn[data-network=googleplus]:hover, #st-1 .st-btn[data-network=pinterest]:hover, #st-1 .st-btn[data-network=twitter]:hover {
    top: 0;
    background: #000!important;
    opacity: 1
}

#st-1 .st-btn[data-network=facebook]:hover>svg, #st-1 .st-btn[data-network=googleplus]:hover>svg, #st-1 .st-btn[data-network=pinterest]:hover>svg, #st-1 .st-btn[data-network=twitter]:hover>svg {
    fill: #fff!important
}

#st-1 .st-btn[data-network=facebook], #st-1 .st-btn[data-network=googleplus], #st-1 .st-btn[data-network=pinterest], #st-1 .st-btn[data-network=twitter] {
    display: block !important;
}

.rating__star {
    cursor: pointer;
    color: #FFC107;
    font-family: 'FontAwesome';
    font-style: normal;
}

#modalContato {
    z-index: 99999;
}

.listagem .listagem-item .nome-produto {
    font-size: 15px;
}

.listagem .info-produto .preco-produto div .preco-promocional {
    font-size: 18px;
    font-weight: bold;
    color: var(--cor-preco);
}

.listagem .info-produto .preco-produto div .preco-parcela strong {
    font-weight: bold;
    font-size: 14px;
}

.pagina-carrinho #menu-rodape {
    display: none;
}

.form-rastreio button {
    position: absolute;
    right: 20px;
    height: 48px;
    bottom: 3px;
    line-height: 48px;
    padding: 0;
    background: 0 0;
    color: #aaa;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

.form-rastreio button:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 1em
}

@media only screen and (min-width: 1400px) {
    .listagem .listagem-linha li .listagem-item {
        height: 415px;
    }

    .banner-center {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) {
    .nivel-um .categoria-paginas {
        display: none;
    }

    #cabecalho .conteudo-topo .superior {
        display: none;
        background: 0;
    }

    #cabecalho .conteudo-topo .login .superior {
        display: block;
    }

    .superior.row-fluid.hidden-phone {
        padding: 0;
        width: auto;
    }

    .superior.row-fluid.hidden-phone .btn-group a.botao.secundario.pequeno.dropdown-toggle {
        background: 0;
        border: 0;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
    }

    .superior.row-fluid.hidden-phone .btn-group.open ul.dropdown-menu li .icon {
        display: none;
    }

    .btn-group.open a.botao.secundario.pequeno.dropdown-toggle {
        box-shadow: none;
    }
}

@media only screen and (max-width: 767px) {
    #cabecalho > div.conteiner > div.menu.superior > div > ul > li.all-categories.com-filho:hover > a > strong {
        color: var(--cor-principal);
    }

    #testimonials h2 {
        font-size: 22px;
    }

    #atedimento .titulo {
        font-size: 22px;
    }

    #cabecalho .conteiner {
        padding: 0;
    }

    #cabecalho .conteiner .logo-edit {
        display: none;
    }

    .carrinho-checkout #cabecalho .conteiner .logo-edit {
        display: block;
    }

    .carrinho-checkout .conteiner .logo {
        margin: auto;
    }

    #cabecalho .conteiner .busca-mobile.span6 {
        background: none;
        padding: 0;
        height: 0px;
    }

    #cabecalho .conteiner .busca-mobile .busca {
        display: none;
    }

    #cabecalho .conteiner .row-fluid {
        max-height: 0;
    }

    .carrinho-checkout #cabecalho .conteiner .row-fluid {
        max-height: -webkit-fill-available;
    }

    .conteudo-topo .menu.superior {
        position: fixed;
        top: 0;
        visibility: hidden;
        opacity: 0;
        bottom: 0;
        z-index: 999;
        background: rgba(0, 0, 0, .4);
        width: 100%;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }
    
    #cabecalho .row-fluid .span8 {
    display: flex;
    align-items: center;
    margin: 0 auto;
}
#cabecalho .row-fluid .span8 .icon {
    margin: 0 5px;
}
#cabecalho > div.conteiner > div > div.conteudo-topo.span10 > div > div.busca-mobile.span6 > div.menu.superior.active > div > ul > ul > li.login-m > div > div.span8 > a {
    height: 50px;
    display: grid;
    line-height: 15px;
    margin: 0 10px;
    width: auto;
}
#cabecalho > div.conteiner > div > div.conteudo-topo.span10 > div > div.busca-mobile.span6 > div.menu.superior.active > div > ul > ul > li.login-m > div > div.span8 > svg:nth-child(3) {
    display: none;
}  
#cabecalho .row-fluid .span8 .btn-group a {
    background: transparent;
    border: none;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
    .conteudo-topo .menu.superior.active {
        left: 0;
        visibility: visible;
        opacity: 1;
        overflow: auto;
        margin-top: -1px;
        height: auto !important;
    }

    .conteudo-topo .menu.superior.active .nivel-um.active {
        width: 80%;
        background: white;
        margin: initial;
        position: relative;
        top: -18px;
        border: none;
        height: auto;
        padding: 0;
    }

    div#tarja-top {
        display: none;
    }

    #cabecalho {
        padding-top: 0;
    }

    #cabecalho.fixed {
        position: initial;
        padding: 0;
    }

    #cabecalho.fixed .open-menu {
        display: none;
    }

    .atalhos-mobile {
        border: none;
        background: var(--cor-background-topo);
        box-shadow: rgb(0 0 0 / 39%) 0px 5px 5px -5px;
        position: initial;
    }

    #cabecalho.fixed .atalhos-mobile > ul {
        position: fixed;
        top: 0;
        background: var(--cor-background-topo);
        width: 92%;
        z-index: 99;
        box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    }

    #tarja-topmobile a {
        /* position: initial; */
        padding: 0;
        width: 100%;
        font-size: 0;
        top: -3px;
    }

    #tarja-topmobile a img {
        width: 100%;
    }

    .caixa-mobile {
        display: flex;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid #f1f1f1;
    }

    .caixa-mobile>a {
        color: var(--cor-principal);
        width: 10%;
        text-shadow: none;
        font-size: 25px;
        top: 0;
        order: 3;
    }

    .caixa-mobile>a:hover {
        color: var(--cor-principal);
    }

    .caixa-mobile .busca.borda-alpha {
        width: 40%;
        margin: 0;
        border: none;
        padding: 0;
        background: rgb(240, 240, 240);
        order: 2;
    }

    .busca input {
        background: transparent;
        padding: 10px;
        width: 80%;
        border: none;
        box-shadow: none;
    }

    .buy-for-whats {
        width: 95%;
    }

    .caixa-mobile .logo-edit {
        width: 50%;
        order: 1;
    }

    .caixa-mobile .busca.borda-alpha .botao.botao-busca {
        border: none;
        top: 0px;
    }

    .atalhos-mobile .btn-menu a:before {
        content: "\f0c9";
        margin-right: 5px;
        font-size: 18px;
        font-family: 'FontAwesome';
    }

    .atalhos-mobile .atalho-menu {
        background: none;
        color: var(--cor-secundaria);
        border: none;
        font-size: 13px;
        font-family: 'Open Sans';
        margin-bottom: 10px;
        text-shadow: none;
    }

    .atalhos-mobile .atalho-menu:hover {
        background: none;
    }

    .atalhos-mobile ul {
        /* height: 40px; */
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
    }

    .caixa1 {
        border-color: var(--cor-secundaria);
        padding: 0 22px;
        height: 30px;
        /* margin: auto; */
    }

    .caixa1>span {
        font-size: 12px;
        color: var(--cor-secundaria);
        height: 100%;
        justify-content: space-evenly;
    }

    .caixa1 span:hover {
        color: var(--cor-secundaria);
    }

    .caixa1 span svg path {
        fill: var(--cor-secundaria);
    }

    .caixa1.active .texto {
        display: block;
        position: absolute;
        background: white;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px 0px;
        padding: 10px;
        border-radius: 0px 20px 20px;
        top: 35px;
        z-index: 40;
        width: 200px;
    }

    li.cupon-mobile .caixa1.span2 .texto {
        display: none;
    }

    li.cupon-mobile .caixa1.span2.active .texto {
        display: block;
    }

    li.cupon-mobile .caixa1 .texto span {
        font-size: 11px;
        line-height: normal;
    }

    .atalhos-mobile ul li {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        float: none !important;
    }

    .atalhos-mobile ul li a svg path {
        fill: var(--cor-principal);
    }

    .atalhos-mobile ul li a {
        font-size: 8px;
        padding: 0;
    }

    .atalhos-mobile ul li a svg {
        width: 25px;
        height: 25px;
    }

    .atalhos-mobile ul li.add-fav .adic-favo {
        position: initial;
        text-shadow: none;
    }

    .atalhos-mobile ul li.add-fav .adic-favo:before {
        font-size: 25px;
        color: var(--cor-principal);
        padding: 0;
    }

    #cabecalho .row-fluid .caixa1.span2 {
        display: none;
    }

    .fullbanner-mobile {
        width: 100%;
        display: block;
    }

    .fullbanner-mobile .banners {
        margin: 0;
    }

    .fullbanner-mobile .banners img {
        width: 100%;
    }

    .fullbanner-mobile .banners ul {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: relative;
        top: -25px;
        margin: 0 auto;
    }

    .fullbanner-mobile .banners ul li {
        width: 5%;
        background: none;
    }

    .fullbanner-mobile .banners ul li button {
        font-size: 0;
        background: #0000007a;
        width: 10px;
        height: 10px;
        border-radius: 25px;
    }

    .fullbanner-mobile .banners ul li.slick-active button {
        background: #efefef;
    }

    .fullbanner-mobile .banners .slick-arrow svg {
        fill: #ffffff;
        height: 20px;
        width: 20px;
        padding: 20px 5px;
    }

    .fullbanner-mobile .banners .slick-prev {
        left: 0;
        background: transparent;
        height: 60px;
        text-decoration: none;
        display: block;
        width: 30px;
        position: absolute;
        top: 40%;
        z-index: 10;
        overflow: visible;
        opacity: 1;
        cursor: pointer;
        color: rgba(0,0,0,0.8);
        text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-radius: 0 3px 3px 0;
    }

    .fullbanner-mobile .banners .slick-next {
        right: 0;
        background: transparent;
        width: 30px;
        height: 60px;
        text-decoration: none;
        display: block;
        position: absolute;
        top: 40%;
        z-index: 10;
        overflow: visible;
        opacity: 1;
        cursor: pointer;
        text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        border-radius: 3px 0 0 3px;
    }

    .row-fluid.banner.mini-banner {
        flex-direction: column;
    }

    .banner.mini-banner .modulo.span4 {
        margin: 10px 0px;
        width: 100%;
    }

    .banner.tarjamobile {
        width: 100%;
        display: block;
    }

    .banner.tarjamobile ul {
        width: 100%;
        margin: 0;
    }

    .banner.tarjamobile ul li img {
        width: 100%;
    }

    .banner-center {
        flex-direction: column;
    }

    .banner-center .modulo {
        margin: 10px 0px;
    }

    .banner.tarjamobile .banners li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        background: #AAAAAA;
        border-radius: 25px;
    }

    .banner.tarjamobile .banners ul {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .banner.tarjamobile .banners ul li {
        margin: 0 5px;
    }

    .banner.tarjamobile .banners li.slick-active button {
        background: var(--cor-principal);
    }

    #listagemProdutos .counter-offer {
        display: flex;
        flex-wrap: initial;
        flex-direction: column-reverse;
        height: auto;
    }

    .counter-offer .counter .title, .counter-offer .promo .title {
        font-size: 1.4em;
        font-weight: 500;
        text-align: left;
        width: auto;
        margin-left: 10px;
    }

    .counter-offer .promo p {
        font-size: 1.2em;
        margin-left: 10px;
    }

    .counter-offer .promo {
        align-items: flex-start;
        border-left: 1px solid #c4c4c4;
        /* padding-left: 10px; */
    }

    .counter-offer .counter .counter-wrap .item::before {
        font-size: 1.6em;
    }

    .counter-offer .counter .counter-wrap .item::after {
        font-size: 1.6em;
    }

    .counter-offer .counter .counter-wrap .icon-offer {
        width: 40px;
        height: 40px;
    }

    .counter-offer .counter .counter-wrap .item .description {
        font-size: .8rem;
    }

    .counter-offer .counter .counter-wrap {
        padding-top: 20px;
        border-top: 1px solid #dbdbdb;
        padding-bottom: 20px;
        border-bottom: 1px solid #dbdbdb;
    }

    .buy-whatsapp-list {
        right: 3rem !important;
    }

    .buy-whatsapp-list:hover a.buy-whatsapp-list__link span {
        display: none;
    }

    #testimonials .slick-dots {
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

    #testimonials .slick-dots li.slick-active button {
        background: var(--cor-principal);
    }

    #testimonials .slick-dots li {
        margin: 0 5px;
    }

    #testimonials .slick-dots li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        background: #AAAAAA;
        border-radius: 25px;
    }

    #barraNewsletter.posicao-rodape .conteiner {
        padding: 0;
    }

    #barraNewsletter .componente.newsletter {
        flex-direction: column;
    }

    #barraNewsletter .componente.newsletter .img-news {
        width: 90%;
        margin-bottom: 20px;
        display: none;
    }

    #barraNewsletter.posicao-rodape .componente .interno {
        width: 100%;
        height: 250px;
    }

    .pagina-produto #barraNewsletter .componente.newsletter .img-news, .pagina-busca #barraNewsletter .componente.newsletter .img-news {
        display: none;
    }

    #barraNewsletter .componente .newsletter-cadastro {
        margin-bottom: 10px;
    }

    #barraNewsletter .componente .newsletter-cadastro input {
        width: 55%;
    }

    #barraNewsletter .componente .botao {
        width: 30%;
    }

    #barraNewsletter .componente .newsletter-assinar:after {
        font-size: 1em;
    }

    #barraNewsletter .componente .texto-newsletter {
        font-size: 18px;
        white-space: pre-wrap;
    }

    #barraNewsletter .componente .titulo {
        font-size: 2em;
        flex-direction: column;
        align-items: center;
        margin-top: 10px;
        text-align: center;
    }

    #instagram span {
        font-size: 16px;
        font-weight: bold;
        margin-right: 10px;
    }

    #instagram a {
        font-size: 20px;
        font-weight: bold;
        color: var(--cor-principal);
    }

    #atedimento .contact ul.slick-dots {
        position: absolute;
        display: flex !important;
        bottom: -15px;
        margin: 0;
    }

    #atedimento .contact li {
        padding: 0;
        border: none;
    }

    #atedimento .contact-items .slick-list.draggable {
        background: #fff;
        padding: 15px 0;
        height: 140px;
    }

    #atedimento .contact-items {
        background: 0;
    }

    #atedimento .contact {
        min-height: 0;
    }

    #atedimento .contact li:hover a {
        font-size: 3vw;
    }

    #atedimento .contact ul.slick-dots li {
        margin: 0 5px;
        border: none;
    }

    #atedimento .contact ul.slick-dots li button {
        font-size: 0;
        background: #AAAAAA;
        width: 10px;
        border-radius: 25px;
        height: 10px;
    }

    #atedimento .contact ul.slick-dots li.slick-active button {
        background: var(--cor-principal);
    }

    .menu.superior .nivel-um .all-categories.com-filho .nivel-dois {
        border: none;
        flex-direction: column !important;
        overflow: auto;
        position: static !important;
        box-shadow: none !important;
        display: block;
    }

    .conteudo-topo .menu.superior .menu-close {
        border: none;
        cursor: pointer;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: initial;
        top: 0;
        right: 0;
        z-index: 10;
        background: 0 0
    }

    .conteudo-topo .menu.superior .menu-close:after {
        content: "X";
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        font-weight: 600;
        background: var(--cor-principal);
        color: white;
    }

    .menu.superior.active .all-categories .nivel-dois li .nivel-dois {
        display: none;
    }

    .menu.superior.active .all-categories:hover .nivel-dois li .nivel-dois {
        display: none !important;
        height: auto;
    }

    .menu.superior.active .all-categories:hover .nivel-dois li .nivel-dois.active {
        display: block !important;
        max-width: none;
        min-width: auto;
        background: rgba(0,0,0,0.05) !important;
    }

    .menu.superior li .nivel-tres {
        display: none;
    }

    .menu.superior li .nivel-tres.active {
        display: block;
    }

    .menu.superior .nivel-um .all-categories .nivel-dois li i {
        display: block;
    }

    #cabecalho .menu.superior.active .all-categories {
        border-left: 5px solid var(--cor-principal) !important;
    }

    #cabecalho .menu.superior.active .all-categories .offers {
        border-top: 1px solid #EAEAEA;
        border-bottom: 1px solid #EAEAEA;
    }

    #cabecalho .menu.superior.active .all-categories .trocas {
        border-bottom: 1px solid #EAEAEA;
    }

    #cabecalho .menu.superior.active .all-categories .action-item.support {
        border-bottom: 1px solid #EAEAEA;
    }

    #cabecalho .menu.superior.active .all-categories .offers strong.titulo {
        color: #222222;
        font-size: 14px;
    }

    #cabecalho .menu.superior.active .all-categories .trocas a {
        font-size: 14px;
        text-transform: uppercase;
        color: #AAAAAA;
    }

    #cabecalho .menu.superior.active .all-categories .action-item.support span.titulo {
        font-size: 14px;
        color: #222222;
    }

    #cabecalho .menu.superior.active .all-categories .nivel-dois .titulo {
        font-size: 14px;
        color: #AAAAAA;
    }

    .action-links {
        background: #EFEFEF;
        display: flex;
        align-items: center;
        height: 58px;
        justify-content: space-between;
    }

    .action-links li {
        display: flex;
        align-items: center;
        padding: 5px;
        z-index: auto !important;
    }

    .open>.dropdown-menu li:nth-child(2) {
        background: none;
        padding: 0;
    }

    .open>.dropdown-menu li:nth-child(2) a {
        color: black !important;
        text-transform: capitalize;
        background: none;
    }
    .open>.dropdown-menu li a {
    text-align: left;
    margin-left: 10px;
}
.open>.dropdown-menu li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0px !important;
    border: none !important;
}
    li.login-m .btn-group svg {
        display: none;
    }

    .action-links li a {
        color: #3B3B3B !important;
        width: 120px;
        font-size: .7rem !important;
    }

    .action-links li svg#user {
        fill: #3B3B3B;
        margin-right: 10px;
        width: 20px;
        height: 20px;
    }

    .action-links li:nth-child(2) {
        background: var(--cor-principal);
        height: 25px;
        padding: 5px 15px;
        margin-right: 15px;
        border-radius: 2px;
        width: 30%;
    }

    .action-links li:nth-child(2) a {
        color: white !important;
        text-transform: uppercase;
        text-align: center;
    }

    form.form-rastreio {
        background: #EFEFEF;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    form.form-rastreio span {
        text-transform: uppercase;
        display: flex;
        font-size: 12px;
        color: #3B3B3B;
    }

    form.form-rastreio .wrap {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 70%;
    }

    .form-rastreio button {
        bottom: 22px;
    }

    form.form-rastreio .wrap input {
        width: 80%;
        font-size: 0.9em;
    }

    form.form-rastreio span svg path {
        fill: #3B3B3B;
    }

    form.form-rastreio span svg {
        margin-right: 5px;
    }

    .listagem .titulo-categoria strong {
        font-size: 22px;
    }

    .listagem-linha {
        padding: 0 !important;
    }

    .listagem .info-produto .preco-produto .desconto-a-vista {
        font-size: 14px;
    }

    .listagem .listagem-linha li {
        margin: 0;
    }

    .listagem .produtos-carrossel {
        height: auto;
    }

    .listagem .produtos-carrossel a.adic-favo {
        right: 0;
    }

    .bandeiras-produto {
        top: 35%;
        left: 5px;
    }

    .bandeiras-produto span {
        font-size: 2vw;
    }

    .listagem .produtos-carrossel .adic-favo::before {
        color: white;
        background: rgb(204, 204, 204);
        border-radius: 50px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        padding: 0;
    }

    .listagem-linha .slick-dots {
        display: flex !important;
        margin: 0;
        align-items: center;
        justify-content: center;
        position: relative;
        bottom: 0px;
    }

    .listagem-linha .slick-dots li.slick-active button {
        background: var(--cor-principal);
    }

    .listagem-linha .slick-dots li {
        margin: 0 5px;
    }

    .listagem-linha .slick-dots li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        background: #AAAAAA;
        border-radius: 25px;
    }

    #listagemProdutos.listagem .listagem-item .acoes-produto-responsiva, .listagem.aproveite-tambem .listagem-item .acoes-produto-responsiva {
        display: none !important;
        bottom: 5px;
        top: auto;
        width: 90%;
        right: auto;
    }

    .listagem-item .acoes-produto {
        border: none;
        transition: none 0s ease 0s;
        width: 100%;
        box-shadow: rgb(0 0 0 / 15%) 0px -5px 20px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        bottom: 0;
        background: white;
        opacity: 1;
    }

    .listagem-item .acoes-produto .botao-comprar, .listagem-item:hover .acoes-produto .botao-comprar {
        width: 90%;
        padding: 0px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2em;
        font-weight: bold;
        border-radius: 2px;
        margin: 0px auto;
        color: white !important;
        text-transform: lowercase;
        background: var(--cor-principal);
    }

    .listagem-item .acoes-produto .qtde-adicionar-carrinho, .listagem-item:hover .acoes-produto .qtde-adicionar-carrinho {
        width: 40% !important;
        display: flex;
        height: 100%;
    }

    .listagem-item .acoes-produto .qtde-adicionar-carrinho .qtde-carrinho, .listagem-item:hover .acoes-produto .qtde-adicionar-carrinho .qtde-carrinho {
        max-width: 20px;
        margin: 0px 10px;
        height: 40px;
        text-align: center;
        background: rgb(226, 226, 226);
        border: none;
        box-shadow: none;
    }

    .listagem-item .acoes-produto .botao-comprar, .listagem-item:hover .acoes-produto .botao-comprar {
        width: 90%;
        padding: 0px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1em;
        font-weight: bold;
        border-radius: 2px;
        margin: 0px auto;
        color: white !important;
        text-transform: lowercase;
        background: var(--cor-botao);
    }

    .listagem-item .acoes-produto .botao-comprar-ajax, .listagem-item:hover .acoes-produto .botao-comprar-ajax {
        width: 45%;
        margin: 0;
    }

    .acoes-produto-responsiva .tag-comprar {
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 45px;
        border-radius: 2px;
    }

    .acoes-produto-responsiva .tag-comprar i {
        display: none;
    }

    .listagem .listagem-item .info-produto .nome-produto {
        font-weight: 500;
        min-height: auto !important;
    }

    .listagem .info-produto .preco-produto div .preco-promocional {
        font-size: 20px;
        font-weight: bold;
    }

    .listagem .info-produto .preco-produto div .preco-parcela strong {
        font-size: 15px;
        font-weight: 500;
        margin-right: 5px;
    }

    .listagem .info-produto .preco-produto div .preco-parcela {
        font-size: 0;
    }

    .listagem .info-produto .preco-produto div .preco-venda {
        font-size: 15px;
    }

    .marcas strong {
        font-size: 18px;
        padding-left: 5%;
    }

    .marcas {
        margin-top: 15px;
    }

    ul.Ofertas.especiais {
        height: auto;
    }

    #menu-rodape ul {
        flex-direction: column;
    }

    #menu-rodape .slick-dots {
        display: flex !important;
        margin: 0;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }

    #menu-rodape .slick-dots li.slick-active button {
        background: var(--cor-principal);
    }

    #menu-rodape .slick-dots li {
        margin: 0 5px;
    }

    #menu-rodape .slick-dots li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        background: #AAAAAA;
        border-radius: 25px;
    }

    #menu-rodape ul>div div {
        display: flex;
        align-items: center;
    }

    #menu-rodape ul>div li {
        display: flex;
        justify-content: center;
        margin: 0;
    }

    #rodape .sobre-loja-rodape {
        flex-direction: column;
    }

    #rodape .sobre-loja-rodape .logo-edit {
        width: 100%;
    }

    #rodape .sobre-loja-rodape p {
        width: 90%;
        text-align: center;
    }

    #rodape .sobre-loja-rodape .btn-mais {
        width: 50%;
    }

    #rodape .titulo {
        font-size: 18px;
        text-align: center;
    }

    #rodape .pagamento .titulo, #rodape .selos .titulo {
        text-align: left;
    }

    #rodape li {
        text-align: center;
    }

    .links-rodape.links-rodape-marcas.span3 {
        display: none;
    }

    .links-rodape.links-rodape-marcas.span3 {
        display: none;
    }

    #rodape .redes-sociais {
        padding: 0;
        margin-top: 30px;
    }

    #rodape .redes-sociais .lista-redes {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #rodape .redes-sociais .lista-redes li a i {
        font-size: 25px;
        width: 40px;
    }

    .spanNone.banner.tarja {
        display: none;
    }

    .tab-content .tab-pane .tabs {
        flex-direction: column;
    }

    #descricao li, #descricao ul {
        margin: 5px 0;
    }

    #descricao li {
        display: block;
        line-height: 2;
        text-align: center;
    }

    .produto .nome-produto {
        font-size: 20px;
        font-weight: 600;
    }

    .free_disc {
        display: none;
    }

    .info-principal-produto {
        display: flex;
        flex-direction: column;
    }

    #carouselImagem .flex-direction-nav a.flex-next, #carouselImagem .flex-direction-nav a.flex-prev {
        background: 0;
        top: 21%;
    }

    .text-titulo {
        order: 2;
    }

    .codigo-produto {
        order: 3;
    }

    .breadcrumbs.borda-alpha {
        order: 1;
    }

    .produto .codigo-produto>span+span {
        margin: 0;
    }

    .produto .conteiner-imagem>div {
        border: none;
        box-shadow: 0px 3px 5px 0 #ccc;
        padding: 0;
    }

    .produto .principal .atributos {
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    .atributos div>span {
        font-size: 0;
    }

    .atributos div>span b.cor-secundaria {
        font-size: 16px;
        font-weight: 500;
    }

    .acoes-produto {
        border: none;
    }

    .produto .principal>div {
        border: none;
    }

    .pagina-produto #corpo .produto .principal .cep~.size-table {
        display: none !important;
    }

    .pagina-produto #corpo .produto .principal .atributos~.size-table {
        display: block;
    }

    .acoes-produto .preco-produto {
        border: none;
        border-bottom: 1px solid #C9C9C9;
    }

    .produto .acoes-produto .comprar .botao {
        width: 100%;
        height: 50px;
        font-size: 24px;
        line-height: 50px;
    }

    .Pixtarja .texto {
        width: 100%;
    }

    .Pixtarja .texto img {
        width: 100%;
    }

    .Pixtarja.active .txtPix {
        width: auto;
        text-align: center;
    }

    #formCalcularCep .input-append.input-prepend {
        width: auto;
    }

    #formCalcularCep button.btn {
        line-height: normal;
        width: 30%;
    }

    #formCalcularCep .input-cep {
        height: 30px;
        width: 60%;
    }

    .listagem.aproveite-tambem .titulo.cor-secundaria {
        color: #818181;
        font-size: 4.8vw;
    }

    .listagem.aproveite-tambem li.span3 {
        width: 50%;
        float: left;
        /* margin: 5px; */
        margin-left: 0;
    }

    .listagem.aproveite-tambem>ul:not(.produtos-carrossel) {
        display: flex;
        flex-wrap: wrap;
    }

    .listagem.aproveite-tambem .listagem-item {
        min-height: 490px;
    }

    #listagemProdutos .listagem ul:not(.produtos-carrossel)>li, .pagina-busca .listagem>ul:not(.produtos-carrossel)>li, .pagina-categoria .listagem ul:not(.produtos-carrossel)>li {
        width: 49%!important;
        margin: 2px;
        float: left;
    }

    .pagina-categoria #corpo #listagemProdutos>ul, .pagina-busca #corpo #listagemProdutos>ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }

    .pagina-categoria #corpo #listagemProdutos>ul>li, .pagina-busca #corpo #listagemProdutos>ul>li {
        width: 47% !important;
        margin: 5px;
        height: auto;
    }

    .menu.superior .all-categories.com-filho .mega-categorias {
        width: 100%;
        border: none;
        margin: 0;
        min-width: auto;
    }

    .menu.superior .nivel-dois li a, .menu.lateral .nivel-dois li a {
        white-space: normal;
        margin-right: 50px;
    }

    ul.nivel-tres.active {
        display: block !important;
        position: initial;
        background: 0;
        box-shadow: none;
    }

    #corpo .breadcrumbs {
        display: none;
    }

    .busca.borda-alpha #auto-complete {
        color: black;
        height: 15px;
    }

    .modal-modalNewsletter .fancybox-skin {
        background: 0 0!important;
        width: auto !important;
        height: auto !important;
    }

    #modalNewsletter .span {
        width: 100%!important
    }

    .modal-modalNewsletter #modalNewsletter .componente .interno .interno-conteudo .texto-newsletter {
        color: #000;
        font-size: 20px!important;
        font-weight: 600;
        text-align: center;
        padding: 0;
        width: 100%!important
    }

    .modal-modalNewsletter #modalNewsletter svg {
        height: 62px!important;
        margin-bottom: 32px!important;
        display: table;
        position: relative;
        margin: auto
    }

    .modal-modalNewsletter {
        width: 90% !important;
    }

    .produto .conteiner-imagem .adic-favo {
        background: var(--cor-principal);
        border-radius: 2px;
        height: 39px;
        width: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 170px;
        right: 10px;
    }

    .produto .conteiner-imagem .adic-favo::before {
        padding: 0;
        color: white;
    }

    #video {
        height: auto;
    }

    #video .video-container {
        height: auto;
    }

    #barraNewsletter .componente .newsletter-confirmacao span {
        margin-left: 20px;
    }

    #barraNewsletter .componente .newsletter-confirmacao .icon-ok {
        line-height: 2;
    }

    #rodape>div:last-child .row-fluid {
        flex-direction: column;
    }

    #rodape>div:last-child .row-fluid .cr.conteiner {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: auto;
    }

    #rodape>div:last-child .row-fluid .cr.conteiner div {
        margin-bottom: 20px !important;
    }

    #rodape>div:last-child .row-fluid .span9.span12 {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .menu.superior .nivel-um>li:hover .nivel-dois li {
        margin: 5px 0;
    }

    .counter-offer .promo:before {
        display: none;
    }

    .pagina-categoria #corpo #listagemProdutos>ul>li .listagem-item, .pagina-busca #corpo #listagemProdutos>ul>li .listagem-item {
        background: white;
        min-height: 440px;
    }

    .scrollToTop {
        bottom: 100px;
    }

    .whats {
        bottom: 150px;
    }

    #menu-rodape ul li a, #menu-rodape ul span {
        font-size: 14px;
        text-align: center;
    }

    #menu-rodape {
        background: 0;
    }

    #menu-rodape ul>div div {
        top: 38%;
    }

    #menu-rodape .slick-list.draggable {
        background: #fff;
        height: 80px;
    }
}

@media only screen and (max-width: 320px) {
    .action-links li a {
        font-size: 0.7em !important;
        width: auto;
    }

    .action-links li:nth-child(2) {
        width: auto;
    }

    form.form-rastreio .wrap input {
        font-size: 0.7em;
    }

    .caixa1 span {
        font-size: 9px;
    }

    .caixa1 span svg {
        width: 15px;
    }

    .atalhos-mobile .atalho-menu {
        font-size: 10px;
    }

    .atalhos-mobile .btn-menu a:before {
        font-size: 15px;
    }

    .atalhos-mobile ul li a svg {
        width: 18px;
        height: 20px;
    }

    .listagem .listagem-linha li .listagem-item {
        min-height: 420px;
    }

    #tarja-topmobile a {
        top: -4px;
    }

    .listagem-item .acoes-produto .botao-comprar, .listagem-item:hover .acoes-produto .botao-comprar {
        width: 90%;
        padding: 0px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.7em;
        font-weight: bold;
        border-radius: 2px;
        margin: 0px auto;
        color: white !important;
        text-transform: lowercase;
    }

    .listagem-item .acoes-produto .botao-comprar-ajax, .listagem-item:hover .acoes-produto .botao-comprar-ajax {
        width: 40%;
        margin: 0;
    }

    .listagem-item .acoes-produto .qtde-adicionar-carrinho, .listagem-item:hover .acoes-produto .qtde-adicionar-carrinho {
        width: 45% !important;
        display: flex;
        height: 100%;
    }

    .listagem-item .acoes-produto .qtde-adicionar-carrinho .qtde-carrinho, .listagem-item:hover .acoes-produto .qtde-adicionar-carrinho .qtde-carrinho {
        max-width: 15px;
        margin: 0px 10px;
        height: 40px;
        text-align: center;
        background: rgb(226, 226, 226);
        border: none;
        box-shadow: none;
    }

    .listagem .listagem-item .info-produto .nome-produto {
        font-size: 12px;
    }

    .listagem .info-produto .preco-produto .desconto-a-vista {
        font-size: 12px;
    }

    .pagina-categoria #corpo #listagemProdutos>ul>li, .pagina-busca #corpo #listagemProdutos>ul>li {
        width: 46%;
        margin: 5px;
        height: auto;
    }

    #comentarios-container {
        padding: 0;
    }
}

/*css whats comprar*/
.buy-whatsapp-list {
    position: absolute;
    top: 10px;
    right: 2.5rem;
    z-index: 17;
}

.buy-whatsapp-list a.buy-whatsapp-list__link {
    display: flex;
    align-items: center;
    position: relative;
}

.buy-whatsapp-list a.buy-whatsapp-list__link span {
    font-size: 11px;
    position: absolute;
    right: 23px;
    top: 2px;
    width: 138px;
    background: white;
    border-radius: 45px;
    text-align: center;
    color: #4dc247;
    padding: 3px 0;
    z-index: 1;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    border: 1px solid #4dc247;
    font-weight: 700;
}

.buy-whatsapp-list a.buy-whatsapp-list__link svg.whatsapp-ico {
    width: 30px;
    background: white;
    fill: #4dc247;
    border-radius: 55px;
    padding: 3px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    border: 1px solid #4dc247;
}

.buy-whatsapp-list:hover a.buy-whatsapp-list__link span {
    right: 33px;
    opacity: 1;
    visibility: visible;
}

.buy-for-whats {
    float: none;
    margin-top: 20px;
    width: 65%;
    display: block;
    font-size: 16px;
    border: 1px solid #4dc247;
    padding: 5px;
    border-radius: 5px;
    background: white;
}

.buy-for-whats i {
    color: #4dc247;
    font-size: 23px;
    margin-right: 10px;
}

.buy-for-whats a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #4dc247;
}

.buy-for-whats a:hover {
    opacity: .7
}

.buy-for-whats:hover {
    background: #4dc247;
    transition: .2s ease-in-out;
}

.buy-for-whats:hover a {
    color: white;
}

.buy-for-whats:hover i {
    color: white;
}

.acoes-flutuante .buy-for-whats {
    display: none;
}

.produto .acoes-flutuante {
    bottom: 6rem;
    border-color: var(--cor-principal);
}

#comentarios-container {
    background: white;
    border-radius: 10px;
    padding: 10px;
}

.tabela-carrinho .preco-promocional {
    color: black;
}

#formCalcularFrete .controls.text-left a {
    color: black;
}

.subtotal strong {
    color: black;
}

.total strong {
    color: black;
}

table .font-15 {
    color: black;
}

.identificacao .control-group .submit-email.botao.principal, .identificacao .control-group .botao.principal {
    background: var(--cor-principal);
}

.identificacao .control-group .esqueci-senha, .identificacao .control-group .fazer-cadastro {
    color: var(--cor-principal);
}

.campos-pedido .caixa-sombreada, campos-pedido .acao-editar button:first-child {
    border-color: black;
}

.formas .accordion-heading .forma-conteiner .envio-preco {
    color: black;
}

.campos-pedido .acao-editar button:first-child {
    background: #55af59;
}

.open>.dropdown-menu li a:hover {
    background: var(--cor-principal);
}

a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span {
    color: var(--cor-principal);
}

.formas-envio .valor {
    color: black;
}

#comprar-ajax-status .sucesso .buttons>* {
    background: var(--cor-principal);
    color: white;
}

#comprar-ajax-status .sucesso .buttons .botao.principal i {
    color: white;
}

.mostrarAvisoCookie #avisoCookies #btn-aceito-cookies {
    background: var(--cor-principal);
    color: white;
}

#barraTopo .busca-mobile .open-menu svg path {
    fill: var(--cor-primaria);
}

.institucional .redes-sociais .titulo {
    color: var(--cor-terciaria)!important;
}

li.other-categories.com-filho .nivel-dois strong {
    color: #000000!important;
}

#menu-institucional .nivel-um .categoria-marcas li a {
    color: #000;
}

#cabecalho > div.conteiner > div.menu.superior > div > ul > li.all-categories.com-filho:hover > a > strong {
    color: var(--cor-principal);
}

.botao {
    color: #ffffff;
    background-color: var(--cor-principal);
}

body {
    background-color: var(--cor-background-corpo);
}

.produto .acoes-produto .preco-produto.destaque-parcela .preco-promocional {
    font-size: 20px;
    font-weight: normal;
    color: var(--cor-preco);
}

.filtro.lista ul li label {
    color: #000000;
    font-size: 13px;
}

#barraNewsletter .componente .newsletter-confirmacao span {
    color: var(--cor-texto-newsletter);
}

.produto .acoes-produto .preco-parcela.cor-principal {
    color: var(--cor-preco);
}

.compre-junto__conteudo {
    background: var(--cor-background-compre-junto);
}

#cabecalho > div.conteiner > div.row-fluid > div.conteudo-topo.span10 > div > div.span4.hidden-phone > div.login > div > div.span8 > svg {
    display: none;
}

#corpo > div > div.secao-principal.row-fluid.sem-coluna > div.conteudo.span9 > div > div > div:nth-child(1) {
    margin-top: 30px;
}