
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="https://www.encontrospet.com.br//pd-themes/encontrospet/css/estilo.css">
<link rel="stylesheet" href="https://www.encontrospet.com.br//pd-themes/encontrospet/css/bootstrap.css">

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<title>Para empresas | Encontros Pet</title>
</head>
<body style="background:url(https://www.encontrospet.com.br//pd-themes/encontrospet/img/bg-amarelo.png);background-attachment:fixed;">
<style>

            .fstElement { font-size: 1.2em; }
            .fstToggleBtn { min-width: 16.5em; }

            .submitBtn { display: none; }

            .fstMultipleMode { display: block; }
            .fstMultipleMode .fstControls { width: 100%; }

        </style>
<div class="container" style="min-width:600px">
<div class="box-cad-pj col-md-10 col-md-offset-1">
<div style=" height:auto;margin-top:20px" class="container col-xs-12 col-md-8 col-md-offset-2">
<div class="logo-enc" style="text-align: center;padding: 1em 0;">
<a href="http://www.encontrospet.com.br/"><img src="https://www.encontrospet.com.br//pd-themes/encontrospet/img/pet.png"></a>
<h1 style="color: #2ecc71;font-size: 3.5em;letter-spacing: 8px;text-shadow: 2px 2px 1px #3A892F;font-weight: bold;">RENDA EXTRA</h1>
<p style="color: #626262;">Cadastre sua Empresa e faÃ§a parte do maior Portal sobre Pets do Brasil!</p>
</div>
<div class="stepwizard col-md-offset-1" style="margin-left:9%">
<div class="stepwizard-row setup-panel">
<div style="position:absolute; width:100%; z-index:9999;height:70px;top:10px;display:block"></div>
<div class="stepwizard-step">
<a href="#step-1" id="step1" class="btn-passo-a-passo btn-primary">1</a>
</div>
<div class="stepwizard-step">
<a href="#step-2" id="step2" class="btn-passo-a-passo btn-default" disabled="disabled">2</a>
</div>
<div class="stepwizard-step">
<a href="#step-3" id="step3" class="btn-passo-a-passo btn-default" disabled="disabled">3</a>
</div>
</div>
</div>
</div>
<form role="form" action class="attireCodeToggleBlock" method="post">
<div class="container setup-content col-xs-12 col-md-8 col-md-offset-2" id="step-1" style="background: white;">
<div class="col-md-12">
<div class="col-md-12" style="padding: 1em;">
<h3> Dados bÃ¡sicos </h3>
<div class="form-group">
<input maxlength="100" type="text" required="required" name="nome" id="val_nome" class="input-cad-user" placeholder="Primeiro nome"/>
<strong style="color:#F00" id="alert_nome"></strong>
</div>
<div class="form-group">
<input maxlength="100" type="text" required="required" name="sobrenome" id="val_sobrenome" class="input-cad-user" placeholder="Sobrenome"/>
<strong style="color:#F00" id="alert_sobren	ome"></strong>
</div>
<div class="form-group">
<input maxlength="100" type="text" required="required" name="email" id="val_email" class="input-cad-user" placeholder="Email"/>
<strong style="color:#F00" id="alert_email"></strong>
</div>
<div class="form-group">
<input maxlength="100" type="text" required="required" name="telefone" id="val_telefone" class="input-cad-user" placeholder="Telefone"/>
<strong style="color:#F00" id="alert_telefone"></strong>
</div>
<div class="form-group">
<ul class="nav nav-tabs">
<li class="active"><a>CPF</a></li>
<li style="display:none"><a data-toggle="tab" href="#menu1" onClick="$('#inp_cpf').val('');">CNPJ</a></li>
<li style="display:none"><a data-toggle="tab" href="#home" onClick="$('#inp_cnpj').val('');">CPF</a></li>
</ul>
<div class="tab-content">

<div id="menu1">
<h3>CPF</h3>
<div class="form-group">
<input type="cpf" class="input-cad-user input_document" id="inp_cpf" name="cpf" maxlength="14">
</div>
</div>
<hr>
<div id="home" class="tab-pane fade in" style="display:none">
<h3>CPF</h3>
<div class="form-group">
<input type="cpf" class="input-cad-user input_document" id="inp_cpf" name="cpf" maxlength="14">
</div>
</div>
</div>
<strong style="color:#F00" id="alert_documento"></strong>
</div>
<div class="form-group">
<input maxlength="100" type="text" required="required" name="login" id="val_login" class="input-cad-user" placeholder="Login"/>
<strong style="color:#F00" id="alert_login"></strong>
</div>
<div class="form-group">
<input maxlength="100" type="password" required="required" id="val_senha" class="input-cad-user" placeholder="Senha"/>
</div>
<div class="form-group">
<input maxlength="100" type="password" required="required" id="val_senha_compare" class="input-cad-user" placeholder="Confirmar Senha"/> <strong style="color:#F00" id="alert_senha"></strong>
</div>
<a onClick="validar_form(1)" class="btn btn-primary btn-lg pull-right" href="javascript:void(0)">PrÃ³ximo</a>
</div>
</div>
</div>
<div class="container setup-content col-xs-12 col-md-8 col-md-offset-2" id="step-2" style="background: #fff">
<div class="col-md-12">
<div class="col-md-12" style="padding: 1em;">
<h3> Dados do seu negÃ³cio </h3>
<div class="form-group" style="width:100%; float:left; margin-top:20px; clear:both">
<div class="form-group" style="width:100%; float:left; margin-top:5px; padding-bottom:5px; clear:both; border-bottom:1px dashed #ccc; color:#C06"><span>TÃ­tulo do ServiÃ§o</span></div>
<input type="text" class="input-cad-user" id="val_nome_servico" placeholder="Nome" style="width:100%">
 <strong style="color:#F00" id="alert_val_nome_servico"></strong>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:20px; clear:both">
