<script src="https://maps.google.com/maps/api/js?key=AIzaSyCkiWWC3t9Zwvn_lauNdUkdmhTYTt8BUfs&sensor=false" 
          type="text/javascript"></script>



<section class="ikio_breadcumb">
  <div class="ikio_container">
    <div class="ikio_breadcumb_inner">
      <ul>
        <li><a href="<?php echo base_url();?>home" class="active__link hsize15 mp_regular">Home</a></li>
        <li><span></span></li>
        <li><a href="<?php echo base_url();?>where-to-buy" class="hsize15 mp_regular">Where to Buy</a></li>
      </ul>
    </div>
    <div class="ikio__breacumbtite mp"> Where to Buy</div>
    <div class="lines_inner_bread"></div>
  </div>
</section>

<section class="ikio_whereBuyConctetn">
  <div class="ikio_container">
    <div class="row">
      <div class="col-md-12">
        <h1>Find a Distributor or Rep near you</h1>
        <p>
          IKIO LED Lighting is active in the US, Mexico and Canada. We have strengthened our market presence across
          North America to ensure
          seamless delivery of IKIO's High Efficiency Solutions & Services to everyone.
        </p>
      </div>
    </div>
  </div>
</section>

<div class="where_buySelect">
    <div class="row">
        <div class="col-md-12">
            <div class="maps_imagesInner">
               <img src="assets/img/color_map.svg" class="map_icons1">
               <img src="assets/img/color_map.svg" class="map_icons2">
                <img src="assets/img/color_map.svg"  class="map_icons3">
              
        </div>
        </div>
        <div class="col-md-12">
              <h5>Find an IKIO Distributor</h5>  
        </div>
        
        <!-- Selct Boexs-->
        <div class="col-md-12">
            <div class="country_box">
                 <select name="country" id="country">
              <option value="choose" disabled selected><b>Select Country</b></option>
              <option value="USA"> UNITED STATES </option>
              <option value="CANADA"> CANADA </option>
            </select>
            </div>
        </div>
    </div>
   
   
</div>

<!-- USA Store Locator -->
<div class="USA box" id="USA">
  <div class="ikio__buyStore">
    <div class="ikio_container">
      <div class="row ikio_buyBox no-gutters">
        <div class="col-md-4">
          <div id="button" class="map_buttons country_mapsButton"></div>
        </div>
        <div class="col-md-8">
          <div id="map"></div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="CANADA box" id="CANADA">
        <div class="ikio__buyStore">
    <div class="ikio_container">
      <div class="row ikio_buyBox no-gutters">
        <div class="col-md-4">
          <div id="button1" class="map_buttons"></div>
        </div>
        <div class="col-md-8">
          <div id="mapc"></div>
        </div>
      </div>
    </div>
  </div>

