@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i');

/* RESET */
* { margin:0; padding:0; list-style:none; border:0; vertical-align:baseline; font-family: 'Roboto', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); } /* tap-hig... removendo quadro azul links mobile */
h1, h2, h3, h4, h5, h6 { font-weight:400; color:#000; }
img, picture, video, embed { max-width: 100%; } /* truque para deixar as imagens e outros elementos adaptáveis */
input:focus, button:focus, textarea:focus, select:focus { outline: none; }
input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0px; }
.quebra-linha ::after{ clear:both; }
#formPagamentoCartao{
	background: #dfdbdb; padding: 15px; margin-bottom: 20px; border-radius: 5px;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance:textfield; }
/* remover setas contador input tipo number */

.clearfix:before,.clearfix:after { content: " "; display: table; } 
.clearfix:after { clear: both; } 
.clearfix { *zoom: 1; }
.clear{ clear: both; float: none; }
.espaco{ clear: both; float: none; height: 10px; }
.size-1-2{ font-size: 1.2em !important; }
.size-1-5{ font-size: 1.5em !important; }
.size-1-8{ font-size: 1.8em !important; }
.padding-left-10{ padding-left: 10px; }
.padding-right-10{ padding-right: 10px; }
/* fazer com que todos elementos fiquem dentro da div #conteudo por exemplo */

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding */

