@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

@font-face{
    font-family:'FontAwesomee';
    font-display: swap;
    src: url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
    font-weight: normal;
    font-style: normal;
}


html{
    --text: #58595b; /* Cor texto em geral  */
    --bg_button: #005391; /* Cor dos botões */
    --bg_button_hover: #024e88; /* Cor dos botões ao passar o mouse */
    --color_button: #fff; /* Cor texto botão */
    --bg_bar: #fafafa; /* Barra superior */
    --bg_header: #fff; /* fundo topo */
    --ic_header: #2eb3e3; /* Ícone dúvida */
    --ic_header_favoritos: #2eb3e3; /* Ícone minha conta */
    --ic_header_account: #2eb3e3; /* Ícone minha conta */
    --ic_header_cart: #f03e40; /* Ícone carrinho */
    --color_header: #58595b; /* Cor texto topo */
    --border_header: #dfdfdf; /* Bordas dentro do topo */
    --ic_search: #da2829; /* Ícone buscar */
    --border_search: #dfdfdf; /* Borda campo buscar */
    --bg_nav: #005391; /* Fundo barra de categorias */
    --color_nav: #fff; /* Cor texto barra de categoria */
    --color_bg_nav: #024e88; /* Cor de fundo ao passar o mouse na categoria */
    --nav_bg_sub: #fff; /* Cor de fundo sub menu */
    --nav_border_sub: #2eb3e3; /* Borda dentro do sub menu */
    --nav_color_sub: #58595b; /* Textos dentro do sub menu */
    --bg_menu_header: #fff; /* Fundo menu topo */
    --title_menu_header: #58595b; /* Título menu topo */
    --color_menu_header: #a3a3a3; /* Cor textos menu topo */
    --border_menu_header: #2eb3e3; /* Borda menu topo */
    --button_menu: #005391; /* Botão menu topo */
    --button_menu_hover: #024e88;/* Botão ao passar o mouse menu topo */
    --button_menu_register: #2eb3e3; /* Botão criar conta */
    --button_menu_register_hover: #28a3cf; /* Botão criar conta ao passar o mouse */
    --button_cart: #005391; /* Botão finalizar compra menu topo */
    --button_cart_hover: #004a83; /* Botão finalizar compra menu topo ao passar o mouse */
    --color_button_menu: #fff; /* Cor do textos nos botões menu topo */
    --border_product_menu: #f5f5f5; /* Borda dos produtos menu topo */
    --button_details: #f03e40; /* Fundo botão detalhes */
    --button_details_hover: #bd1d1d; /* Fundo botão detalhes */
    --button_add: #454a56; /* Fundo botão de quantidade */
    --color_title: #005391; /* Cor dos títulos vitrine */
    --color_title_border: #f03e40; /* Cor das bordas nos títulos vitrine */
    --bg_list_nav: #da2829; /* Slide de categorifas fundo */
    --bg_list_nav_hover: #bd1d1d; /* Slide de categoria ao passar o mouse */
    --color_price: #f03e40; /* Cor dos preços */
    --bg_bar_news: #f8f8f8; /* Fundo bannra newsletter */
    --title_bar_news: #454a56; /* Fundo bannra newsletter */
    --text_bar_news: #707070; /* Fundo bannra newsletter */
    --bg_modal_news: #fff; /* Fundo modal de cadastro newsletter */
    --border_modal_news: #dfdfdf; /* Campo e-mail cadastro newsletter */
    --color_modal_news: #a3a3a3; /* Texto modal news */
    --title_modal_news: #58595b; /* Texto modal news */
    --bg_block: #005391; /* Fundo da categoria em destaque vitrine */
    --bg_block_second: #003760; /* Fundo da categoria em destaque vitrine segunda */
    --color_title_block: #fff; /* Cor do textos dos blocos */
    --color_subtitle_block: #8f8f8f; /* cor dos subtítulos */
    --bg_line: #fff; /* fundo da linah de informações */
    --border_line: #eceae7; /* Borda da barra de informações */
    --border_vitrine: #f0f0f0; /* Borda do Produto */
    --tags_product: #da2829; /* Fundo tags produtos */
    --bg_timer: #454a56; /* Fundo contador promoção */
    --bg_depoimentos: #fff; /* Fundo depoimentos */
    --border_depoimentos: #f1f1f1; /* Fundo depoimentos */
    --title_depoimentos: #58595b; /* Título depoimento */
    --color_depoimentos: #a3a3a3; /* Texto depoimento */
    --bg_atendimento: #f8f8f8; /* Fundo Atendimento rodapé */
    --title_atendimento: #454a56; /* Título Atendimento rodapé */
    --color_atendimento: #707070; /* Cor texto Atendimento rodapé */
    --border_block: #fff; /* borda dos blocos */
    --icon_block: #2eb3e3; /* Ícones Atendimento */
    --bg_footer: #fff; /* Fundo rodapé */
    --border_footer: #005391; /* Borda rodapé */
    --title_footer: #454a56; /* Títulos rodapé*/
    --text_footer: #707070; /* cor dos textos rodapé */
    --button_buy: #da2829; /* Botão comprar */
    --button_buy_hover: #bd1d1d; /* Botão comprar ao passar o mouse */
    --button_shipping: #005391; /* Botão calcular CEP */
    --button_shipping_hover: #024e88; /* Botão calcular CEP ao passar o mouse */
    --button_finish: #da2829; /* Botão finalizar compra */
    --button_finish_hover: #bd1d1d; /* Botão finalizar compra ao passar o mouse */
    --header_checkout: #fbfbfb; /* Fundo topo checkout */
    --icon_checkout: #2eb3e3; /* Cor ícones do checkout */
    --title_header_checkout: #454a56; /* Títulos checkout */
    --subtitle_header_checkout: #707070; /* Subtítulos checkout */
    --button_news: 'Quero me cadastrar\21';
    --image-time: url("data:image/svg+xml,%3Csvg fill='%23f6f5f2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33'%3E%3Cg transform='translate(-14.269)'%3E%3Cpath d='M45.5 20.263a14.45 14.45 0 0 1-28.693.028h-1.416a1.1 1.1 0 0 1-.97-1.651l3.171-5.4a1.129 1.129 0 0 1 1.939 0l3.17 5.4a1.1 1.1 0 0 1-.97 1.651H20.5a10.792 10.792 0 0 0 21.255.382 10.652 10.652 0 0 0-10.6-12.432 10.838 10.838 0 0 0-5.936 1.753 1.926 1.926 0 0 1-2.55-.336 1.78 1.78 0 0 1 .422-2.594 14.48 14.48 0 0 1 6.276-2.313V2.706H27.9a.908.908 0 0 1-.915-.9V.9A.907.907 0 0 1 27.9 0h6.812a.908.908 0 0 1 .915.9v.907a.908.908 0 0 1-.915.9H33.09v2.067A14.251 14.251 0 0 1 45.5 20.263zm.474-13.617l-2.758-2.507a.926.926 0 0 0-1.293.05l-.73.776a.889.889 0 0 0 .051 1.271L44 8.744a.926.926 0 0 0 1.293-.05l.73-.776a.889.889 0 0 0-.051-1.271zm-14.865 3.445v8.8h8.861a8.622 8.622 0 0 0-8.861-8.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
    --time-first-line: 'OFERTA';
    --time-last-line: 'EXPIRA EM:';
}

#barraTopo {
    position: fixed !important ;
    width: 0 !important ;
    height: 0 !important ;
    overflow: hidden ;
}

.conteudo.span12{
    margin-left: 0;
}

.fancybox-overlay{
    background: rgba(0,0,0,.65);
}

.fancybox-overlay-fixed{
    width: 100% !important;
    height: 100% !important;
}

.pagina-inicial .flex-direction-nav a{
    background-image: unset;
}

.links-rodape ul li{
    list-style-image: unset;
}

.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}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;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}
.slick-slider > svg:last-of-type{
    transform: rotate(180deg);
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border-color: #e8e8e8;
    box-shadow: none;
    font-size: 12px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance:textfield;
}

.borda-alpha, .borda-alpha *, select{
    border-color: #e8e8e8;
}


.lista-redes .icon-whatsapp, .lista-redes .fa-whatsapp {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.top-button.hidden-button {
    transform: translateY(80px);
}

.top-button {
    height: 40px;
    width: 58px;
    position: fixed;
    border-radius: 5px 5px 0 0;
    transition: .3s;
    cursor: pointer;
    right: 15%;
    background: var(--button_details);
    bottom: 0px;
    display: flex;
    z-index: 99;
    align-items: center;
    justify-content: center; 
}

.top-button svg {
    transform: rotate(-90deg);
    width: 33px;
    fill: #fff;
}
#comprar-ajax-status .sucesso #carrinho-mini form {
    position: relative;
}

#comprar-ajax-status .sucesso #carrinho-mini .atualizar-quantidade {
    left: 0;
    position: absolute;
    top: 51px;
    min-width: 126px;
    max-height: 45px;
    width: 114px;
    transform: translate(-15px);
}

.lista-redes li.visible-phone {
    display: unset !important;
}

a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span, .cor-secundaria{
    color: inherit;
}

*{
    outline: 0;
}

.coluna>div, #corpo .conteiner>div{
    margin-bottom: unset;
}

.slick-slider > svg{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
    fill: var(--color_title);
}

.bg-section .slick-slider > svg{
    fill: var(--color_title_block);
}

.slick-track{
    display: flex;
}

@media (min-width: 1470px){
    .slick-slider > svg:first-of-type{
        left: -40px;
    }
    
    .slick-slider > svg:last-of-type{
        right: -40px;
    }
}

@media (max-width: 1469px){
    .slick-slider > svg:first-of-type{
        left: 0px;
    }
    
    .slick-slider > svg:last-of-type{
        right: 0px;
    }
}

input::placeholder{
    color: #665f5d;
    opacity: 1;
}

body{
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: var(--text);
}

body:not(.load-font){
    font-family: unset;
}

.conteiner-principal .conteiner{
    background-color: transparent;
}

.conteudo>.row-fluid{
    margin-bottom: 0;
}

img:not([src]),
img[src=""]{
    opacity: 0;
}

[class^="icon-"],[class*=" icon-"]{
    font-family: unset;
}

.fa{
    font-family: unset;
}

body:not(.load-font) .titulo{
    font-family: unset;
}

body.load-font [class^="icon-"],body.load-font [class*=" icon-"],body.load-font .fa{
    font-family: 'FontAwesomee';
}

body.load-font:not(.font), body.load-font:not(.font) .titulo{
    font-family: 'Roboto', sans-serif;
}

input, 
button,
select,
textarea,
.pagina-documentacao{
    font-family: inherit;
}

body.pagina-inicial .coluna{
    display: none;
}

body.pagina-inicial .conteudo.span9{
    width: 100% !important;
    padding-left: 0 !important;
}

.conteiner,
.container{
    max-width: 1368px;
    box-sizing: border-box;
}

.conteiner-principal #cabecalho .conteiner{
    background-color: transparent;
}

.conteiner,
.conteiner-principal .conteiner{
    padding: 0 10px;
    box-shadow: none;
}



@media (max-width: 767px){
    body{
        padding-left: 0;
        padding-right: 0;
    }
}

.input-append .add-on, .input-prepend .add-on{
    padding: 9px 5px;
    border-color: #e8e8e8;
}


/* header */

.atalhos-mobile{
    display: none !important;
}

.barra-inicial{
    display: none;
}

/* #cabecalho .row-fluid:not(.inferior){
    height: 105px;
} */

.logo a img{
    max-height: 90%;
}

.logo a{
    height: 105px;
    font-size: 32px;
}

#cabecalho::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--bg_header);
}

.carrinho-checkout #cabecalho::after{
    display: none;
}

#cabecalho .row-fluid:before,
#cabecalho .row-fluid:after{
    display: none;
}

.inferior.row-fluid .span8{
    width: calc(100% - 500px);
    max-width: 400px;
}

.action-header{
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 6;
    padding: 20px 0;
    text-decoration: none !important;
}

.action-header > svg{
    width: 22px;
    height: 22px;
    fill: var(--ic_header);
    margin-right: 10px;
}

.action-header:nth-child(2)> svg{
    fill: var(--ic_header);
}

.action-header:nth-child(3) > svg{
    fill: var(--ic_header_favoritos);
}

.action-header:nth-child(4) > svg{
    fill: var(--ic_header_account);
}

.action-header:nth-child(5) > svg{
    fill: var(--ic_header_cart);
}

.action-header > svg .cls-1{
    fill: var(--ic_header);
    stroke: var(--ic_header);
}

.action-header > svg .cls-3{
    fill: none;
    stroke: var(--ic_header);
    stroke-width: 1.7px;
}

.sub-header{
    position: absolute;
    top: 100%;
    left: -250px;
    padding: 30px;
    min-width: 190px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    fill: var(--nav_color_sub);
    color: var(--nav_color_sub);
    font-size: 14px;
    cursor: auto;
}

:not(.center) >.sub-header::before{
    left: 30px;
}

.center > .sub-header{
    left: 50%;
    transform: translateX(-50%);
}

.sub-header::before{
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    margin: auto;
    width: 21px;
    height: 21px;
    border-radius: 4px;
    background-color: var(--border_menu_header);
    transform: rotate(45deg);
    z-index: -1;
}

.sub-header::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 4px;
    border-top: 10px solid var(--border_menu_header);
    background: var(--bg_menu_header);
}

.sub-header .box{
    display: flex;
    min-width: 556px;
    padding: 10px 0;
}


.sub-header a{
    display: block;
    text-decoration: none;
    background: var(--button_menu);
    transition: ease-in-out .3s;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 22px;
    line-height: 44px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 10px;
    text-align: center;
    color: var(--color_button_menu);
}

.sub-header a.dark{
    background-color: var(--button_menu_register) !important;
    color: #fff;
    transition: ease-in-out .2s;
}

.sub-header a.dark:hover{
    background-color: var(--button_menu_register_hover) !important;
}

.sub-header a:not(:first-child){
    margin-top: 10px;
}

.sub-header .title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sub-header .desc{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
}

.sub-header a:hover{
    background-color: var(--button_menu_hover);
}

.sub-header .box .icon{
    width: 64px;
    min-width: 64px;
    height: 65px;
    margin-right: 29px;
    fill: inherit;
    fill: var(--ic_header);
}

.sub-header .box .text-col{
    padding: 10px 30px 10px 0;
    border-right: 1px solid var(--border_product_menu);
    margin: -10px 30px -10px 0;
}

.sub-header .space{
    margin: 30px 0 20px;
    text-align: center;
    line-height: 1.43;
    letter-spacing: 0.28px;
    color: var(--color_menu_header);
}

.sub-header .space p{
    margin: 0 0 2px;
}

.sub-header .featured{
    font-weight: 400;
}

.sub-header .info-col{
    display: flex;
    align-items: center;
}
.action-header .text{
    display: block;
    border-left: 1px solid var(--border_header);
    line-height: 28px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 14px;
    color: var(--color_header);
}

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

#cabecalho .row-fluid > .span3{
    width: 280px;
    padding-right: 40px;
}

#cabecalho .row-fluid > .span9{
    width: calc(100% - 280px);
    margin-left: 0;
}

.inferior.row-fluid{
    display: flex;
    justify-content: space-between;
}

.inferior.row-fluid .span4{
    width: auto;
    margin-left: 0;
}


.busca.borda-alpha{
    border: 0;
    background-color: unset;
    padding: 0;
}
.busca{
    max-width: 400px;
}

input[type="text"],
input[type="tel"],
input[type="search"]{
    -webkit-appearance: none;
}