<div class="form-group" style="width:100%; float:left; margin-top:5px; padding-bottom:5px; clear:both; border-bottom:1px dashed #ccc; color:#C06"><span>DescriÃ§Ã£o do ServiÃ§o</span></div>
<textarea class="input-cad-user" id="val_descricao_servico" placeholder="Um breve texto sobre sua empresa" style="height:150px;"></textarea>
<strong style="color:#F00" id="alert_val_descricao_servico"></strong>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:20px; clear:both">
<div class="form-group" style="width:100%; float:left; margin-top:5px; padding-bottom:5px; clear:both; border-bottom:1px dashed #ccc; color:#C06"><span>ServiÃ§os oferecidos</span></div>
<input type="checkbox" id="tag_animal_pequeno" value="Animais de pequeno porte"> Trabalha com "Animais de pequeno porte" <br>
<input type="checkbox" id="tag_animal_medio" value="Animais de mÃ©dio porte"> Trabalha com "Animais de mÃ©dio porte"<br>
<input type="checkbox" id="tag_animal_grande" value="Animais de grande porte"> Trabalha com "Animais de grande porte"<br>
<input type="checkbox" id="tag_animal_especiais" value="Animais com necessidades especiais"> Trabalha com "Animais com necessidades especiais"<br>
<input type="checkbox" id="tag_cartoes" value="Aceitam cartÃµes"> Aceita cartÃµes<br>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:20px; clear:both">
<div class="form-group" style="width:100%; float:left; margin-top:5px; padding-bottom:5px; clear:both; border-bottom:1px dashed #ccc; color:#C06"><span>EndereÃ§o do negÃ³cio</span></div>
<div class="form-group" style="width:30%; float:left; margin-right:2.5%;">
<label for="exampleInputEmail1">CEP</label>
<input type="text" class="input-cad-user" id="serv_cep" value placeholder="00000-000" style="width:100%">
<strong style="color:#F00" id="alert_serv_cep"></strong>
<small id="emailHelp" class="form-text text-muted">NÃ£o sabe o seu CEP? Clique <a> aqui</a>.</small>
</div>
<div class="form-group" style="width:30%; float:left; margin-right:2.5%;">
<label for="exampleInputEmail1">Cidade</label>
<input type="text" class="input-cad-user" id="val_cidade" name="cidade" value style="width:100%" placeholder="Cidade">
<strong style="color:#F00" id="alert_val_cidade"></strong>
</div>
<div class="form-group" style="width:20%; float:left">
<label for="exampleInputEmail1">UF</label>
<input type="text" class="input-cad-user" name="estado" id="val_estado" value style="width:100%" placeholder="Digite seu CEP acima e receba a localizaÃ§Ã£o automaticamente">
<strong style="color:#F00" id="alert_val_estado"></strong>
</div>
<div class="form-group" style="width:30%; float:left; clear:both;">
<label for="exampleInputEmail1">Bairro</label>
<input type="text" class="input-cad-user" id="val_bairro" value style="width:100%" placeholder="Bairro">
<strong style="color:#F00" id="alert_val_bairro"></strong>
 </div>