</div>
         


  <script type="text/javascript">

   var markers = [
       {
        coords: { lat: 33.044103, lng: -112.0217639 },
        content: "<h4>Arizona</h4>",
       },
    {
        coords: { lat: 33.044103, lng: -112.0217639 },
        content: "<h3><span></span>Stellar Sales</h3><p>Address: 18101 North Crestview Lane</p><p>City: Maricopa</p><p>State: Arizona (AZ)</p><p> Zip code: 85138</p><h6><span></span> <a href='https://goo.gl/maps/wSw76dMvFhnz84xk9'>Direction</a> </h6><h5><span></span><a href='' target='_blank'>Website</a></h5>",
    },
    
    {
       coords: { lat: 28.6979039, lng: -81.2642165 },
        content: "<h4>Florida</h4>",
       },
    {
        coords: { lat: 28.6979039, lng: -81.2642165 },
        content: "<h3><span></span>ReveLume</h3><p> Address: 650 Northlake Boulevard, Suite 49050 Northlake Boulevard, Suite 490</p><p> City: Altamonte</p><p> State:Florida(FL)</p><p> Zip Code: 32701</p><h6><span></span> <a href='https://goo.gl/maps/zC1NxJ6XjpqSDDRC7'>Direction</a> </h6><h5><span></span><a href='https://www.revelumefl.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 25.808165, lng: -80.2823525 },
        content: "<h3><span></span>Technical Resources International Corp.</h3><p>Address: 5245 NW 36th St. #217</p><p>City: Miami Springs</p><p>State:Florida(FL)</p><p> Zip code: 33166</p><h6><span></span> <a href='https://goo.gl/maps/b5QZVHE8qx1c9Qsi9'>Direction</a> </h6><h5><span></span><a href='https://trintcorp.com/' target='_blank'>Website</a></h5>",
    },
    {
         coords: { lat: 41.5984014, lng: -94.9786789 },
        content: "<h4>Idaho</h4>",
       },
    {
        coords: { lat: 41.5984014, lng: -94.9786789 },
        content: "<h3><span></span>Rocky Mountain L & C</h3><p></p><p></p><p>State: Idaho (ID)</p><p></p><h6><span></span> <a href='https://goo.gl/maps/4wbxsMay1Bwc7yZc8'>Direction</a> </h6><h5><span></span></h5>",
    },
    {
         coords: { lat: 41.5984014, lng: -94.9786789 },
        content: "<h4>Iowa</h4>",
       },
    {
        coords: { lat: 41.5984014, lng: -94.9786789 },
        content: "<h3><span></span>NRG Sales</h3><p>Address: 5485 NE 17th St. A</p><p>City: Des Moines</p><p>State: Iowa (IA)</p><p> Zip code: 50313</p><h6><span></span> <a href='https://goo.gl/maps/pvBPfjvu2mjad6Y89'>Direction</a> </h6><h5><span></span><a href='http://www.nrgsales.com/' target='_blank'>Website</a></h5>",
    },
    {
         coords: { lat: 41.5984014, lng: -94.9786789 },
        content: "<h4>Kentucky</h4>",
       },
    {
        coords: { lat: 38.148681974429074, lng: -85.76161377303158 },
        content: "<h3><span></span>Lumenation</h3><p>Address: 312 New Venture Drive</p><p>City: Louisville</p><p>State: Kentucky (KY)</p><p> Zip code: 40214</p><h6><span></span> <a href='https://goo.gl/maps/bfA3m84oQNVMNqJz6'>Direction</a> </h6><h5><span></span><a href='https://lumenation.net/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 41.5984014, lng: -94.9786789 },
        content: "<h3><span></span>Prather Sales</h3><p>Address: 313 Creekwood Dr. Edgewood</p><p></p><p>State: Kentucky (KY)</p><p> Zip code: 48083</p><h6><span></span> <a href='https://goo.gl/maps/SAYi7HQ5bP8E14Kp6'>Direction</a> </h6><h5><span></span><a href='http://www.nrgsales.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 41.748428556271755, lng: -70.69029558644931 },
        content: "<h4>Massachusettes</h4>",
     },
    {
        coords: { lat: 41.748428556271755, lng: -70.69029558644931 },
        content: "<h3><span></span>Lighting for Distributors</h3><p>Address: 12 Frank Cutler Dr.</p><p>City: Wareham</p><p>State: Massachusettes (MA)</p><p> Zip code: 2571</p><h6><span></span> <a href='https://goo.gl/maps/WDySmrR7LDHQ9rzd8'>Direction</a> </h6><h5><span></span><a href='https://www.lfesolutions.com/distributors.html' target='_blank'>Website</a></h5>",      
    },
    {
        coords: { lat: 44.78456866245452, lng: -93.45588273055888 },
        content: "<h4>Minnesota</h4>",
     },
    {
        coords: { lat: 44.78456866245452, lng: -93.45588273055888 },
        content: "<h3><span></span>Luma Sales</h3><p>Address: 5200 12th Ave. E.</p><p>City: Shakopee</p><p>State: Minnesota (MN)</p><p> Zip code: 55379</p><h6><span></span> <a href='https://goo.gl/maps/szdq665y3ozbf4ae7'>Direction</a> </h6><h5><span></span><a href='https://www.lumasales.net/' target='_blank'>Website</a></h5>",      
    },
    {
        coords: { lat: 40.9361239, lng: -73.8023483 },
        content: "<h4>New York</h4>",
       },
    {
        coords: { lat: 40.9361239, lng: -73.8023483 },
        content: " <h3><span></span>  New Gen. Lighting & Energy</h3>  <p> Address: 124 Norman Road</p> <p> City: New Rochelle</p> <p>  State:New York (NY)</p> <p>  Zip Code: 10804</p> <h6><span></span> <a href='https://goo.gl/maps/obyNk7Laddywt3hDA'>Direction</a> </h6> <h5><span></span><a href='http://newgenlighting.com/' target='_blank'>Website</h5>",
    },
    {
        coords: { lat: 39.30933, lng: -84.4204 },
        content: "<h4>Ohio</h4>",
    },
    {
        coords: { lat: 39.30933, lng: -84.4204 },
        content: " <h3><span></span> BR Lighting & Controls</h3>  <p> Address: 9753 Crescent Park Dr.</p> <p> City: West Chester</p> <p>  State:Ohio (OH)</p> <p>  Zip Code: 45069</p> <h6><span></span> <a href='https://goo.gl/maps/oW6PdcxpJeF7Dmc9A'>Direction</a> </h6> <h5><span></span><a href='https://brltg.com/' target='_blank'>Website</a></h5> ",   
    },
    {
        coords: { lat: 40.5394294, lng: -80.0389002 },
        content: "<h4>Pennsylvania</h4>",
    },
    {
        coords: { lat: 40.5394294, lng: -80.0389002 },
        content: "<h3><span></span> Gray Electrical Sales</h3><p> Address: 1003 Perry Hwy.</p><p> City: Pittsburgh</p><p> Sate: Pennsylvania (PA) </p><p> Zip code: 15237</p><h6><span></span> <a href='https://goo.gl/maps/k8nDYkva3ZQ6RPVRA'>Direction</a> </h6><h5><span></span><a href='http://www.grayelectricalsales.com/' target='_blank'>Website</a></h5>",
    },
      {
        coords: { lat: 32.8028948953815, lng: -80.02175413080155 },
        content: "<h4>South Carolina</h4>",
    },
    {
        coords: { lat: 32.8028948953815, lng: -80.02175413080155 },
        content: "<h3><span></span> Premier Lighting & Controls</h3><p> Address: 1003 Perry Hwy.</p><p> City: Charleston</p><p> Sate: South Carolina (SC) </p><p> Zip code: 29407</p><h6><span></span> <a href='https://goo.gl/maps/FXpywjE1bs8v8nZq5'>Direction</a> </h6><h5><span></span><a href='https://www.premierlightingsc.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 35.1796696, lng: -89.8403922 },
        content: "<h4>Tennessee</h4>",
    },
    {
        coords: { lat: 35.1796696, lng: -89.8403922 },
        content: "<h3><span></span>Clear Advantage Lighting</h3><p>Address:1989 Fletcher Creek Drive</p><p> City: Memphis</p><p> State:Tennessee (TN) </p><p> Zip code: 38133</p><h6><span></span> <a href='https://goo.gl/maps/y1rTJz8HdkGwK5t96'>Direction</a> </h6><h5><span></span><a href='https://ctheadvantage.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 32.7917299, lng: -96.8137594 },
        content: "<h4>Texas</h4>",
    },
    {
        coords: { lat: 32.7917299, lng: -96.8137594 },
        content: "<h3><span></span>AMA Lighting & Design</h3><p>Address: 2787 N Houston St., # 3012</p><p>City: Dallas</p><p>State:Texas (TX) </p><p> Zip code: 75219</p><h6><span></span> <a href='https://goo.gl/maps/8Msrwhdoxa8gJmmbA'>Direction</a> </h6><h5><span></span><a href='https://amaoftx.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 32.82845832027425, lng: -96.8416005866229 },
        content: "<h3><span></span>DSI Southwest</h3><p>Address: 6333 Denton Dr. Suite 900,</p><p>City: Dallas</p><p>State:Texas (TX) </p><p> Zip code: 75235</p><h6><span></span> <a href='https://goo.gl/maps/Wg7euBRLsxW8iSH47'>Direction</a> </h6><h5><span></span><a href='https://dsisw.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 37.6440681, lng: -77.4625868 },
        content: "<h4>Virginia</h4>",
    },
    {
        coords: { lat: 37.6440681, lng: -77.4625868 },
        content: "<h3><span></span>SS Sales</h3><p>Address: 8816 Brook Road</p><p>City: Glen Allen</p><p>State:Virginia (VA) </p><p>Zip code: 23060</p><h6><span></span> <a href='https://goo.gl/maps/z1q1ScygcfpnymcE6'>Direction</a> </h6><h5><span></span><a href='https://ss-sales.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 47.7647095, lng: -122.153077 },
        content: "<h4>Washington</h4>",
    },
    {
        coords: { lat: 47.7647095, lng: -122.153077 },
        content: "<h3><span></span>Reeves Company</h3><p>Address: 18915 142nd Ave. NE #150</p><p>City: Woodinville</p><p>State:Washington (WA) </p><p> Zip code: 98072</p><h6><span></span> <a href='https://goo.gl/maps/dNLLWQoZB8y8Fzm38'>Direction</a> </h6><h5><span></span><a href='thereevescompany.com' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 43.0434479, lng: -88.1973731 },
        content: "<h4>Wisconsin</h4>",
    },
    {
        coords: { lat: 43.0434479, lng: -88.1973731 },
        content: "<h3><span></span>Spectrum Lighting & Controls</h3><p>Address: N8 W22520 Johnson Dr Unit E</p><p>City: Waukesha</p><p>State:Wisconsin (WI)</p><p> Zip code: 53186</p><h6><span></span> <a href='https://goo.gl/maps/LyYPxYXJh3XKVyjq9'>Direction</a> </h6><h5><span></span><a href='https://www.spectrumltg.com/' target='_blank'>Website</a></h5>",
    },
];

    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4.3,
      center: markers[10].coords,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var marker, i;

    var infoWindow = new google.maps.InfoWindow();

    for(i = 0; i < markers.length; i++){
      marker = new google.maps.Marker({
        position: markers[i].coords,
        map: map,
        icon:"assets/img/marker.png"
      });

      var btn = document.createElement("BUTTON");
      btn.innerHTML = markers[i].content;
      document.getElementById('button').appendChild(btn); 

      google.maps.event.addListener(marker, 'click', (function(marker, i) {
        return function() {
          infoWindow.setContent(markers[i].content);
          infoWindow.open(map, marker);
        }
      })(marker, i));

      btn.addEventListener('click',((marker,i) => { 
            return function () {
            infoWindow.setContent(markers[i].content);
            infoWindow.open(map,marker);
            }
        })(marker,i));
    }
  </script>