.busca input{
    width: 100%;
    height: 40px;
    border: solid 1px var(--border_search) !important;
    padding: 0 20px 0 50px;
    box-shadow: unset !important;
    font-size: 12px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.busca .botao-busca{
    right: auto;
    left: 0;
    width: 40px;
    border: 0;
    background: transparent !important;
    padding: 0;
    top: 0;
    height: 40px;
}

.busca .botao-busca svg{
    margin: 10px;
    fill: var(--ic_search);
}

.busca .botao-busca::before{
    display: none;
}

.busca .botao-busca::after{
    content: '';
    height: 28px;
    width: 1px;
    background-color: var(--border_header);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.conteudo-topo .superior .span4{
    display: none;
}

.carrinho-interno ul{
    padding-right: 10px;
    margin-right: -10px;
}

.carrinho-interno ul::-webkit-scrollbar {
    width: 10px;
}

.carrinho-interno ul::-webkit-scrollbar-track {
    background: rgba(255,255,255,.1); 
    border-radius: 5px;
}

.carrinho-interno ul::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.1); 
    border-radius: 5px;
}

.carrinho-interno ul::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,.2); 
}

.carrinho{
    border: 0;
    padding: 20px 0 20px 42px;
}

.carrinho .icon-shopping-cart{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 34px;
    margin: auto;
    background-color: transparent;
}

.carrinho .icon-shopping-cart:before{
    display: none;
}

.carrinho a{
    display: flex;
    flex-direction: column;
}

.carrinho a svg{
    fill: var(--ic_header_cart);
}

.carrinho a .qtd-carrinho{
    order: 4;
    display: block !important;
}

.carrinho.vazio>a span[style="display: none;"]{
    display: block !important;
}

.carrinho.vazio>a span[style="display: none;"] .titulo > span,
.carrinho.vazio>a span[style="display: none;"] b + span,
.carrinho.vazio .vazio-text{
    display: none !important;
}


.carrinho>a b.titulo{
    font-size: 0;
    display: block !important;
    color: var(--color_header);
}
.carrinho.vazio>a span {
    margin-left: unset;
    line-height: unset;
}

.carrinho.vazio>a .titulo span{
    display: none;
}

.carrinho>a b.titulo::before{
    content: "Cesta";
    font-size: 14px;
    font-weight: 500;
}

.carrinho>a b.titulo + .cor-secundaria{
    display: none !important;
}

.carrinho>a span{
    padding: 0;
}

.carrinho>a span.cor-secundaria{
    display: none;
}

.carrinho>a strong{
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    line-height: 1.25;
    color: var(--color_header);
    opacity: .8;
}

.carrinho:hover .carrinho-interno{
    opacity: 1;
    visibility: visible;
    transition: 333ms cubic-bezier(.4,0,.22,1);
}

.carrinho-interno{
    display: block;
    padding: 20px;
    color: var(--color_menu_header);
    width: 366px;
    border: 0;
    box-shadow: none;
    top: 100%;
    opacity: 0;
    visibility: hidden;
}

.carrinho-interno::before{
    content: '';
    display: block;
    position: absolute;
    top: -6px;
    right: 51px;
    width: 21px;
    height: 21px;
    border-radius: 4px;
    background-color: var(--border_menu_header);
    transform: rotate(45deg);
    z-index: -1;
}

.carrinho-interno::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top: 10px solid var(--border_menu_header);
    border-radius: 4px;
    z-index: -1;
    background-color: var(--bg_menu_header);
}

.carrinho-interno .imagem-produto{
    width: 52px;
    height: 52px;
}

.carrinho-interno .cor-secundaria,
.carrinho-interno .cor-principal{
    color: inherit;
}

.carrinho-interno li{
    padding: 20px;
    border-radius: 4px;
    background-color: transparent !important;
    margin: 0 0 10px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid var(--border_product_menu);
}

.carrinho-interno .nome-produto{
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.24px;
    width: calc(100% - 62px);
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: var(--title_menu_header);
}

.carrinho-interno .preco-produto{
    order: 4;
    margin: 11px 0 0 auto;
}

.carrinho-interno .preco-produto .preco-venda{
    margin-right: 10px;
}

.carrinho-interno .preco-produto > div{
    display: flex;
}

.carrinho-interno>div>span i{
    display: none;
}

.carrinho-interno>div>span.carrinho-info{
    display: block;
    float: none;
}

.carrinho-interno .carrino-total{
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carrinho-interno .carrino-total::before{
    content: 'Total (valor sem frete): ';
    font-size: 14px;
    letter-spacing: 0.28px;
    color: var(--title_menu_header);
}

.carrinho-interno .carrino-total strong{
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color_price);
}

.carrinho-interno>div .botao{
    text-transform: uppercase;
    width: 100%;
    margin-top: 20px;
    background: var(--button_cart);
    color: var(--nav_bg_sub);
    transition: ease-in-out .3s;
    border-radius: 10px;
    height: 44px;
    line-height: 46px;
}


.carrinho-interno>div .botao:hover{
    opacity: .8;
    background: var(--button_cart_hover);
    color: var(--color_button_menu);
}

.conteudo h1{
    font-size: 26px;
    color: var(--color_title);
}


.conteudo .caixa-sombreada div h1{
    font-size: 38.5px;
    color: inherit;
}

.botao{
    box-sizing: border-box;
    background: var(--bg_button);
    height: 52px;
    line-height: 52px;
    padding: 0 22px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
}

.botao:hover,
.botao:focus{
    background: var(--bg_button_hover);
    color: #fff;
}

.botao.principal{
    min-width: 142px;
    background: var(--bg_button);
    border: 0;
}

.botao.principal:hover{
    background: var(--bg_button_hover);
}

.carrinho-interno .preco-produto .preco-promocional{
    font-size: 16px;
    font-weight: 600;
    color: var(--color_price);
}

.carrinho span b{
    line-height: unset;
}


@media (min-width: 1025px){
    #cabecalho .menu-open{
        display: none;
    }

    .nav .sub-box{
        overflow-y: auto;
    }

    li:hover .sub-box{
        opacity: 1;
        visibility: visible;
        transition: 333ms cubic-bezier(.4,0,.22,1);
        transition-property: visibility, opacity;
        box-sizing: border-box;
    }

    .nav{
        background-color: var(--bg_nav);
        position: relative;
        z-index: 5;
        margin: 0;
    }


    .list-nav > .ic-sub > a::after{
        content: '';
        display: block;
        position: absolute;
        bottom: -16px;
        width: 21px;
        height: 21px;
        border-radius: 4px;
        background-color: var(--nav_border_sub);
        transform: rotate(45deg);
        z-index: 1;
        opacity: 0;

    }

    .list-nav > .ic-sub:hover > a::after{
        opacity: 1;
        transition: ease-in-out .2s;
    }

    .nav .list-nav{
        display: flex;
        background-color: transparent;
    }

    .nav .list-nav > li{
        position: relative;
        flex-grow: 1;
    }

    .nav .list-nav > li > a{
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        color: var(--color_nav);
        text-decoration: none;
        transition: background ease-in-out .2s;
        position: relative;
        overflow: hidden;
    }

    .nav .list-nav > li.all-list > a{
        font-weight: 500;
    }

    .nav .list-nav .ic-bar{
        display: flex;
        align-items: center;
        width: 20px;
        height: 14px;
        border-top: 2px solid var(--color_nav);
        border-bottom: 2px solid var(--color_nav);
        margin-right: 21px;
        box-sizing: border-box;
    }

    .nav .list-nav .ic-bar:before{
        content: '';
        display: block;
        width: 16px;
        height: 2px;
        background: var(--color_nav);
    }

    .nav .list-nav > li:hover > a{
        background: var(--color_bg_nav);
    }

    .sub-box{
        position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--nav_bg_sub);
        border-radius: 4px;
        border-top: 10px solid var(--nav_border_sub);
        min-width: 300px;
        color: var(--nav_color_sub);
        padding: 20px 17px;
        opacity: 0;
        visibility: hidden;
        display: flex;
        max-width: calc(100vw - 20px);
    }

    .sub-box .box-product + .box-product{
        display: none;
    }

    .sub-box > ul{
        display: flex;
    }

    .sub-box.max > ul{
        flex-wrap: wrap;
    }

    .sub-box.second-category > ul{
        display: block;
        min-width: 220px;
    }

    .sub-box.second-category > ul > li{
        margin-bottom: 10px;
    }

    .sub-box.second-category.cols-2 > ul{
        -webkit-column-count: 2;
    }

    .sub-box.second-category.cols-3 > ul{
        -webkit-column-count: 3;
    }

    .sub-box.second-category.cols-4 > ul{
        -webkit-column-count: 4;
    }

    .sub-box li a{
        color: var(--nav_color_sub);
        text-decoration: none;
        transition: opacity ease-in-out .2s;
    }

    .sub-box li a:hover{
        opacity: .8;
    }

    .sub-box > ul{
        margin: 0;
        max-height: 464px;
        overflow: auto;
        position: relative;
    }

    .sub-box ul::-webkit-scrollbar,
    .nav .sub-box::-webkit-scrollbar {
        width: 6px;
    }
    
    .sub-box ul::-webkit-scrollbar-track,
    .nav .sub-box::-webkit-scrollbar-track {
        background: rgba(255,255,255,.1); 
        border-radius: 5px;
    }
    
    .sub-box ul::-webkit-scrollbar-thumb,
    .nav .sub-box::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,.1); 
        border-radius: 5px;
    }
    
    .sub-box ul::-webkit-scrollbar-thumb:hover,
    .nav .sub-box::-webkit-scrollbar-thumb:hover {
        background: rgba(255,255,255,.2); 
    }
    
    .box-product{
        min-width: 245px;
        width: 245px;
        margin-left: 16px;
    }

    .box-product:empty{
        display: none;
    }

    .box-product .preco-produto strong.preco-promocional{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .box-product .listagem-item{
        background-color: #fff;
        position: relative;
        color: var(--text);
        border-radius: 2px 2px 28px 2px;
        padding: 5px;
    }

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

    .sub-box > ul > li > a{
        font-size: 16px;
        font-weight: 500;
        line-height: 1.25;
        margin-bottom: 7px;
        display: inline-block;
    }

    .sub-box > ul > li{
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .sub-box li{
        min-width: 140px;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 220px;
    }

    .sub-box li li{
        margin-top: 7px;
    }

    .sub-box li li a{
        line-height: 1.43;
        font-size: 14px;
    }

    .nav .prev-nav,
    .nav .parent{
        display: none;
    }
    
}

@media (min-width: 1025px){

    .bar-top {
        top: 0;
        left: 0;
        width: 100%;
    }

    #cabecalho{
        position: sticky;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 20;
        box-shadow: 0 2px 6px rgba(0,0,0,.05);
    }

    #cabecalho + *{
        margin-top: 40px !important;
    }

    .fixed #cabecalho{
        /* position: fixed; */
        top: 0 !important;
    }

    .nav{
        transition: ease-in-out .3s;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: -1;
    }

    .fixed:not(.show-nav) .nav{
        transform: translateY(-100%);
    }

    .action-header:hover .sub-header{
        opacity: 1;
        visibility: visible;
        transition: 333ms cubic-bezier(.4,0,.22,1);
    }
}


@media (max-width: 1024px){

    #cabecalho::after{
        z-index: 4;
    }

    .box-product{
        display: none;
    }

    .action-header.active .sub-header{
        opacity: 1;
        visibility: visible;
        transition: 333ms cubic-bezier(.4,0,.22,1);
    }

    #cabecalho{
        padding: 0;
        position: relative;
    }

    .conteiner .logo{
        margin: 0;
    }

    .logo a{
        height: auto;
    }

    .action-header:nth-child(2) .sub-header{
        left: 0
    }

    .sub-header{
        padding: 14px;
    }

    .action-header:nth-child(2) .sub-header::before{
        right: auto;
        left: 50px;
    }

    .sub-header .box{
        flex-direction: column;
        min-width: 280px;
    }

    .sub-header .box .text-col{
        border: 0;
        padding-right: 0;
        margin-right: 0;
    }

    .sub-header .info-col{
        margin-bottom: 20px;
    }

    #cabecalho .row-fluid{
        flex-wrap: wrap;
    }

    .conteudo-topo .busca-mobile {
        padding: unset;
        background-color: unset;
        border-radius: unset;
    }

    .conteudo-topo .busca-mobile .atalho-menu{
        display: none !important;
    }
   

    #cabecalho .row-fluid > .span3{
        padding: 0;
    }

    #cabecalho > .conteiner > .row-fluid{
        flex-direction: column;

    }

    #cabecalho .row-fluid > .span9{
        width: 100%;
    }

    .inferior.row-fluid .span8{
        order: 6;
        width: calc(100% + 20px);
        margin: 0 -10px;
        max-width: unset;
    }

    #cabecalho .inferior.row-fluid .span4.hidden-phone{
        display: block !important;
    }

    .logo a{
        font-size: 0;
        padding: 20px 0;
    }

    .logo a img{
        position: unset;
        max-height: 160px;
        display: block;
        margin: auto;
        max-width: 240px;
    }

    .busca{
        max-width: unset;
        margin: 0;
        padding-left: 80px !important;
    }

    .busca .menu-open{
        width: 80px;
        height: 40px;
        background-color: var(--bg_nav);
        position: absolute;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .busca .menu-open .ic{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 20px;
        height: 14px;
        box-sizing: border-box;
    }

    .busca .menu-open .ic div{
        border-top: 2px solid var(--color_nav);
        transition: ease-in-out .2s;
        transform-origin: left;
    }

    #cabecalho.active .busca .menu-open .ic div:nth-child(1){
        transform: rotate(45deg);
        width: 17px;
    }

    #cabecalho.active .busca .menu-open .ic div:nth-child(3){
        transform: rotate(-45deg);
        width: 17px;
    }

    #cabecalho.active .busca .menu-open .ic div:nth-child(2){
        opacity: 0;
        width: 0;
    }

    .busca .menu-open .ic div:nth-child(2) {
        width: 16px;
    }

    .busca .botao-busca{
        left: 80px;
    }

    .busca input{
        border-radius: 0;
        border-right: 0;
    }

    .nav{
        position: absolute;
        width: 250px;
        max-width: calc(100% - 50px);
        background-color: var(--bg_nav);
        color: var(--color_nav);
        z-index: 5;
        transform: translateX(-100%);
        opacity: 0;
        visibility: hidden;
        transition: ease-in-out .2s;
        overflow: hidden;
        min-height: 250px;
        height: calc(100vh - 218px);
    }

    #cabecalho.active .nav{
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .conteiner-principal .nav .conteiner{
        background-color: unset;
        padding: 0;
        height: 100%;
    }

    .nav ul{
        margin: 0;
    }

    .nav > ul ul{
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(100%);
        height: 100%;
        overflow: hidden;
        z-index: 2;
        width: 100%;
        opacity: 0;
        transition: ease-in-out .2s;
        background-color: var(--bg_nav);
        min-height: 240px;
    }

    .nav > ul ul.active{
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(0);
        opacity: 1;
    }

    .nav a{
        color: inherit;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.28px;
        text-decoration: none;
        line-height: 1.44;
        display: block;
        padding: 10px 40px 10px 30px;
        position: relative;
    }

    .load-font .nav .ic-sub > a::after{
        content: '\f105';
        font-family: 'FontAwesomee';
        position: absolute;
        right: 30px;
        display: block;
        line-height: 40px;
        height: 40px;
        font-size: 16px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .load-font .prev-nav a::before{
        content: '\f104';
        font-family: 'FontAwesomee';
        font-size: 16px;
        padding-right: 10px;
    }

    .prev-nav{
        background-color: var(--color_bg_nav);
    }

    .parent a{
        font-weight: 600;
    }

    .shadow-nav{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% + 80px);
        background-color: #000;
        opacity: 0;
        visibility: hidden;
        transition: ease-in-out .2s;
        z-index: 4;
    }

    #cabecalho.active .shadow-nav{
        opacity: .8;
        visibility: visible;
    }

    #cabecalho .conteiner{
        position: relative;
        z-index: 5;
    }

    .bar-top{
        position: relative;
        z-index: 5;
    }

    .action-header{
        padding: 10px 0 27px;
    }

    .carrinho{
        padding: 10px 0 10px 44px;
        margin-bottom: 20px;

    }

    .carrinho a .qtd-carrinho{
        white-space: nowrap;
    }

    .action-header .text{
        font-size: 13px;
        border: unset
    
    }
}