<div class="form-group" style="width:53%; float:left">
<label for="exampleInputEmail1">Logradouro</label>
<input type="text" class="input-cad-user" id="val_logradouro" value style="width:100%" placeholder="Rua ou Avenida + Numero">
<strong style="color:#F00" id="alert_val_logradouro"></strong>
</div>
<div class="form-group" style="width:16%; float:left">
<label for="exampleInputEmail1">NÂ°</label>
<input type="text" class="input-cad-user" id="val_numero" value style="width:100%" placeholder>
<strong style="color:#F00" id="alert_val_numero"></strong>
</div>
</div>
<div class="form-group">
<label for="exampleSelect1">Escolha o tipo de serviÃ§o que vocÃª oferece</label>
<select class="input-cad-user" id="val_tipo_servico" onChange="preencher_segmentos(this.value);">
<option selected disabled>Selecione</option>
<option value="Adestradores">Adestradores</option>
<option value="Day cares">Day cares</option>
<option value="Dog Walker">Dog Walker</option>
<option value="Hospedagem">Hospedagem</option>
<option value="Pet Sitters">Pet Sitters</option>
</select>
<script>
									
										function preencher_segmentos (valores){
											
											
									    total = 0;
										if ($('#segmentos .item-segmentos').length){
										    	total =  $('#segmentos .item-segmentos').length;
										}
	
											
											elementos = '<div style="float: left;" class="item-'+total +'"><input type="checkbox" style="display:none;" checked class="item-segmentos" value="' + valores +'">' + '<span class="valores-setados"><a class="retira-valores" href="javascript:void()" onclick="tirar('+total +')"> X </a>' + valores + '</span></div>';
											  
											  
											 jQuery('#segmentos').append(elementos)
											 
											
										}
										
										
										function tirar(id){
											
											id =  '.item-'+id;
											
											jQuery(id).remove();
											
										}
										
									</script>
<div id="segmentos">
<div class="clearfix"></div>
</div>
<style> 
								   #segmentos{
									   padding: 1em;
									   margin-top: 10px;
								   }		
								   .valores-setados{
										padding: 10px 15px;
										background: wheat;
										color: #333;
										display: inline-block;
										border-radius: 6px;
										margin: 5px;
									}
								   .retira-valores {
									font-size: 9px;
									font-weight: bold;
									padding: 0px;
									position: relative;
									top: -2px;
									left: -2px;
								}
							</style>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:20px; clear:both">
<div class="tab-cad-servico" style="display:block">
<div class="form-group" style="width:100%; float:left; margin-top:5px; padding-bottom:5px; clear:both; border-bottom:1px dashed #ccc; color:#C06"><span> HorÃ¡rio de funcionamento </span><a href="javascript:void(0)" data-toggle="collapse" data-target="#demo4"><i class="fa fa-caret-down" aria-hidden="true"></i></a></div>
<div class="clear"></div>
 <div id="demo4" class="collapse tab-cad-bottom" style="display:block">
<div class="form-group" style="width:100%; float:left; margin-top:20px; clear:both">
<div class="col-md-2">
<span> Domingo </span>
</div>
<div class="col-md-5">
<input type="text" id="val_hrs_dom_aberto" class="input-cad-user" placeholder="Abertura">
</div>
<div class="col-md-5">
<input type="text" id="val_hrs_dom_fechado" class="input-cad-user" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:5px; clear:both">
<div class="col-md-2">
<span> Segunda </span>
</div>
<div class="col-md-5">
<input type="text" id="val_hrs_seg_aberto" class="input-cad-user" placeholder="Abertura">
</div>
<div class="col-md-5">
<input type="text" id="val_hrs_seg_fechado" class="input-cad-user" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:5px; clear:both">
<div class="col-md-2">
<span> TerÃ§a </span>
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_terc_aberto" placeholder="Abertura">
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_terc_fechado" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:5px; clear:both">
<div class="col-md-2">
<span> Quarta </span>
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_qua_aberto" placeholder="Abertura">
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_qua_fechado" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:5px; clear:both">
<div class="col-md-2">
<span> Quinta </span>
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_qui_aberto" placeholder="Abertura">
</div>
<div class="col-md-5">
 <input type="text" class="input-cad-user" id="val_hrs_qui_fechado" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:5px; clear:both">