.container, .central, .topo, .topo .logo, .topo .selo-seguranca, .bloco-botao .botao.comprar-mais, .bloco-botao .botao.finalizar, .botao-form, .botao-cadastro  { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
/* animação responsiva */

/* BASE */
body { color:#4D4D4D; font-size:14px; font-weight:400; background:#f2f2f2; }
a { color:#007AFF; text-decoration:none; }
a:hover { text-decoration:underline; }
#checkout { float:left; width:100%; }
.container { float:left; width:100%; padding:40px 0; }
.container.padding-zero { padding-bottom:0; }
.central { width:900px; margin:0 auto; }

/* CABEÇALHO */
.topo { float:left; width:100%; padding:25px 0; border-bottom:1px solid #ccc; background:#fff; }
.topo .logo { float:left; width:192px; margin-top:5px; font-size:0; }
.topo .selo-seguranca {float:right; width:126px; font-size:0; }

/* CARRINHO */
.item-carrinho { float:left; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; }
.item-carrinho .imagem { float:left; width:80px; margin-right:20px; font-size:0; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.item-carrinho .detalhes { float:left; width:28%; }
.item-carrinho .detalhes .titulo-principal { font-weight:500; margin-bottom:5px; }
.item-carrinho .detalhes .titulo-secundario { font-size:13px; color:#808080; }
.item-carrinho .detalhes .titulo-secundario a { color:#B3B3B3; }
.item-carrinho .bloco-valores { float:left; width:47%; margin-left:8.88%; }
.item-carrinho .bloco-valores .preco, .item-carrinho .bloco-valores .total { float:left; width:calc(50% - 60px); height:30px; line-height:30px; text-align:center; }
.item-carrinho .bloco-valores .quantidade { position:relative; float:left; height:30px; }
.item-carrinho .bloco-valores .quantidade .botoes { float:left; width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc; font-size:18px; color:#4d4d4d; }
.item-carrinho .bloco-valores .quantidade .botoes:hover { text-decoration:none; color:#F14924; }
.item-carrinho .bloco-valores .quantidade .caixa-qtd { position: relative; float:left; width:50px; height:30px; text-align:center; margin:0 5px; border:1px solid #ccc; background:#fff; }
.item-carrinho .bloco-valores .quantidade.max::after{
	content: "Quantidade maxima";
    position: absolute;
    left: 50%;
    bottom: -44px;
    transform: translateX(-50%);
    color: red;
	text-align: center;
	
}
.item-carrinho .bloco-valores .quantidade .limite-cupons { position:absolute; left:0; top:33px; font-size:12px; color:#CF1F26; }

.item-carrinho .botao-remover { float:right; display:inline-block; width:20px; height:20px; line-height:20px; color:#F14924; text-align:center; font-weight:500; margin-top:5px; border:1px solid #F14924; border-radius:50%; }
.item-carrinho .botao-remover:hover { text-decoration:none; background:#F14924; color:#fff; }


.pagamento .item-carrinho .detalhes { float:left; width:70%; }
.pagamento .item-carrinho .detalhes .titulo-principal { font-weight:500; margin-bottom:5px; }
.pagamento .item-carrinho .detalhes .titulo-secundario { font-size:13px; color:#808080; }
.pagamento .item-carrinho .detalhes .titulo-secundario a { color:#B3B3B3; }
.pagamento .item-carrinho .bloco-valores { float:left; width:25%; margin-left: 5px; }
.pagamento .bloco-valores .total{ float: right; text-align: right; width: 100%; }



.bloco-resumo { float:left; width:100%; }
.bloco-frete { float:left; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ccc;  }
.cupomDesconto { float:left; padding:20px; background:#fff; }
.cupomDesconto label { float:left; width:100%; margin:10px 0 0 0; }
.cupomDesconto .caixaCupom { float:left; padding:0 10px; width:180px; height:40px; line-height:40px; font-size:14px; color:#4d4d4d; border:1px solid #ccc; background:#fff; }
.cupomDesconto .botaoDesconto { float:left; padding:0 10px; height:40px; line-height:40px; text-align:center; margin-left:0px; font-size:13px; color:#fff; font-family: 'Ubuntu', Arial, sans-serif; background:#007AFF; cursor:pointer; }

.formaEnvio { float:left; padding:20px 20px 0 20px; }
.formaEnvio label { float:left; margin:10px 0 0 0; clear:both; }


.fechamento-carrinho { float:left; width:100%; margin:20px 0; }
.fechamento-carrinho p { text-align:right; margin-bottom:5px; }
.fechamento-carrinho p.total { margin:10px 0 0 0; font-size:18px; }
.fechamento-carrinho p.total span { font-weight:500; display:inline-block; margin-left:5px; }
.fechamento-carrinho p.parcelas { color:#808080; }

.total-carrinho { float:left; width:100%; text-align:right; font-size:18px; }
.total-carrinho span { font-weight:500; display:inline-block; margin-left:5px; }

.bloco-botao { float:left; width:100%; margin:40px 0 20px 0; }
.bloco-botao .botao { float:right; height:45px; line-height:45px; padding:0 20px; margin-left:20px; font-size:16px; }
.bloco-botao .botao.comprar-mais { border:1px solid #ccc; color:#4d4d4d; }
.bloco-botao .botao.comprar-mais:hover { border-color:#000; text-decoration:none; }
.bloco-botao .botao.finalizar { color:#fff; background:#F14924; }
.bloco-botao .botao.finalizar:hover { text-decoration:none; background:#ED6E31; }

.formas-pagamento { float:left; width:100%; text-align:right; }

/* IDENTIFICAÇÃO */
.identificacao-bloco1 { float:left; width:44%; }
.identificacao-bloco2 { float:right; width:50%; min-height:280px; padding-left:50px; border-left:1px solid #ccc; }

.botao-cadastro { display:inline-block; padding:10px 50px; margin:15px 0; color:#fff; font-size:18px; background:#f14924; }
.botao-cadastro:hover { background:#ED6E31; text-decoration:none; }

/* PAGAMENTO */
.usuario-logado { float:left; width:100%; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ccc; }
.resumo-compra { float:left; width:100%; }
.resumo-compra .resumo { margin-bottom:5px; }

.bloco-endereco { float:left; width:100%; margin-top:30px; padding:30px 0; border-top:1px solid #ccc; background:#fff; }
.bloco-pagamento { float:left; width:100%; padding:30px 0; border-top:1px solid #ccc; background:#fff; }
.selecao-pagamento { position:relative; float:left; width:100%; margin-top:40px; padding-top:30px; border-top:1px solid #ccc; }
.selecao-pagamento .aba { position:absolute; top:-45px; width:170px; height:45px; line-height:45px; font-size:16px; text-align:center; border:1px solid #ccc; }
.selecao-pagamento .aba.cartao { left:30px; }
.selecao-pagamento .aba.boleto { left:220px; }
.selecao-pagamento .aba.selecao { border-bottom:1px solid #fff; color:#4d4d4d; cursor:default; }
.selecao-pagamento .aba.selecao:hover { text-decoration:none; }
.selecao-pagamento .certificados { float:right; margin-top:15px; }


.bloco-resumo-fechamento { float:left; width:100%; padding:30px 0; border-top:1px solid #ccc; }
.fechamento-resumo { float:right; }
.fechamento-resumo p { text-align:right; margin-bottom:5px; }
.fechamento-resumo p.total { margin:10px 0 0 0; font-size:18px; }
.fechamento-resumo p.total span { font-weight:500; display:inline-block; margin-left:5px; }
.fechamento-resumo p.parcelas { color:#808080; }

.formaEnvioFechamento { float:left; margin-right:20px; }
.formaEnvioFechamento label { float:left; clear:both; margin-bottom:5px; }


.pagamento-conteudo { float:left; width:60%; }
.botao-finalizar { width:100%; padding:15px 0; margin:10px 0; text-align:center; color:#fff; font-size:18px; border:0; cursor:pointer; background:#f14924; }
.botao-finalizar:hover { background:#ED6E31; }
.total-final { float:left; width:100%; font-size:18px; }
.total-final span { color:#808080; }

.cartoes-credito { float:left; width:100%; margin-top:5px; }
.cartoes-credito .cartao { float:left; width:50px; font-size:0; margin-right:5px; }
.cartoes-credito .cartao img { -webkit-filter: grayscale(1); filter: grayscale(1); }
.cartoes-credito .cartao.ativo img { -webkit-filter: grayscale(0); filter: grayscale(0); }

.codigo-seguranca { position:absolute; top:28px; right:20px; width:45px; font-size:0; }

.bloco-info-boleto { float:left; width:100%; margin:50px 0; }
.bloco-info-boleto p { display:block; position:relative; float:left; width:100%; margin-bottom:20px; padding-left:40px; font-size:16px; }
.bloco-info-boleto p::before { display:block; position:absolute; top:-3px; left:0; width:30px; height:30px; content:""; -webkit-border-radius:50%; border-radius:50%; }
.bloco-info-boleto p.barras::before { background:#3fa98d url(imagens/checkout/icon-barras.png) no-repeat center; background-size:30px; }
.bloco-info-boleto p.calendario::before { background:#3fa98d url(imagens/checkout/icon-calendario.png) no-repeat center; background-size:30px; }
.bloco-info-boleto p.cupom::before { background:#3fa98d url(imagens/checkout/icon-cupom.png) no-repeat center; background-size:30px; }
.bloco-info-boleto p.boleto::before { background:#3fa98d url(imagens/checkout/icon-boleto2.png) no-repeat center; background-size:30px; }

/*PAGAMENTO*/
.pagamento{ width: 48%; margin-right: 10px; float: left; }
.alterar-endereco{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	font-size: 16px;
	background: none;
	border: 1px solid #ccc;
	color: #4d4d4d;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.alterar-endereco:hover{ border-color:#000; text-decoration:none; cursor: pointer; }

.tab { position: relative; width: 100%; height: 230px; margin: 0 auto 20px auto; }
/*.tab-nav { height: 30px; background: #f5f5f5; }*/
.tab-nav a { display: block; float: left; padding: 10px 20px 0 20px; line-height: 30px; text-align: center; text-decoration: none; color: #999;  }
.tab-nav a.current { border: 1px dashed #ccc; background: #efefef; }
.tab-con { position: relative; width: 100%; padding: 10px; }
.tab-con-item { width: 100%; height: 180px; }



/*POSICIONAMENTOS*/
.float-left{ float: left; }
.float-right{ float: right; }

/*MARGENS*/
.margin-left-10{ margin-left: 10px; }
.margin-right-10{ margin-right: 10px; }

/*ENDEREÇOS*/
.box-endereco{ margin-bottom: 10px; border: 1px dashed #ccc; padding: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
.box-endereco:hover{ background: #efefef; }

.del-endereco:hover{ cursor: pointer; }
.endereco-principal:hover{ cursor: pointer; }

/*DADOS CLIENTE*/
.flex{ display: flex; flex-wrap: wrap; flex-direction: row; }
.dados-cliente{ width: 48%; float: right; padding-left: 10px; border-left: 1px dashed #ccc; }

/* CONCLUSÃO */
.bloco-mensagem { float:left; width:100%; text-align:center; }
.bloco-mensagem p { font-size:18px; }
.bloco-mensagem .icone { display:inline-block; width:70px; margin-bottom:10px; }

.bloco-aviso { float:left; width:100%; margin-top:40px; padding:40px 0; background:#F9CD6B; text-align:center; color:#000; font-size:16px; font-weight:bold;  }

.bloco-acoes { float:left; width:100%; margin-top:40px; padding:80px 0; border-top:1px solid #ccc; background:#fff; text-align:center; }
.bloco-acoes p { font-size:18px; }
.bloco-acoes .botao { display:inline-block; padding:10px 40px; margin-bottom:20px; font-weight:500; text-align:center; color:#f14924; border:1px solid #f14924; -webkit-border-radius:5px; border-radius:5px; }
.bloco-acoes .botao:hover { text-decoration:none; color:#fff; background:#f14924; }

.bloco-acoes .informativo { font-size:14px; color:#808080; }
.bloco-acoes .informativo h3 { font-size:18px; margin-bottom:5px; font-weight:500; }

.bloco-acoes .botao.visualizar { display:none; }

.bloco-acoes .codigo-barras { float:left; width:100%; margin-bottom:20px; display:none; }
.bloco-acoes .codigo-barras .instrucao { font-size:14px; color:#808080; margin-bottom:10px; }
.bloco-acoes .codigo-barras .codigo { font-size:18px; font-weight:500; }


/* FONTES */
h1 { font-size:24px; font-weight:500; margin-bottom:30px; }
h2 { font-size:28px; margin-bottom:5px; }
h3 { font-size:18px; margin-bottom:5px; }
h4 { font-size:14px; font-weight:500; margin-bottom:5px; }
.fonte-vermelha { color:#C12749; }

/*ALINHAMENTO DE TEXTO*/
.texto-centro{ text-align: center; }
.texto-esquerda{ text-align: left; }
.texto-direita{ text-align: right; }
.texto-justificado{ text-align: justify; }

/* FORMULÁRIO */
.form-coluna { position:relative; float:left; width:100%; padding:0 15px 15px 0; }
.form-coluna.coluna2 { width:50%; }
.form-coluna.coluna3 { width:33.33333333%; }
.form-coluna.coluna4 { width:25%; }
.form-coluna.coluna5 { width:20%; }
.form-coluna.coluna6 { width:16.66666666%; }
.form-coluna.coluna-porc66 { width:66.66666666%; }
.form-coluna.coluna-porc83 { width:83.33333333%; }
.form-coluna-buttom { clear:both; float:left; width:100%; }
.form-coluna-buttom input { float:left; }
.form-coluna .carregando-cep { position:absolute; right:30px; top:35px; visibility:hidden; }
.form-coluna label { float:left; width:100%; margin-bottom:5px; overflow:hidden; white-space: nowrap; text-align: left; text-overflow: ellipsis; }
.form-coluna label { float:left; margin-right:10px; }
.form-coluna p { margin-bottom:5px; }
.form-coluna input[type="radio"], input[type="checkbox"] { width:100%; height:40px; border:1px solid #FFF; background:#ebebe4 url(imagens/vinhetas/iconOkCheckbox.png) no-repeat center; background-size:20px; cursor:pointer;  }
.form-coluna input[type="radio"].coluna2 { width:50%; }
.form-coluna input[type="radio"].coluna3 { width:33.33333333%; }
.form-coluna input[type="radio"].pendente { background-image:url(imagens/vinhetas/iconBlockCheckbox.png); }
.form-coluna input[type="radio"].laranja { background-image:url(imagens/vinhetas/iconAlertCheckbox.png); }
.form-coluna input[type="radio"].verde:checked { background-color:rgb(48, 204, 95); }
.form-coluna input[type="radio"]:hover, input[type="checkbox"]:hover { border-color:#00A0D8; }
.form-coluna input[type="radio"]:checked, input[type="checkbox"]:checked { background-color:#00A0D8; }
.form-coluna input[type="radio"].pendente:checked { background-color:#ea3d4a; }
.form-coluna input[type="radio"].vermelho:checked { background-color:#ff2e34; }
.form-coluna input[type="radio"].laranja:checked { background-color:#ff7f00; }
.form-coluna input[type="checkbox"].coluna7 { width:14.28571428%; }

.form-coluna input[type="checkbox"].colunaTema { display: none; }
.form-coluna label.temas { width:16.66666666%; height:40px; line-height:38px; border:1px solid #FFF; font-weight:600; color:#666; background:#ebebe4;  padding-left:10px; cursor:pointer; transition: all 0.25s linear; margin:0;  }
.form-coluna label.temas.coluna1 { width:100%; }
.form-coluna label.temas.coluna10 { width:10%; }
.form-coluna label.temas:hover { border-color:#00A0D8; }
.form-coluna input[type="checkbox"].colunaTema:checked + label.temas { background:#00A0D8 url(imagens/vinhetas/iconOkCheckbox1.png) no-repeat center left; background-size:25px; color:#fff; padding-left:30px; }
.form-coluna input[type="checkbox"].colunaTema:checked + label.temas.coluna1 { background-color:#39B54A; }

.bloco-cliente-sel { float:left; width:100%; padding:20px; border:1px dashed #ccc; margin-bottom:20px; }
.bloco-cliente-sel.bgCinza { background:#F7F7F7; }


input, textarea { float:left; width:100%; padding:10px; font-size:13px; color:#999; border:1px solid #e8e8e8; transition: all 0.2s linear; }
select { float:left; width:100%; padding:10px; font-size:13px; color:#999; border:1px solid #e8e8e8; background:#fff url(imagens/vinhetas/iconSelect.png) no-repeat; background-position:98% 50%; background-size:16px 10px; transition: all 0.2s linear; }
input:focus, textarea:focus, select:focus { border:1px solid #00a0d8; }
.caixa-erro, .caixa-erro:focus { border:1px solid #ea3d4a; }


.form-coluna .esqueceu-senha { position:absolute; top:0; right:15px; }

.caixa { float:left; width:100%; padding:10px; font-size:14px; color:#999; border:1px solid #ccc; transition: all 0.2s linear; }
select { float:left; width:100%; padding:10px; font-size:14px; color:#999; border:1px solid #ccc; background:#fff url(imagens/vinhetas/iconSelect.png) no-repeat; background-position:98% 50%; background-size:16px 10px; transition: all 0.2s linear; }
.caixa:focus, .caixa:focus, select:focus { border:1px solid #00a0d8; }
.caixa-erro, .caixa-erro:focus { border:1px solid #ea3d4a; }
.mensagemErroFormulario { float:left; clear:both; width:100%; color:#cf1f26; margin-top:3px; font-size:12px; }

.radio { width:16px; height:16px; vertical-align:-2px; border:1px solid #999; background:#fff; border-radius:50%; }
.radio:checked { background:#39b54a; border-color:#333; }

.botao-form { padding:10px 50px; color:#fff; font-size:18px; border:0; cursor:pointer; background:#39b54a; }
.botao-form:hover { background:#34a33f; }
.botao-form:focus { border:0; }

#mensagemSucesso { float:left; width:100%; color:#000; padding:10px; text-align:center; margin-bottom:15px; background:#C4FFC4; }
#mensagemErro { float:left; width:100%; color:#000; padding:10px; text-align:center; margin-bottom:15px; background:#FFAEAE; }
#mensagemSucessoGeral { width:100%; padding:10px 0; font-size:16px; font-weight:500; background:#A1C63F; color:#3D4B18; text-align:center; border-bottom:1px solid #3D4B18; float:left; }
#mensagemAlerta { width:100%; padding:10px 0; font-size:16px; font-weight:500; background:#FFDE66; color:#201C0D; text-align:center; border-bottom:1px solid #806F33; float:left; }

.caixaForm { width: 100%; height: 55px; line-height: 55px; padding: 0 15px; border: 1px #e5e5e5 solid; font-size: 14px; margin-bottom: 10px; }

/* BOTÕES */
.variacao-cor2 { color:#fff; background:#f14924; }
.variacao-cor2:hover { background:#ED6E31; }

.botao-link { display:inline-block; padding:12px 30px; color:#FFF; font-size:18px; margin:0 10px 15px 0; background:#C12749; cursor:pointer; }
.botao-link.azul { background:#007AFF; }
.botao-link:hover { opacity:0.7; text-decoration:none; }
.botao-link:last-child { margin-bottom:0; }

.botao-calcula-cep{ background: none; float: right; border: 1px solid #ccc; color: #4d4d4d; height: 45px; line-height: 45px; padding: 0 20px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
.botao-calcula-cep:hover{ cursor: pointer; border-color:#000; text-decoration:none; }

.botao{ height: 45px; line-height: 45px; padding: 0 20px; font-size: 16px; }
.botao:hover{ cursor: pointer; }
.botao-laranja{margin: 0 auto; float: none; color: #fff; background: #F14924; border: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; width: fit-content; }
.botao-laranja:hover{ text-decoration:none; background:#ED6E31; }
.botao-laranja.desabilitado{
	background: rgb(245, 128, 102);
	cursor: unset;
	
}

/* CAIXA MODAL */
.bloco-modal { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8); z-index:999; opacity:0; pointer-events:none; transition: all 0.2s linear;  -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; }
.bloco-modal .modal { position:absolute; top:50%; left:50%; width:640px; min-height:400px; margin-top:-200px; margin-left:-320px; font-size:16px; text-align:center; padding:30px; background:#fff; -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.4); -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.4); box-shadow: 0px 5px 15px rgba(0,0,0,.4); transition: all 0.25s linear; }
.bloco-modal .modal h2 { color:#000; font-size:24px; font-weight:500; margin-bottom:20px; }
.bloco-modal .modal .acoes { float:left; width:100%; margin-top:30px; }

.bloco-modal .modal-info { position:absolute; top:50%; left:50%; width:700px; height:500px; margin-top:-250px; margin-left:-350px; padding:30px; background:#fff; -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.4); box-shadow: 0px 5px 15px rgba(0,0,0,.4); overflow:auto; transition: all 0.25s linear; }
.bloco-modal .modal-info p { margin-bottom:10px; }
.bloco-modal .modal-info h2 { float:left; height:40px; line-height:40px; color:#000; font-size:24px; font-weight:500; margin-bottom:20px; }
.bloco-modal .modal-info .informacoes { float:left; width:100%; }

.bloco-modal .modal-info .botao-fechar { float:right; height:40px; line-height:40px; padding:0 15px; color:#FFF; font-size:24px; margin-bottom:20px; background:#f14924; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; }
.bloco-modal .modal-info .botao-fechar:hover { background:#ed6e31; text-decoration:none; }

.modal-active .bloco-modal { 
	opacity:1; pointer-events:auto;
}
.loader{
	position: fixed;
	top: 0px;
	width: 100%;
	height:100% ;
	background-color: rgba(0,0,0,.4);
	z-index:100;
	display: none;

}
svg{
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
svg path,
svg rect{
  fill: #FF6700;

}
/*CEP*/
#div_opcoes_frete, #retorno_cep{ float: right; text-align: right; }
.caixaCEP{ height: 45px; width: 200px ; float: right;  border: 1px #a1a1a1 solid; background: none; padding: 10px; }


#retorno_cep{ width: 100%; margin-top: 10px;  }
.opcao-frete{ width: 100%; padding: 10px; border-bottom: 1px dashed #ccc; }
.opcao-frete:hover{ cursor: pointer; }
.bold{ font-weight: bold; }
.oculto{ display: none; }

.caixa-aviso { position:relative; float:left; width:100%; margin-bottom:15px; padding:15px 15px 15px 50px; font-size:13px; background:#fff; }
.caixa-aviso i { position:absolute; top:15px; left:20px; font-size:16px; }
.caixa-aviso:before { position:absolute; top:0; left:0; width:5px; height:100%; content:""; background-color:rgba(0,0,0,.1); }
.caixa-aviso.alerta { color:#000; background:#f7df9a; }
.caixa-aviso.ok { color:#fff; background:#62bc6a; }
.caixa-aviso.erro { color:#fff; background:#e85d6e; }


.opcaoFrete{
	display: flex;
	flex-direction:row-reverse;
	width: fit-content;
	margin-bottom: 5px;
}
.opcaoFrete input{

	width: 15px;
	margin-right: 5px;
	height: 15px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(102, 102, 102);
	
}
.opcaoFrete input:checked{

	background: radial-gradient(#00A0D8 30%,#ffffff 40%) !important ; 

	
}
.bloco-formas-pagamento{
	width: 100%;
}


@media screen and (max-width: 930px) {
	.central { float:left; width:100%; padding:0 15px; }
}

@media screen and (max-width: 768px) {
	.central { float:left; width:100%; padding:0 15px; }
	.item-carrinho { padding-bottom:64px; margin-bottom:15px; }
	.item-carrinho .imagem { margin-right:15px; }
	.item-carrinho .detalhes { width:calc(100% - 115px); }
	.item-carrinho .bloco-valores { width:calc(100% - 30px); margin-left:0; margin-top:10px; }
	.item-carrinho .botao-remover { margin-top:15px; }

	.form-coluna, .form-coluna.coluna2, .form-coluna.coluna3, .form-coluna.coluna4, .form-coluna.coluna5, .form-coluna.coluna6 { width:100%; padding-right:0; }
	.painel-coluna, .painel-coluna.coluna2, .painel-coluna.coluna3, .painel-coluna.coluna4, .painel-coluna.coluna5, .painel-coluna.coluna6, .painel-coluna.coluna-porc40 { width:50%; }
	.painel-coluna .dados { font-size:22px; width: 100%}
	
	.bloco-modal .modal { left:50%; width:100%; margin-left:-50%; }
	.bloco-modal .modal-info { top:0; left:0; width:100%; height:100%; margin-top:0; margin-left:0; padding:20px; }
}

@media screen and (max-width: 640px) {
	.container { padding:15px 0; }
	.topo { padding:15px 0; }
	.topo .logo { width:170px; }
	.topo .selo-seguranca { width:120px; }
	h1 { margin-bottom:20px; text-align:center; }
	
	.bloco-botao { margin:20px 0 20px 0; }
	.bloco-botao .botao { width:100%; text-align:center; padding:0; margin-left:0; }
	.bloco-botao .botao.finalizar { margin-bottom:20px; }
	
	.identificacao-bloco1 { width:100%; }
	.identificacao-bloco2 { width:100%; min-height:inherit; padding-left:0; padding-top:15px; margin-top:20px; border-left:0; border-top:1px solid #ccc; }
	 
	.selecao-pagamento .certificados { width:100%; margin-top:0; text-align:center; }	
	.selecao-pagamento .aba { top:-40px; width:140px; height:40px; line-height:40px; font-size:14px; }
	.selecao-pagamento .aba.cartao { left:15px; }
	.selecao-pagamento .aba.boleto { left:170px; }
	

	.pagamento-conteudo { width:100%; }
	.total-final { font-size:16px; text-align:center; }
	
	h2 { font-size:24px; }
	.bloco-mensagem p { font-size:16px; }
	.bloco-acoes { margin-top:15px; padding:30px 0; border-top:1px solid #ccc; background:#fff; text-align:center; }
	.bloco-acoes p { font-size:16px; }
	.bloco-acoes .botao { width:100%; padding:15px 0; font-size:16px; color:#fff; background:#f14924; }
	
	
	.bloco-acoes .botao.imprimir { display:none; }
	.bloco-acoes .botao.visualizar { display:inline-block; }
	.bloco-acoes .codigo-barras { display:block; }
	
	.form-coluna, .form-coluna.coluna2, .form-coluna.coluna3 { width:100%; padding-right:0; }
	.form-coluna .esqueceu-senha { right:0; }
	.botao-form { width:100%; text-align:center; }	
	.botao-cadastro { width:100%; text-align:center; }
	
	
	.fechamento-resumo { width:100%; }	
	.formaEnvioFechamento { width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; }
}

@media screen and (max-width: 480px) {
	.topo .logo { width:160px; }
	.topo .selo-seguranca { width:100px; }
	.item-carrinho .detalhes { width:calc(100% - 95px); }
	
	.validade-ano { display:none; }
	.codigo-seguranca { right:5px; }
	
	.cupomDesconto { width:100%; }
	.formaEnvio { width:100%; }
	
	.cupomDesconto .caixaCupom { width:60%; }
	.cupomDesconto .botaoDesconto { width:40%; padding:0; }
	
	.bloco-modal .modal h2 { font-size:20px; }
	.botao-link { width:100%; padding:12px 0; text-align:center; margin-right:0; }
}


@media screen and (max-width: 320px) {

	.item-carrinho .detalhes .titulo-principal { margin-bottom:3px; }
	
	.selecao-pagamento .aba { width:130px; }
	.selecao-pagamento .aba.cartao { left:10px; }
	.selecao-pagamento .aba.boleto { left:150px; }
	.bloco-acoes .codigo-barras .codigo { font-size:16px; }
	
	.bloco-modal .modal { padding:20px; }
}