@media (max-width: 359px){
    .carrinho>a b.titulo::before,
    .action-header .text{
        font-size: 12px;
    }

   
}

/* line info  */

.line-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    background-color: var(--bg_line);
    padding: 25px 40px;
    overflow: auto;
    margin-top: -80px;
    margin-bottom: 80px;
}

.line-info .item{
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.line-info.slick-slider{
    display: block;
}

.line-info .title{
    font-size: 18px;
    font-weight: 500;
    color: var(--color_title);
    margin-bottom: 2px;
    white-space: nowrap;
}

.line-info .sub-title{
    letter-spacing: 0.28px;
    font-size: 14px;
    line-height: 1.43;
    color: var(--color_subtitle_block);
}

.line-info .icon{
    margin-right: 10px;
    min-width: 40px;
}

.line-info img{
    max-height: 50px;
    display: block;
}

.line-info .divider{
    width: 1px;
    height: 60px;
    background-color: var(--border_line);
}

.line-info .divider:last-child{
    display: none;
}

.line-info + .banner-list{
    margin-top: 20px;
}

.banner-list + .line-info {
    margin-top: -60px;
}

.conteiner > .banner-list{
    margin-bottom: 80px !important;
}


/* banner */



.banner.vitrine, .banner.tarja{
    margin: 0 0 20px;
    text-align: center;
}

.banner-list{
    display: flex;
    margin: 80px -10px;
}


.banner-list img{
    max-width: 100%;
    display: block;
    border-radius: 4px;
}

.banner-list a{
    transition: opacity ease-in-out .2s;
    display: block;
}

.banner-list a[href]:hover{
    opacity: .85;
}

.banner-list .item{
    display: flex;
    justify-content: center;
    flex-grow: 1;
    width: auto;
    padding: 0 10px;
    position: relative;
}

.load-font .banner-list [data-video]::before{
    content: "\f16a";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 112px;
    width: 112px;
    height: 110px;
    font-family: 'FontAwesomee';
    z-index: 2;
    color: #000000;
    opacity: .7;
    line-height: 1;
}

.info-banner{
    display: none;
}

.bar-top{
    height: 40px;
    background-color: var(--bg_bar);
    background-repeat: repeat-x;
}

.bar-top img{
    object-fit: contain;
    height: 40px;
    max-width: 100%;
    max-width: 1910px;
    display: block;
    margin: auto;
}

.flexslider{
    border: 0;
}

.full-slider,
.banner-full{
    margin-bottom: 80px;
    border-radius: 0;
}

.full-slider .item li {
    opacity: 1!important;
}

.banner-full .item{
    overflow: hidden;
    width: 100%;
    position: relative;
}

.banner-full .item img{
    opacity: 1!important;
}

@media (min-width: 1340px){
    .banner-full.height .item{
        height: 510px;
        display: flex;
        justify-content: center;
    }

    .banner-full.height .item img{
        max-width: unset;
        height: 510px;
    }
}

@media (max-width: 1339px){
    .banner-full.height .item a{
        position: relative;
        display: block;
    }

    .banner-full.height .item a::before{
        content: '';
        display: block;
        padding-bottom: 38.57791225416036%;
        width: 100%;
    }

    .banner-full.height .item a img{
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        height: 100%;
        max-width: unset;
    }
}

.banner-full .item:not(.slick-slide) + .item{
    display: none;
}

.full-slider img,
.banner-full img{
    display: block;
    margin: auto;
}

@media (min-width: 768px){
    .banner-full+ .secao-banners .full-slider{
        display: none;
    }
}

.secao-banners li[style]{
    opacity : 1 !important ;
}

.secao-banners .banner.cheio{
    display: none;
}

.full-slider .item li{
    float: none
}

.full-slider .item:not(.slick-slide) + .item{
    display: none;
}

.slick-dots{
    position: absolute;
    bottom: 30px;
    height: 0;
    display: flex;
    justify-content: center;
    z-index: 2;
    margin: 0;
    left: 0;
    width: 100%;
}

.slick-dots li{
    width: 12px;
    height: 3px;
    /* background: #33302f; */
    margin: 0 3px;
    will-change: width;
    transition: width ease-in-out .3s;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    box-shadow: 0 0 0 2px #fff inset;
    cursor: pointer;
}

.slick-dots li.slick-active{
    width: 24px;
}


.banner.mini-banner{
    margin: 0 -10px 20px;
    width: auto;
    display: flex !important;
}

.banner.mini-banner .modulo img{
    border-radius: 4px;
    display: block;
    margin: auto;
    min-height: 100px;
    transition: opacity ease-in-out .2s;
}

.banner.mini-banner .modulo a[href]:hover img{
    opacity: .85;
}

.banner.mini-banner .modulo{
    width: auto;
    flex-grow: 1;
    margin: 0;
    padding: 0 10px;
    float: none;
}

.banner.mini-banner .modulo.sem-banner{
    display: none;
}

.box-news{
    background-color: var(--bg_bar_news);
    border-radius: 4px;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 80px;
    color: var(--text_bar_news);
}

.box-news .texto-newsletter{
    display: none !important;
}

.box-news .title{
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--title_bar_news);
    line-height: 1.28;
}

.box-news .desc{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
}

.box-news input{
    border-radius: 4px;
    border: 0;
    height: 52px;
    padding: 0 16px;
    box-sizing: border-box;
    width: calc(100% - 162px);
    margin: 0;
    box-shadow: none !important;
}

.box-news .form-news{
    max-width: 700px;
    width: calc(100% - 350px);
}

.box-news .newsletter-cadastro{
    display: flex;
}

.box-news .newsletter-cadastro.hide{
    display: none;
}

.newsletter-confirmacao i{
    display: none;
}

.box-news .newsletter-assinar{
    height: 52px;
    border-radius: 4px;
    background-color: var(--bg_button);
    margin-left: 20px;
    width: 142px;
    transition: ease-in-out .3s;
    color: var(--color_button);
}

.box-news .newsletter-assinar:hover{
    background-color: var(--bg_button_hover);
}

#barraNewsletter{
    display: none;
}

