<!DOCTYPE html><html lang="en"><head>
  <meta charset="utf-8">
  <title>StackQuery</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  
  <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">
  <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <!-- <script>
    (adsbygoogle = window.adsbygoogle || []).push({
      google_ad_client: "ca-pub-7215394419895068",
      enable_page_level_ads: true
    });
  </script> -->
  <script async="" custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
  </script>
  <script type="text/javascript">
    window._mNHandle = window._mNHandle || {};
    window._mNHandle.queue = window._mNHandle.queue || [];
    medianet_versionId = "3121199";
  </script>

  <style>
    .lds-ring {
      display: inline-block;
      position: relative;
      width: 64px;
      height: 64px;
    }

    .lds-ring div {
      box-sizing: border-box;
      display: block;
      position: absolute;
      width: 51px;
      height: 51px;
      margin: 6px;
      border: 6px solid #ccc;
      border-radius: 50%;
      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
      border-color: #ccc transparent transparent transparent;
    }

    .lds-ring div:nth-child(1) {
      animation-delay: -0.45s;
    }

    .lds-ring div:nth-child(2) {
      animation-delay: -0.3s;
    }

    .lds-ring div:nth-child(3) {
      animation-delay: -0.15s;
    }

    @keyframes lds-ring {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }


    body.iosBugFixCaret.modal-open {
      position: fixed;
      width: 100%;
    }

    .clickable {
      cursor: pointer;
    }

    .sidenav {
      font-weight: 600;
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 1;
      top: 0;
      right: 0;
      background-color: #040404d4;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }


    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 18px;
      color: #fff;
      display: block;
      transition: 0.3s;
    }

    .sidenav a:hover {
      color: #fdae26;
    }

    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
    }

    #main {
      transition: margin-left .5s;
      padding: 16px;
    }

    @media screen and (max-height: 450px) {
      .sidenav {
        padding-top: 15px;
      }

      .sidenav a {
        font-size: 18px;
      }
    }




    .masthead {
      min-height: 30rem;
      position: relative;
      display: table;
      width: 100%;
      height: auto;
      padding-top: 8rem;
      padding-bottom: 8rem;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .masthead h1 {
      font-size: 4rem;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Segoe UI', "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 18px;
      padding-bottom: 0px;
    }

    footer {
      background-color: #0d1117;
      bottom: 0;
      min-height: 100%;
      width: 100%;
    }


    .footer-top {
      padding-bottom: 10px;

    }

    .footer-top .fa {
      font-size: 18px;
      color: #e3e4e5;
      padding-right: 10px;
    }

    .footer-top a {
      color: #e3e4e5;
      text-decoration: none;
    }

    .footer-top .col-lg-2:hover .fa,
    .footer-top .col-lg-2:hover a {
      color: #7dabdb;
    }

  </style>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBPYK7C9LFxjeEiNr2Qtc9Kpuy-IM3bPMc&amp;libraries=places&amp;" async="" defer></script>
  <script>
    function openNav() {
      document.getElementById("mySidenav").style.width = "220px";
      document.getElementById("main").style.marginLeft = "220px";
    }

    function closeNav() {
      document.getElementById("mySidenav").style.width = "0";
      document.getElementById("main").style.marginLeft = "0";
    }

    var placeSearch, autocomplete;
    var componentForm = {
      street_number: 'short_name',
      route: 'long_name',
      locality: 'long_name',
      administrative_area_level_1: 'short_name',
      country: 'long_name',
      postal_code: 'short_name'
    };

    function initAutocomplete() {
      // Create the autocomplete object, restricting the search to geographical
      // location types.
      autocomplete = new google.maps.places.Autocomplete(
        (document.getElementById('autocomplete')), {
          types: ['geocode']
        });

      // When the user selects an address from the dropdown, populate the address
      // fields in the form.
      autocomplete.addListener('place_changed', fillInAddress);
    }

    function fillInAddress() {
      // Get the place details from the autocomplete object.
      var place = autocomplete.getPlace();

      for (var component in componentForm) {
        document.getElementById(component).value = '';
        document.getElementById(component).disabled = false;

      }

      // Get each component of the address from the place details
      // and fill the corresponding field on the form.
      for (var i = 0; i < place.address_components.length; i++) {
        var addressType = place.address_components[i].types[0];
        if (componentForm[addressType]) {
          var val = place.address_components[i][componentForm[addressType]];
          document.getElementById(addressType).value = val;
        }
      }
      street();
    }

    function street() {
      document.getElementById('autocomplete').value = '';
      var street = document.getElementById('street_number').value;
      var route = document.getElementById('route').value;
      document.getElementById('autocomplete').value = street + ' ' + route;
      document.getElementById('street_number').value = '';
    }
    // Bias the autocomplete object to the user's geographical location,
    // as supplied by the browser's 'navigator.geolocation' object.
    function geolocate() {
      if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function (position) {
          var geolocation = {
            lat: position.coords.latitude,
            lng: position.coords.longitude
          };
          var circle = new google.maps.Circle({
            center: geolocation,
            radius: position.coords.accuracy
          });
          autocomplete.setBounds(circle.getBounds());
        });
      }
    }

  </script>
  <!-- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBPYK7C9LFxjeEiNr2Qtc9Kpuy-IM3bPMc&libraries=places"></script> -->

<style>html{font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html,body{min-height:100vh!important;height:100%;position:relative;letter-spacing:.5px;font-family:Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:16px;margin:0;color:#000;background-color:#0d1117;line-height:1.5}div{word-break:break-word}@media print{*,*:before,*:after{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}div{color:#ccc!important}</style><link rel="stylesheet" href="styles.259d241bc16f5279.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles.259d241bc16f5279.css"></noscript></head>

<body style="background: #0d1117 !important;">
  <app>
    <div align="center" style="left:45%;top:200px" class="lds-ring">
      <div></div>
      <div></div>
      <div></div>
      <div></div>
    </div>
  </app>
<script src="runtime.5d231ddf95b6b344.js" type="module"></script><script src="polyfills.69606e38e9f1fa44.js" type="module"></script><script src="scripts.da3e2a62a3a43227.js" defer></script><script src="main.14168e93e9abc425.js" type="module"></script>


</body></html>