<div class="col-md-2">
<span> Sexta </span>
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_sext_aberto" placeholder="Abertura">
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_sext_fechado" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
<div class="form-group" style="width:100%; float:left; margin-top:5px; clear:both">
<div class="col-md-2">
<span> SÃ¡bado </span>
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_sab_aberto" placeholder="Abertura">
</div>
<div class="col-md-5">
<input type="text" class="input-cad-user" id="val_hrs_sab_fechado" placeholder="Fechamento">
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<style type="text/css">
      
      .iframe_logo{padding:15px;border:1px dashed #090; width:60%; height:400px}
      .iframe_galeria{padding:15px; border:1px dashed #C60;width:80%; height:500px;overflow-y:auto}
      .iframe_capa{padding:15px; border:1px dashed #069;width:80%; height:500px;}
      
  </style>
<script type="text/javascript">
  
iframeGaleria = '<iframe src="https://www.encontrospet.com.br/pd-plugins/fileupload/upload_galeria_cadastrar.php" class="iframe_galeria" frameborder="0" scrolling="no" allowtransparency="true"></iframe>';           
    
iframeCapa   = '<iframe src="https://www.encontrospet.com.br/pd-plugins/fileupload/upload_capa_cadastrar.php" class="iframe_capa" frameborder="0" scrolling="no" allowtransparency="true"></iframe>';  

window.setTimeout(function(){
    
document.getElementById('load_up_galeria').innerHTML = iframeGaleria;   
document.getElementById('load_up_capa').innerHTML = iframeCapa;  
    
}, 6000);
             
  </script>
<div class="form-group" align="center">
<iframe src="https://www.encontrospet.com.br/pd-plugins/fileupload/upload_logo_cadastrar.php" class="iframe_logo" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
</div>
<div class="form-group" align="center" id="load_up_galeria" style="width:100%; min-height:300px;"><img src="https://www.projetodiario.net.br/wp-content/uploads/carregando.gif" alt="preload"/></div>
<div class="form-group" align="center" id="load_up_capa" style="width:100%; min-height:300px;"><img src="https://www.projetodiario.net.br/wp-content/uploads/carregando.gif" alt="preload"/></div>
<div class="form-group">
<label for="exampleInputEmail1">Seu site</label>
<input type="text" class="input-cad-user" id="val_site">
<strong style="color:#F00" id="alert_val_site"></strong>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Segundo telefone de contato</label>
<input type="text" class="input-cad-user" id="val_telefone_empresa2">
<small id="emailHelp" class="form-text text-muted">Opcional</small>
</div>
<div class="form-group">
<label for="exampleInputEmail1">VÃ­deo</label>
<input type="text" class="input-cad-user" id="val_video">
<small id="emailHelp" class="form-text text-muted">Adicione um link para o seu vÃ­deo</small>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Facebook link</label>
<input type="text" class="input-cad-user" id="val_facebook">
<strong style="color:#F00" id="alert_val_facebook"></strong>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Instagram link</label>
<input type="text" class="input-cad-user" id="val_instagram">
<strong style="color:#F00" id="alert_val_instagram"></strong>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Twitter link</label>
<input type="text" class="input-cad-user" id="val_twitter">
<strong style="color:#F00" id="alert_val_twitter"></strong>
</div>
<a onClick="$('#step1').click();" class="btn btn-default btn-lg pull-left" href="javascript:void(0)">Voltar</a>
<a onClick="validar_form(2)" class="btn btn-primary btn-lg pull-right" href="javascript:void(0)">PrÃ³ximo</a>
</div>
</div>
</div>
<div class="setup-content" id="step-3">
<div class="col-xs-12 col-md-12" style="background: white;">
<a href="javascript:void(0)" data-toggle="modal" data-target="#modalperfil" class="btn-abre" style="background: #2ecc71;text-align: center;padding: 1em;color: white;font-size: 1.3em;margin: 10px auto 0;display: table;"> CLIQUE AQUI E VEJA COMO IRÃ FICAR O SEU ANÃNCIO! </a>
<div class="alert alert-success" style="width:100%; margin:15px 0">
<strong>Cadastro realizado com sucesso Agora falta pouco!</strong> Escolha um de nossos Planos.
</div>
<div class="geral-planos">
<div>
<div class="planos">
<div class="col-md-6">
<div class="o-plano" style>
<div class="head-plano" style="background: #5bbbe6;">
<p class="val-plano" style> GrÃ¡tis</p>
<span class="mensal"> </span>
</div>
<div class="sect-btn-plano" style>
<a href="javascript:void(0)" onClick="window.location='/profile';"> Assinar Agora </a>
</div>
<div class="vantagens-planos">
<span class="vantagens"> Vantagens </span>
<span class="list-vantagens"> EndereÃ§o e Telefone </span>
<span class="list-vantagens"> Logo da Empresa </span>
<span class="list-vantagens"> AtÃ© 5 Fotos </span>
<span class="list-vantagens"> InformaÃ§Ãµes Resumidas </span>
<span class="list-vantagens"> Empresas no Mapa </span>
<span class="list-vantagens"> ServiÃ§os VisÃ­veis por 30 dias </span>
</div>
<div class="sect-btn-plano">
<a href="javascript:void(0)" onClick="window.location='/profile';"> Assinar Agora </a>
</div>
</div>
</div>

<div class="col-md-6">
<div class="o-plano" style>
<div class="head-plano" style="background: #c19835;">
<span class="mensal"> Plano Ouro </span>
<p class="val-plano" style><span class="cifrao-plano">R$ </span> 49,90 </p>
<span class="mensal"> Mensal </span>
</div>
<div class="alert alert-warning" align="center">
Ãltilize o mesmo email de cadastro no PAGSEGURO!
</div>
<div class="sect-btn-plano" style>
<a href="javascript:void(0)" onClick="enviaPagseguro(3)"> Assinar Agora </a>
</div>
<div class="vantagens-planos">
<span class="vantagens"> Vantagens </span>
 <span class="list-vantagens"> EndereÃ§o e Telefone </span>
<span class="list-vantagens"> Logo da Empresa </span>
<span class="list-vantagens"> AtÃ© 20 Fotos </span>
<span class="list-vantagens"> InformaÃ§Ãµes Resumidas </span>
<span class="list-vantagens"> Empresas no Mapa </span>
<span class="list-vantagens"> HorÃ¡rio de Funcionamento </span>
<span class="list-vantagens"> Redes Sociais </span>
<span class="list-vantagens"> AvaliaÃ§Ã£o do Cliente </span>
<span class="list-vantagens"> Destaque em Banner no Site </span>
<span class="list-vantagens"> OrÃ§amento pelo Site </span>
<span class="list-vantagens"> ServiÃ§os VisÃ­veis por 365 dias </span>
<span class="list-vantagens"> VÃ­deo da Empresa na PÃ¡gina </span>
<span class="list-vantagens"> Destaque na PÃ¡gina Inicial </span>
</div>
<div class="alert alert-warning" align="center">
Ãltilize o mesmo email de cadastro no PAGSEGURO!
</div>
<div class="sect-btn-plano">
<a href="javascript:void(0)" onClick="enviaPagseguro(3)"> Assinar Agora </a>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<input type="hidden" name="code" id="last_id" value/>
</form>
</div>
</div>
<script src="https://use.fontawesome.com/7f5467c655.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<script type="text/javascript">
	  
         function validar_form(step){
         
         	if(step == 1){
         		
                val_nome      = $('#val_nome').val();
         		val_sobrenome = $('#val_sobrenome').val();
         		val_email     = $('#val_email').val();
         		val_telefone  = $('#val_telefone').val();
         		val_cpf       = $('#inp_cpf').val();
         		val_cnpj              = $('#inp_cnpj').val();
         		val_senha             = $('#val_senha').val();
         		val_senha_compare     = $('#val_senha_compare').val();
         		val_login            = $('#val_login').val();
         		
         		    $('#alert_nome').html('');		
         		    $('#alert_sobrenome').html('');	
         			$('#alert_email').html('');	
         			$('#alert_telefone').html('');
         			$('#alert_senha').html('');
         			$('#alert_documento').html('');
         			$('#alert_telefone').html('');
         		    $('#alert_login').html('');	
         						
         		if(val_nome == ''){
         			
         		$('body, html').animate({scrollTop: 100 }, '1000')		
         			
         		$('#alert_nome').html('O campo (nome) Ã© obrigatÃ³rio');
         			
         		}else if(val_sobrenome == ''){
         			
         		$('body, html').animate({scrollTop: 100 }, '1000')		
         			
         		$('#alert_sobrenome').html('O campo (sobre nome) Ã© obrigatÃ³rio');	
         			
         		}else if(val_email == ''){
         			
         		$('body, html').animate({scrollTop: 100 }, '1000')			
         			
         		$('#alert_email').html('O campo (email) Ã© obrigatÃ³rio');	
         			
         		}else if(val_telefone == ''){
         
         		$('#alert_telefone').html('O campo (telefone) Ã© obrigatÃ³rio');
         					
         		}else if(val_cpf  == '' && val_cnpj == '' ){
         				
         		$('#alert_documento').html('O campo (CPF ou CNPJ) Ã© obrigatÃ³rio');
         		
               }else if(val_login == '' ){
         			
         		$('#alert_login').html('O campo (login) Ã© obrigatÃ³rio');
         		
         		}else if(val_senha == '' ){
         			
         		$('#alert_senha').html('O campo (senha) Ã© obrigatÃ³rio');
         					
         		}else if(val_senha != val_senha_compare ){
         			
         		$('#alert_senha').html('A confirmaÃ§Ã£o da senha nÃ£o corresponde com a senha digitada!');
         					
         		}else{
         
         $.ajax({
         type: 'POST',
         url: 'https://www.encontrospet.com.br/',
         data: 'post=true&check_email_db=' + val_email + '&login=' + val_login,
         cache: false,
         success: function(data){
         								
         if(data == 'existe'){
         
         		$('body, html').animate({scrollTop: 100 }, '1000')				
         		$('#alert_email').html('Este Email jÃ¡ esta sendo utilizado!');		
         
         }else{

         $('#step2').click();
         		
         }
         					
         }
         
         });
         
         		}
         
         	}else if(step == 2){
         		
         	    val_nome              = $('#val_nome').val();
         		val_sobrenome         = $('#val_sobrenome').val();
         		val_email             = $('#val_email').val();
         		val_telefone          = $('#val_telefone').val();
         		val_cpf               = $('#inp_cpf').val();
         		val_cnpj              = $('#inp_cnpj').val();
         		val_senha             = $('#val_senha').val();
         		val_senha_compare     = $('#val_senha_compare').val();
         		
                 val_nome_servico       = $('#val_nome_servico').val();
         		val_descricao_servico   = $('#val_descricao_servico').val();
              	serv_cep                = $('#serv_cep').val();
         	    
         	    val_logradouro             = $('#val_logradouro').val();
         	    val_numero                 = $('#val_numero').val();
         	     
         		val_site               = $('#val_site').val();
         		val_telefone_empresa   = $('#val_telefone_empresa').val();
         	    val_facebook           = $('#val_facebook').val();
         	    val_instagram          = $('#val_instagram').val();
                 val_twitter           = $('#val_twitter').val();
         		
         		$( ".item-segmentos" ).each(function() {
         		   if ($(this).val() > ''){
         		           val_tipo_servico +=  $( this ).val() + '|';
         		       }
			    });
         		
         		
         		
         		val_video              = $('#val_video').val();
         		val_login              = $('#val_login').val();
         		
         val_hrs_dom_aberto    = $('#val_hrs_dom_aberto').val();
         val_hrs_dom_fechado   = $('#val_hrs_dom_fechado').val(); 
         val_hrs_seg_aberto    = $('#val_hrs_seg_aberto').val();
         val_hrs_seg_fechado   = $('#val_hrs_seg_fechado').val();
         val_hrs_terc_aberto   = $('#val_hrs_terc_aberto').val();
         val_hrs_terc_fechado  = $('#val_hrs_terc_fechado').val();
         val_hrs_qua_aberto    = $('#val_hrs_qua_aberto').val();
         val_hrs_qua_fechado   = $('#val_hrs_qua_fechado').val();
         val_hrs_qui_aberto    = $('#val_hrs_qui_aberto').val();
         val_hrs_qui_fechado   = $('#val_hrs_qui_fechado').val();
         val_hrs_sext_aberto   = $('#val_hrs_sext_aberto ').val();
         val_hrs_sext_fechado  = $('#val_hrs_sext_fechado').val();
         val_hrs_sab_aberto    = $('#val_hrs_sab_aberto').val();
         val_hrs_sab_fechado   = $('#val_hrs_sab_fechado').val();
         val_cidade            = jQuery('#val_cidade').val();
         val_estado            = jQuery('#val_estado').val();
         val_bairro            = jQuery('#val_bairro').val();
         
         tag_animal_especiais = '';
         tag_animal_pequeno = '';
         tag_animal_medio  = '';
         tag_animal_grande = '';
         tag_cartoes = '';
         
         if(jQuery('#tag_animal_pequeno').is(':checked') == true){
         tag_animal_pequeno    = jQuery('#tag_animal_pequeno').val();
         }
         
         if(jQuery('#tag_animal_medio').is(':checked') == true){
         tag_animal_medio      = jQuery('#tag_animal_medio').val();
         }
         
         if( jQuery('#tag_animal_grande').is(':checked') == true){
         tag_animal_grande     = jQuery('#tag_animal_grande').val();
         }
         
         if(jQuery('#tag_animal_especiais').is(':checked') == true){
         tag_animal_especiais  = jQuery('#tag_animal_especiais').val();
         }
         
         if(jQuery('#tag_cartoes').is(':checked') == true){
         tag_cartoes           = jQuery('#tag_cartoes').val();
         }
         
         		    $('#alert_val_nome_servico').html('');		
         		    $('#alert_serv_cep').html('');	
         			$('#alert_val_logradouro').html('');	
         			$('#alert_val_descricao_servico').html('');
         			$('#alert_val_site').html('');
         			$('#alert_val_telefone_empresa').html('');
         			$('#alert_val_facebook').html('');
         			$('#alert_val_instagram').html('');
         			$('#alert_val_val_twitter').html('');
         			jQuery('#alert_val_bairro').html('');
         				
         if(val_nome_servico == ''){
         			
         $('body, html').animate({scrollTop: 100 }, '1000')		
         			
         $('#alert_val_nome_servico').html('O campo (nome do serviÃ§o) Ã© obrigatÃ³rio');
         
         }else if(val_descricao_servico == ''){	
         			
         $('body, html').animate({scrollTop: 100 }, '1000')	
         			
         $('#alert_val_descricao_servico').html('O campo (DescriÃ§Ã£o da empresa) Ã© obrigatÃ³rio');			
         			
         }else if(serv_cep == ''){
         			
         jQuery('body, html').animate({scrollTop: 100 }, '1000');				
         jQuery('#alert_serv_cep').html('O campo (Cep) Ã© obrigatÃ³rio');	
         		
         }else if(val_cidade == ''){
         			
         jQuery('body, html').animate({scrollTop: 150 }, '1000');					
         jQuery('#alert_val_cidade').html('O campo (cidade) Ã© obrigatÃ³rio');
         
         }else if(val_estado == ''){
         			
         jQuery('body, html').animate({scrollTop: 150 }, '1000');					
         jQuery('#alert_val_estado').html('O campo (uf) Ã© obrigatÃ³rio');
         
         }else if(val_bairro == ''){
         			
         jQuery('body, html').animate({scrollTop: 150 }, '1000');					
         jQuery('#alert_val_bairro').html('O campo (bairro) Ã© obrigatÃ³rio');
         
         }else if(val_logradouro == ''){
         			
         jQuery('body, html').animate({scrollTop: 150 }, '1000');					
         jQuery('#alert_val_logradouro').html('O campo (logradouro) Ã© obrigatÃ³rio');
         
            
         }else if(val_numero == ''){
         			
         jQuery('body, html').animate({scrollTop: 150 }, '1000');					
         jQuery('#alert_val_numero').html('O campo (NÃºmero) Ã© obrigatÃ³rio'); 
         		
         		
         }else{ 
         				
         $.ajax({
         type: 'POST',
         url: 'https://www.encontrospet.com.br/',
         data: 'post=true&form_type=3&val_nome=' + val_nome + '&val_sobrenome=' + val_sobrenome + '&val_email=' + val_email + '&val_telefone=' + val_telefone + '&val_telefone_empresa=' + val_telefone_empresa +'&val_cpf=' + val_cpf + '&val_cnpj=' + val_cnpj + '&val_senha='+ val_senha +  '&val_senha2='+ val_senha_compare + '&val_nome_servico=' + val_nome_servico + '&serv_cep=' + serv_cep + '&val_logradouro=' + val_logradouro + '&val_numero=' + val_numero + '&val_site=' + val_site + '&val_telefone_empresa=' + val_telefone_empresa + '&val_facebook=' +  val_facebook + '&val_instagram=' + val_instagram + '&val_twitter=' + val_twitter + '&val_video=' + val_video +'&val_tipo_servico=' + val_tipo_servico + '&val_hrs_dom_aberto=' + val_hrs_dom_aberto + '&val_hrs_dom_fechado=' + val_hrs_dom_fechado + '&val_hrs_seg_aberto=' + val_hrs_seg_aberto + '&val_hrs_seg_fechado=' + val_hrs_seg_fechado + '&val_hrs_terc_aberto=' + val_hrs_terc_aberto + '&val_hrs_terc_fechado=' + val_hrs_terc_fechado + '&val_hrs_qua_aberto=' + val_hrs_qua_aberto + '&val_hrs_qua_fechado=' + val_hrs_qua_fechado + '&val_hrs_qui_aberto=' + val_hrs_qui_aberto + '&val_hrs_qui_fechado=' + val_hrs_qui_fechado + '&val_hrs_sext_aberto=' + val_hrs_sext_aberto + '&val_hrs_sext_fechado=' + val_hrs_sext_fechado + '&val_hrs_sab_aberto=' + val_hrs_sab_aberto + '&val_hrs_sab_fechado=' + val_hrs_sab_fechado + '&val_descricao_servico=' + val_descricao_servico+ '&val_cidade=' + val_cidade + '&val_estado=' + val_estado + '&val_bairro=' + val_bairro + '&tag_animal_pequeno=' + tag_animal_pequeno + '&tag_animal_medio=' + tag_animal_medio + '&tag_animal_grande=' + tag_animal_grande + '&tag_animal_especiais=' + tag_animal_especiais + '&tag_cartoes=' + tag_cartoes + '&val_login=' + val_login, cache: false, success: function(data){

         
         if(data != 'Erro'){
   
            window.setTimeout(function(){ $('#step3').click(); }, 2000);
         
         }
         
         }
         
         });
         
         					
         		}							
         	}		
         }
         
         
         $("#serv_cep").keydown(function(){						
         
         $("#serv_cep").mask("99999-999");
         $('#val_logradouro').val('');
         
         });
         
         
         window.setInterval(function(){
         							
         frete_cep = $("#serv_cep").val();							
         
         if(frete_cep.length >= 8 && $('#val_logradouro').val() == '' ){
         
         $.getScript("http://cep.republicavirtual.com.br/web_cep.php?formato=javascript&cep="+frete_cep.replace("-", ""), function(){
         
         if(resultadoCEP["resultado"] == 1){
         			
         jQuery('#val_logradouro').val( unescape(resultadoCEP["tipo_logradouro"]) + " " + unescape(resultadoCEP["logradouro"]));
         
         jQuery('#val_cidade').val(unescape(resultadoCEP["cidade"]));
         jQuery('#val_estado').val(unescape(resultadoCEP["uf"]));
         jQuery('#val_bairro').val(unescape(resultadoCEP["bairro"]));
         
         }else{
         
         jQuery('#serv_cep').val('Cep invÃ¡lido');
         
         }
         
            });
         }
         
         }, 2000);
         	
         /* MASK DOCUMENTS */	
         $(".input_document").keydown(function(){
         
                $("#inp_cpf").mask("999.999.999-99");
                $("#inp_cnpj").mask("99.999.999/9999-99");
                    
         });	
         
         $(document).ready(function () {
         						
         		var navListItems = $('div.setup-panel div a'),
         		  allWells = $('.setup-content'),
         		  allNextBtn = $('.nextBtn');
         		
         		allWells.hide();
         		
         		navListItems.click(function (e) {
         		 e.preventDefault();
         		 var $target = $($(this).attr('href')),
         			  $item = $(this);
         		
         		 if (!$item.hasClass('disabled')) {
         		  navListItems.removeClass('btn-primary').addClass('btn-default');
         		  $item.addClass('btn-primary');
         		  allWells.hide();
         		  $target.show();
         		  $target.find('input:eq(0)').focus();
         		 }
         		});
         		
         		allNextBtn.click(function(){
         		 var curStep = $(this).closest(".setup-content"),
         		  curStepBtn = curStep.attr("id"),
         		  nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
         		  curInputs = curStep.find("input[type='text'],input[type='url'],textarea[textarea]"),
         		  isValid = true;
         		
         		 $(".form-group").removeClass("has-error");
         		 for(var i=0; i<curInputs.length; i++){
         		  if (!curInputs[i].validity.valid){
         			  isValid = false;
         			  $(curInputs[i]).closest(".form-group").addClass("has-error");
         		  }
         		 }
         		
         		 if (isValid)
         		  nextStepWizard.removeAttr('disabled').trigger('click');
         		});
         		
         		$('div.setup-panel div a.btn-primary').trigger('click');
         		});
         	
      </script>
<br>
<div class="footer-cad">
<div class="container">
<a href="https://www.encontrospet.com.br/termos-de-uso/"> Termos de uso </a> | <a href="https://www.encontrospet.com.br/contato/">Contato</a> Contato </a>
<p>Copyright Encontros Pet Â© 2017. Todos Direitos Reservados</p>
</div>
</div>
<form id="comprar" action="https://pagseguro.uol.com.br/checkout/v2/payment.html" method="post" onSubmit="PagSeguroLightbox(this); return false;">
<input type="hidden" name="code" id="code" value/>
</form>
<script>

jQuery( function() {
    var availableTags = [
      "Fechado",
      "00:00",
	  "00:30",
	  "01:00",
	  "01:30",
	  "02:00",
	  "02:30",
	  "03:00",
	  "03:30",
	  "04:00",
	  "04:30",
	  "05:00",
	  "05:30",
	  "06:00",
	  "06:30",
	  "07:00",
	  "07:30",
	  "08:00",
	  "08:30",
	  "09:00",
	  "09:30",
	  "10:00",
	  "10:30",
	  "11:00",
	  "11:30",
	  "12:00",
	  "12:30",
	  "13:00",
	  "13:30",
	  "14:00",
	  "14:30",
	  "15:00",
	  "15:30",
	  "16:00",
	  "16:30",
	  "17:00",
	  "17:30",
	  "18:00",
	  "18:30",
	  "19:00",
	  "19:30",
	  "20:00",
	  "20:30",
	  "21:00",
	  "21:30",
	  "22:00",
	  "22:30",
	  "23:00",
	  "23:30",
    ];
   jQuery("#val_hrs_dom_aberto,#val_hrs_seg_aberto,#val_hrs_terc_aberto,#val_hrs_qua_aberto,#val_hrs_qui_aberto,#val_hrs_sext_aberto,#val_hrs_sab_aberto,#val_hrs_dom_fechado,#val_hrs_seg_fechado,#val_hrs_terc_fechado,#val_hrs_qua_fechado,#val_hrs_qui_fechado,#val_hrs_sext_fechado,#val_hrs_sab_fechado" ).autocomplete({
      source: availableTags
    });
  } );
                          
         
$("#val_telefone, #val_telefone_empresa2").mask("(99) 99999-9999");

$("#val_telefone, #val_telefone_empresa2").on("blur", function() {
    var last = $(this).val().substr( $(this).val().indexOf("-") + 1 );

    if( last.length == 3 ) {
        var move = $(this).val().substr( $(this).val().indexOf("-") - 1, 1 );
        var lastfour = move + last;
        var first = $(this).val().substr( 0, 9 );

        $(this).val( first + '-' + lastfour );
    }
});


         function enviaPagseguro(plan){
         	
         jQuery.ajax({
         type: 'GET',
         url: 'http://www.encontrospet.com.br',
         data: 'get=true&plan='+plan,
         cache: false,
         success: function(data){
         $('#code').val(data);
         $('#comprar').submit();	
         }
         });
         
         }

</script>
<script type="text/javascript" src="https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.lightbox.js"></script>

<div class="modal fade" id="modalperfil" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document" style="width: 100%;margin: 0 auto !important;display: table;">
<div class="modal-content" style="height: auto;margin: 20px auto;">
<button type="button" class="btn btn-default" data-dismiss="modal" style="float: right;font-size: 22px;color: black;z-index: 99;position: relative;background: white;padding: 10px 20px 10px 20px;border-bottom-left-radius: 5px;font-weight: bold;">X</button>
<style>
       .modal-dialog header,
       .modal-dialog footer{
             display:none !important;
       }
       </style>
<script>
       $(".btn-abre").click(function(){
          $("#div1").load("/profile?preview=true");
       });
       </script>
<div id="div1"></div>
</div>
</div>
</div>
</body>
</html>