@media (max-width: 767px){
    .box-news, .box-news .newsletter-cadastro{
        flex-direction: column;
        align-items: center;
    }

    .slick-dots{
        bottom: 15px;
    }

    .banner-full{
        margin-bottom: 0;
    }

    .box-news .form-news{
        width: 100%;
        margin-top: 20px
    }

    .box-news .newsletter-assinar{
        margin: 30px 0 0;
    }

    .box-news input{
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .box-news .title{
        font-size: 14px;
        margin-bottom: 4px;
    }

    .full-slider{
        margin-bottom: 20px;
    }

    .box-news{
        margin-bottom: 50px;
    }

    .banner-full{
        display: none;
    }

    
    
}

@media (max-width: 550px){
    .banner.mini-banner{
        flex-direction: column;
    }

    .banner.mini-banner .modulo{
        margin-bottom: 20px;
    }

    .full-slider{
        margin-bottom: 20px;
    }

    .full-slider a{
        display: block;
        position: relative;
    }

    .banner.mini-banner{
        margin-bottom: 0;
    }

    .line-info{
        border-radius: 0;
        margin: 0 -10px;
        padding: 30px 25px;
    }

    .line-info .item{
        justify-content: center;
    }
}

/* brands */
.marcas{
    margin: 80px -10px !important;
}

.marcas img{
    max-width: 100%;
    max-height: 60px;
}

.marcas a{
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .2s;
    filter: brightness(0);
    opacity: .3;
}

.marcas a:hover{
    opacity: 1;
    filter: brightness(1);
}

/* category */
.list-categories{
    margin: 80px 0;
}

.list-categories a{
    display: block;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    text-decoration: none;
    color: #fff;
    background-color: var(--bg_list_nav);
    border-radius: 4px;
    transition: ease-in-out .2s;
}

.list-categories a:hover{
    background-color: var(--bg_list_nav_hover);
}

.list-categories .list{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.list-categories .list .item{
    padding: 0 10px;
}

.list-categories .list.slick-slider{
    display: block;
}

/* depoimentos */

.area-dep{
    margin: 20px -10px 80px !important;
}

.depoimentos:not(.slick-initialized){
    display: flex;
}

.depoimentos .item{
    padding: 0 10px;
    box-sizing: border-box;
}

.box-dep{
    box-sizing: border-box;
    background-color: var(--bg_depoimentos);
    color: var(--color_depoimentos);
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
    padding: 30px 30px 35px;
    display: flex;
    max-width: 436px;
    position: relative;
    border: 2px solid var(--border_depoimentos);
    border-radius: 5px;
}

.box-dep img{
    display: block;
    width: 100px;
    min-width: 100px;
    height: 100px;
    object-fit: cover;
    order: 4;
    margin-left: 26px;
    border-radius: 50%;
}

.box-dep .desc{
    padding-top: 30px;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
    max-height: 80px;
    width: 100%;
}

.box-dep .title{
    color: var(--title_depoimentos);
    background: url("data:image/svg+xml,%3Csvg fill='%23005391' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32.815 22.945'%3E%3Cg transform='translate(17.433)'%3E%3Cpath d='M7.691 77a7.691 7.691 0 0 1 .337 15.375 7.15 7.15 0 0 0-.016.52 33.372 33.372 0 0 0 1.169 5.419l.463 1.632H4.03l-.376-.606A29.685 29.685 0 0 1 0 84.691 7.7 7.7 0 0 1 7.691 77z' transform='translate(0 -77)'/%3E%3C/g%3E%3Cpath d='M279.691 77a7.691 7.691 0 0 1 .337 15.375 7.15 7.15 0 0 0-.016.52 33.374 33.374 0 0 0 1.169 5.419l.463 1.632h-5.614l-.376-.606A29.686 29.686 0 0 1 272 84.691 7.7 7.7 0 0 1 279.691 77z' transform='translate(-272 -77)'/%3E%3C/svg%3E") no-repeat;
    background-size: 33px;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    max-width: calc(100% - 60px);
    padding: 2px 0 0 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.box-dep img ~ .title{
    max-width: calc(100% - 160px);
}

@media (max-width: 767px){
    .area-dep{
        margin: 50px -10px !important;
    }

    .box-dep{
        font-size: 12px;
        padding: 20px;
    }

    .box-dep img{
        width: 80px;
        min-width: 80px;
        height: 80px;
        margin-left: 10px;
    }

    .depoimentos .item{
        padding: 0 5px;
    }
}

/* list product */

.listagem.com-caixa .listagem-linha{
    width: 100%;
}

.bg-section{
    position: relative;
    z-index: 1;
    padding: 60px 0 1px;
    margin-top: 80px;
}

.bg-section::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: calc(100vw + 70px);
    background-image: linear-gradient(250deg, var(--bg_block) 100%, var(--bg_block_second));
    z-index: -1;
}


.listagem .slick-list{
    padding: 20px 0 20px;
    margin: -20px 0 -20px;
    box-sizing: border-box;
}

.listagem>ul,
.bg-section>ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.slick-track:after, .slick-track:before{
    display: none;
}

.pagina-produto .listagem > ul > li{
    width: calc(100% / 4);
}

.listagem ul li{
    padding: 0 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.listagem .listagem-linha:first-child{
    padding: 0;
}

.listagem .produtos-carrossel ul li{
    margin-bottom: 0;
}

.listagem .produtos-carrossel .flexslider li:not(.slick-slide) + li{
    display: none;
}

.listagem .produtos-carrossel{
    padding: 0;
    margin: 0 -10px;
    margin-bottom: 80px;
}

.pagina-busca .listagem ul[data-produtos-linha="4"] li,
.pagina-categoria .listagem ul[data-produtos-linha="4"] li{
    width: calc(100% / 3);
}

.pagina-busca .listagem ul[data-produtos-linha="3"] li,
.pagina-categoria .listagem ul[data-produtos-linha="3"] li{
    width: calc(100% / 2);
}

.pagina-busca .listagem ul[data-produtos-linha="2"] li,
.pagina-categoria .listagem ul[data-produtos-linha="2"] li{
    width: calc(100% / 1);
}

.pagina-busca .com-filho .nivel-dois{
    display: none !important
}

.listagem ul[data-produtos-linha="4"] li{
    width: calc(100% / 4);
}

.listagem ul[data-produtos-linha="3"] li{
    width: calc(100% / 3);
}

.listagem ul[data-produtos-linha="2"] li{
    width: calc(100% / 2);
}

.listagem.com-caixa .listagem-linha ul > li[style]{
    width: auto !important;
}

.listagem ul[data-produtos-linha] li.flexslider{
    width: 100%;
}

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


/* box product */

.listagem .titulo-categoria,
.listagem > .titulo {
    border: 0;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    line-height: 1.25;
    margin-bottom: 40px;
    color: var(--color_title);
}

.listagem .titulo-categoria::after,
.listagem > .titulo::after{
    content: '';
    display: block;
    width: 100px;
    border-bottom: solid 4px var(--color_title_border);
    margin: 11px auto -2px;
    border-radius: 2px;
}

.listagem .titulo-categoria:hover{
    text-decoration: unset;
    background: unset;
    padding-left: unset;
}

.listagem .bg-section .titulo-categoria{
    color: var(--color_title_block);
}

.listagem-item .produto-sobrepor{
    z-index: 4;
}

.listagem-item{
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.listagem .listagem-item{
    padding: 5px;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.listagem-item .favorite{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
    cursor: pointer;
    padding: 6px;
}

.listagem-item .favorite + .favorite{
    display: none;
}

.favorite svg{
    width: 28px;
    height: 28px;
    fill:#e7e7e7;
    stroke:#e7e7e7;
    transition: ease-in-out .2s;
    display: block;
}

.favorite:hover svg{
    fill: #c7c7c7;
    stroke: #c7c7c7;
}

.favorite.active svg{
    fill: #ce1414;
    stroke: #ce1414;
    transform: scale(1.1);
    animation: heart .5s cubic-bezier(0.54, -1.43, 0.6, 2.76);
}

@keyframes heart{
    0%{
        transform: scale(1);
    }

    50%{
        transform: scale(.9,.8);
    }

    100%{
        transform: scale(1.1, 1.1);
    }
}

.favorite .cls-1{
    fill:inherit;
    stroke:inherit;
}

.favorite .cls-3{
    fill: none;
    stroke:inherit;
    stroke-width:1.7px;
}

.listagem .produtos-carrossel .imagem-produto{
    height: auto !important;
}

.listagem .produtos-carrossel .listagem-linha li .listagem-item{
    margin: 0;
}


.listagem.com-caixa .listagem-item{
    border: solid 1px var(--border_vitrine) !important;
    box-shadow: 0 0px 0px 0 transparent;
    border-radius: 5px;
    background-color: #fff;
}

.listagem.com-caixa .listagem-item:hover,.listagem.com-caixa .listagem-item:active{
    box-shadow: 0 3px 12px 0 rgba(102, 95, 93, 0.1);
    outline: none;
}

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

.listagem-item .acoes-produto{
    left: 0;
    right: 0;
    bottom: 0 !important;
    width: 100%;
    border: 0 !important;
    padding: 56px 20px 36px;
    transition: ease-in-out .16s;
    box-sizing: border-box;
    background-color: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 6;
}

.listagem-item .acoes-produto .botao.principal{
    background: var(--button_details);
    height: 40px;
    border-radius: 5px;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    color: var(--color_button);
    max-width: 214px;
    flex-grow: 1;
}

.listagem-item .acoes-produto .botao.principal[title*="Adicionar"] i{
    display: none;
}

.listagem-item .acoes-produto .botao.principal i{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='%23fff' transform='translate(0 1.75)'%3E%3Cpath d='M7 12.75c4.119 0 6.776-4.624 6.887-4.82a.875.875 0 0 0 0-.858C13.778 6.876 11.14 2.25 7 2.25 2.839 2.25.22 6.878.11 7.075a.874.874 0 0 0 0 .853C.222 8.124 2.86 12.75 7 12.75zM7 4c2.484 0 4.407 2.481 5.091 3.5C11.4 8.52 9.482 11 7 11S2.592 8.517 1.908 7.5C2.588 6.481 4.5 4 7 4z' transform='translate(0 -2.25)'/%3E%3Ccircle cx='1.75' cy='1.75' r='1.75' transform='translate(5.25 3.5)'/%3E%3C/g%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    display: inline-block;
    padding: 0;
}

@media (max-width: 1280px){
    .listagem-item .acoes-produto .botao.principal{
        font-size: 12px;
    }
}

.add-increment{
    position: relative;
    padding: 0 10px;
    width: 80px;
    box-sizing: border-box;
    margin-right: 20px;
}

.add-increment .increment{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 20px;
    height: 30px;
    border-radius: 4px;
    background-color: var(--button_add);
    cursor: pointer;
    margin: auto;
}

.add-increment .increment::before,
.add-increment .increment.next::after{
    content: '';
    width: 8px;
    height: 2px;
    background-color: var(--color_button);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.add-increment .increment.next::after{
    width: 2px;
    height: 8px;
}

.add-increment .increment.next{
    left: auto;
    right: 0;
}

.add-increment input{
    width: 60px;
    height: 40px;
    border-radius: 4px;
    background-color: #f9f9f6;
    text-align: center;
    padding: 0 5px;
    width: 100%;
    box-sizing: border-box;
    border: 0;
    font-size: 16px !important;
    font-weight: 500;
    margin: 0;
}

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

div#modalVideo .modal-body {
    min-height: unset 
}

.botao.principal{
    transition: ease-in-out .3s;
}

.listagem-item .acoes-produto .botao.principal:hover{
    background: var(--button_details_hover);
}

.imagem-produto{
    position: relative;
}

.box-product .listagem-item .imagem-produto::before,
.listagem .listagem-item .imagem-produto::before{
    content: '';
    display: block;
    padding-bottom: 120.6451612903226%;
}

.horizontal .listagem-item .imagem-produto::before{
    padding-bottom: 76.25%;
}

.square .listagem-item .imagem-produto::before{
    padding-bottom: 100%;
}



.listagem-item .imagem-produto img{
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.listagem-item .imagem-produto img[data-src]{
    opacity: 0;
    transition: opacity ease-in-out .2s; 
}

.listagem-item .imagem-produto img[data-src].loaded{
    opacity: 1;
}

.listagem-item.indisponivel, .listagem.com-caixa .listagem-item.indisponivel{
    background: #fff;
}

.listagem-item .imagem-produto.has-zoom .imagem-zoom{
    opacity: 0;
}

.listagem-item:hover .imagem-produto.has-zoom .imagem-zoom{
    opacity: 1;
}

.listagem-item.indisponivel .imagem-produto img{
    filter: unset;
}

.listagem-item .imagem-produto.has-zoom img {
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    background-color: #fff;
}

.listagem-item .produto-avise{
    display: none !important;
}

.listagem-item.indisponivel:hover .imagem-produto.has-zoom .imagem-zoom,
.listagem-item.indisponivel .info-produto .nome-produto{
    opacity: 1;
}

.listagem-item.indisponivel .info-produto::after{
    content: 'Produto indisponível';
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    display: flex;
    text-align: center;
    color: var(--color_price);
    min-height: 35px;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.time-area{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--bg_timer);
    color: #fff;
    display: flex;
    justify-content: center;
    height: 60px;
    align-items: center;
}

.time-area .time{
    display: flex;
}

.time-area .number{
    font-size: 24px;
    font-weight: 700;
    position: relative;
    line-height: 1.25;
    box-sizing: border-box;
}

.time-area .txt{
    padding-left: 42px;
    font-size: 14px;
    line-height: 1.21;
    padding-right: 15px;
    background: var(--image-time) no-repeat left center;
    background-size: 32px;
}

.time-area .txt::before{
    content: var(--time-first-line);
    display: block;
    font-weight: 600;
}

.time-area .txt::after{
    content: var(--time-last-line);
    display: block;

}

.time-area .number:nth-child(n+2){
    padding-left: 15px;
    
}

.time-area .number:last-child{
    width: 48px;
}

.time-area .number:nth-child(n+2)::before,
.time-area .number:nth-child(n+2)::after{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 7px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #fff;

}

.time-area .number:nth-child(n+2)::after{
    top: auto;
    bottom: 8px;
}

@media (max-width: 1150px){
    .add-increment{
        margin-right: 5px;
    }
}

@media (max-width: 767px){
    .time-area{
        flex-direction: column;
        align-items: center;
        height: 50px;
    }

    .time-area .txt{
        padding: 0;
        background: unset;
        font-size: 10px;
        font-weight: 600;
        margin-bottom: 3px;
    }

    .time-area .txt::before{
        padding-right: 4px;
    }

    .time-area .txt::before,
    .time-area .txt::after{
        display: inline;
    }

    .time-area .number{
        font-size: 14px;
    }

    .time-area .number:last-child{
        width: 34px;
    }

}

.bandeiras-produto{
    top: 15px;
    left: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bandeiras-produto span{
    background-color: var(--tags_product) !important;
    border-radius: 6px 6px 24px 6px;
    box-shadow: none;
    border: 0;
    letter-spacing: 0.36px;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    line-height: 25px;
    padding: 0 20px 0 10px;
}

.bandeiras-produto span.bandeira-promocao{
    opacity: 1;
    position: relative;
}

.bandeiras-produto span::first-letter{
    text-transform: uppercase;
}

.listagem-item .info-produto{
    text-align: center;
    padding: 30px 10px 28px;
    max-width: 270px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: static;
    color: var(--color_price);
}

.listagem-item .info-produto .cor-secundaria{
    color: var(--color_price);
}

.listagem-item .info-produto .nome-produto{
    color: var(--text);
}

.listagem-item .nome-produto{
    position: relative;
    z-index: 7;
    text-decoration: none;
}

.listagem-item .nome-produto,
.listagem .listagem-item .nome-produto{
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.32px;
    display: -webkit-box;
    max-height: 40px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    margin-bottom: 16px;
    min-height: 40px !important;
    color: var(--text);
}

.listagem .listagem-item .nome-produto ~ :not(.hide){
    margin-top: auto;
}

.preco-produto{
    font-size: 14px;
}

.preco-produto > span.titulo{
    font-weight: 600;
}

.preco-promocional, .preco-produto strong.titulo{
    margin: 0;
}

.preco-produto strong.preco-promocional,
.preco-a-partir strong.preco-venda{
    font-size: 26px;
    font-weight: 700;
    display: block;
    line-height: 1.27;
    color: var(--color_price);
}

/* .preco-produto.destaque-preco > div ~ *  strong{
    font-weight: 400 !important;
} */

@media (min-width: 768px){
    .destaque-parcela .preco-promocional{
        font-size: 22px;
    }
}


.preco-produto strong.titulo{
    font-weight: 700;
}

.preco-produto .preco-venda{
    font-size: 12px;
    color: #ccc;
    display: block;
}

.listagem-item .preco-produto s.preco-venda,
.listagem-item .preco-produto .preco-a-partir span{
    margin: -15px 0 0;
}

.listagem-item .preco-produto .preco-a-partir span{
    font-size: 12px;
}

.produto .acoes-flutuante{
    border: 0;
    box-shadow: 0 3px 12px 0 rgba(102, 95, 93, 0.1);
    text-align: center;
}

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

@media (max-width: 1200px){
    .time-area .txt{
        padding-left: 0;
        background: unset;
    }
}


@media (max-width: 767px){
    .listagem .listagem-item .imagem-produto, .listagem .listagem-item .info-produto{
        float: none;
        width: auto;
    }

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

    .listagem .titulo-categoria, .listagem > .titulo{
        font-size: 18px;
        margin-left: -10px;
        margin-right: -10px;
    }

    .preco-produto strong.preco-promocional,
    .preco-a-partir strong.preco-venda{
        font-size: 16px;
        margin-bottom: 4px;
    }

    .listagem ul li{
        padding: 0 5px;
    }

    .listagem .bg-section .produtos-carrossel{
        margin: 0 0 50px;
    }

    .listagem .produtos-carrossel{
        margin: 0 -10px 50px;
    }

    .listagem .slick-list{
        padding-right: 20px;
    }

    .listagem.com-caixa .listagem-item .imagem-produto{
        border: unset;
    }

    .listagem .info-produto{
        padding: 10px 8px;
    }

    .listagem .listagem-item .nome-produto{
        font-size: 12px;
        font-weight: 400;
        min-height: 32px !important;
        max-height: 32px;
        margin-bottom: 11px;
    }

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

    .list-categories a{
        padding: 0 36px;
    }

    .list-categories{
        margin: 50px 0;
    }

    .preco-produto{
        font-size: 10px;
        line-height: 1.3;
    }

    .bg-section{
        padding-top: 26px;
        margin-top: 50px;
    }

    #corpo div >.banner-list{
        margin: 50px -10px;
    }

    .marcas{
        margin: 50px -10px !important;
    }

    .slide-brands{
        padding: 0 20px;
    }

    .marcas a{
        padding: 0 10px;
    }

    .listagem-item.indisponivel .info-produto::after{
        font-size: 12px;
    }

    .listagem ul[data-produtos-linha="4"] li{
        width: calc(100% / 3);
    }

    .preco-produto .preco-venda,
    .listagem-item .preco-produto .preco-a-partir span{
        font-size: 10px;
    }

}

@media (max-width: 550px){
    .banner-list{
        flex-direction: column;
        align-items: center;
    }

    .banner-list .item:not(:last-child){
        margin-bottom: 20px;
    }

    .listagem ul[data-produtos-linha="4"] li,
    .listagem ul[data-produtos-linha="3"] li,
    .listagem ul[data-produtos-linha="2"] li,
    .pagina-busca .listagem ul[data-produtos-linha="4"] li, .pagina-categoria .listagem ul[data-produtos-linha="4"] li,
    .pagina-busca .listagem ul[data-produtos-linha="2"] li, .pagina-categoria .listagem ul[data-produtos-linha="2"] li,
    .pagina-busca .listagem ul[data-produtos-linha="3"] li, .pagina-categoria .listagem ul[data-produtos-linha="3"] li{
        width: 50%;
    }

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

    .bandeiras-produto span{
        font-size: 10px;
        padding: 0 14px 0 5px;
        line-height: 19px;
    }

    .bandeiras-produto span:not(.bandeira-promocao){
        display: none !important;
    }

    .listagem-item .favorite{
        top: 0;
        right: 0;
    }

    .favorite svg{
        width: 24px;
        height: 24px;
    }

    .listagem.com-caixa .listagem-item{
        padding: 3px;
        border-radius: 4px;
    }

}


@media (max-width: 440px){
    .listagem ul[data-produtos-linha="2"] li, .pagina-busca .listagem ul[data-produtos-linha="2"] li, .pagina-categoria .listagem ul[data-produtos-linha="2"] li{
        width: 100%;
    }
}


/* footer */


#corpo{
    margin-bottom: 80px;
}

#corpo .alert{
    margin-bottom: 20px !important;
}

#corpo .box-cols{
    display: flex;
    margin: 20px 0 !important;
}

#corpo .box-cols .box-footer:first-child{
    width: calc(38% - 20px);
    margin-right: 20px;
}

#corpo .box-cols .box-footer:last-child{
    width: 62%;
}

.box-footer{
    background-color: var(--bg_atendimento);
    border-radius: 4px;
    padding: 12px;
    fill: var(--icon_block);
    color: var(--color_atendimento);
    display: flex;
    font-size: 16px;
    line-height: 1.28;
    box-sizing: border-box;
}

.box-footer.large:last-child > div:first-child{
    border-right: 1px solid var(--border_block);
    padding-right: 30px;
    width: 37%;
}

.box-footer form{
    display: flex;
    margin-left: 40px;
    position: relative;
    margin: auto 0 auto 40px;
    width: 65%;
    justify-content: space-between;
}

.box-footer form::before{
    content: "\f0d1";
    font-size: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 40px;
    left: 0;
    width: 39px;
    height: 40px;
    text-align: center;
    border-right: 1px solid #eceae7;
}

.load-font .box-footer form::before{
    font-family: 'FontAwesomee';
}

.box-footer input{
    height: 52px;
    border-radius: 4px;
    border: solid 1px #f5f5f5;
    padding: 0 10px 0 49px;
    font-size: 12px;
    box-sizing: border-box;
    width: calc(100% - 162px);
    text-transform: uppercase;
}

.box-footer input::-webkit-input-placeholder {
    text-transform: none
}

.box-footer input:-ms-input-placeholder {
    text-transform: none
}

.box-footer input::-ms-input-placeholder {
    text-transform: none
}

.box-footer input::placeholder {
    text-transform: none
}

.box-footer a{
    transition: opacity ease-in-out .2s;
}

.box-footer a:hover{
    opacity: .85;
}

.box-footer .item{
    display: flex;
    align-items: center;
    text-decoration: none;
    flex-grow: 1;
    justify-content: center;
    height: 60px;
}

.box-footer .item:not(:first-child){
    border-left: 1px solid var(--border_block);
}

.box-footer .title{
    font-size: 18px;
    font-weight: 500;
    color: var(--title_atendimento);
}

.box-footer svg{
    width: 38px;
    height: 38px;
    fill: inherit;
    margin-right: 18px;
}

.box-footer.large{
    padding: 24px 40px;
}

.box-footer.large .title{
    font-size: 1.3755rem;
    margin-bottom: 5px;
}

#rodape{
    background-color: var(--bg_footer);
    border-top: 10px solid var(--border_footer);
    padding: 40px 0 0;
    z-index: 0;
    overflow: hidden;
}

.sobre-loja-rodape .titulo{
    display: block;
    max-width: 240px;
    font-size: 0;
}

.sobre-loja-rodape .titulo img{
    max-width: 100%;
}

#rodape .text{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
    color: var(--text_footer);
    margin-bottom: 20px;
    max-width: 155px;
}

.row-fluid .pagamento[class*="span"]{
    display: flex;
    flex-direction: column;
}

.pagamento .text{
    order: 3;
    max-width: 162px !important;
}

.bandeiras-pagamento{
    order: 4;
}

#rodape .institucional ul.gateways-rodape::after{
    display: none;
}

#rodape .institucional ul.gateways-rodape{
    margin-bottom: 0;
    background: transparent;
    border: 0;
}