<script type="text/javascript">

   var mark = [
    {
        coords: { lat: 53.3635879, lng: -113.428619 },
        content: "<h3><span></span>Go To Agencies</h3><p>Address: 52 Pointe Masson</p><p>City: Beaumont</p><p>State: Alberta</p><p> Zip code: T4X ls9 </p><h6><span></span> <a href='https://goo.gl/maps/vApeWpJ5uJN4fSER6'>Direction</a> </h6><h5><span></span><a href='https://www.gotoagencies.com/' target='_blank'>Website</a></h5>",
    },
    {
        coords: { lat: 43.720766, lng: -79.406679 },
        content: "<h3><span></span>Upper Canada Industries</h3><p>City: Toronto </p><p>State: Ontario </p><h5><span></span> <a href='https://uppercanadaindustries.com/'>Website</a> </h5>",
    },
    {
      coords: { lat: 45.6571603, lng: -73.5283824 },
        content: "<h3><span></span>Lumitech </h3><p>Address:12600, Henri Bourassa Est </p><p>City: Montréal</p><p>State: Québec</p><p> Zip code: H1C 1S9 </p><h6><span></span> <a href='https://goo.gl/maps/3qK4aiMfDJAuuUHc7'>Direction</a> </h6><h5><span></span><a href='https://www.lumitech.ca/' target='_blank'>Website</a></h5>",
    },
];

    var map = new google.maps.Map(document.getElementById('mapc'), {
      zoom: 4.1,
      center: mark[2].coords,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var marker1, i;

    var infoWindow = new google.maps.InfoWindow();

    for(i = 0; i < mark.length; i++){
      marker1 = new google.maps.Marker({
        position: mark[i].coords,
        map: map,
        icon:"assets/img/marker.png"
      });

      var btn = document.createElement("BUTTON");
      btn.innerHTML = mark[i].content;
      document.getElementById('button1').appendChild(btn); 

      google.maps.event.addListener(marker1, 'click', (function(marker1, i) {
        return function() {
          infoWindow.setContent(mark[i].content);
          infoWindow.open(map, marker1);
        }
      })(marker1, i));

      btn.addEventListener('click',((marker1,i) => { 
            return function () {
            infoWindow.setContent(mark[i].content);
            infoWindow.open(map,marker1);
            }
        })(marker1,i));
    }
  </script>




<style>
.ikio__buyStore{
     padding-bottom: 3rem;
 }
    #map {
   height: 600px;
    width: 100%;
    }
      #mapc {
    height: 600px;
    width: 100%;
    }

    h3 {
      text-align: center;
    }
    
    #button h3 span::before {
      content: "\f3c5";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      display: inline-block;
      color:#23A046;
    }
    #button h5 span::before {
      content: "\f0ac";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    color: #23A046;
    font-size: 14px;
    margin-right: 6px;
    }
      #button h6 span::before{
             content: "\f5eb";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      display: inline-block;
      color:#23A046;
      }
      
      #button1 h3 span::before {
      content: "\f3c5";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      display: inline-block;
      color:#23A046;
    }
    #button1 h5 span::before {
      content: "\f0ac";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    color: #23A046;
    font-size: 14px;
    margin-right: 6px;
    }
      #button1 h6 span::before{
             content: "\f5eb";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      display: inline-block;
      color:#23A046;
      }
     .map_buttons {
    height: 600px;
    overflow: auto;
    border: 1px solid rgb(238, 238, 238);
    padding: 10px;
    text-align:left;
}
      .map_buttons button {
    display: block;
    width: 100%;
    border: 1px solid #23A046;
    border-bottom: 1px solid #23A046 !important;
    background-color: #eeffedb8;
    border-radius: 4px;

    text-align: left;
    margin-bottom: 10px;
}
    
      .map_buttons p {
    font-size: 14px;
    margin-bottom: 2px;
    padding: 0px 0px 0px 7px;
}
      .map_buttons h6 {
    margin-top: 6px;
    margin-bottom: 0px;
}
    
      .map_buttons h3{
      font-size: 16px;
    color: #000;
    font-weight: 600;
    text-align: left;
    padding: 10px 0px 0px 7px;
      }
     .map_buttons h3 span {
    margin-right: 6px;
      }
      .map_buttons h6 a{
           color: #23A046;
		   font-size: 15px;
		   margin-bottom: 5px;
    display: inline-block;
      }
       .map_buttons h5 a {
    color: #23A046;
    font-size: 14px;
   }
   .gm-style-iw-d{
       
   }
   .gm-style-iw-d h3 {
    font-size: 15px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 0px;
}
 .gm-style-iw-d p {
    color: rgb(160, 160, 160);
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 400;
    line-height: 18px;
}
 .gm-style-iw-d h6 span::before{
             content: "\f5eb";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      display: inline-block;
      color:#23A046;
      }
      .gm-style-iw-d h6 a {
    color: #23A046;
    font-size: 14px;
}
.gm-style-iw-d  h5 span::before {
    content: "\f0ac";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: inline-block;
    color: #23A046;
    font-size: 14px;
    margin-right: 6px;
}
.gm-style-iw-d  h5 a{
      color: #23A046;
    font-size: 14px
}
.gm-style-iw-d h6{
    margin-bottom:0px;
}
.where_buySelect{
    margin: auto;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.where_buySelect select{
   border: 1px solid #d3d5df;
    padding: 8px 24px 8px 10px;
    position: relative;
    box-shadow: 0 4px 7px 0 rgba(218,220,230,.6);
    font-size: 15px;
}
.map_buttons h6 {
    margin-top: 6px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 7px
}
.map_buttons h5{
   
    padding:0px 0px 0px 7px
}
.where_buySelect select:active, .where_buySelect select:focus {
  outline: none;
  box-shadow: none;
}
.ikio_buyBox .col-md-4{
     -ms-flex: 0 0 30%;
    flex: 0 0 28%;
    max-width: 28%;
}
.ikio_buyBox .col-md-6{
      -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    max-width: 72%;
}

.map_buttons::-webkit-scrollbar {
  width: 12px;
}


.map_buttons::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.map_buttons::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-image: linear-gradient(
    to right bottom,
    #62cd00,
    #51c100,
    #3fb501,
    #2caa00,
    #109e00
  );
}

@media (max-width: 768px){
    .ikio_buyBox .col-md-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.ikio_buyBox .col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#map {
    height: 400px;
    width: 100%;
}
.ikio_whereBuyConctetn h1 {
    padding-left: 1rem;
    font-size: 30px;
}
}
      }
  </style>
  
  <script>

$(document).ready(function(){
        $("select").change(function(){
            $( "select option:selected").each(function(){
                if($(this).attr("value")=="USA"){
                    $(".box").hide();
                    $(".CANADA").hide();
                    $(".USA").show();
                }
                if($(this).attr("value")=="CANADA"){
                    $(".box").hide();
                    $(".USA").hide();
                    $(".CANADA").show();
                }
               
                if($(this).attr("value")=="choose"){
                    $(".USA").hide();
                    $(".CANADA").hide();
                }
            });
        }).change();
});  
  </script>