:root { --colorcarrinho: #232323; } /* CARRINHO */ .carrinhopag{font-weight: 700; font-size: 36px; color: var(--colorcarrinho);} .text{ font-size: 12px;} .cart-resumo{ padding: 0; } .cart-item { margin: 22px 0 22px 0; text-align: center; } .cart-item img{margin: 0 auto;} .text-itens{ font-size: 11px; } .cart-remove{ color: var(--colorcarrinho); font-size: 10px; cursor: pointer; } .cart-remove:hover{ color: grey;} .remove-favorito a{ cursor: pointer; color: #FFF; background-color: #e5322d; position: absolute; padding: 6px; letter-spacing: 1px; text-transform: uppercase; } .remove-favorito a:hover{ color: #FFF; text-decoration: none; } .ico-fav{ color: red; font-size: 16px !important; } .carrinhodisplay{display: block;padding: 0 0 25px 0;margin-top: 25px;border-bottom: solid .1rem #e1e1e1; margin-left: auto !important; margin-right: auto !important;} .carrinhodisplay img{margin: 0;width: auto;max-height: 95px;} .carrinhodisplay h6,.titlecardesk h6{ font-size: 15px; margin-bottom: 24px; font-weight: bold;} .titlecarmobile{display: none;} .carrinhodisplay b{font-size: 25px;position: relative; top: 6px;} .nomeprodcarrinho{ font-size: 24px; font-weight: 500; color: #231f20; } .carvalorproduto{ border: solid .1rem #37c593;background: 0 0;color: #37c593;font-size: 1.1rem;font-weight: 500;border-radius: 5rem;width: 100px;padding: .4rem 1.6rem; text-align: center; } #excluir_produto svg{width: 20px;position: relative;left: 94%;} #botao_atualizar{position: absolute;top: 0;border: none;left: 73%;z-index: 20;outline: none !important;height: 50px;padding: 14px !important;border: 1px solid #e8e8e8;} .form-carrinho{border: none !important; width: 94%; height: 50px; background: #efefef; text-align: center; outline: none !important;} .carckt h4{font-size: 16px;font-weight: 700;letter-spacing: 0;text-transform: uppercase;color: var(--colorcarrinho);} #scrollfinalizapedido{display: none;} #scrollfinalizapedido .btn-cart{position: fixed;bottom: 15px;left: 15px;z-index: 999;width: 50%;transform: translateX(40%);} @media (max-width: 768px) { .titlecarmobile{display: block; margin-bottom: 11px !important;} #scrollfinalizapedido{display: block;} #carrega_frete_carrinho{width: 100%;} .carrinhodisplay img {width: auto;} .nomeprodcarrinho {font-size: 15px;} .carvalorproduto {font-size: 0.8rem;} .carrinhodisplay b {font-size: 18px;position: relative;top: 6px;} .codinternocarrinho {font-size: 10px !important;} } .frete_carrinho input{ border: solid .1rem #e1e1e1; font-family: "Roboto",sans-serif; height: 4.5rem; } .frete_carrinho input:focus{ box-shadow: inset 0 0 0 .1rem var(--colorcarrinho); border-color: var(--colorcarrinho); } .frete_carrinho button{ background: var(--colorcarrinho); height: 4.5rem; padding: 0;min-width: 10rem; line-height: normal; color: #fff !important;} .frete_carrinho button:focus{outline: none !important; color: #fff !important;} .cart-resumo span{font-size: 17px;} .btn-cart{width: 100%;background: var(--colorcarrinho);padding: 1.3rem;font-size: 1.6rem !important;line-height: 1.5 !important;border-radius: .4rem !important;color: #fff;font-weight: 700 !important; margin-top: 20px;} .btn-cart:hover, .btn-cart:focus{color: #fff !important; outline: none !important;} .codinternocarrinho{color: var(--colorcarrinho) !important; font-size: 14px; font-weight: 500;} #mostrar_valores{background: #eee;margin-top: 15px; border-radius: 7px; display: none;} #gifcarrinhofrete{width: 70px; height: auto; margin: 0 auto;} .gifcarrinhofrete{margin: auto; background: transparent; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s; width:67px; height:67px;} .gifcarrinhofrete,.gifcarrinhofrete path{fill: var(--colorcarrinho);} .box-border{ border: 1px solid #eeeeee; padding: 12px; margin-bottom: 20px; } .box-border h4{ margin-bottom: 25px;} .box-table hr{ margin-top: 5px; margin-bottom: 5px;} .label-text{ font-weight: 100 !important; } .MagicZoomBigImageCont{ color: transparent !important; margin: -5%; zoom: 1.1;} .centro{ margin: 20px 0px 20px 0px; } .detalhes-pedido-info span{ font-size: 18px; font-weight: bold; color: #4caf50; } .detalhes-pedido-info .btn-big{ width: 100%; height: 90px; font-size: 16px; font-weight: bold; } .detalhes-pedido-info .icons-ped-detalhes a{ color: #000; text-decoration: none; -webkit-transition: all 0.5s; transition: all 0.5s; } .detalhes-pedido-info .icons-ped-detalhes a:hover{ color: #000; text-decoration: none; opacity: 0.60; } .btn-acao-pequeno{ float: right; } .mostrar{ position: absolute; width: 95%; z-index: 99999999; } .mostrar>ul>li>a{ color: #000;} .mostrar>ul>li{ -webkit-transition: all 0.5s; transition: all 0.5s; } .mostrar>ul>li:hover{ padding-left:20px; background-color: #ddd !important;} .mostrar>ul>li:first-child{ border-radius: 0px; } .mostrar>ul>li:last-child{ border-radius: 0px; } .vanilla-zoom { width: 100%; display: flex;} .vanilla-zoom .sidebar { flex-basis: 30%; display: flex; flex-direction: column; margin-right: -83px;} .vanilla-zoom .sidebar img.small-preview{ width: 80px; margin-bottom: 5px; cursor: pointer;} .vanilla-zoom .sidebar img.small-preview:last-child{ margin-bottom: 0;} .vanilla-zoom .zoomed-image { flex: 1; background-repeat: no-repeat; background-position: center; background-size: cover; margin-left: 5px; width: 550px; height: 550px;} .zoom {display:inline-block;position: relative;} .zoom img { display: block; max-width: 100%; } .mini-imagens{ display: flex; flex-direction: column;} .mini-imagens img{ width: 80px;height: 80px; padding: 10px;} .mini-imagens img:hover{ border: 1px solid black;} .imagensProduto{ width: 580px; display: flex; justify-content: space-between;} @media (max-width: 768px) { .vanilla-zoom .sidebar { flex: 1;} .vanilla-zoom .sidebar img.small-preview { cursor: auto; margin-bottom: 12px;} .vanilla-zoom .zoomed-image { display: none; } .zoom img {width: 360px !important; height: auto !important;} .mini-imagens{ display: inline-block; margin-bottom: 30px; } } /* ============= ENDEREÇO =============*/ .cadastroEnderecoTitulo { font-size: 20px; font-weight: 700; color: #333; } .legendaFormulario { color: #333; font-weight: 700; text-transform: uppercase; } .boxInputFormulario { margin: 1rem 0; } .boxInputFormulario input[name=cep_nova_versao] { width: 100px; } .boxInputFormulario input[name=numero_nova_versao] { width: 100px; } .boxInputFormularioAlterar { margin: 1rem 0; } .boxInputFormularioAlterar input[name=cep_nova_versao] { width: 100px; } .boxInputFormularioAlterar input[name=numero_nova_versao] { width: 100px; } .close { position: absolute !important; top: 10px !important; right: 20px !important; font-size: 40px !important; outline: none; } /* BOTÃO CATEGORIA */ .vermaispublicacao{width: 100%;background: #fff;color: #000;padding: 12px 0;border: 2px solid #000;border-radius: 10px;font-weight: 700;font-size: 13px;} .vermaispublicacao:focus{outline: none !important;} .vermaispublicacao:hover{outline: none !important;} /*PAGAMENOS*/ .pg-link{padding: 10px 0px 10px 5px !important;} .pg-link::before{ content: " "; display: block; width: 40px; height: 23px; float: left; margin: -4px 15px 0 0 ; background-color:#fff; background-image: url("../img/sprite.jpg"); background-repeat: no-repeat, repeat; background-size: auto 23px; } #m_p_link_form::before,#mp_trans::before,#mp_trans_debito::before,#mp_trans_boleto::before,#ml_trans_new::before{ background-position: calc(-40px * 0) 0; } #bcash_trans::before,#bcash_trans_debito::before,#bcash_trans_boleto::before,#bcash_form::before{ background-position: calc(-40px * 1) 0; } #moip__credito::before,#moip__debito::before,#moip__boleto::before,#moip_form::before{ background-position: calc(-40px * 2) 0; } #pag_form::before{ background-position: calc(-40px * 3 - 1px) 0; } #vindi_trans_new::before,#vindi_trans_bolet::before{background-position: calc(-269px * 1) -31px; background-size: auto 63px;} #pagar_me::before,#pagarme_trans_new::before{ background-position: calc(-40px * 4) 0; } #pagar_me::before,#pagarme_trans_bolet::before{ background-position: calc(-40px * 4) 0; } #payu_trans_new::before,#payu_trans_bolet::before{ background-position: calc(-40px * 5) 0; } #paypal_form::before{ background-position: calc(-40px * 6) 0; } #cielo_form::before,#cielo_trans_new::before,#cielo_form_transpare::before{ background-position: calc(-40px * 7) 0; } #paghiper_trans_bolet::before{ background-position: calc(-40px * 8 - 1px) 0; } #transf_banco_brasil::before,#boleto_banco_brasil::before{ background-position: calc(-40px * 9 - 2px) 0; } #transf_bradesco::before,#boleto_bradesco::before{ background-position: calc(-40px * 10) 0; } #transf_santander::before,#boleto_santander::before{ background-position: calc(-40px * 11) 0; } #transf_itau::before,#boleto_itau::before{ background-position: calc(-40px * 12) 0; } #transf_caixa::before,#boleto_caixa::before{ background-position: calc(-40px * 13) 0; } #transf_hsbc::before,#boleto_hsbc::before{ background-position: calc(-40px * 14 - 3px) 0; } #transf_sidicredi::before,#boleto_sidicredi::before{ background-position: calc(-40px * 15 - 3px) 0; } #transf_sicoob::before,#boleto_sicoob::before{ background-position: calc(-40px * 16 - 4px) 0; } #transf_unibanco::before,#boleto_unibanco::before{ background-position: calc(-40px * 17 - 4px) 0; } #transf_banespa::before,#boleto_banespa::before{ background-position: calc(-40px * 18 - 4px) 0; } #cheque_outros::before{ background-position: calc(-40px * 19 - 4px) 0; } #frente_de_caixa_outr::before{ background-position: calc(-40px * 20 - 4px) 0; } #entrega_outros::before{ background-position: calc(-40px * 21 - 4px) 0; } #pagamento_na_retirad::before{ background-position: calc(-40px * 22 - 4px) 0; } #rede_trans_new::before{ background-position: calc(-40px * 1) 0; } #wirecard_trans_new::before{ background-position: calc(-976px * 1) 8px; } #yapay_trans_new::before,#yapay_trans_bolet::before,#yapay_pix_trans_new::before{ background-position: calc(-926px * 1) 0; } #pgseguro_trans_bolet::before,#pgseguro_trans_new::before{ background-position: calc(-5.2px * 22 - 7px) 0; } #payshopx_trans_new::before{ background-position: calc(-52.3px * 22 - 8px) 0; } #clear input{ height: 40px !important; border-radius: 10px !important; } #clear select{ height: 40px !important; border-radius: 10px !important; } #clear .cc-brand{ height: 40px !important; border-radius: 10px !important; } #clear .form-group{ margin-bottom: 5px; } #clear .btn-success{ height: 50px; font-size: 15px; border-radius: 9px; font-weight: 700; border-bottom: 5px solid #569256; margin-top: 20px;} #check{ height: auto; } #logar{ font-size: 15px; border-bottom: 5px solid #569256; width: 40%; color: #fff; background-color: #5cb85c; border-color: #4cae4c; } #logar:hover{ background-color: #4cae4c; } #cep{ border-radius: 5px 0px 0px 5px !important; } #botao_cep{ border-radius: 0px 5px 5px 0px !important; } #pay{ font-size: 15px; border-bottom: 5px solid #569256; border-radius: 5px !important; } #model_alterar_cliente{ cursor: pointer; } /* CHECKOUT */ .botao_finalizar_pedido{ background-color: #7db122; border-color: #7db122; color: #fff; border-radius: 0px; } .botao_finalizar_pedido:hover{ background-color: #658E1C; border-color: #658E1C; color: #fff; } .panel_checkout{ background-color: #00c6c4; border-color: #00c6c4; color: #fff; border-radius: 0px; } .z-tabs > .z-container > .z-content{ height: auto !important; } .panel-default{ border-color: #e5e5e5; min-height: 170px; } .panel-cupom { min-height: 10px; } .btn-go-to-payment{ margin-top: 15px; width: 100%; } .uhu { clear: both; } .label_check { width: 100%; border-radius: 3px; border: 1px solid #FFF; cursor: pointer; } .label_check:hover{ border: 1px solid #D1D3D4; color: #06b506; } .label_check img{ width: 35px; margin: 0px 10px 5px 0px; } #ja_cadastro, #nao_tenho_cadastro{ font-size: 12px; float: right; } .checkout label{ font-weight: 100 !important; margin-bottom: 0px; margin-top: 10px;} .checkout input{ font-size: 11px; height: 40px; border-radius: 5px !important; } .checkout select{ font-size: 11px; height: 40px; border-radius: 5px !important; } .tabs-left{ border-bottom: none !important; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border-top: 1px solid #ddd !important; border-bottom: 1px solid #fff !important; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; } .check-pags{ -webkit-transition: all 0.5s; transition: all 0.5s; width: 100% !important; border-bottom: 1px solid #fff !important; margin-bottom: -2px !important; border-radius: 0px !important;} .check-pags.active>a:hover{ border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important;} .check-pags>a{ color: #000 !important; border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important; border-radius: 0px !important; border-right: 1px solid #ddd !important;} .ambiente-cadastro .form-control{ height: 43px; padding: 10px; } .ambiente-cadastro label{ font-weight: 400; } .ambiente-cadastro p{ margin-top: 5px; } .ambiente-cadastro .cadastro-cep{ padding: 25px 0px 0px 0px !important; } .ambiente-cadastro #completar-endereco{ display: none; } .ambiente-cadastro #pessoa_juridica{ display: none; } .password + .glyphicon { cursor: pointer; pointer-events: all; width: 43px; height: 43px; margin: 25px 8px 0px 0px; } .ambiente-cadastro .btn{ border-radius: 4px !important; width: 70%; padding: 8px !important; font-weight: 700; border-bottom: 3px solid #286928 !important; font-size: 15px !important; } #formas_envio{ padding-top: 15px; } .active_labelcheck{ color: #06b506; } .uhu input[type='radio'] { -webkit-appearance:none; width:20px; height:20px; border:1px solid darkgray; border-radius:50% !important; outline:none; box-shadow:0 0 5px 0px gray inset; right: 0; position: absolute; margin: 17px 25px 0px 0px; } .uhu input[type='radio']:hover { box-shadow:0 0 5px 0px orange inset; } .uhu input[type='radio']:before { content:''; display:block; width:10px; /* updated */ height:10px; /* updated */ margin: 22% auto; border-radius:50%; } .uhu input[type='radio']:checked:before { background:#06b506; } /* CONFIRMACAO */ .panel_confirmacao{ background-color: #00c6c4; border-color: #00c6c4; color: #fff; border-radius: 0px; } .tabela_detalhes{ background-color: #fff; } .acompanhar{ padding: 15px !important; color: #fff; background: #337ab7; border-bottom: 4px solid #205b8f !important; } .acompanhar:hover{ color: #fff !important; background: #205b8f; border-bottom: 4px solid #205b8f; } /* LOGIN */ .login{ border-right: 1px solid #eeeeee } .btn-login{ width: 100%; } .cadastro p{ margin: 0 0 2.5px !important; } /* AREA CLIENTE */ .border-line{ border: 1px solid #eeeeee !important; border-radius: 0px !important;} .border-line a{ color: #333; text-decoration: none;} .border-line a:hover{ text-decoration: none; } .border-line:hover{ background: #f7f7f7; } /* CATEGORIA */ .btn-group, .btn-group-vertical{ display: block !important; } .list-departamentos { background-color: #131313 !important; border-color: #000000 !important; color: #fff !important } /* PAGINAS */ .panel-duvidas{ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.0) !important; box-shadow: 0 1px 1px rgba(0,0,0,.0) !important; border: 1px solid #dddddd !important; border-radius: 0px !important; } .envio-nome{ text-align: left; } .envio-valor{ text-align: right; } .zoom-mobile{display: none;} @media (max-width: 768px) { .envio-valor{ text-align: left; } .zoom-mobile{width: 100%; height: 100%; background-color: transparent; position: absolute; z-index: 999; display: block;} } @media print { .payment, hr, nav, header, footer, button, img, a{ display: none !important; } } .loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box}.loader.is-active{background-color:rgba(0,0,0,0.85);width:100%;height:100%;left:0;top:0}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{from{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text='']:before{content:'Loading'}.loader[data-text]:not([data-text='']):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:'';position:fixed;width:48px;height:48px;border:solid 8px #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}.loader-double:after,.loader-double:before{content:'';position:fixed;border-radius:50%;border:solid 8px;animation:rotation 1s linear infinite}.loader-double:after{width:48px;height:48px;border-color:#fff;border-left-color:transparent;top:calc(50% - 24px);left:calc(50% - 24px)}.loader-double:before{width:64px;height:64px;border-color:#eb974e;border-right-color:transparent;animation-duration:2s;top:calc(50% - 32px);left:calc(50% - 32px)}.loader-bar[data-text]:before{top:calc(50% - 40px);color:#fff}.loader-bar:after{content:'';position:fixed;top:50%;left:50%;width:200px;height:20px;transform:translate(-50%, -50%);background:linear-gradient(-45deg, #4183d7 25%, #52b3d9 25%, #52b3d9 50%, #4183d7 50%, #4183d7 75%, #52b3d9 75%, #52b3d9);background-size:20px 20px;box-shadow:inset 0 10px 0 rgba(255,255,255,0.2),0 0 0 5px rgba(0,0,0,0.2);animation:moveBar 1.5s linear infinite}.loader-bar[data-rounded]:after{border-radius:15px}@keyframes moveBar{from{background-position:0 0}to{background-position:20px 20px}}@keyframes corners{6%{width:60px;height:15px}25%{width:15px;height:15px;left:calc(100% - 15px);top:0}31%{height:60px}50%{height:15px;top:calc(100% - 15px);left:calc(100% - 15px)}56%{width:60px}75%{width:15px;left:0;top:calc(100% - 15px)}81%{height:60px}}.loader-border[data-text]:before{color:#fff}.loader-border:after{content:'';position:absolute;top:0;left:0;width:15px;height:15px;background-color:#fff000;animation:corners 3s ease both infinite}.loader-ball:before{content:'';position:absolute;width:50px;height:50px;top:50%;left:50%;margin:-25px 0 0 -25px;background-color:#fff;border-radius:50%;z-index:1;animation:kick 1s infinite alternate ease-in both}.loader-ball[data-shadow]:before{box-shadow:-5px -5px 10px 0 rgba(0,0,0,0.5) inset}.loader-ball:after{content:'';position:absolute;background-color:rgba(0,0,0,0.3);border-radius:50%;width:45px;height:20px;top:calc(50% + 10px);left:50%;margin:0 0 0 -22.5px;z-index:0;animation:shadow 1s infinite alternate ease-out both}@keyframes shadow{0%{background-color:transparent;transform:scale(0)}40%{background-color:transparent;transform:scale(0)}95%{background-color:rgba(0,0,0,0.75);transform:scale(1)}100%{background-color:rgba(0,0,0,0.75);transform:scale(1)}}@keyframes kick{0%{transform:translateY(-80px) scaleX(0.95)}90%{border-radius:50%}100%{transform:translateY(0) scaleX(1);border-radius:50% 50% 20% 20%}}.loader-smartphone:after{content:'';color:#fff;font-size:12px;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:120px;position:fixed;left:50%;top:50%;width:70px;height:130px;margin:-65px 0 0 -35px;border:solid 5px gold;border-radius:10px;box-shadow:0 5px 0 0 gold inset;background:radial-gradient(circle at 50% 90%, rgba(0,0,0,0.5) 6px, transparent 6px),linear-gradient(to top, gold 22px, transparent 22px),linear-gradient(to top, rgba(0,0,0,0.5) 22px, rgba(0,0,0,0.5) 100%);animation:shake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite}.loader-smartphone[data-screen='']:after{content:'Loading'}.loader-smartphone:not([data-screen='']):after{content:attr(data-screen)}@keyframes shake{5%{transform:translate3d(-1px, 0, 0)}10%{transform:translate3d(1px, 0, 0)}15%{transform:translate3d(-1px, 0, 0)}20%{transform:translate3d(1px, 0, 0)}25%{transform:translate3d(-1px, 0, 0)}30%{transform:translate3d(1px, 0, 0)}35%{transform:translate3d(-1px, 0, 0)}40%{transform:translate3d(1px, 0, 0)}45%{transform:translate3d(-1px, 0, 0)}50%{transform:translate3d(1px, 0, 0)}55%{transform:translate3d(-1px, 0, 0)}}.loader-clock:before{content:'';position:fixed;width:120px;height:120px;left:50%;top:50%;border-radius:50%;overflow:hidden;margin:-60px 0 0 -60px;background:linear-gradient(to bottom, transparent 50%, #f5f5f5 50%),linear-gradient(90deg, transparent 55px, #2ecc71 55px, #2ecc71 65px, transparent 65px),linear-gradient(to bottom, #f5f5f5 50%, #f5f5f5 50%);box-shadow:0 0 0 10px #f5f5f5 inset,0 0 0 5px #555,0 0 0 10px #7b7b7b;animation:rotation infinite 2s linear}.loader-clock:after{content:'';position:fixed;width:60px;height:40px;left:50%;top:50%;margin:-20px 0 0 -15px;border-radius:20px 0 0 20px;overflow:hidden;background:radial-gradient(circle at 14px 20px, #25a25a 10px, transparent 10px),radial-gradient(circle at 14px 20px, #1b7943 14px, transparent 14px),linear-gradient(180deg, transparent 15px, #2ecc71 15px, #2ecc71 25px, transparent 25px);animation:rotation infinite 24s linear;transform-origin:15px center}.loader-curtain:before,.loader-curtain:after{position:fixed;width:100%;top:50%;margin-top:-35px;font-size:70px;text-align:center;font-family:Helvetica,Arial,sans-serif;overflow:hidden;line-height:1.2;content:'Loading'}.loader-curtain:before{color:#666}.loader-curtain:after{color:#fff;height:0;animation:curtain 1s linear infinite alternate both}.loader-curtain[data-curtain-text]:not([data-curtain-text='']):before,.loader-curtain[data-curtain-text]:not([data-curtain-text='']):after{content:attr(data-curtain-text)}.loader-curtain[data-brazilian]:before{color:#f1c40f}.loader-curtain[data-brazilian]:after{color:#2ecc71}.loader-curtain[data-colorful]:before{animation:maskColorful 2s linear infinite alternate both}.loader-curtain[data-colorful]:after{animation:curtain 1s linear infinite alternate both, maskColorful-front 2s 1s linear infinite alternate both;color:#000}@keyframes maskColorful{0%{color:#3498db}49.5%{color:#3498db}50.5%{color:#e74c3c}100%{color:#e74c3c}}@keyframes maskColorful-front{0%{color:#2ecc71}49.5%{color:#2ecc71}50.5%{color:#f1c40f}100%{color:#f1c40f}}@keyframes curtain{0%{height:0}100%{height:84px}}.loader-music:before,.loader-music:after{content:'';position:fixed;width:240px;height:240px;top:50%;left:50%;margin:-120px 0 0 -120px;border-radius:50%;text-align:center;line-height:240px;color:#fff;font-size:40px;font-family:Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.5);letter-spacing:-1px}.loader-music:after{backface-visibility:hidden}.loader-music[data-hey-oh]:before,.loader-music[data-hey-oh]:after{box-shadow:0 0 0 10px}.loader-music[data-hey-oh]:before{background-color:#fff;color:#000;animation:coinBack 2.5s linear infinite,oh 5s 1.25s linear infinite both}.loader-music[data-hey-oh]:after{background-color:#000;animation:coin 2.5s linear infinite,hey 5s linear infinite both}.loader-music[data-no-cry]:before,.loader-music[data-no-cry]:after{background:linear-gradient(45deg, #009b3a 50%, #fed100 51%);box-shadow:0 0 0 10px #000}.loader-music[data-no-cry]:before{animation:coinBack 2.5s linear infinite,cry 5s 1.25s linear infinite both}.loader-music[data-no-cry]:after{animation:coin 2.5s linear infinite,no 5s linear infinite both}.loader-music[data-we-are]:before{animation:coinBack 2.5s linear infinite,theWorld 5s 1.25s linear infinite both;background:radial-gradient(ellipse at center, #4ecdc4 0%, #556270)}.loader-music[data-we-are]:after{animation:coin 2.5s linear infinite,weAre 5s linear infinite both;background:radial-gradient(ellipse at center, #26d0ce 0%, #1a2980)}.loader-music[data-rock-you]:before{animation:coinBack 2.5s linear infinite,rockYou 5s 1.25s linear infinite both;background:#444}.loader-music[data-rock-you]:after{animation:coin 2.5s linear infinite,weWill 5s linear infinite both;background:#96281b}@keyframes coin{to{transform:rotateY(359deg)}}@keyframes coinBack{0%{transform:rotateY(180deg)}50%{transform:rotateY(360deg)}100%{transform:rotateY(180deg)}}@keyframes hey{0%{content:'Hey!'}50%{content:'Let\'s!'}100%{content:'Hey!'}}@keyframes oh{0%{content:'Oh!'}50%{content:'Go!'}100%{content:'Oh!'}}@keyframes no{0%{content:'No...'}50%{content:'no'}100%{content:'No...'}}@keyframes cry{0%{content:'woman'}50%{content:'cry!'}100%{content:'woman'}}@keyframes weAre{0%{content:'We are'}50%{content:'we are'}100%{content:'We are'}}@keyframes theWorld{0%{content:'the world,'}50%{content:'the children!'}100%{content:'the world,'}}@keyframes weWill{0%{content:'We will,'}50%{content:'rock you!'}100%{content:'We will,'}}@keyframes rockYou{0%{content:'we will'}50%{content:'🤘'}100%{content:'we will'}} /* =================================== MENU LATERAL =================================== */ .icone_menu_lateral { width: 30px; height: auto; filter: grayscale(1); transition: 1s; margin: 0px 8px; } .texto_item_lista { text-transform: capitalize; font-size: 13px; font-weight: 600; transition: 0.7s; } .item_lista:hover .texto_item_lista { text-decoration: underline; color: #000; } .item_lista:hover .icone_menu_lateral { filter: grayscale(0); } .menu_lateral_tela { display: block; } /* =================================== MENU LATERAL FLUTUANTE =================================== */ .icone_menu_flutuante { display: none; width: 50px; height: 50px; padding: 16px 10px 10px 10px; color: #FFF; border-radius: 50%; position: fixed; z-index: 9999; right: 2%; bottom: 5%; background-color: darkgray; } .menu_flutuante_mobile { display: none; position: fixed; right: 1%; width: 255px; height: 30vh; bottom: 35%; margin: 0px 5px 0px 0px; } .menu_flutuante_mobile::before { content: ''; position: absolute; z-index: 999; border-top: 21px solid #fff; border-right: 20px solid transparent; border-left: 20px solid transparent; top: 165%; right: 5%; } .icone_menu_lateral_flutuante { width: 30px; height: auto; filter: grayscale(1); transition: 1s; } .overflow { display: none; width: 100vw; height: 100vh; background-color: #000; position: fixed; z-index: 9999; top: 0; left: 0; opacity: 0.6; transition: 1s; } /* =================================== ENDEREÇO =================================== */ .cardEndereco { border: 2px solid #000; width: 60%; height: 180px; border-radius: 10px; } .formularioCad { display: none; } .enderecoHeader { text-align: center; height: 45px; padding: 7px 0px; display: flex; align-items: center; border-radius: 10px 10px 0px 0px; border-bottom: 2px solid #000; } .icone_mapas { width: 100px; height: 100px; margin: -5px auto; } .editar { text-align: end; } .editar legend { margin-bottom: 0px !important; border-bottom: none !important; font-size: 10px; letter-spacing: 1px; } .editar i { font-size: 15px; text-align: end; transition: .6s ease-in-out; cursor: pointer; text-align: end; } .editar i:hover { font-size: 20px; } .titulo { text-align: start; } .enderecoBody { padding: 10% 0px; font-size: 13px; } .enderecoBody ul li { margin: 10px 0px; border-bottom: 1px solid #eee; } /* =================================== MEDIA QUERY ENDEREÇO =================================== */ @media (max-width: 991px){ .cardEndereco { width: 100%; } .enderecoBody { padding: 8% 0px; } } @media (max-width: 768px){ .menu_lateral_tela { display: none } .icone_menu_flutuante { display: block; } } /* ====================== DETALHES DO PEDIDO ====================== */ .detalhes_pedido_container { width: 100%; display: none; position: fixed; top: 100px; left: 0px; z-index: 999 } .detalhes_pedido_content { border-radius: 5px; width: 90%; height: auto; box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75); margin: 20px auto; background-color: #fff; } .detalhes_pedido_header { padding: 0.6rem; font-weight: 700; border-bottom: 1px solid #eee; font-size: 16px; } .detalhes_pedido_body { padding: 1rem; font-size: 16px; font-weight: 700; text-align: center; } .detalhes_pedido_body div:nth-child(2) { border-left: 1px solid #eee; border-right: 1px solid #eee; } .detalhes_pedido_lista { font-size: 14px; font-weight: 500; border: none !important; display: flex; justify-content: space-between; line-height: 20px; margin: 2px; } .detalhes_pedido_endereco { font-size: 12px; font-weight: 500; border: none !important; line-height: 20px; margin: 2px; text-align: start; } .detalhes_pedido_lista:last-child { font-weight: 700; border-top: 1px solid #eee !important; margin-top: 5px; padding-top: 5px; } .detalhes_pedido_footer { padding: 1rem; text-align: end; border-top: 1px solid #eee; } /* ====================== DETALHES DO PEDIDO MEDIA QUERY====================== */ @media(max-width: 992px){ .modal-content { width: 100% !important } .detalhe_pedidos div:nth-child(2) { border-right: none; border-left: none; } } /* ====================== PRODUTOS ACCORDION ====================== */ /* Accordion toggle */ ul { list-style: none; } .accordion { background-color: #fff; color: #444; border-left: 4px solid #40cd28 !important; border-top: 2px solid #ddd; border-right: 1px solid #ddd; border-bottom: none; cursor: pointer; padding: 11px 18px; text-align: left; outline: none; transition: 0.4s; display: flex; justify-content: space-between; } .accordion::after { content: ''; width: 90%; height: 1px; background-color: #ddd; position: absolute; top: 45px; right: 5%; } .accordion a { text-decoration: none !important; } .pagamentos h3 { padding: 20px 0px; } .pagamentos div { display: flex; justify-content: center; } .texto_accordion { color: #444; padding: 0 10px; } .active, .accordion:hover { background-color: #fff; } .icone_produto { transition: 0.6s ease; color: gray; font-size: 20px !important; transform: rotate(180deg); } .active .icone_produto{ transform: rotate(0deg); transition: 0.6s ease; } /* ======================= PANEL ======================= */ .pedido_panel { margin: 50px 0px 0px 43px; font-weight: 600; color: gray; } .img_box { height: 85px; width: 85px; margin-right: 5px; } .panel_cliente { border-left: 4px solid #40cd28 !important; display: none; transition: 0.6s ease; border-radius: 0px !important; margin-top: 10px; border-bottom: 1px solid #ddd !important ; border-right: 1px solid #ddd !important; } .panel_cliente img { display: flex; align-self: center; margin: 0 auto; transition: 0.6s ease; max-height: 100%; width: auto; } .img_box_mini { height: 50px; width: 50px; margin-right: 5px; } .panel_cliente-mini { padding: 0px 0px 18px 18px; background-color: white; display: block; overflow: hidden; transition: 0.6s ease; border-left: 4px solid #40cd28; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } .panel_cliente-mini img { display: flex; align-self: center; transition: 0.6s ease; max-height: 100%; width: auto; margin: 0 auto; } /* ======================= PRODUTOS ======================= */ .produto_lista { display: flex; align-items: center; margin-top: 10px !important; margin-bottom: 25px; margin-left: 5%; } .produto_lista li { margin: 10px 0px -30px 0px; line-height: 14.4px; } .titulo_produto_open {display: none;} .preco_produto_open {display: none;} /* ================== SCROLL BAR ================== */ .scroll { overflow-y: scroll; max-height: 155px; } .scroll_big { overflow-y: scroll; max-height: 290px; } .scroll::-webkit-scrollbar, .scroll_big::-webkit-scrollbar, .box-border::-webkit-scrollbar { width: 2px; height: 10px; border-radius: 10px; } /* Track */ .scroll::-webkit-scrollbar-track, .scroll_big::-webkit-scrollbar-track, .box-border::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .scroll::-webkit-scrollbar-thumb, .scroll_big::-webkit-scrollbar-thumb, .box-border::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .scroll::-webkit-scrollbar-thumb:hover, .scroll_big::-webkit-scrollbar-thumb:hover, .box-border::-webkit-scrollbar-thumb:hover { background: #555; } /* ================== Step progress bar ================== */ .barra_progresso { counter-reset: step; margin-bottom: 55px; margin-left: 5%} .barra_progresso li { list-style-type: none; float: left; width: 20%; position: relative; text-align: center; font-size: 12px; } .barra_progresso li:before { content: ''; counter-increment: step; width: 15px; height: 15px; line-height: 30px; border: 2px solid #ddd; display: block; text-align: center; margin: 0 auto 10px auto; border-radius: 50%; background-color: white; position: relative; top: 8px; } .barra_progresso li:after { content: ''; position: absolute; width: 100%; height: 2px; background-color: #ddd; top: 15px; left: -50%; z-index: -1; } .barra_progresso li:first-child::after { content: none; } .barra_progresso li.ativo::before { border-color: #40cd28; background-color: #40cd28; } .barra_progresso li.ativo2 + li::after { background-color: #40cd28; } .barra_progresso li:nth-child(4).ativo2 + li::after{ width: 93%; } .barra_progresso li:last-child.ativo::before { border: 2px solid #40cd28; width: 40px; height: 40px; position: relative; top: -5px; background-color: #fff; background-image: url(../img/like.png); background-position: 5px 3px; background-size: 25px; background-repeat: no-repeat; } .barra_progresso li.inativo::before { border-color: #da5252; background-color: #da5252; } .barra_progresso li.inativo2 + li::after { background-color: #da5252; } .barra_progresso li:nth-child(4).inativo2 + li::after{ width: 93%; } .barra_progresso li:last-child.inativo::before { border: 2px solid #da5252; width: 40px; height: 40px; position: relative; top: -5px; background-color: #fff; background-image: url(../img/like_red.png); background-position: 6px 8px; background-size: 25px; background-repeat: no-repeat; } .borda_erro { border-left: 4px solid #da5252 !important; } /* GRUPO DE BOTOES */ .grupo_botoes { text-align: center; margin-bottom: 10px; } .btn-produtos { background-color: #40cd28; } .btn-produtos:hover { filter: opacity(0.7); } .btn-produtos_ajuda { background-color: white; border: 2px solid blue !important; padding: 5px 0px; outline: none !important; } .btn-produtos_ajuda a { color: blue !important; text-decoration: none; } .grupo_botoes button { margin: 5px 5px; width: 200px; height: 50px; display: inline; padding: 13px 0px;} .grupo_botoes img { display: inline; margin: 0 5px; } .grupo_botoes button a { color: white; font-size: 15px; text-decoration: none; font-weight: 500; letter-spacing: 1px; } /* */ /* ================== MEDIA QUERY ================== */ @media(max-width: 574px){ .grupo_botoes button { display: block; margin: 5px auto; } .data_entrega { display: none; } .titulo_produto_open {display: block; margin-left: 3%; margin-top: 40px;} .preco_produto_open {display: block; margin-left: 3%;} .titulo_produto {display: none;} .preco_produto {display: none;} } /* =================================== ENDEREÇO =================================== */ .boxEnderecoNovo { border: 1px solid; max-width: 310px !important; height: 200px !important; margin: 5px 20px; } .enderecoHeader { text-align: center; height: 45px; padding: 7px 0px; display: flex; align-items: center; border-radius: 10px 10px 0px 0px; border-bottom: 2px solid #000; } .editar { text-align: end; } .editar legend { margin-bottom: 0px !important; border-bottom: none !important; font-size: 10px; letter-spacing: 1px; } .removerEndereco { text-align: end; } .removerEndereco legend { margin-bottom: 0px !important; border-bottom: none !important; font-size: 10px; letter-spacing: 1px; } .editar i { font-size: 15px; text-align: end; transition: .6s ease-in-out; cursor: pointer; text-align: end; } .editar i:hover { font-size: 20px; } .titulo { text-align: start; } .formularioCad { display: none; } .enderecoBody { padding: 13% 0px; font-size: 13px; } .enderecoBody ul li { margin: 10px 0px; border-bottom: 1px solid #eee; } .addEndereco { font-size: 80px !important; position: absolute; left: 40%; top: 25%; cursor: pointer; transition: 0.3s; } .addEndereco:hover { font-size: 85px !important; } .enderecoListaAreaCliente { padding-top: 20px; } /* =================================== MEDIA QUERY ENDEREÇO =================================== */ @media (max-width: 991px){ .cardEndereco { width: 100%; } .enderecoBody { padding: 8% 0px; } } @media (max-width: 768px){ .menu_lateral_tela, .editar legend, .removerEndereco legend { display: none } .icone_menu_flutuante { display: block; } } /*PAGAMENOS*/ .pg-link{padding: 10px 0px 10px 5px !important;} .pg-link::before{ content: " "; display: block; width: 40px; height: 23px; float: left; margin: -4px 15px 0 0 ; background-color:#fff; background-image: url("../img/sprite.jpg"); background-repeat: no-repeat, repeat; background-size: auto 23px; } #m_p_link_form::before,#mp_trans::before,#mp_trans_debito::before,#mp_trans_boleto::before,#ml_trans_new::before{ background-position: calc(-40px * 0) 0; } #bcash_trans::before,#bcash_trans_debito::before,#bcash_trans_boleto::before,#bcash_form::before{ background-position: calc(-40px * 1) 0; } #moip__credito::before,#moip__debito::before,#moip__boleto::before,#moip_form::before{ background-position: calc(-40px * 2) 0; } #pag_form::before{ background-position: calc(-40px * 3 - 1px) 0; } #pagar_me::before,#pagarme_trans_new::before{ background-position: calc(-40px * 4) 0; } #pagar_me::before,#pagarme_trans_bolet::before{ background-position: calc(-40px * 4) 0; } #payu_trans_new::before,#payu_trans_bolet::before{ background-position: calc(-40px * 5) 0; } #paypal_form::before{ background-position: calc(-40px * 6) 0; } #cielo_form::before,#cielo_trans_new::before,#cielo_form_transpare::before{ background-position: calc(-40px * 7) 0; } #paghiper_trans_bolet::before{ background-position: calc(-40px * 8 - 1px) 0; } #transf_banco_brasil::before,#boleto_banco_brasil::before{ background-position: calc(-40px * 9 - 2px) 0; } #transf_bradesco::before,#boleto_bradesco::before{ background-position: calc(-40px * 10) 0; } #transf_santander::before,#boleto_santander::before{ background-position: calc(-40px * 11) 0; } #transf_itau::before,#boleto_itau::before{ background-position: calc(-40px * 12) 0; } #transf_caixa::before,#boleto_caixa::before{ background-position: calc(-40px * 13) 0; } #transf_hsbc::before,#boleto_hsbc::before{ background-position: calc(-40px * 14 - 3px) 0; } #transf_sidicredi::before,#boleto_sidicredi::before{ background-position: calc(-40px * 15 - 3px) 0; } #transf_sicoob::before,#boleto_sicoob::before{ background-position: calc(-40px * 16 - 4px) 0; } #transf_unibanco::before,#boleto_unibanco::before{ background-position: calc(-40px * 17 - 4px) 0; } #transf_banespa::before,#boleto_banespa::before{ background-position: calc(-40px * 18 - 4px) 0; } #cheque_outros::before{ background-position: calc(-40px * 19 - 4px) 0; } #frente_de_caixa_outr::before{ background-position: calc(-40px * 20 - 4px) 0; } #entrega_outros::before{ background-position: calc(-40px * 21 - 4px) 0; } #pagamento_na_retirad::before{ background-position: calc(-40px * 22 - 4px) 0; } #rede_trans_new::before{ background-position: calc(-40px * 1) 0; } #wirecard_trans_new::before{ background-position: calc(-976px * 1) 8px; } #yapay_trans_new::before,#yapay_trans_bolet::before{ background-position: calc(-926px * 1) 0; } #pgseguro_trans_bolet::before,#pgseguro_trans_new::before{ background-position: calc(-5.2px * 22 - 7px) 0; } #payshopx_trans_new::before{ background-position: calc(-52.3px * 22 - 8px) 0; } #clear input{ height: 40px !important; border-radius: 10px !important; } #clear select{ height: 40px !important; border-radius: 10px !important; } #clear .cc-brand{ height: 40px !important; border-radius: 10px !important; } #clear .form-group{ margin-bottom: 5px; } #clear .btn-success{ height: 50px; font-size: 15px; border-radius: 9px; font-weight: 700; border-bottom: 5px solid #569256; margin-top: 20px;} #check{ height: auto; } #logar{ font-size: 15px; border-bottom: 5px solid #569256; width: 40%; color: #fff; background-color: #5cb85c; border-color: #4cae4c; } #logar:hover{ background-color: #4cae4c; } #cep{ border-radius: 5px 0px 0px 5px !important; } #botao_cep{ border-radius: 0px 5px 5px 0px !important; } #pay{ font-size: 15px; border-bottom: 5px solid #569256; border-radius: 5px !important; } #model_alterar_cliente{ cursor: pointer; } /* CHECKOUT */ .botao_finalizar_pedido{ background-color: #7db122; border-color: #7db122; color: #fff; border-radius: 0px; } .botao_finalizar_pedido:hover{ background-color: #658E1C; border-color: #658E1C; color: #fff; } .panel_checkout{ background-color: #00c6c4; border-color: #00c6c4; color: #fff; border-radius: 0px; } .z-tabs > .z-container > .z-content{ height: auto !important; } .panel-default{ border-color: #e5e5e5; min-height: 170px; } .panel-cupom { min-height: 10px; } .btn-go-to-payment{ margin-top: 15px; width: 100%; } .uhu { clear: both; } .label_check { width: 100%; border-radius: 3px; border: 1px solid #FFF; cursor: pointer; } .label_check:hover{ border: 1px solid #D1D3D4; color: #06b506; } .label_check img{ width: 35px; margin: 0px 10px 5px 0px; } #ja_cadastro, #nao_tenho_cadastro{ font-size: 12px; float: right; } .checkout label{ font-weight: 100 !important; margin-bottom: 0px; margin-top: 10px;} .checkout input{ font-size: 11px; height: 40px; border-radius: 5px !important; } .checkout select{ font-size: 11px; height: 40px; border-radius: 5px !important; } .tabs-left{ border-bottom: none !important; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ border-top: 1px solid #ddd !important; border-bottom: 1px solid #fff !important; border-left: 1px solid #ddd !important; border-right: 1px solid #ddd !important; } .check-pags{ -webkit-transition: all 0.5s; transition: all 0.5s; width: 100% !important; border-bottom: 1px solid #fff !important; margin-bottom: -2px !important; border-radius: 0px !important;} .check-pags.active>a:hover{ border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important;} .check-pags>a{ color: #000 !important; border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; border-left: 1px solid #ddd !important; border-radius: 0px !important; border-right: 1px solid #ddd !important;} .ambiente-cadastro .form-control{ height: 43px; padding: 10px; } .ambiente-cadastro label{ font-weight: 400; } .ambiente-cadastro p{ margin-top: 5px; } .ambiente-cadastro .cadastro-cep{ padding: 25px 0px 0px 0px !important; } .ambiente-cadastro #completar-endereco{ display: none; } .ambiente-cadastro #pessoa_juridica{ display: none; } .password + .glyphicon { cursor: pointer; pointer-events: all; width: 43px; height: 43px; margin: 25px 8px 0px 0px; } .ambiente-cadastro .btn{ border-radius: 4px !important; width: 70%; padding: 8px !important; font-weight: 700; border-bottom: 3px solid #286928 !important; font-size: 15px !important; } #formas_envio{ padding-top: 15px; } .active_labelcheck{ color: #06b506; } .uhu input[type='radio'] { -webkit-appearance:none; width:20px; height:20px; border:1px solid darkgray; border-radius:50% !important; outline:none; box-shadow:0 0 5px 0px gray inset; right: 0; position: absolute; margin: 17px 25px 0px 0px; } .uhu input[type='radio']:hover { box-shadow:0 0 5px 0px orange inset; } .uhu input[type='radio']:before { content:''; display:block; width:10px; /* updated */ height:10px; /* updated */ margin: 22% auto; border-radius:50%; } .uhu input[type='radio']:checked:before { background:#06b506; } /* CONFIRMACAO */ .panel_confirmacao{ background-color: #00c6c4; border-color: #00c6c4; color: #fff; border-radius: 0px; } .tabela_detalhes{ background-color: #fff; } .acompanhar{ padding: 15px !important; color: #fff; background: #337ab7; border-bottom: 4px solid #205b8f !important; } .acompanhar:hover{ color: #fff !important; background: #205b8f; border-bottom: 4px solid #205b8f; } /* LOGIN */ .login{ border-right: 1px solid #eeeeee } .btn-login{ width: 100%; } .cadastro p{ margin: 0 0 2.5px !important; } /* AREA CLIENTE */ .border-line{ border: 1px solid #eeeeee !important; border-radius: 0px !important;} .border-line a{ color: #333; text-decoration: none;} .border-line a:hover{ text-decoration: none; } .border-line:hover{ background: #f7f7f7; } /* CATEGORIA */ .btn-group, .btn-group-vertical{ display: block !important; } .list-departamentos { background-color: #131313 !important; border-color: #000000 !important; color: #fff !important } /* PAGINAS */ .panel-duvidas{ -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.0) !important; box-shadow: 0 1px 1px rgba(0,0,0,.0) !important; border: 1px solid #dddddd !important; border-radius: 0px !important; } .envio-nome{ text-align: left; } .envio-valor{ text-align: right; } .zoom-mobile{display: none;} @media (max-width: 768px) { .envio-valor{ text-align: left; } .zoom-mobile{width: 100%; height: 100%; background-color: transparent; position: absolute; z-index: 1; display: block;} } @media print { .payment, hr, nav, header, footer, button, img, a{ display: none !important; } } /* AVALIACÃO INDEX */ #avaliacoes{margin-top:20px; text-align: left !important;} #avaliacoes > .container > .row{margin-top: 20px;} .dep-title{text-transform: none;text-align: center;color: #000;letter-spacing: .8px;font-weight: 700;font-size: calc(16px + 6 * ((100vw - 320px)/680));padding-bottom: 10px} #review{color: #6c6a77;text-align: center;} #review .lista-aval{display: flex;flex-wrap: wrap;font-size: 14px;line-height: 1.5;text-align: left;} #review .item-al{border: 1px solid #cecece;border-radius: 10px;height: 100%;padding: 10px 15px;} #review .item-al>p{margin-bottom: 8px;} .item-al{width: 359px;} .review-title {color: #676767;margin: 0 -10px 15px;} .review-title b {display: inline-block;padding: 0 10px;} .review-star {color: #e79501;} .aval-link span {color: #adadad;display: inline-block;} #review .item-al>p:last-child {margin: 0;color: #212529;} #review .lista-aval .space {padding: 10px;} .teste li{padding-right: 28px !important;} /* CARRUOSEL MAIS VENDIDOS */ #bestsellers .produto{padding-left: 15px;padding-right: 15px;} #bestsellers .owl-next{right: 0px;top: 0; } #bestsellers .owl-prev{left: 0;top: 0;} #bestsellers svg,#bestsellers path{width: 50px; fill: var(--colorcarrinho);} .loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box}.loader.is-active{background-color:rgba(0,0,0,0.85);width:100%;height:100%;left:0;top:0}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{from{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text='']:before{content:'Loading'}.loader[data-text]:not([data-text='']):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:'';position:fixed;width:48px;height:48px;border:solid 8px #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}.loader-double:after,.loader-double:before{content:'';position:fixed;border-radius:50%;border:solid 8px;animation:rotation 1s linear infinite}.loader-double:after{width:48px;height:48px;border-color:#fff;border-left-color:transparent;top:calc(50% - 24px);left:calc(50% - 24px)}.loader-double:before{width:64px;height:64px;border-color:#eb974e;border-right-color:transparent;animation-duration:2s;top:calc(50% - 32px);left:calc(50% - 32px)}.loader-bar[data-text]:before{top:calc(50% - 40px);color:#fff}.loader-bar:after{content:'';position:fixed;top:50%;left:50%;width:200px;height:20px;transform:translate(-50%, -50%);background:linear-gradient(-45deg, #4183d7 25%, #52b3d9 25%, #52b3d9 50%, #4183d7 50%, #4183d7 75%, #52b3d9 75%, #52b3d9);background-size:20px 20px;box-shadow:inset 0 10px 0 rgba(255,255,255,0.2),0 0 0 5px rgba(0,0,0,0.2);animation:moveBar 1.5s linear infinite}.loader-bar[data-rounded]:after{border-radius:15px}@keyframes moveBar{from{background-position:0 0}to{background-position:20px 20px}}@keyframes corners{6%{width:60px;height:15px}25%{width:15px;height:15px;left:calc(100% - 15px);top:0}31%{height:60px}50%{height:15px;top:calc(100% - 15px);left:calc(100% - 15px)}56%{width:60px}75%{width:15px;left:0;top:calc(100% - 15px)}81%{height:60px}}.loader-border[data-text]:before{color:#fff}.loader-border:after{content:'';position:absolute;top:0;left:0;width:15px;height:15px;background-color:#fff000;animation:corners 3s ease both infinite}.loader-ball:before{content:'';position:absolute;width:50px;height:50px;top:50%;left:50%;margin:-25px 0 0 -25px;background-color:#fff;border-radius:50%;z-index:1;animation:kick 1s infinite alternate ease-in both}.loader-ball[data-shadow]:before{box-shadow:-5px -5px 10px 0 rgba(0,0,0,0.5) inset}.loader-ball:after{content:'';position:absolute;background-color:rgba(0,0,0,0.3);border-radius:50%;width:45px;height:20px;top:calc(50% + 10px);left:50%;margin:0 0 0 -22.5px;z-index:0;animation:shadow 1s infinite alternate ease-out both}@keyframes shadow{0%{background-color:transparent;transform:scale(0)}40%{background-color:transparent;transform:scale(0)}95%{background-color:rgba(0,0,0,0.75);transform:scale(1)}100%{background-color:rgba(0,0,0,0.75);transform:scale(1)}}@keyframes kick{0%{transform:translateY(-80px) scaleX(0.95)}90%{border-radius:50%}100%{transform:translateY(0) scaleX(1);border-radius:50% 50% 20% 20%}}.loader-smartphone:after{content:'';color:#fff;font-size:12px;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:120px;position:fixed;left:50%;top:50%;width:70px;height:130px;margin:-65px 0 0 -35px;border:solid 5px gold;border-radius:10px;box-shadow:0 5px 0 0 gold inset;background:radial-gradient(circle at 50% 90%, rgba(0,0,0,0.5) 6px, transparent 6px),linear-gradient(to top, gold 22px, transparent 22px),linear-gradient(to top, rgba(0,0,0,0.5) 22px, rgba(0,0,0,0.5) 100%);animation:shake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite}.loader-smartphone[data-screen='']:after{content:'Loading'}.loader-smartphone:not([data-screen='']):after{content:attr(data-screen)}@keyframes shake{5%{transform:translate3d(-1px, 0, 0)}10%{transform:translate3d(1px, 0, 0)}15%{transform:translate3d(-1px, 0, 0)}20%{transform:translate3d(1px, 0, 0)}25%{transform:translate3d(-1px, 0, 0)}30%{transform:translate3d(1px, 0, 0)}35%{transform:translate3d(-1px, 0, 0)}40%{transform:translate3d(1px, 0, 0)}45%{transform:translate3d(-1px, 0, 0)}50%{transform:translate3d(1px, 0, 0)}55%{transform:translate3d(-1px, 0, 0)}}.loader-clock:before{content:'';position:fixed;width:120px;height:120px;left:50%;top:50%;border-radius:50%;overflow:hidden;margin:-60px 0 0 -60px;background:linear-gradient(to bottom, transparent 50%, #f5f5f5 50%),linear-gradient(90deg, transparent 55px, #2ecc71 55px, #2ecc71 65px, transparent 65px),linear-gradient(to bottom, #f5f5f5 50%, #f5f5f5 50%);box-shadow:0 0 0 10px #f5f5f5 inset,0 0 0 5px #555,0 0 0 10px #7b7b7b;animation:rotation infinite 2s linear}.loader-clock:after{content:'';position:fixed;width:60px;height:40px;left:50%;top:50%;margin:-20px 0 0 -15px;border-radius:20px 0 0 20px;overflow:hidden;background:radial-gradient(circle at 14px 20px, #25a25a 10px, transparent 10px),radial-gradient(circle at 14px 20px, #1b7943 14px, transparent 14px),linear-gradient(180deg, transparent 15px, #2ecc71 15px, #2ecc71 25px, transparent 25px);animation:rotation infinite 24s linear;transform-origin:15px center}.loader-curtain:before,.loader-curtain:after{position:fixed;width:100%;top:50%;margin-top:-35px;font-size:70px;text-align:center;font-family:Helvetica,Arial,sans-serif;overflow:hidden;line-height:1.2;content:'Loading'}.loader-curtain:before{color:#666}.loader-curtain:after{color:#fff;height:0;animation:curtain 1s linear infinite alternate both}.loader-curtain[data-curtain-text]:not([data-curtain-text='']):before,.loader-curtain[data-curtain-text]:not([data-curtain-text='']):after{content:attr(data-curtain-text)}.loader-curtain[data-brazilian]:before{color:#f1c40f}.loader-curtain[data-brazilian]:after{color:#2ecc71}.loader-curtain[data-colorful]:before{animation:maskColorful 2s linear infinite alternate both}.loader-curtain[data-colorful]:after{animation:curtain 1s linear infinite alternate both, maskColorful-front 2s 1s linear infinite alternate both;color:#000}@keyframes maskColorful{0%{color:#3498db}49.5%{color:#3498db}50.5%{color:#e74c3c}100%{color:#e74c3c}}@keyframes maskColorful-front{0%{color:#2ecc71}49.5%{color:#2ecc71}50.5%{color:#f1c40f}100%{color:#f1c40f}}@keyframes curtain{0%{height:0}100%{height:84px}}.loader-music:before,.loader-music:after{content:'';position:fixed;width:240px;height:240px;top:50%;left:50%;margin:-120px 0 0 -120px;border-radius:50%;text-align:center;line-height:240px;color:#fff;font-size:40px;font-family:Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.5);letter-spacing:-1px}.loader-music:after{backface-visibility:hidden}.loader-music[data-hey-oh]:before,.loader-music[data-hey-oh]:after{box-shadow:0 0 0 10px}.loader-music[data-hey-oh]:before{background-color:#fff;color:#000;animation:coinBack 2.5s linear infinite,oh 5s 1.25s linear infinite both}.loader-music[data-hey-oh]:after{background-color:#000;animation:coin 2.5s linear infinite,hey 5s linear infinite both}.loader-music[data-no-cry]:before,.loader-music[data-no-cry]:after{background:linear-gradient(45deg, #009b3a 50%, #fed100 51%);box-shadow:0 0 0 10px #000}.loader-music[data-no-cry]:before{animation:coinBack 2.5s linear infinite,cry 5s 1.25s linear infinite both}.loader-music[data-no-cry]:after{animation:coin 2.5s linear infinite,no 5s linear infinite both}.loader-music[data-we-are]:before{animation:coinBack 2.5s linear infinite,theWorld 5s 1.25s linear infinite both;background:radial-gradient(ellipse at center, #4ecdc4 0%, #556270)}.loader-music[data-we-are]:after{animation:coin 2.5s linear infinite,weAre 5s linear infinite both;background:radial-gradient(ellipse at center, #26d0ce 0%, #1a2980)}.loader-music[data-rock-you]:before{animation:coinBack 2.5s linear infinite,rockYou 5s 1.25s linear infinite both;background:#444}.loader-music[data-rock-you]:after{animation:coin 2.5s linear infinite,weWill 5s linear infinite both;background:#96281b}@keyframes coin{to{transform:rotateY(359deg)}}@keyframes coinBack{0%{transform:rotateY(180deg)}50%{transform:rotateY(360deg)}100%{transform:rotateY(180deg)}}@keyframes hey{0%{content:'Hey!'}50%{content:'Let\'s!'}100%{content:'Hey!'}}@keyframes oh{0%{content:'Oh!'}50%{content:'Go!'}100%{content:'Oh!'}}@keyframes no{0%{content:'No...'}50%{content:'no'}100%{content:'No...'}}@keyframes cry{0%{content:'woman'}50%{content:'cry!'}100%{content:'woman'}}@keyframes weAre{0%{content:'We are'}50%{content:'we are'}100%{content:'We are'}}@keyframes theWorld{0%{content:'the world,'}50%{content:'the children!'}100%{content:'the world,'}}@keyframes weWill{0%{content:'We will,'}50%{content:'rock you!'}100%{content:'We will,'}}@keyframes rockYou{0%{content:'we will'}50%{content:'🤘'}100%{content:'we will'}} .input_observ{font-size: 11px !important;height: 40px !important;border-radius: 5px !important;width: 100%;padding: 6px 12px;background-color: #fff;border: 1px solid #ccc;}