#rodape .institucional ul.gateways-rodape li{
    margin-bottom: 20px;
    background: #fff;
    border-radius: 6px;
}

#rodape .institucional ul.gateways-rodape li:not(:last-child){
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.bandeiras-pagamento:not(.load) .icone-pagamento{
    background-image: unset;
}

.bandeiras-pagamento.load .icone-pagamento{
    background-image: url(https://cdn.awsli.com.br/production/static/loja/estrutura/v1/img/bandeiras/icone-pagamento.png?v3);
}

#rodape .titulo{
    padding: 0;
    display: block;
}

.pagamento-selos,
#rodape .redes-sociais,
#rodape .institucional{
    background: unset;
}

#rodape .institucional{
    min-height: 0;
}


#rodape .institucional,
#rodape .institucional *{
    color: var(--text_footer);
}

.institucional .span9{
    width: 100%;
    
}

.institucional .span9 .row-fluid{
    display: flex;
    justify-content: space-between;
}

.institucional .span9 .row-fluid::before,
.institucional .span9 .row-fluid::after{
    display: none;
}

.institucional .sobre-loja-rodape{
    order: -1;
    max-width: 322px;
}

#rodape .institucional .sobre-loja-rodape ul{
    margin-top: 40px;
}

#rodape .institucional *{
    color: inherit;
}

.sobre-loja-rodape ul{
    display: flex;
}

.sobre-loja-rodape li:not(:first-child){
    margin-left: 10px;
}

.sobre-loja-rodape li a{
    width: 32px;
    height: 32px;
    border-radius: 4px 4px 10px 4px;
    display: inline-block;
    background-color: var(--bg_button);
    color: var(--color_button) !important;
    transition: ease-in-out .3s;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
}

.sobre-loja-rodape li a:hover{
    background-color: var(--bg_button_hover);
}

.institucional .sobre-loja-rodape p{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
    color: var(--text_footer) !important;
}

.institucional .span9 .row-fluid > [class*=span]{
    width: auto;
    margin: 0;
}

#rodape .titulo{
    font-size: 16px;
    font-weight: 600;
    color: var(--title_footer) !important;
    text-transform: uppercase;
    border: 0;
}

#rodape .institucional{
    padding-bottom: 40px;
}

#rodape .pagamento-selos{
    padding: 0;
}

.pagamento-selos + [style]{
    border-top: 0 !important;
    z-index: 1 !important;
}

.pagamento-selos + [style] .row-fluid::before,
.pagamento-selos + [style] .row-fluid::after{
    display: none;
}

.pagamento-selos + [style] .row-fluid{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.pagamento-selos + [style] .row-fluid > div:first-child{
    flex-grow: 1;
    width: 100%;
    text-align: left !important;
}

.pagamento-selos + [style] .row-fluid > div:last-child{
    text-align: right !important;
    float: right;
}

.pagamento-selos + [style] p{
    font-size: 14px;
}

#rodape .institucional ul{
    list-style: none;
}

.links-rodape ul li{
    list-style: none;
    font-size: 14px;
    line-height: 1.43;
    padding: 0 0 13px;
}

#rodape>div:last-child .conteiner{
    padding: 24px 10px 20px;
}

.netzee{
    width: 84px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    margin-bottom: 3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140.664' height='33.535' viewBox='0 0 140.664 33.535'%3E%3Cdefs%3E%3Cstyle%3E.netzee%7Bfill:url(%23linear-gradient)%7D%3C/style%3E%3ClinearGradient id='linear-gradient' x1='.243' x2='2.696' y1='.859' y2='-1.137' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%232db5ff'/%3E%3Cstop offset='1' stop-color='%232df1ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='netzee'%3E%3Cpath d='M.945 16.159A12.121 12.121 0 0 1 3.5 12.374a11.975 11.975 0 0 1 3.8-2.548 11.526 11.526 0 0 1 4.63-.926 11.491 11.491 0 0 1 4.643.926 12.1 12.1 0 0 1 3.8 2.548 11.973 11.973 0 0 1 2.58 3.763 11.554 11.554 0 0 1 .926 4.643v11.953h-4.727V20.779a7.207 7.207 0 0 0-.556-2.8 6.91 6.91 0 0 0-1.548-2.277 7.467 7.467 0 0 0-2.3-1.547 7.312 7.312 0 0 0-2.815-.556 7.207 7.207 0 0 0-2.8.556 6.91 6.91 0 0 0-2.28 1.547 7.63 7.63 0 0 0-1.55 2.275 7.127 7.127 0 0 0-.556 2.8v11.95H.02V20.779a11.748 11.748 0 0 1 .925-4.62z' class='netzee' transform='translate(-.02 .715)'/%3E%3Cpath d='M42.225 24.3l3.352 3.354-1.656 1.656a11.945 11.945 0 0 1-13 2.6 11.478 11.478 0 0 1-3.87-2.6 11.306 11.306 0 0 1-2.6-3.955 12.534 12.534 0 0 1-.86-4.493 11.908 11.908 0 0 1 16.4-11.027 11.677 11.677 0 0 1 3.955 2.622l1.657 1.657-13.218 13.227a7.08 7.08 0 0 0 8.237-1.379zM30.38 15.744A7.08 7.08 0 0 0 29 23.978l1.934-1.936c.86-.86 1.783-1.783 2.751-2.78s1.913-1.892 2.815-2.8 1.618-1.562 2.113-2.062a7.167 7.167 0 0 0-4.277-.688 6.765 6.765 0 0 0-3.958 2.03z' class='netzee' transform='translate(1.4 .721)'/%3E%3Cpath d='M59.656 28.694v4.731H57.3a11.6 11.6 0 0 1-4.622-.926 12.077 12.077 0 0 1-6.406-6.405 11.6 11.6 0 0 1-.926-4.622V.02h4.734v9.587h9.565v4.729H50.1v7.135a7.312 7.312 0 0 0 .556 2.815 6.777 6.777 0 0 0 1.548 2.3 6.975 6.975 0 0 0 2.322 1.548 7.312 7.312 0 0 0 2.815.556z' class='netzee' transform='translate(2.664 -.02)'/%3E%3Cpath d='M4.781-67.357l23.3.042L14.42-48.292h14.155v4.756l-23.365.041 13.7-19.12H4.781z' class='netzee' transform='translate(58.727 76.884)'/%3E%3Cpath d='M42.353 25.084l3.324 3.352c-.665.678-1.652 1.721-2.4 2.338-3.92 3.312-8.541 3.242-12.436 1.933a12.14 12.14 0 0 1-3.7-2.622A10.489 10.489 0 0 1 24.63 26.3a13.627 13.627 0 0 1-.941-4.646 12.063 12.063 0 0 1 5.24-9.839A11.886 11.886 0 0 1 39.8 10.524a13.549 13.549 0 0 1 4.3 2.827l1.54 1.552L32.474 28.1a7.221 7.221 0 0 0 8.1-1.243zM30.526 16.6a7.1 7.1 0 0 0-1.393 8.192c2.632-2.714 9.056-8.993 9.545-9.5a7.185 7.185 0 0 0-4.087-.747 6.972 6.972 0 0 0-4.065 2.055z' class='netzee' transform='translate(64.264 -.174)'/%3E%3Cpath d='M42.353 25.084l3.324 3.352c-.665.678-1.652 1.721-2.4 2.338-3.92 3.312-8.541 3.242-12.436 1.933a12.14 12.14 0 0 1-3.7-2.622A10.489 10.489 0 0 1 24.63 26.3a13.627 13.627 0 0 1-.941-4.646 12.063 12.063 0 0 1 5.24-9.839A11.886 11.886 0 0 1 39.8 10.524a13.549 13.549 0 0 1 4.3 2.827l1.54 1.552L32.474 28.1a7.221 7.221 0 0 0 8.1-1.243zM30.526 16.6a7.1 7.1 0 0 0-1.393 8.192c2.632-2.714 9.056-8.993 9.545-9.5a7.185 7.185 0 0 0-4.087-.747 6.972 6.972 0 0 0-4.065 2.055z' class='netzee' transform='translate(87.37 -.076)'/%3E%3Cg transform='translate(134.37 9.704)'%3E%3Cpath d='M547.546 71.694a3.126 3.126 0 1 1 2.24-.916 3.147 3.147 0 0 1-2.24.916zm.017-5.979a2.807 2.807 0 1 0 1.992.828 2.832 2.832 0 0 0-1.992-.828zm.7 3.147l.888 1.243h-.751l-.8-1.14h-.687V70.1h-.627v-3.3h1.468c.765 0 1.269.392 1.269 1.049a.983.983 0 0 1-.764 1.012zm-.53-1.486h-.817v1.041h.817c.408 0 .651-.2.651-.521 0-.339-.244-.521-.652-.521z' class='netzee' transform='translate(-544.408 -65.4)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat;
    background-size: auto 100%;
    text-decoration: none !important;
}

@media (max-width: 991px){
    #rodape .text,.pagamento .text{
        max-width: unset !important;
    }

    #rodape .sobre-loja-rodape .titulo{
        text-align: center;
        width: 100%;
        margin: 0 auto 20px;
    }

    #corpo .box-cols{
        flex-direction: column;
    }

    #corpo .box-cols .box-footer:first-child{
        width: 100%;
    }

    #corpo .box-cols .box-footer:last-child{
        width: 100%;
        margin-top: 20px;
    }

    .box-footer{
        padding: 20px 10px;
        flex-direction: column;
    }

    .box-footer.large{
        padding: 20px;
    }

    .box-footer form{
        width: 100%;
        margin: 0;
        flex-direction: column;
        align-items: center;
    }

    .box-footer input{
        width: 100%;
        margin-bottom: 20px;
    }

    .box-footer form::before{
        bottom: auto;
        top: 5px;
    }

    .box-footer .item:not(:first-child){
        border-top: 1px solid var(--color_subtitle_block);
        border-left: 0;
        margin-top: 20px;
        padding-top: 20px;
    }

    .box-footer .item{
        flex-direction: column;
        align-items: center;
        text-align: center;
        height: auto;
    }

    .box-footer svg{
        margin: 0;
    }

    #corpo{
        margin-bottom: 50px;
    }

    .pagamento-selos + [style] .row-fluid{
        flex-direction: column;
        align-items: center;
    }

    .pagamento-selos + [style] .row-fluid > div:last-child{
        text-align: center !important;
    }

    .pagamento-selos + [style] .row-fluid > div:first-child{
        margin-bottom: 20px;
    }

    .pagamento-selos + [style] p{
        font-size: 12px;
        text-align: center;
    }

    .institucional .span9 .row-fluid{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .sobre-loja-rodape ul{
        justify-content: center;
    }

    .selos ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .selos li{
        margin: 0 0 20px;
    }

    .selos li:last-child{
        margin-bottom: 0;
    }

    .institucional .span9 .row-fluid > [class*=span]{
        margin-top: 40px;
    }

    #rodape .institucional .sobre-loja-rodape{
        margin-top: 0;
    }

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

    .box-footer{
        flex-direction: column;
    }

    .box-footer.large:last-child > div:first-child{
        width: 100%;
        padding: 0 0 20px;
        border: 0;
    }

}


/* category and search*/

.ordenar-listagem.rodape{
    border: 0;
}

.pagination ul>li.disabled{
    display: none;
}



.pagination .icon-double-angle-right::before{
    content: '\f105';
}

.pagination .icon-double-angle-left::before{
    content: '\f104';
}

.ordenar-listagem.rodape .pagination{
    float: none;
    text-align: center;
}

.pagination ul{
    box-shadow: none;
}

.pagination ul>li>a, .pagination ul>li>span{
    border: 0;
    font-size: 16px;
    min-width: 44px;
    line-height: 44px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--text);
    background-color: transparent;
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span{
    background-color: #33302f;
    color: #fff;
}

@media (min-width: 768px){
    .pagination ul>li a[rel="next"]::before{
        content: 'Próxima página';
    }
    
    .pagination ul>li a[rel="prev"]::before{
        content: 'Página anterior';
    }
}

@media (max-width: 767px){
    .pagination ul>li>a, .pagination ul>li>span{
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}

.filtro{
    border: 0;
    padding: 0;
    outline: 0;
    box-shadow: none;
}

.filtro h4{
    font-size: 18px;
    line-height: 1.3;
    padding-bottom: 20px;
    min-height: 44px;
    border-radius: 4px;
    color: var(--color_button);
    background-color: var(--bg_button);
    padding: 0 10px 2px;
    box-sizing: border-box;
    border: 0;
    display: flex;
    align-items: center;
}

.load-font .filtro h4::before{
    content: '\f105';
    font-family: 'FontAwesomee';
    padding-right: 10px;
    font-size: 20px;
}

.load-font .filtro h4 a{
    margin-left: auto;
}

.filtro.lista ul{
    border: 0;
    max-height: 438px;
}

.filtro.lista ul li label:active,
.filtro.lista ul li label:hover{
    background-color: transparent;

}

.filtro.lista ul li{
    border: 0;
}

.filtro a{
    text-decoration: none;
}


.filtro.lista ul li label{
    font-size: 14px;
    padding: 6px 10px;
    line-height: 1.36;
    color: var(--text) !important;

}

.filtro.lista ul li.active label{
    font-weight: 600;
}

.menu.lateral .com-filho.borda-principal{
    border: 0;
}

.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
    background-color: transparent;
}

.coluna .menu .nivel-tres{
    display: none !important;
}

.coluna .menu li.com-filho>a i,
.coluna .menu .nivel-dois .com-filho i{
    display: none;
}
.coluna .menu li{
    padding: 0;
}

