<!doctype html>
<html lang="pt-BR">
%%Panel.HTMLHead%%
<body class="common-home res layout-home6">
	<script type="text/javascript" src="%%GLOBAL_ShopPath%%/javascript/express.checkout.js?%%GLOBAL_JSCacheToken%%"></script>
	<div id="wrapper" class="wrapper-full banners-effect-7">
		<div class="visible-lg">
			%%Panel.Header%%
		</div>
		<center><div class="type_6 visible-xs" ><div style="max-width: 50%;">%%GLOBAL_HeaderLogo%%</div></div></center>
		<style type="text/css">
			%%GLOBAL_Oculta%%
			.identificacao .identificacao-title { margin: 0; font-size: 21px; line-height: 25px; text-align: center; margin: 0 0 20px; }
			.identificacao .control-group input { width: 100%; padding: 15px 3%; font-size: 18px; box-shadow: inset 1px 1px 7px #e7e7e7; border: 1px solid #ccc; border-radius: 3px }
			.identificacao{text-align: center;}
			.identificacao .email-box {margin-right: 110px;}
			.identificacao .control-group .submit-email.botao.principal { position: absolute; top: 0; right: 0; float: none; max-width: 95px; min-width: 95px; }
			.identificacao .identificacao-inner { padding: 30px 0 20px; }
			.identificacao .control-group { margin: 0 auto; max-width: 490px; position: relative; }
			.botao { border-radius: 2px; border: 1px solid rgba(0,0,0,0.1); border-bottom-color: rgba(0,0,0,0.2); color: #555; font-size: 14px; line-height: normal; text-transform: none; padding: 6px 14px; display: inline-block; cursor: pointer; vertical-align: middle; text-align: center; background-color: #FFF; background-image: linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.1)); white-space: nowrap; background-color: #46b448;}
			.identificacao .control-group .botao.principal { padding: 10px 10px 15px; font-size: 20px; max-width: 100px; min-width: 95px; float: right; line-height: 27px; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; }
			.checkout-alerta-seguro .checkout-alerta-seguro-icon { position: absolute; font-size: 180px; bottom: -35px; right: -5px; color: #eaf0ea; z-index: 1; }
			.checkout-alerta-seguro .checkout-alerta-seguro-tit { font-size: 14px; line-height: 20px; margin: 15px 0 10px; }
			.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok, .checkout-alerta-seguro .checkout-alerta-seguro-tit { color: #468847; z-index: 2; position: relative; }
			.checkout-alerta-seguro .checkout-alerta-seguro-list { color: #888; z-index: 2; position: relative; margin: 0; text-align: left; list-style: none; padding: 0; }
			.checkout-alerta-seguro .checkout-alerta-seguro-item .fa-check, .checkout-alerta-seguro .checkout-alerta-seguro-tit { color: #468847; z-index: 2; position: relative; }
			.checkout-alerta-seguro .checkout-alerta-seguro-icon { position: absolute; font-size: 180px; bottom: -35px; right: -5px; color: #eaf0ea; z-index: 1; }
			.icon-lock:before {content: "\f023";}
			[class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none;}
			.checkout-alerta-seguro { text-align: left; background-color: #fcfcfc; padding: 0 10px 15px 15px; border: 1px solid #eee; border-radius: 4px; max-width: 400px; margin: 0 auto 50px; position: relative; overflow: hidden; margin-top: 50px}
			.identificacao .senha-box {margin-right: 40px; margin-top: 20px; float: left;    width: 68%;}
			.identificacao .control-group .esqueci-senha { clear: both; display: inline-block; margin-top: 15px; margin-right: 10px; color: #555;}
			.ExpressCheckoutBlockCompleted .ExpressCheckoutContent{display: none;}
		</style>
		<script type="text/javascript" src="%%GLOBAL_ShopPath%%/javascript/formfield.js?%%GLOBAL_JSCacheToken%%"></script>
		<script type="text/javascript">
			lang.LoginEnterValidEmail = "%%LNG_LoginEnterValidEmail%%";
			lang.LoginEnterPassword = "%%LNG_LoginEnterPassword%%";
			lang.AccountEnterPassword = "%%LNG_AccountEnterPassword%%";
			lang.AccountPasswordsDontMatch = "%%LNG_AccountPasswordsDontMatch%%";
			lang.AccountEnterFirstName = "%%LNG_AccountEnterFirstName%%";
			lang.AccountEnterLastName = "%%LNG_AccountEnterLastName%%";
			lang.EnterShippingFirstName = '%%LNG_EnterShippingFirstName%%';
			lang.EnterShippingLastName = '%%LNG_EnterShippingLastName%%';
			lang.EnterShippingAddress = "%%LNG_EnterShippingAddress%%";
			lang.EnterShippingCity = "%%LNG_EnterShippingCity%%";
			lang.ChooseShippingCountry = "%%LNG_ChooseShippingCountry%%";
			lang.ChooseShippingState = "%%LNG_ChooseShippingState%%";
			lang.EnterShippingZip = "%%LNG_EnterShippingZip%%";
			lang.ExpressCheckoutStepBillingAddress = "%%LNG_ExpressCheckoutStepBillingAddress%%";
			lang.ExpressCheckoutStepBillingAccountDetails = "%%LNG_ExpressCheckoutStepBillingAccountDetails%%";
			lang.ExpressCheckoutLoadError = "%%LNG_ExpressCheckoutLoadError%%";
			lang.ExpressCheckoutCheckingOutAsGuest = "%%LNG_ExpressCheckoutCheckingOutAsGuest%%";
			lang.ExpressCheckoutCreatingAnAccount = "%%LNG_ExpressCheckoutCreatingAnAccount%%";
			lang.ExpressCheckoutChooseBilling = "%%LNG_ExpressCheckoutChooseBilling%%";
			lang.ExpressCheckoutChooseShipping = "%%LNG_ExpressCheckoutChooseShipping%%";
			lang.ExpressCheckoutChooseShipper = "%%LNG_ExpressCheckoutChooseShipper%%";
			lang.ExpressCheckoutFor = "%%LNG_ExpressCheckoutFor%%";
			lang.ExpressCheckoutLoading = "%%LNG_ExpressCheckoutLoading%%";
			lang.ShippingMethodCombined = "%%LNG_ShippingMethodCombined%%";
			lang.EnterShippingPhone = "%%LNG_EnterShippingPhone%%"
			lang.EnterCouponCode = "%%LNG_EnterCouponCode%%";
			lang.BillAndShipToAddress = "%%LNG_BillAndShipToAddress%%";
			lang.BillToThisAddress = "%%LNG_BillToThisAddress%%";
			lang.ShipToThisAddress = "%%LNG_ShipToThisAddress%%";
			lang.CheckingOutAs = "%%LNG_CheckingOutAs%%";
			var CustomCheckoutFormNewAccount = %%GLOBAL_CustomCheckoutFormNewAccount%%;
			var CustomCheckoutFormBillingAddress = %%GLOBAL_CustomCheckoutFormBillingAddress%%;
			var CustomCheckoutFormShippingAddress = %%GLOBAL_CustomCheckoutFormShippingAddress%%;
			$(document).ready(function() {
				ExpressCheckout.signedIn = %%GLOBAL_ExpressCheckoutSignedIn%%;
				ExpressCheckout.digitalOrder = %%GLOBAL_ExpressCheckoutDigitalOrder%%;
				ExpressCheckout.init();
				%%GLOBAL_GoToStep%%
			});

			%%GLOBAL_FormFieldRequiredJS%%
		</script>
	<center>
		<div class="oculta" >
			<br>
			<button type="button" class="btn btn-primary etapa2">passo 1 de 3: <strong>Endereço de Cobrança</strong></button>
			<button type="button" class="btn btn-primary etapa3">passo 2 de 3: <strong>Opções entrega</strong></button>
			<button type="button" class="btn btn-primary etapa4">passo 3 de 3: <strong>Confirmação de pedido</strong></button>
		</div>
	</center>
		<div class="main-container container">
			<div class="container">
				<div class="inner-block so-onepagecheckout">
					<div class="row">
						<div class="check-main col-sm-12">
							<div class="Block ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassAccountDetails%%" style="%%GLOBAL_ExpressCheckoutHideAccountDetails%%">
								<div class="row identificacao">
									<div class="col-sm-3"></div>
									<div class="col-sm-6">
										<br>
										<h3 class="identificacao-title">Para continuar, informe seu e-mail</h3>
										<form action="#" id="LoginForm" method="post" onSubmit="ExpressCheckout.Login(); return false;">
											<div class="form-horizontal">
												<div class="control-group">
													<div class="email-box">
														<input type="text" name="login_email" id="login_email" autocomplete="email" placeholder="meu@email.com.br">
													</div>

													<a href="javascript:;" class="submit-email botao principal grande" data-loading-text="<i class='icon-refresh icon-animate'></i>" autocomplete="off">Continuar</a>
												</div>

												<div class="login-data control-group" style="display: none;">
													<div class="senha-box">
														<label for="id_senha" class="control-label hide">Senha</label>
														<input type="password" name="login_pass" id="login_pass" placeholder="Senha" autocomplete="current-password">
													</div>
													<button type="submit" id="id_botao_login" class="botao principal" data-loading-text="<i class='icon-refresh icon-animate'></i>" autocomplete="off" style="float: left; margin-top: 20px;">OK</button>
													<a href="%%GLOBAL_ShopPath%%/login.php?action=reset_password" class="esqueci-senha">
														<i class="fa fa-lock"></i> Esqueci minha senha
													</a>
												</div>
											</div>
										</form>
										<div class="checkout-alerta-seguro">
										    <h3 class="checkout-alerta-seguro-tit">Usamos seu e-mail de forma 100% segura para:</h3>
										    <ul class="checkout-alerta-seguro-list">
										      <li class="checkout-alerta-seguro-item"><i class="fa fa-check"></i> <span class="checkout-alerta-seguro-text">Identificar seu perfil</span></li>
										      <li class="checkout-alerta-seguro-item"><i class="fa fa-check"></i> <span class="checkout-alerta-seguro-text">Notificar sobre o andamento do seu pedido</span></li>
										      <li class="checkout-alerta-seguro-item"><i class="fa fa-check"></i> <span class="checkout-alerta-seguro-text">Gerenciar seu histórico de compras</span></li>
										      <li class="checkout-alerta-seguro-item"><i class="fa fa-check"></i> <span class="checkout-alerta-seguro-text">Acelerar o preenchimento de suas informações</span></li>
										    </ul>
										    <i class="fa fa-lock checkout-alerta-seguro-icon"></i>
										</div>
									</div>
									<div class="col-sm-3"></div>
								</div>
							</div>

							<div class="Clear ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassBillingAddress%%  oculta" id="CheckoutStepBillingAddress">
								<div class="ExpressCheckoutContent panel-body form-horizontal account-register clearfix">
									%%SNIPPET_BillingAddressStepContents%%
								</div>
							</div>

							<div class="Clear ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassShippingAddress%%  oculta" id="CheckoutStepShippingAddress" style="%%GLOBAL_ExpressCheckoutHideShippingAddress%%">
								<div class="ExpressCheckoutContent panel-body form-horizontal account-register clearfix">
									%%SNIPPET_ShippingAddressStepContents%%
								</div>
							</div>

							<div class="Clear ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassShippingProvider%%  oculta" id="CheckoutStepShippingProvider" style="%%GLOBAL_ExpressCheckoutHideShippingProviders%%">
								<div class="ExpressCheckoutContent panel-body"></div>
							</div>

							<div class="Clear ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassConfirmation%% oculta" id="CheckoutStepConfirmation">
								<div class="ExpressCheckoutContent panel-body"></div>
							</div>

							<div class="Clear ExpressCheckoutBlock %%GLOBAL_CollapsedStepClassPaymentDetails%% panel panel-default" id="CheckoutStepPaymentDetails" style="%%GLOBAL_ExpressCheckoutHidePaymentDetails%%">
								<div class="panel-heading">
									<h4 class="panel-title heading">
										%%LNG_ExpressCheckoutStep%% %%GLOBAL_ExpressCheckoutStepPaymentDetails%%: %%LNG_ExpressCheckoutStepPaymentDetails%%
									</h4>
								</div>
								<div class="ExpressCheckoutContent panel-body"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	%%Panel.Footer%%
	<script src="%%GLOBAL_TPL_PATH%%/Assets/js/jquery.maskedinput.min.js"></script>
	<script type="text/javascript">
		$(".submit-email").click(function() {
	        $.ajax({
	            url: 'remote.php',
	            type: 'post',
	            data: 'w=verificaremail&email=' + $("#login_email").val(),
	            success: function(response) {
	            	if(response == 1){
	            		$(".login-data").slideDown();
	            		$(".submit-email").hide();
	            		$(".email-box").css("margin-right", '0');
	            		$(".identificacao-title").html("Identifique-se para continuar");
	            	} else {
	            		$(".oculta").slideDown();
	            		$(".identificacao").slideUp();
	            		ExpressCheckout.GuestCheckout();
	            	}
	            }
	        });
        });
	</script>
</body>
</html>