/* CARRINHO */
.grid{display: grid;}
.text{ font-size: 12px;}
.cart-resumo{ color: #a07d3c; padding: 10px; border: 7px solid #eeeeee; list-style: none !important; }
.cart-produtos{color: #a07d3c; border: 1px solid #eeeeee; padding: 12px; list-style: none !important; }
.cart-produtos hr{ margin-top: 5px; margin-bottom: 5px;}
.cart-item { margin-top: 5px; margin-bottom: 5px; }
.text-itens{ font-size: 11px; }
.btn-cart{width: 100%; border-bottom: 3px solid #a07d3c !important}
.qty-input{width: 100%; margin-bottom: -2px;}
.cart-remove{ color: red; font-size: 10px; cursor: pointer; }
.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: #a07d3c; font-size: 16px !important; }

.box-border{ margin-top: 40px;  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: #a07d3c; text-decoration: none; opacity: 0.60; }
.btn-acao-pequeno{ float: right; }

.mostrar{ position: absolute; width: 95%; z-index: 999; }
.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;}
.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;}



    .img-fim-compra{
        margin: auto;
        width: 320px;
    }
    .pt-40{  color: #17d8cc; margin-bottom: 32px;}
    .mb-20{margin-bottom:20px !important ;}
    .btn-voltar-pg{
            background: #288efd;
            color: #fff !important;
            border-radius: 5px !important;
            text-transform: uppercase !important;
            padding: 6px 13px;
        }
    .linha-pag{
        width: 100%;
        height: 2px;
        background: #b3b3b3;
        margin: 0 auto;
    }
    @media(max-width: 990px){
        .btn-voltar-pg{margin: 20px 0;}
    }


/* 
Página de erro */

/* .box-error-title{background: #050D3F;padding: 90px;text-align: center;color: #fff;font-size: 47px;border-radius: 27px;}
.content-error h4{text-align: center;color: #161819;font-size: 37px;font-weight: 700;}
.content-error p{font-size: 18px;font-weight: 300;margin-bottom: 35px; text-align: center;} */
.content-error a{background: #050D3F; color: fff; border-color: #050D3F !important;  margin-bottom: 40px;   
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.content-error a:hover{background: #337ab7; border-color: #337ab7 !important;}

@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; }
}




/*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; }
#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 #a07d3c; margin-top: 20px;}
#check{ height: auto; }
#logar{ font-size: 15px; border-bottom: 5px solid #a07d3c; 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 #a07d3c; 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 #ddd !important; border-left: 1px solid #ddd !important; border-right: 1px solid #fff !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;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; }

.lineseparate{height: 2px; width: 100%; background: #ededed; margin-top: 8px; margin-bottom: 8px;}

/* LOGIN */
#content-login{
    padding: 0 64px;
}
.btn-login{background: linear-gradient(45deg, #288efd, #aa3ee2) !important;    color: #fff;    font-weight: 600 !important;    border: 2px solid #fff !important;    border-radius: 30px !important;    -webkit-box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75) !important;    -moz-box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75);    box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75);    width: 50%;    height: 55px;    font-size: 20px !important;text-transform: uppercase;font-family: "Montserrat-Bold";}
.btn-login:hover{color: #fff !important;}
.btn-login:focus{outline: none !important;}
.cadastro p{ margin: 0 0 2.5px !important; }

.flex {display: flex !important;}
#forget{margin-top: 30px;}
.esq-senha{color: #af4de5;text-decoration: underline;font-size: 15px; font-family: "Montserrat-Regular";}
.esq-senha:hover{color: #af4de5 !important;}
.bottom10{margin-bottom: 10px;}
.form-login{font-family: "Montserrat-Regular";font-weight: 500;color: #666666 !important;font-size: 28px !important;padding: 0 0 0px 55px !important;height: 52px !important;background: #fff !important;border: 2px solid #666666 !important;box-shadow: none !important;border-radius: 30px !important;letter-spacing: 1px;font-family: "Montserrat-Regular";font-weight: 500;color: #666666 !important;font-size: 28px !important;padding: 0 0 0px 55px !important;height: 52px !important;background: #fff !important;border: 2px solid #666666 !important;box-shadow: none !important;border-radius: 30px !important;letter-spacing: 1px;}
.area-icone{width: 0;}
.area-icone img{position: relative;left: 9px;z-index: 5;top: 5px;width: 41px;}
.area-icone img.enderecoicon{position: relative;left: 14px;z-index: 5;top: 11px;width: 31px;}

.p-login{font-size: 13px; text-align: center; margin-bottom: 24px; color: #696667; font-weight: 700; font-family: "Montserrat-Regular";}
.h1-login{text-align: center;color: #a741e3;margin-top: 34px;font-weight: 600;font-family: "Montserrat-Regular";}
.icon-login{width: 100px;margin-left: -12px;}


.bg-bot{
    background: url(../img/bgbot.png) no-repeat center;
    height: 225px;
    position: relative;
    background-size: 230px;
}
.login a[href*="checkout"]{color: #fff !important;background: linear-gradient(45deg, #288efd, #aa3ee2) !important;padding: 15px 0;font-size: 16px;border-radius: 14px;display: block;text-transform: capitalize;font-weight: 600;margin: auto;width: 44%;text-align: center;cursor: pointer;position: relative;height: 168px;top: 65px;border: 2px solid #fff;-webkit-box-shadow: 23px 24px 36px rgba(0,0,0,.175);box-shadow: 23px 24px 36px rgba(0,0,0,.175);}
.login a[href*="checkout"] img{
    margin: 0 auto;
    width: 110px;
}
.login a[href*="checkout"] p{
    margin-top: 14px;
    font-family: "Montserrat-Bold";

}

.login a:hover{text-decoration: none !important;}
.form-esqsenha{
    margin-top: 12px; height: 45px !important;background: #fff !important; box-shadow: none !important; height: 45px; border-radius:5px !important; border: 1px solid #ccccccb0 !important;
}
.form-esqsenha:focus{border: 1px solid #cccccc30 !important; box-shadow: none !important;}
/*Fim login*/
.center{margin: auto !important;}

.bloco-info a{font-size: 18px;color: #000; position: relative; top: 22px; z-index: 23;font-weight: 700;}
.bloco-info a:hover{color: #000;text-decoration: none !important; }
.bloco-info a::before{ 
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background-color: #0b60ba;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.bloco-info a:hover:before{
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.flex-home{display: flex;flex-direction: column;align-items: center; height: 150px;}

.linha-home{width: 50px;height: 2px;background: linear-gradient(45deg, #288efd, #aa3ee2);margin: 0 auto; margin-bottom: 50px;}


.box-login{    background: #ededed;    padding: 0px 67px 38px;    width: 60%;    margin: 0 auto;    position: relative;    bottom: 47px;    border-radius: 40px;    border: 3px solid #FFF;    -webkit-box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);    -moz-box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);    box-shadow: 0px 0px 30px -20px rgba(0,0,0,0.75);}


.media-heading  img{width: 100px;}
.border-line  .media{
    margin-top: 15px !important;
}
/* AREA CLIENTE */
.info-user{color: #2c8dfc; font-family: "Montserrat-Regular";}
.info-user p > b{font-size: 20px;}
.info-user p{font-size: 11px;}
.center{margin: 20px 0px 20px 0px;}
.bordaesp{height: 2px;background: #cccccc;border-radius: 7px;margin: 0 3px;}
.nav-area-cliente{background: #fff; border: 1px solid #f2efef; padding-bottom: 30px; border-radius: 22px; padding-left: 2px !important; padding-right: 2px;-webkit-box-shadow: -2px 2px 8px -1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.3);box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.75);}
.nav-area-cliente>li>a {padding: 7px 15px !important; border-radius: 0px !important;margin: 3px 0px; color: #a741e3;font-size: 14px;font-weight: lighter;text-transform: uppercase;font-family: "Montserrat-Regular";}
.nav-area-cliente>li>a:hover {background: linear-gradient(30deg, #288efd, #aa3ee2) !important;color: #fff;font-size: 14px;font-weight: lighter;text-transform: uppercase;font-family: "Montserrat-Regular";}
.nav-area-cliente>li.active>a {background: linear-gradient(30deg, #288efd, #aa3ee2) !important;color: #fff;font-size: 14px;font-weight: lighter;text-transform: uppercase;font-family: "Montserrat-Regular";}
.nav-area-cliente>li>a::after{content: "";}


.modvale-gas{margin-top: 51px;width: 100%;height: 74px;padding: 0 !important;display: flex !important;align-items: center;justify-content: center;}
.modvale-gas img{width: 57px;}
div.media{padding: 7px;}
/* .border-line {border: 1px solid #eeeeee !important;border-radius: 0px !important;} */
.ticket-info{border-bottom: 1px solid #eee; padding: 10px 0px 10px 0px;}
.tabela-vales{overflow-y: scroll;height: 52vh;}
.form-cliente{width: 100%;height: 47px;padding: 6px 12px;background-color: #fff;border: 3px solid #ededed;border-radius: 14px !important;color: #808080;}
.form-cliente:focus{outline: 0;}
.form-cliente[disabled], .form-cliente[readonly], fieldset[disabled] .form-cliente {background-color: #eee;opacity: 1;}
.form-cliente#cs_cielo, #cs_cielo_deb {width: 90%;}
.form-cliente#validade1, #validade1_deb {width: 90%;}
.form-cliente#validade2, #validade2_deb{width: 90%;}
.tabela-vales table > thead > tr > th{text-align: center !important;padding: 12px 11px 6px;color: #666666;font-size: 14px;text-transform: uppercase;vertical-align: middle;font-family: "Montserrat-Bold";}
.tabela-vales table > tbody > tr > th,.tabela-vales table > tbody > tr > td{text-align: center !important; color: #80818c;font-weight: 600;font-size: 13px;font-family: "Montserrat-Bold";}
.border-table-vales{border: 3px solid #ededed;padding: 0 10px;border-radius: 12px;}
.tabela-vales::-webkit-scrollbar {-webkit-appearance: none;width: 7px; background: #eee; height: 5px;}
.tabela-vales::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #a741e3;-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}

.status-aprov{color: #17d8cc; font-size: 13px; font-weight: 700; text-align: center;}
.status-aprov i{font-size: 18px;}
.status-processa {color: #ff931e; font-size: 13px; font-weight: 700; text-align: center; font-family: "Montserrat-Bold";;}
.status-processa img{width: 18px;}

.status-cancela{color: #ff1d25; font-size: 13px; font-weight: 700; text-align: center; font-family: "Montserrat-Bold";}
.status-cancela i{border: 2px solid red; border-radius: 50%;padding: 1px 3px;font-size: 13px;}

.voucher-cancelado{color: #662d91; font-size: 10px; font-weight: 700; text-align: center; font-family: "Montserrat-Bold";}
.voucher-cancelado i{font-size: 18px;}
.voucher-troca-realizada{color: #828282; font-size: 10px; font-weight: 700; text-align: center; font-family: "Montserrat-Bold";}
.voucher-troca-realizada img{width: 18px;}
.voucher-pagamento{color: #ff931e; font-size: 10px; font-weight: 700; text-align: center; font-family: "Montserrat-Bold";}
.voucher-pagamento i{font-size: 18px;}
.voucher-disponivel{color: #17d8cc; font-size: 10px; font-weight: 700; text-align: center; font-family: "Montserrat-Bold";}
.voucher-disponivel i{font-size: 18px;}

.btn-cancelar{background: none;
    border: 2px solid #ff1d25 !important;
    width: 87px;
    padding: 0 !important;
    border-radius: 12px !important;
    background-image: url(../img/btncancela.png) !important;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: -3px -1px;
    background-image: url(../img/btncancela.png);
}
.btn-cancelar span{    
    color: #ff1d25;
    font-weight: 700;
    font-size: 11px;
    font-family: "Montserrat-Bold";
    position: relative;
    left: 8px;
}
.btn-cancelar:focus{outline: none !important;}

.btn-linear{background: linear-gradient(45deg, #288efd, #aa3ee2) !important;float: right;color: #fff;font-weight: 600 !important;border: 2px solid #fff !important;border-radius: 20px !important;-webkit-box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75) !important;-moz-box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75);box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75);}
.btn-linear:hover{color: #fff !important;}
.btn-linear:focus{outline: none !important;}

.btn-prossiga{height: 55px; padding: 14px 0 !important; width: 30%; background: linear-gradient(45deg, #288efd, #aa3ee2) !important;color: #fff;font-weight: 600 !important;border: 2px solid #fff !important;border-radius: 30px !important;-webkit-box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75) !important;-moz-box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75);box-shadow: 4px 0px 9px -3px rgba(0,0,0,0.75);}
.btn-prossiga:focus{outline: none !important;}
.btn-prossiga:hover{color: #fff !important;}


.drop-data{left: -172px !important;top: 19px !important;border: 3px solid #ededed;padding: 5px 8px !important;border-radius: 13px !important;-webkit-box-shadow: -2px 2px 8px -1px rgba(0,0,0,0.3);min-width: 381px !important;-moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.3);box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.75);}
.drop-data p{color: #a741e3;padding: 5px;font-size: 10px;font-family: "Montserrat-Regular";}
.drop-data p>strong{font-family: "Montserrat-Bold";}
.drop-data::before{content: '';background: #fff;width: 20px;height: 20px;position: absolute;left: 44%;top: -8px;transform: rotate(45deg);z-index: -1;border-radius: 5px;}

.drop-table{left: -84px !important;top: 19px !important;border: 3px solid #ededed;padding: 5px 8px !important;border-radius: 13px !important;-webkit-box-shadow: -2px 2px 8px -1px rgba(0,0,0,0.3);min-width: 184px !important;-moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.3);box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.75);}
.drop-table p{color: #a741e3;padding: 5px;font-size: 10px;font-family: "Montserrat-Regular";}
.drop-table p>strong{font-family: "Montserrat-Bold";}
.drop-table::before{content: '';background: #fff;width: 20px;height: 20px;position: absolute;left: 44%;top: -8px;transform: rotate(45deg);z-index: -1;border-radius: 5px;}


/* FAQ */
.titulo_FAQ {color: #AA3EE2;font-weight: 700;font-size: 2.3em;margin-bottom: 2px; font-family: "Montserrat-Bold";}

.sub_FAQ {font-style: italic;padding: 10px 0px;text-align: justify; font-family: "Montserrat-Regular"; font-size: 13px;}

.lista_FAQ li {padding: 10px 0px; font-family: "Montserrat-Regular";}

.subtitulo_FAQ{color: #AA3EE2;font-weight: 700;font-size: 1.3em; font-family: "Montserrat-Regular";}

/* CATEGORIA */
.btn-group, .btn-group-vertical{ display: block !important; }
.list-departamentos {margin-top: 40px; background-color: #a07d3c !important; border-color: #a07d3c !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; }
.list-group{
	background: #a07d3c !important;
}
.zoom-mobile{display: none;}


@media (min-width: 992px){
.col-md-pires {width: 21% !important;}
.btn-login{width: 50%;}

}
@media (max-width: 360px){
    .btn-linear{width: 100% !important;}
}

@media(max-width:320px){
    .box-login{
        padding: 0px 22px 19px;
    }
    .btn-login{width: 80%;}
}
@media(max-width:990px){
    .btn-login{width: 100%;}
	.icon-login{display: none !important;}
	.bloco-info a{top: 0 !important;margin-bottom: 23px;}
	.box-login{margin-top: 0px;}
	.linha-home{margin-bottom: 20px;}
	.bloco-info img {width: 70px;}
	.bloco-info {height: auto}
    .bloco-info a{font-size: 14px; }
    .login a{margin-top: 20px;}
    .login a[href*="checkout"]{
        padding: 15px;
        margin-top: 20px;
    }
    #content-login{
        padding: 0;
    }
}
@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;}
    .box-login {width: 100%;}
    .login a[href*="checkout"]{width: 100%;}
    .btn-prossiga{
        width: 100%;
    }
    .tabela-vales{height: 100vh;}
    .form-login{
        font-size: 21px !important;
        padding: 0 0 0px 43px !important;
    }
    .h1-login{margin-top: 15px;font-size: 20px; }
    .p-login{
        font-size: 10px;
        text-align: center;
    }
    .title-areaCliente{
        color: #a741e3;
        left: 0;
        font-family: "Montserrat-Regular";
        margin-bottom: 15px;
        margin-top: 15px;
        text-transform: uppercase;
        position: unset;
    }
    .modvale-gas{margin-bottom: 20px !important;}
}

@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'}}