.coluna.span3{
    width: 23.81305637982196%;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.coluna.span3 .lateral{
    order: -1;
}

.coluna + .conteudo.span9{
    width: 76.18694362017804%;
    margin: 0;
    padding-left: 21px;
}

.coluna .componente{
    text-align: center;
    background-color: var(--bg_bar_news);
    border: 0;
    border-radius: 4px;
    padding: 25px;
    margin-top: 60px;
}

.coluna .componente:not(.newsletter){
    display: none;
}

.coluna .componente .titulo{
    font-size: 18px;
    color: var(--title_bar_news);
    margin-bottom: 10px;
}

.coluna .componente .titulo i{
    float: none;
    font-size: 64px;
    display: block;
    text-align: center;
    color: var(--text);
    margin-bottom: 25px;
}

.coluna ul.nivel-um .ativo > a{
    font-size: 18px;
    padding: 9px 10px 11px !important;
    background: var(--bg_button);
    color: var(--color_button);
    display: block;
    border-radius: 4px;
    margin-bottom: 14px;
}

.menu.lateral li.ativo .titulo{
    color: inherit;
    margin: 0;
    font-weight: 700;
}

.menu.lateral .ativo{
    background-color: transparent;
    order: -1;
}

.menu.lateral .com-filho .titulo{
    color: #fff;
}

.coluna.span3 .lateral.outras{
    margin: 0 0 25px;
}

.menu.lateral.outras li{
    border-top: 1px solid #f5f5f5 !important;
}

.menu.lateral.outras li > a{
    padding: 10px 0;
}

.menu.lateral.outras li:last-child{
    border-bottom: 1px solid #f5f5f5 !important;
}

.menu.lateral .com-filho .titulo{
    margin: 0;
    font-weight: 700;
}

.load-font .coluna ul.nivel-um .ativo > a::before{
    content: '\f078';
    font-family: 'FontAwesomee';
    font-size: 16px;
    padding-right: 10px;
}

.coluna .menu.lateral.outras li .titulo{
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.28px;
    padding: 8px 0;
    font-weight: 700;
}

.menu.lateral .nivel-dois{
    display: flex;
    flex-direction: column;
}

.menu.lateral .nivel-dois a{
    font-size: 14px;
}

.menu a:hover{
    opacity: .8;
}

.coluna .menu .nivel-dois .com-filho>a{
    font-size: 14px;
    margin: 0;
    line-height: 1.3;
    padding: 6px 0;
}

.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{
    border: 0 !important;
    box-shadow: none;
    padding: 0 10px;
}

.menu .nivel-dois li:hover, .menu.lateral.outras .nivel-um li:hover a{
    background-color: unset;
}

.menu .nivel-dois li{
    border: 0;
}

.coluna.span3 .close-menu{
    display: none;
}

.atributos ul li a{
    border-radius: 4px;
}

.atributo-cor a span{
    border-width: 0 0 42px 42px;
}

.filtro.atributos div ul{
    margin: 0 5px;
}

.filtro.atributos div ul li{
    margin: 5px 8px;
}

.atributos ul li a{
    padding: 0;
    margin: 0;
    border: 2px solid transparent !important;
    box-shadow: 0 0 0 2px rgba(0,0,0,.0);
    transition: ease-in-out .2s;
    background-color: var(--bg_nav);
}

.atributos ul li a.indisponivel::after{
    content: "×";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #ff0000;
    line-height: 20px;
    right: -10px;
    border: 2px solid #ff0000;
    top: -10px;
    background: #efefef;
    font-size: 20px;
}

.atributos ul li a:hover, .atributos ul li.active a{
    box-shadow: 0 0 0 2px rgba(0,0,0,.2);
}

.atributos .atributo-comum ul li a{
    box-shadow: none !important;
    border-radius: 4px;
    font-size: 14px;
    min-width: 42px;
    display: block;
    border: 0 !important;
    text-align: center;
}

.atributos .atributo-comum ul li a span{
    line-height: 42px;
    color: var(--color_button);
}

.atributos .atributo-comum ul li:hover a{
    background-color: var(--color_bg_nav);
}

.atributos div.atributo-comum ul li.active a{
    color: var(--color_button);
    background-color: var(--bg_button);
    box-shadow: 2px 2px 3px #a3a3a3 !important;
}

.atributos .atributo-comum ul li.active a span{
    color: inherit;
    display: inline;
}

.ov-table{
    overflow: auto;
    position: relative;
}

@media (max-width: 991px){
    .coluna + .conteudo.span9{
        width: 100%;
        padding: 0;
    }

    .coluna.span3{
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 12;
        width: 300px;
        color: #fff;
        z-index: 21;
        padding: 36px 10px 0;
        opacity: 0;
        visibility: hidden;
        transition: ease-in-out .2s;
        transform: translateX(-100%);
        height: 100%;
        overflow: auto;
    }

    .coluna .componente{
        display: none;
    }

    .secao-principal.active .coluna.span3{
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .show-shadow{
        position: fixed;
        z-index: 20;
        background-color: #000;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        visibility: hidden;
        transition: ease-in-out .2s;
    }

    .secao-principal.active .show-shadow{
        visibility: visible;
        opacity: .8;
    }

    .coluna.span3 .close-menu{
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px;
        z-index: 2;
        color: var(--text);
        font-size: 18px;
        display: block;
    }

    .menu.lateral{
        background-color: unset;
    }

}

/* painel */

.conteudo .abas-conteudo{
    box-shadow: none;
}

.caixa-info{
    box-shadow: none;
    border: 1px solid #f5f5f5;
    background-color: #f8f8f8;

}

/* product */

.breadcrumbs{
    padding: 0;
    border: 0;
}

.breadcrumbs .icon-home{
    display: none;
}

.caixa-sombreada > div::after{
    content: '';
    display: block;
    clear: both;
}

.pagina-pagina .caixa-sombreada{
    padding: 0;
    box-shadow: none;
    border: 0;
}

.pagina-pagina .conteudo ol li{
    list-style-type: decimal;
}

.produto .row-fluid:not(.hide){
    display: flex;
}

.produto .row-fluid::before,
.produto .row-fluid::after{
    display: none;
}

.produto .row-fluid > .span6:first-child{
    width: 100%;
}
.produto .row-fluid > .span6:last-child{
    width: 100%;
}

.avise-me{
    text-align: left;
    position: relative;
    display: block;
    
}

.avise-me svg{
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 0;
    fill: var(--text);
}

.avise-me .avise-tit{
    font-size: 16px;
    font-weight: 600;
    color: var(--color_title);
    padding-left: 85px;
}

.avise-me .avise-tit::before{
    content: '';

}

.avise-me .avise-descr{
    margin: 0 0 40px;
    font-size: 14px;
    padding-left: 85px;
}

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

.span12 > .abas-custom > .tab-content{ 
    background-color: #fafafa;
    border-radius: 5px;
    padding: 30px 32px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: 0.28px;
}

.span12 > .abas-custom .abas-custom{
    margin: -30px -32px;
    background-color: #fff;
}

.span12 > .abas-custom .abas-custom{

}

.span12 > .abas-custom .abas-custom .tab-content{
    background-color: #fafafa;
    border-radius: 5px;
    padding: 30px 32px;
}

.nav-tabs{
    margin: 0 0 20px;
}

.nav-tabs li{
    list-style: none !important;
    margin-bottom: 10px;
}

.abas-custom .nav-tabs li{
    margin-right: 16px;
}

.nav-tabs li a{
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 0 30px;
    line-height: 60px;
    transition: ease-in-out .2s;
    box-shadow: none !important;
    border: 0 !important;
    background-color: #fafafa;
}

.nav-tabs li.active a{
    background-color: var(--bg_button) !important;
    color: var(--color_button) !important;
}


.cep .form-inline{
    max-width: 360px;
    width: calc(100% - 175px);
}

.cep .input-append{
    width: 100%;
}

.cep .input-append.input-prepend input{
    height: 52px;
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 12px;
    box-shadow: none;
    width: 215px;
    width: calc(100% - 145px);
    border-color: #f5f5f5 !important;
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child{
    height: 52px;
    box-sizing: border-box;
    min-width: 145px;
    font-size: 16px;
    font-weight: 600;
}

.cep .btn{
    background-color: var(--button_shipping);
}

.cep .btn:hover{
    background-color: var(--button_shipping_hover);
}

.btn{
    background: var(--bg_button);
    color: var(--color_button) !important;
    text-shadow: none;
    box-shadow: none !important;
    transition: background-color ease-in-out .2s !important;
    font-weight: 600;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{
    background: var(--bg_button_hover);
}

#formCalcularCep{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cep label{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
}

.cep label svg{
    fill: var(--text);
    margin-right: 10px;
    vertical-align: -5px;
}

.produto .nome-produto{
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--color_title);
    width: 100%;
}

.info-principal-produto{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
}

.produto .codigo-produto{
    border: 0;
    border-top: 1px solid #f5f5f5;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 20px 0 0;
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0.28px;
}

.produto .codigo-produto b{
    font-weight: 500;
}

.produto .codigo-produto>span{
    display: block;
    margin-bottom: 10px;
}

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

.info-principal-produto .line-space{
    width: 100%;
    margin-top: 10px;
}

.info-principal-produto .lista-favoritos,
.button-payment{
    line-height: 44px;
    height: 44px;
    background-color: var(--bg_button);
    color: var(--bg_button_hover);
    border-radius: 5px;
    padding: 0 16px;
    text-decoration: none;
    font-size: 0;
    cursor: pointer;
    color: var(--color_button);
    transition: ease-in-out .2s;
}

.info-principal-produto .lista-favoritos:hover,
.button-payment:hover{
    background-color: var(--bg_button_hover);
}


.page-product .fancybox-type-html{
    max-width: 100%;
}

.page-product .fancybox-type-html .fancybox-inner{
    max-width: 100%;
}

/* .parcelas-produto .accordion{
    border: 0;
    margin: 20px;
} */

.button-payment{
    font-size: 14px;
    margin-left: 20px;
}

.button-payment i::before{
    content: '\f283';
}

.info-principal-produto .lista-favoritos * {
    color: inherit;
}

.info-principal-produto .lista-favoritos i,
.button-payment i{
    font-size: 16px;
    margin-right: 9px;
    vertical-align: -1px;
}

.load-font .info-principal-produto .lista-favoritos i::before{
    content: '\f004';
    font-family: 'Fontawesomee';
}

.info-principal-produto .lista-favoritos::after{
    content: 'Adicionar aos favoritos';
    font-size: 14px;
    letter-spacing: 0.28px;

}

.elastislide-carousel ul li a{
    overflow: hidden;
    border-radius: 4px;
    box-shadow: none;
    border-width: 1px;
}

.thumbs-vertical .elastislide-carousel ul li{
    width: 94px;
    height: 104px;
}

.thumbs-vertical .elastislide-carousel ul li a{
    width: 100%;
    height: 94px;
    border: 0 !important;
}

.thumbs-vertical{
    width: 94px;
}

@media (min-width: 768px){
    .thumbs-vertical+.conteiner-imagem, .thumbs-vertical+.conteiner-imagem+.produto-thumbs+.produto-compartilhar{
        margin-left: 114px;
    }
    .produto .row-fluid > .span6:first-child{
        width: calc(59.198% - 20px);
    }
    .produto .row-fluid > .span6:last-child{
        width: 40.802%;
        margin-left: 20px;
    }
}

.elastislide-carousel ul li.active a{
    border: 1px solid #f9f9f6;
    box-sizing: border-box;
}

.produto .conteiner-imagem>div{
    border: solid 1px #f5f5f5;
    background-color: #ffffff;
    margin-bottom: 20px;
    padding: 0;
}

body:not(.pagina-inicial) #corpo{
    margin-top: 100px !important;
}

.breadcrumbs .fa-folder{
    display: none;
}

.info-principal-produto .breadcrumbs ul li *,
.breadcrumbs ul li *{
    font-size: 14px;
}

.breadcrumbs strong{
    font-weight: 400;
}

.breadcrumbs ul li{
    border: 0;
}

@media (min-width: 768px){
    .load-font .breadcrumbs ul li:not(:last-child):after{
        content: '\f105';
        font-family: 'FontAwesomee';
    }
}

.info-principal-produto{
    margin-bottom: 40px;
}

.produto .tag-produto{
    order: -1;
    background-color: var(--tags_product) !important;
    border-radius: 6px 6px 24px 6px;
    box-shadow: none;
    border: 0;
    letter-spacing: 0.36px;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    line-height: 25px;
    padding: 0 20px 0 10px;
    text-shadow: none;
    margin-bottom: 18px;
}

.produto .acoes-produto{
    margin-bottom: 10px;
}

.produto .acoes-produto .preco-produto.destaque-parcela .preco-promocional{
    font-size: 26px;
    font-weight: bold;
    line-height: 1.27;
    color: var(--color_price);
}

.zm-viewer{
    z-index: 4 !important;
}

.produto .acoes-produto .comprar{
    display: flex;
    align-items: center;
    max-width: 100%;
}

.acoes-produto .comprar .botao-comprar{
    position: relative;
}

.produto .cep ul li span.nome{
    margin-right: 10px;
}

.acoes-produto .comprar .botao-comprar::after{
    content: 'Compra segura';
    background: url("data:image/svg+xml,%3Csvg fill='%2308922d' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 428.16 428.16'%3E%3Cpath d='M393.8,115.208c-0.512-11.264-0.512-22.016-0.512-32.768c0-8.704-6.656-15.36-15.36-15.36 c-64,0-112.64-18.432-153.088-57.856c-6.144-5.632-15.36-5.632-21.504,0C162.888,43.648,114.248,62.08,50.248,62.08 c-8.704,0-15.36,6.656-15.36,15.36c0,10.752,0,21.504-0.512,32.768c-2.048,107.52-5.12,254.976,174.592,316.928l5.12,1.024 l5.12-1.024C398.408,365.184,395.848,218.24,393.8,110.208z M201.8,259.2c-3.072,2.56-6.656,4.096-10.752,4.096h-0.512 c-4.096,0-8.192-2.048-10.752-5.12l-47.616-52.736l23.04-20.48l37.376,41.472l82.944-78.848l20.992,22.528L201.8,259.2z'/%3E%3C/svg%3E") no-repeat left center;
    background-size: 14px;
    padding-left: 23px;
    white-space: nowrap;
    color: #08922d;
    position: absolute;
    top: 114%;
    line-height: 16px;
    font-weight: 400;
    text-transform: none;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%);
}

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

.produto .comprar .popover .arrow{
    display: none;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho{
    width: 93px !important;
    margin: 0 36px;
    position: relative;
}

.produto .comprar .arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 31px;
    height: 46px;
    border-radius: 4px;
    background-color: var(--button_add);
    left: -15px;
    cursor: pointer;
}

.produto .comprar .arrow:before,
.produto .comprar .arrow:not(.left):after{
    content: '';
    display: block;
    width: 12px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.produto .comprar .arrow.right:after{
    height: 12px;
    width: 2px;
}

.produto .comprar .arrow.right{
    right: -15px;
    left: auto;
}

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

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho{
    font-size: 18px;
    height: 62px;
    border-radius: 4px;
    background-color: #f9f9f6;
    text-align: center;
    box-shadow: none !important;
    border: 0;
}

.acoes-produto .comprar .botao-comprar{
    font-size: 16px;
    line-height: 62px;
    height: 62px;
    padding: 0;
    text-transform: uppercase;
    min-width: 180px;
    max-width: 180px;
    background-color: var(--button_buy);
    border: 0;
}

.acoes-produto .comprar .botao-comprar:hover{
    background-color: var(--button_buy_hover);
}

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

.produto .acoes-produto .comprar span.disponibilidade-produto{
    display: none;
}

.info-principal-produto .breadcrumbs ul li:last-child:after{
    display: none;
}

.breadcrumbs{
    margin-bottom: 20px !important;
}

.caixa-sombreada{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
}

.abas-custom img,
.caixa-sombreada img{
    height: auto !important;
    max-width: 100%;
}

.abas-custom img[style*="float: right"],
.caixa-sombreada img[style*="float: right"]{
    margin: 0 0 20px 30px;
}

.conteudo h1.titulo{
    font-weight: 700;
    font-size: 32px;
    border-bottom: solid 1px #f5f5f5;
    padding-bottom: 22px;
    margin-bottom: 20px;
}

.produto .atributos{
    margin: 40px 0;
}

.produto .atributos span{
    font-size: 14px;
}

.produto .atributos span b{
    font-weight: 600;
}

.produto .acoes-produto .preco-produto{
    line-height: 1.5;
}

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

.produto .acoes-produto .preco-produto .preco-a-partir .preco-venda,
.produto .acoes-produto .preco-produto .preco-promocional{
    font-size: 26px;
    font-weight: 700;
    margin: 4px 0;
    color: var(--color_price);
}

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

.produto .preco-produto{
    font-size: 12px;
}

.produto .preco-produto.destaque-preco strong{
    font-weight: 600;
}

.produto .listagem.aproveite-tambem .preco-produto.destaque-preco strong{
    font-weight: 700;
}

.listagem.aproveite-tambem .preco-parcela{
    font-size: 14px;
}

.produto .listagem.aproveite-tambem .preco-produto{
    font-size: 14px;
}

.acoes-produto .preco-produto, .produto-compartilhar{
    border: 0;
}

.avise-me .avise-btn .botao{
    padding: 0 10px;
}

/* .produto .parcelas-produto:not(.hide),
.produto .parcelas-produto{
    position: absolute;
    opacity: 0;
    pointer-events: none;
} */

@media (max-width: 1100px){
    .input-prepend.input-append .btn:last-child{
        min-width: 60px;
    }

    .cep .input-append.input-prepend input{
        width: calc(100% - 60px);
    }
}

@media (max-width: 767px){
    .abas-custom img[style*="float: right"],
    .caixa-sombreada img[style*="float: right"]{
        float: none !important;
        margin: 20px auto;
        display: block;
    }

    body:not(.pagina-inicial) #corpo{
        margin-top: 40px !important;
    }

    .conteudo h1.titulo{
        font-size: 22px;
    }

    .produto .row-fluid:not(.hide){
        display: block;
    }

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

    .produto .acoes-produto .comprar{
        margin-bottom: 20px;
    }

    .produto .acoes-produto .comprar .qtde-adicionar-carrinho{
        margin-left: 15px;
    }

    #formCalcularCep{
        flex-direction: column;
        align-items: flex-start;
    }

    .cep .form-inline{
        width: 100%;
        margin-top: 8px;
    }

    .produto .nome-produto{
        font-size: 22px;
    }

    .pagina-produto .listagem > ul > li{
        width: 50%;
    }

    .listagem.aproveite-tambem .preco-parcela,
    .produto .listagem.aproveite-tambem .preco-produto{
        font-size: 10px;
    }

    .abas-custom .nav-tabs li a{
        font-size: 12px;
        line-height: 40px;
        padding: 0 15px;
    }
    
    .produto .acoes-produto .comprar{
        flex-wrap: wrap;
    }

    .produto .popover{
        position: static !important;
        margin-top: 10px;
        margin-left: 10px;
    }

    .acoes-produto .comprar .botao-comprar{
        margin-right: 20px;
    }

    .span12 > .abas-custom > .tab-content{ 
        padding: 10px 15px;
    }
    
    .span12 > .abas-custom .abas-custom{
        margin: -10px -15px;
        background-color: #fff;
    }
    
    .span12 > .abas-custom .abas-custom .tab-content{
        padding: 10px 15px;
    }
}

@media (max-width: 480px){
    .acoes-produto .comprar .botao-comprar{
        width: 100%;
        margin-right: 0;
        max-width: unset;
        min-width: 0;
    }

    .acoes-produto .comprar .botao-comprar{
        width: calc(100% - 144px);
        margin-right: 0;
        max-width: unset;

    }
    
}

/* contact */


#modalContato{
    background-color: #f9f9f6;
    max-width: 92%;
    right: 0;
}

#modalContato .modal-body{
    padding: 0;
    margin: 0px 40px 20px;
    border-top: 1px solid #dedede;
    padding-top: 20px;
    max-height: calc(100vh - 200px);
}

#modalContato input,
#modalContato textarea{
    border-color: #ececec;
    box-sizing: border-box;
    border-left: 5px solid #33302f !important;
    box-shadow: none;
    padding: 10px 15px;
    width: 100%;
}

#modalContato input{
    height: 48px;
}

#modalContato .control-group{
    margin-bottom: 18px;
}

#modalContato .control-group .botao.principal.pull-right{
    float: left;
    height: 40px;
    line-height: initial;
}

#modalContato .control-group .botao.principal.pull-right+.botao{
    display: none;
}

#modalContato input:focus{
    box-shadow: none !important;
    border-color: #ececec;
}

#modalContato table{
    margin-bottom: 14px;
}

#modalContato .modal-header{
    padding: 20px 40px 0;
    font-size: 0;
}
#modalContato .modal-header .titulo{
    font-size: 0;
}

#modalContato .modal-header .titulo::before{
    content: 'Contato';
    font-size: 32px;
    font-weight: 700;
    color: var(--color_title);
}

#modalContato .form-horizontal .controls{
    margin: 0;
}

#modalContato .form-horizontal .control-label{
    float: none;
    margin-bottom: 6px;
    display: block;
    text-align: left;
    padding: 0;
}

#modalContato .icon-remove{
    position: absolute;
    top: -15px;
    right: -15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #eceae7;
    color: #33302f;
    line-height: 50px;
    text-align: center;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

#modalContato .close{
    opacity: 1 !important;
}

@media(max-width: 480px){
    #modalContato .modal-header{
        padding: 20px 20px 0;
    }

    #modalContato .modal-body{
        margin: 0 20px
    }

    #modalContato .modal-body > .row-fluid > .span6:nth-child(2){
        display: none;
    }
}


/* news modal */

.newsletter-cadastro.input-conteiner.error:after{
    content: 'Ocorreu um problema no cadastro do e-mail.';
    display: block;
    margin-top: 5px;
}

.fancybox-skin{
    padding: 0 !important;
    border-radius: 8px;
}

.modal-modalNewsletter .fancybox-skin{
    background-color: transparent;
}

.modal-modalNewsletter{
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
}

.modal-modalNewsletter .fancybox-inner{
    width: auto !important;
    height: 420px !important;
}

#modalNewsletter .componente{
    display: flex;
    max-width: 860px;
}

#modalNewsletter .image{
    width: 420px;
    height: 420px;
}
#modalNewsletter .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#modalNewsletter .componente .interno{
    width: 440px;
    height: 420px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

#modalNewsletter .componente .interno > * {
    max-width: 250px;
}

#modalNewsletter .componente{
    background-color: var(--bg_modal_news);
    color: var(--color_modal_news);
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
}

#modalNewsletter .componente .titulo i{
    display: none;
}

#modalNewsletter .componente .titulo{
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--title_modal_news);
    margin-bottom: 10px;
}

#modalNewsletter .componente .texto-newsletter{
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0.32px;
}

#modalNewsletter .newsletter .input-conteiner{
    margin-top: 40px;
}

#modalNewsletter .newsletter .botao{
    position: unset;
    width: 100%;
    line-height: 1.3;
    background-color: var(--bg_button);
    color: var(--color_button);
    height: 48px;
    font-size: 0;
    box-sizing: border-box;
    transition: ease-in .2s;
    border-radius: 10px;
}

#modalNewsletter .newsletter .botao:hover{
    background-color: var(--bg_button_hover);
}

#modalNewsletter .newsletter-cadastro input{
    height: 48px;
    font-size: 13px;
    background-color: rgba(255,255,255,.1);
    box-sizing: border-box;
    border: 0;
    color: var(--title_modal_news);
    box-shadow: none;
    width: 100%;
    text-align: center;
    border: 1px solid var(--border_modal_news)
}

#modalNewsletter .newsletter-cadastro input::placeholder{
    opacity: .8;
    color: var(--title_modal_news);
}

#modalNewsletter .newsletter .botao::before{
    content: var(--button_news);
    font-size: 14px;
    font-weight: 600;
}

.fancybox-item.fancybox-close{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background: #eceae7;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -15px;
    right: -15px;
    text-decoration: none;
}

.load-font .fancybox-item.fancybox-close::before{
    content: "\f00d";
    font-family: 'FontAwesomee';
    font-size: 20px;
}

.msg-cupom{
    font-size: 12px;
    letter-spacing: 0.24px;
    margin-bottom: 11px;
    margin-top: 56px;
}

#modalNewsletter .box-input{
    position: relative;
}

#modalNewsletter .box-input input{
    border-radius: 4px;
    background-color: rgba(255,255,255,.1);
    padding: 0 98px 0 13px;
    box-sizing: border-box;
    height: 44px;
    border: 0;
    color: var(--color_modal_news);
    box-shadow: none;
    width: 100%;
}

#modalNewsletter .box-input input::placeholder{
    opacity: .4;
    color: var(--color_modal_news);
}

#modalNewsletter .box-input .copy-button{
    position: absolute;
    right: 6px;
    top: 6px;
    background-color: var(--color_modal_news);
    color: var(--bg_modal_news);
    width: 90px;
    text-align: center;
    line-height: 32px;
    font-weight: 600;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity ease-in-out .2s;
}

#modalNewsletter .box-input .copy-button:hover{
    opacity: .8;
}

#modalNewsletter .texto-newsletter.newsletter-cadastro.hide{
    display: block;
}

#modalNewsletter .clipboard{
    position: absolute;
    top: 115%;
    left: 0;
    background-color: var(--color_modal_news);
    color: var(--bg_modal_news);
    padding: 5px 14px;
    font-size: 14px;
    transition: ease-in-out .6s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 4px;
}

#modalNewsletter .newsletter .newsletter-confirmacao span{
    margin: 30px 0 0;
}

#modalNewsletter .newsletter .newsletter-confirmacao .icon-ok{
    display: none;
}

#modalNewsletter .clipboard.active{
    opacity: 1;
    visibility: visible;
    transition-duration: .3s;
}

#modalNewsletter .clipboard::before{
    content: '';
    border-bottom: 5px solid var(--color_modal_news);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: 100%;
    left: 10px;
}

.fancybox-inner .video{
    width: 800px;
    max-width: 100%;
}

.video{
    position: relative;
    font-size: 0;
    max-width: 900px;
    width: 100%;
    margin: auto;
}

.video::before{
    content: '';
    display: block;
    padding-bottom: 56.25%;
}

.video video,
.video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 992px){
    #modalNewsletter .box-input{
        margin: 0 -28px;
    }
}

@media (max-width: 991px){
    #modalNewsletter .image{
        display: none;
    }

    #modalNewsletter .componente .interno{
        max-width: calc(100vw - 60px);
    }

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

.coluna p.texto-newsletter{
    color: var(--text);
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
}

.coluna .newsletter .input-conteiner input{
    height: 52px;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    font-size: 12px;
    border: 0;
    box-shadow: none;
    width: 100%;
}

.coluna .componente .interno{
    padding: 0;
}

.coluna .newsletter .botao{
    position: static;
    width: 100%;
    font-family: inherit;
    background-color: var(--bg_button);
}

.coluna .newsletter .botao:hover{
    background-color: var(--bg_button_hover);
}

.coluna .newsletter .botao::before{
    content: 'Eu quero!';
    font-size: 16px;
    font-weight: 600;
}

.pagina-categoria .conteudo h1.titulo,
.pagina-busca .conteudo h1.titulo{
    padding-bottom: 0;
    border: 0;
    margin: 0;
}

.ordenar-listagem.topo{
    border: 0;
    padding: 0;
}

.ordenar-listagem.topo .span6:not(.clearfix){
    display: none;
}

.ordenar-listagem.topo .span6.clearfix{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #f5f5f5;
    padding-bottom: 24px;
    margin-bottom: 40px;
}

.ordenar-listagem.topo .span6.clearfix .breadcrumbs{
    width: 100%;
}

.ordenar-listagem.topo .span6.clearfix::before,
.ordenar-listagem.topo .span6.clearfix::after{
    display: none;
}

.ordenar-listagem .dropdown-menu{
    left: auto;
    right: 0;
}

.ordenar-listagem .input-append:last-child{
    background: #f6f5f2;
    border-radius: 4px;
    border: 0;
    padding: 0;
}

#botaoOrdenar{
    background: transparent;
    color: var(--text) !important;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.ordenar-listagem label{
    border: 0;
    min-width: 135px;
    font-size: 14px;
    background: transparent;
}

#botaoOrdenar .icon-caret-down:before{
    content: '\f107';
}

.conteudo > p{
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.show-filter{
    font-size: 14px;
    border-radius: 4px;
    background-color: #f6f5f2;
    display: none;
    min-width: 100px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}

@media (max-width: 767px){
    .ordenar-listagem.topo .span6.clearfix{
        flex-direction: column;
        align-items: flex-start;
    }

    .pagina-categoria .conteudo h1.titulo, .pagina-busca .conteudo h1.titulo{
        margin-bottom: 14px;
    }

    .ordenar-listagem.topo .span6.clearfix > div{
        justify-content: space-between;
        display: flex;
    }    

    .ordenar-listagem .input-append:first-child{
        width: 100%;
    }

    .show-filter{
        display: block;
    }

    .menu.lateral .nivel-um{
        display: block;
    }

    .menu.superior .nivel-um, .menu.lateral .nivel-um{
        border: 0;
    }
}


/* cart page  */

.cabecalho-interno .titulo{
    font-weight: 600;
    color: var(--color_title);
    font-size: 16px;
    border-bottom: 1px solid #f5f5f5;
}

.cabecalho-interno .titulo small{
    letter-spacing: 0.28px;
    font-size: 14px;
    color: var(--color_title);
}

.botao.grande{
    font-size: 16px;
    padding: 0 20px;
}

.total{
    font-weight: 700;
    color: var(--color_title);
}

.total strong{
    font-size: 22px;
    font-weight: 700;
    color: var(--color_price);
}

.pagina-carrinho .botao.grande{
    background-color: var(--button_finish);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
}

.pagina-carrinho .botao.grande:hover{
    background-color: var(--button_finish_hover);
}

.caixa-sombreada{
    box-shadow: none;
}

.tabela-carrinho th{
    background-color: #f5f5f5;
    font-size: 16px;
}

.tabela-carrinho h6{
    font-size: 16px;
}

.tabela-carrinho td, .tabela-carrinho th{
    padding: 20px;
    border-left: 0;
    border-right: 0;
    border-color: #f5f5f5;
}

.tabela-carrinho tr{
    border-color: #f5f5f5;
}

.tabela-carrinho .preco-produto strong.preco-promocional{
    font-size: 16px;
}

.tabela-carrinho .produto-info a{
    font-size: 16px;
    font-weight: 600;
    color: var(--color_title);
}

.tabela-carrinho .produto-info ul{
    font-size: 14px;
}

.tabela-carrinho .produto-info ul li span strong{
    font-weight: 500;
}

.tabela-carrinho .bg-dark{
    background-color: transparent;
}

.acao-editar{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.acao-editar .selo-ssl{
    margin-left: auto;
    position: static;
}

.acao-editar .span12{
    order: 3;
    width: auto;
    margin-left: 14px;
}

.acao-editar .selo-ssl img{
    display: none;
}

.acao-editar .selo-ssl::before{
    content: 'Compra segura';
    background: url("data:image/svg+xml,%3Csvg fill='%23665f5d' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 428.16 428.16'%3E%3Cpath d='M393.8,110.208c-0.512-11.264-0.512-22.016-0.512-32.768c0-8.704-6.656-15.36-15.36-15.36 c-64,0-112.64-18.432-153.088-57.856c-6.144-5.632-15.36-5.632-21.504,0C162.888,43.648,114.248,62.08,50.248,62.08 c-8.704,0-15.36,6.656-15.36,15.36c0,10.752,0,21.504-0.512,32.768c-2.048,107.52-5.12,254.976,174.592,316.928l5.12,1.024 l5.12-1.024C398.408,365.184,395.848,218.24,393.8,110.208z M201.8,259.2c-3.072,2.56-6.656,4.096-10.752,4.096h-0.512 c-4.096,0-8.192-2.048-10.752-5.12l-47.616-52.736l23.04-20.48l37.376,41.472l82.944-78.848l20.992,22.528L201.8,259.2z'/%3E%3C/svg%3E") no-repeat left center;
    background-size: 14px;
    padding-left: 23px;
    white-space: nowrap;
}

.acao-editar a.botao{
    height: 40px;
    border-radius: 4px;
    background-color: #f5f5f5;
    text-align: center;
    padding: 0 34px;
    line-height: 40px;
    color: #777;
    text-transform: uppercase;
    border: 0;
    transition: ease-in-out .2s;
}

.acao-editar a.botao:hover{
    background-color: #ebebeb;
}

.pagina-carrinho #rodape{
    padding-top: 0;
}

.pagina-carrinho #rodape p{
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.28px;
    margin-bottom: 26px !important;
}

.pagina-carrinho #rodape > div{
    background: transparent !important;
    border: 0 !important;
}

.tabela-carrinho .input-small{
    height: 50px;
    width: 180px;
    padding: 0 12px;
    text-align: left;
}

.tabela-carrinho .form-horizontal .control-label{
    padding-top: 15px;
}

.tabela-carrinho .btn{
    height: 52px;
    width: 145px;
    padding: 0 12px;
    border: 0;
    background-color: var(--button_shipping);
}

.tabela-carrinho .btn:hover{
    background-color: var(--button_shipping_hover);
}

.tabela-carrinho .btn i{
    display: none;
}

.tabela-carrinho .quantidade{
    position: relative;
    width: 93px;
    margin: auto;
}

.tabela-carrinho .quantidade input[type="text"]{
    width: 100%;
    height: 62px;
    border-radius: 4px;
    background-color: #f9f9f6;
    box-sizing: border-box;
    border: 0;
    margin: 0;
}

.tabela-carrinho .quantidade a{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 31px;
    height: 46px;
    border-radius: 4px;
    background-color: var(--button_add);
    left: -16px;
    margin: auto 0;
    box-sizing: border-box;
}

.tabela-carrinho .quantidade a:hover{
    background-color: var(--button_add);
}

.tabela-carrinho .quantidade a.icon-plus{
    right: -16px;
    left: auto;
}

.tabela-carrinho .quantidade a::before,
.tabela-carrinho .quantidade a:not(.icon-minus)::after{
    content: '';
    display: block;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 2px;
}

.tabela-carrinho .quantidade a:not(.icon-minus)::after{
    height: 12px;
    width: 2px;
}

.msg-frete{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: #50442d;
    color: #50442d;
    background-color: #fbf8e3;
    padding: 16px;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: 0.32px;
    margin: 10px 0 0;
}

.msg-frete svg{
    width: 28px;
    min-width: 28px;
    height: 23px;
    fill: inherit;
    margin-right: 10px;
}

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

.identificacao .control-group input{
    box-shadow: none;
    font-size: 12px;
}

.identificacao .control-group .submit-email.botao.principal{
    font-size: 16px;
    line-height: 52px;
    padding: 0;
    max-width: unset;
    width: 142px;
    text-transform: unset;
}

.identificacao .email-box{
    margin-right: 162px;
}

.identificacao .email-box[style]{
    margin-bottom: 10px;
}

@media (max-width: 767px){
    .msg-frete{
        font-size: 12px;
    }

    .tabela-carrinho .btn{
        width: 120px;
        text-align: center !important;
    }

    .tabela-carrinho .form-horizontal .controls input{
        width: 110px;
    }

    .tabela-carrinho tr{
        border-top: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .tabela-carrinho .conteiner-imagem{
        width: 80px;
        padding: 10px 0;
    }

    .tabela-carrinho .conteiner-imagem + td{
        width: calc(100% - 80px);
        box-sizing: border-box;
        padding: 10px;
    }

    .tabela-carrinho td:empty{
        display: none;
    }

    .tabela-carrinho tr{
        border: 0;
    }

    .tabela-carrinho td{
        border: 0;
        width: 100%;
    }

    .cabecalho-interno .titulo{
        padding-bottom: 14px;
        font-size: 22px;
    }

    .tabela-carrinho .produto-info a,
    .tabela-carrinho .produto-info ul{
        font-size: 12px;
        line-height: 1.3;
        display: block;
    }

    .tabela-carrinho .produto-info ul{
        margin-top: 6px;
    }

    .tabela-carrinho .produto-info ul li{
        line-height: 1.3;
    }

    .acao-editar{
        flex-direction: column;
    }

    .acao-editar .span12{
        margin-left: 0;
    }

    .pagina-carrinho .botao.grande{
        margin: 20px 0 0;
    }

    .tabela-carrinho .quantidade{
        width: 66px;
        margin: 4px auto 14px;
    }

    .tabela-carrinho tr{
        padding: 10px 0;
    }

    .tabela-carrinho td{
        padding: 0;
    }

    .tabela-carrinho .preco-produto{
        margin: 0 16px;
    }
}

/* header cart */

.carrinho-checkout #cabecalho{
    position: static;
    box-shadow: none;
    background-color: var(--header_checkout);
}

.carrinho-checkout .conteiner-principal .conteiner{
    background-color: unset;
}

.carrinho-checkout .atendimento{
    border: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.carrinho-checkout #cabecalho .row-fluid > .span9{
    max-width: 800px;
    margin-left: auto;
}

.carrinho-checkout #cabecalho .row-fluid > .span9 .span3{
    width: auto;
    margin-left: 20px;
}

.carrinho-checkout #cabecalho .row-fluid > .span9 .span3,
.carrinho-checkout #cabecalho .row-fluid > .span9 .span3 > a{
    display: flex;
    align-items: center;
    text-decoration: none !important;
}


.carrinho-checkout .atendimento .icone-box{
    border: 0;
    padding: 0;
    font-size: 34px;
    color: var(--icon_checkout);
}

.carrinho-checkout .atendimento li .display-table{
    font-weight: 600;
    color: var(--title_header_checkout);
}

.table thead th{
    vertical-align: middle;
}

/* panel  */

.caixa-sombreada{
    border-top: 0;
}

.abas-conteudo .acao-editar a.botao{
    padding: 0 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.abas-conteudo  .acao-editar{
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -10px;
}

.coluna .caixa-sombreada{
    border: 0;
    padding-left: 0;
}

.cadastro legend{
    font-weight: 600;
    color: var(--color_title);
}

.cadastro-logar input,
.cadastro select,
.cadastro input:not([type="radio"]){
    height: 52px;
    box-sizing: border-box;
    padding: 0 14px;
}

.cadastro-logar .form-horizontal .control-label{
    padding-top: 14px;
}

.cadastro-logar .botao{
    padding: 0 20px;
}

.pagina-cadastro .acao-editar{
    justify-content: flex-end;
}

.pagina-cadastro .row-fluid .offset9{
    margin-left: 40px;
    width: auto;
}

.form-horizontal .control-label{
    padding-top: 14px;
}

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

.campos-pedido{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

@media (min-width: 1200px){
    .campos-pedido .checkout-alerta-seguro::before{
        content: '';
        height: 157px;
        border-left: 1px solid #efefef;
        position: absolute;
        right: 43%;
        top: 26px;
    }
}

.carrinho-checkout #login-content{
    width: 60%;
}

.carrinho-checkout .identificacao{
    margin: 0;
    background-color: #fafafa;
    min-height: 209px;
    display: flex;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.carrinho-checkout .identificacao .identificacao-inner{
    padding: 0;
}

.carrinho-checkout .identificacao .control-group{
    margin-bottom: 0;
    max-width: 560px;
}

.identificacao .control-group .submit-email.botao.principal{
    background-color: var(--bg_button);
}

.identificacao .control-group .submit-email.botao.principal:hover{
    background-color: var(--bg_button_hover);
}

.carrinho-checkout .identificacao .identificacao-title{
    font-size: 22px;
    font-weight: 400;
    color: var(--title_header_checkout);
    margin: 0 auto 20px;
    text-align: left;
    max-width: 560px;
}

.carrinho-checkout .atendimento li strong{
    font-weight: 400;
    color: var(--subtitle_header_checkout);
}

.checkout-alerta-seguro{
    text-align: left;
    background-color: #fafafa;
    padding: 0;
    border: 0;
    border-radius: 0;
    max-width: unset;
    margin: 0;
    position: relative;
    overflow: hidden;
    min-height: 209px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    width: 40%;
    box-sizing: border-box;
    position: static;
}

.checkout-alerta-seguro .checkout-alerta-seguro-list{
    color: var(--text);
}

.checkout-alerta-seguro .checkout-alerta-seguro-list li{
    line-height: 1.43;
    letter-spacing: 0.28px;
    font-size: 14px;
    margin-bottom: 5px;
}

.checkout-alerta-seguro .checkout-alerta-seguro-list li:last-child{
    margin-bottom: 0;
}

.checkout-alerta-seguro .checkout-alerta-seguro-tit{
    margin-top: 0;
    font-weight: 500;
    color: var(--color_title);
}

.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok{
    color: var(--text);
    margin-right: 5px;
}

.checkout-alerta-seguro .checkout-alerta-seguro-icon{
    display: none;
}

.checkout-alerta-seguro + .row-fluid{
    margin-top: 80px;
}

#formularioCheckout{
    width: 100%;
}

.carrinho-checkout #formas-pagamento-wrapper .selo-ssl{
    order: -1;
}

.carrinho-checkout .botao.grande{
    margin: 0 0 0 20px !important;

}

.checkout-alerta-seguro[style] + .row-fluid{
    margin-top: 0;
}

.campos-pedido .caixa-sombreada:not(.resumo-compra){
    border: 1px solid #f5f5f5;
    border-top: 10px solid var(--color_title);
    border-radius: 4px;
}

.campos-pedido legend{
    font-size: 16px;
    font-weight: 600;
    color: var(--color_title);
}

.campos-pedido legend a{
    font-weight: 400;
}

.campos-pedido label{
    font-size: 14px;
}

.campos-pedido label.font-bold{
    font-weight: 400;
}

#formularioCheckout .controls input,
#formularioCheckout .controls select{
    height: 40px;
    box-sizing: border-box;
    padding: 0 12px;
}

#formularioCheckout .required .controls input,
#formularioCheckout .required .controls select{
    border-left: 4px solid var(--text);
}

#formularioCheckout .required.control-group.erro input,
#formularioCheckout .required.control-group.erro select{
    border-left-color: #b94a48;
}

.help-block{
    font-size: 12px;
    margin-top: 2px;
}

.radio-conteiner{
    background-color: #fafafa;
    border-radius: 4px 0 0 4px;
}

#userExtraInfo::before{
    content: 'Dados Pessoais';
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--color_title);
    margin: 10px 0 -4px;
}

.campos-pedido .divisor{
    padding: 35px 0 20px;
    border-bottom: 0;
}

.campos-pedido .tipo-cadastro li{
    width: auto !important;
}

.campos-pedido .tipo-cadastro li a{
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.28px;
    background-color: unset;
    color: var(--color_title);
    padding: 0 20px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    text-indent: -7px;
    border-radius: 4px;
    position: relative;
    font-size: 14px;
}

.campos-pedido .tipo-cadastro li.active a::after{
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--button_shipping);
    position: absolute;
}

.campos-pedido .tipo-cadastro li.active a{
    background-color: var(--button_shipping);
    color: #fff;
}

.campos-pedido .tipo-cadastro li i{
    display: none !important;
}

.campos-pedido .tipo-cadastro li b{
    font-weight: 400;
}

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

#comprar-ajax-status .buttons{
    padding: 0 20px 20px;
}

#comprar-ajax-status .buttons::after{
    content: '';
    display: block;
    clear: both;
}

#comprar-ajax-status .subtotal strong{
    font-weight: 700;
    font-size: 16px;
}

.abas-conta{
    z-index: 1;
}

.abas-conta li a{
    box-shadow: none;
}

@media (max-width: 991px){
    .campos-pedido{
        display: block;
    }

    .carrinho-checkout #login-content,
    .checkout-alerta-seguro{
        width: 100%;
    }

    .checkout-alerta-seguro{
        min-height: auto;
    }
}

@media (max-width: 767px){

    #comprar-ajax-status .sucesso .head{
        padding: 30px 20px 0;
        white-space: nowrap;
    }

    .resumo-compra .tabela-carrinho tr[style="display: table-row;"]{
        width: 100%;
        display: block !important;
        padding: 5px 0;
    }

    .tabela-carrinho tr{
        margin-bottom: 0;
    }

    /* .tabela-carrinho .bg-dark td:not([class]){
        display: none !important;
    } */

    .resumo-compra .tabela-carrinho .padding-preco{
        padding: 0;
    }

    .identificacao .email-box{
        margin-right: 0;
    }

    .checkout-alerta-seguro{
        padding-top: 0;
    }

    .identificacao .control-group .submit-email.botao.principal{
        margin: 10px auto 0 !important;
    }

    .carrinho-checkout .identificacao .identificacao-title{
        font-size: 20px;
    }

    .identificacao .control-group input{
        padding-left: 14px;
    }

    .identificacao .control-group .fazer-cadastro{
        margin-top: 14px;
    }

    .abas-conta li a{
        padding: 10px 5px;
    }

    .abas-conta li{
        margin-right: 6px;
    }
}

.fixed-alerts{
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 0;
    z-index: 3;
}

.fixed-alerts::before{
    content: '';
    display: block;
}

.fixed-alerts::after{
    content: "\f086";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--bg_button);
    color: var(--color_button);
    cursor: pointer;
    order: 5;
    font-size: 28px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out .3s;
    box-shadow: 0 0 0 0 var(--bg_button);
}

.fixed-alerts:hover{
    width: 50px;
}

.fixed-alerts:hover::after{
    box-shadow: 0 0 0 2px var(--bg_button);
}

.fixed-alerts a{
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 50%;
    background-color: #000;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 10px;
    transition: ease-in-out .3s;
    opacity: 0;
    visibility: hidden;
    transform: scale(.8);
}

.fixed-alerts a.fa-whatsapp{
    background-color: #25d366;
    box-shadow: 0 0 0 0 #25d366;
}

.fixed-alerts a.fa-whatsapp:focus,
.fixed-alerts a.fa-whatsapp:hover{
    background-color: #25d366;
    box-shadow: 0 0 0 2px #25d366;
}

.fixed-alerts a.fa-skype{
    background-color: #00B1ED;
    box-shadow: 0 0 0 0 #00B1ED;
    transition-delay: .1s;
}

.fixed-alerts a.fa-skype:focus,
.fixed-alerts a.fa-skype:hover{
    background-color: #00B1ED;
    box-shadow: 0 0 0 2px #00B1ED;
}

.fixed-alerts a.icon-envelope{
    background-color: #665f5d;
    box-shadow: 0 0 0 0 #665f5d;
    transition-delay: .2s;
}

.fixed-alerts a.icon-envelope:focus,
.fixed-alerts a.icon-envelope:hover{
    background-color: #665f5d;
    box-shadow: 0 0 0 2px #665f5d;
}


.fixed-alerts:focus a,
.fixed-alerts:hover a{
    transition: ease-in-out .3s;
}

.fixed-alerts:focus a,
.fixed-alerts:hover a{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.load-font .fixed-alerts{
    opacity: 1;
    
}
@media (max-width: 575px){
    .action-header {   
        flex-direction: column;
    }
    .action-header > svg{
        margin: 0 auto;
    }
    .action-header .text {  
        padding: 0;
    }
}


/* add styles */

.bg-section::before{
    width: 100vw;
}

.listagem .titulo-categoria, .listagem > .titulo{
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 1025px){
    .nav .list-nav > li:not(:hover){
        overflow: hidden;
    }
}


@media (max-width: 767px){
    .listagem .listagem-liha>ul,
    .listagem .bg-section .produtos-carrossel{
        margin-left: -10px;
        margin-right: -10px;
    }
}



.menu.lateral .com-filho:hover, 
.menu.lateral li {
	z-index: 0;
}

@media (max-width: 767px) {
    .conteiner-imagem {
        position: relative;
    }

    .conteiner-imagem::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.full-slider .item li[style]{
    float: none !important;
    margin: unset !important;
}


.carrinho a svg path {
    fill: inherit !important;
}

@media (min-width: 768px){
    .listagem-item .info-produto > div:not([class]){
        
        transition: ease-in-out .16s;
    }

    .listagem-item:hover .info-produto > div:not([class]){
        opacity: 0;
    }

    .listagem-item .acoes-produto{
        background-color: transparent;
    }
}