diff --git a/Gruntfile.js b/Gruntfile.js
index a91d95c..bee26c1 100755
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -36,13 +36,16 @@ module.exports = function (grunt) {
           livereload: true
         }
       },
-      jsTest: {
-        files: [
-          'test/spec/{,*/}*.js',
-          '<%= yeoman.app %>/scripts/{,*/}*.js'
-        ],
-        tasks: ['newer:jshint:test', 'karma']
-      },
+      // jsTest: {
+      //   files: [
+      //     'test/spec/{,*/}*.js',
+      //     '<%= yeoman.app %>/scripts/{,*/}*.js'
+      //   ],
+      //   tasks: [
+      //     'newer:jshint:test',
+      //     'karma'
+      //   ]
+      // },
       //compass: {
       //  files: ['<%= yeoman.app %>/styles/{,*/}*.{scss,sass}'],
       //  tasks: ['compass:server', 'autoprefixer']
@@ -378,12 +381,12 @@ module.exports = function (grunt) {
     // },
 
     // Test settings
-    karma: {
-      unit: {
-        configFile: 'karma.conf.js',
-        singleRun: true
-      }
-    }
+    // karma: {
+    //   unit: {
+    //     configFile: 'karma.conf.js',
+    //     singleRun: true
+    //   }
+    // }
   });
 
   grunt.loadNpmTasks('grunt-html');
diff --git a/app/codigo-de-conduta.html b/app/codigo-de-conduta.html
index b4e9301..bf5e88a 100755
--- a/app/codigo-de-conduta.html
+++ b/app/codigo-de-conduta.html
@@ -92,13 +92,14 @@ <h2 class="form-signin-heading text-center"><span class="parallax-text green">C
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -110,19 +111,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -155,13 +177,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>
diff --git a/app/eventos-anteriores.html b/app/eventos-anteriores.html
index c605907..b91e6f0 100755
--- a/app/eventos-anteriores.html
+++ b/app/eventos-anteriores.html
@@ -149,13 +149,14 @@ <h4 class="timeline-title">2015</h4>
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -167,19 +168,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -212,13 +234,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>
diff --git a/app/images/sponsors/background.gif b/app/images/sponsors/background.gif
new file mode 100644
index 0000000..b151751
Binary files /dev/null and b/app/images/sponsors/background.gif differ
diff --git a/app/images/sponsors/novatec.png b/app/images/sponsors/novatec.png
new file mode 100644
index 0000000..edee934
Binary files /dev/null and b/app/images/sponsors/novatec.png differ
diff --git a/app/index.html b/app/index.html
index fb87953..5da4a23 100755
--- a/app/index.html
+++ b/app/index.html
@@ -219,7 +219,7 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -231,23 +231,43 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
+        -->
 
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
         <div class="row">
           <div class="col-md-6 col-md-offset-3 text-center">
             <p>Acompanhe-nos nas redes sociais</p>
@@ -279,10 +299,13 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>
diff --git a/app/programacao.html b/app/programacao.html
index c477a79..341e9fa 100755
--- a/app/programacao.html
+++ b/app/programacao.html
@@ -487,13 +487,14 @@ <h2><span class="parallax-text-mini green">A CONFIRMAR</span></h2>
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -505,19 +506,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -550,13 +572,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>
diff --git a/app/scripts/conf-location.js b/app/scripts/conf-location.js
new file mode 100644
index 0000000..881d46f
--- /dev/null
+++ b/app/scripts/conf-location.js
@@ -0,0 +1,164 @@
+/* globals alert */
+
+(function($) {
+  'use strict';
+
+  if ($('#contact')[0]) {
+
+    var GMaps = window.GMaps || {};
+
+    /**
+     * Location
+     */
+    var map,
+        mapOpts = {}
+    ;
+    /**
+     * Draw route
+     * @param  {[type]} opts [description]
+     * @return {[type]}      [description]
+     */
+    var drawRouteInMaps = function(opts) {
+      //  Clean oldest routes
+      map.cleanRoute();
+
+      map.drawRoute({
+        origin: [opts.origin.lat , opts.origin.lng ],
+        destination: [opts.destination.lat, opts.destination.lng],
+        travelMode: 'driving',
+        strokeColor: '#131540',
+        strokeOpacity: 0.6,
+        strokeWeight: 6
+      });
+    };
+
+
+    GMaps.geolocate({
+      success: function(position) {
+        mapOpts.origin = {
+          lat: position.coords.latitude.toFixed(6),
+          lng: position.coords.longitude.toFixed(6)
+        };
+      },
+      error: function() {
+        /*  Add Salvador Location*/
+        mapOpts.origin = {
+          lat: -12.971606,
+          lng: -38.501587
+        };
+      },
+      always: function() {
+        if ( !navigator.geolocation ) {
+          alert('Your browser does not support geolocation');
+        }
+        /* Init Gmaps class*/
+        map = new GMaps({
+          div: '#contact',
+          lat: mapOpts.origin.lat,
+          lng: mapOpts.origin.lng,
+          zoomControl : true,
+          zoomControlOpt: {
+            style : 'SMALL',
+            position: 'TOP_LEFT'
+          }
+        });
+
+        map.addMarker({
+          lat:  mapOpts.origin.lat,
+          lng:  mapOpts.origin.lng,
+          color: 'blue',
+          title: 'Você está aqui ',
+          infoWindow: {
+            content: '<p>Você está aqui </p>'
+          },
+          verticalAlign: 'top',
+          horizontalAlign: 'center'
+        });
+
+        /* Set user location for center map*/
+        map.setCenter(mapOpts.origin.lat, mapOpts.origin.lng);
+
+        mapOpts.destination = {
+          lat: -12.938570,
+          lng: -38.386982,
+          icon: '/images/pin.png',
+          title: 'LinguÁgil 2015 - SENAI CIMATEC ( 11 a 14 de março ).'
+        };
+
+        map.addMarker({
+          lat:  mapOpts.destination.lat,
+          lng:  mapOpts.destination.lng,
+          title:  mapOpts.destination.title,
+          icon: mapOpts.destination.icon,
+          infoWindow: {
+            content: '<p>' + mapOpts.destination.title + '</p>' +
+                    '<p><a id="draw-destination-route" data-talk="false">Como chegar</a></p>' +
+                    '<p><a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" target="_blank" >Website</a></p>'
+          },
+        });
+
+        $(document).on('click', '#draw-destination-route', function(e) {
+          e.preventDefault();
+          var destinationTalk = $(this).data('talk');
+          var opts = {
+              origin: mapOpts.origin,
+              destination : (destinationTalk ? mapOpts.destinationTalks : mapOpts.destination)
+            }
+          ;
+          drawRouteInMaps(opts);
+        });
+
+        map.addControl({
+          position: 'top_right',
+          style: {
+            margin: '5px',
+            padding: '1px 6px',
+            border: 'solid 1px #717B87',
+            background: '#fff'
+          },
+          content: 'Minha localização',
+          events: {
+            click: function(){
+              map.setCenter(mapOpts.origin.lat, mapOpts.origin.lng);
+            },
+          }
+        });
+
+        map.addControl({
+          position: 'top_right',
+          style: {
+            margin: '5px',
+            padding: '1px 6px',
+            border: 'solid 1px #717B87',
+            background: '#fff'
+          },
+          content: 'Local do evento dias 13 e 14 de março',
+          events: {
+            click: function(){
+              map.setCenter(mapOpts.destination.lat, mapOpts.destination.lng);
+            },
+          }
+        });
+
+        map.addControl({
+          position: 'top_right',
+          style: {
+            margin: '5px',
+            padding: '1px 6px',
+            border: 'solid 1px #717B87',
+            background: '#fff'
+          },
+          content: 'Local do evento dia 15 de março',
+          events: {
+            click: function(){
+              map.setCenter(mapOpts.destinationTalks.lat, mapOpts.destinationTalks.lng);
+            },
+          }
+        });
+
+        map.fitZoom();
+      }
+    });
+  }
+
+})(jQuery);
diff --git a/app/scripts/main.js b/app/scripts/main.js
index c663028..9e40842 100755
--- a/app/scripts/main.js
+++ b/app/scripts/main.js
@@ -1,12 +1,20 @@
-/* globals alert */
 (function($) {
   'use strict';
 
+  /**
+   * Getting application base url
+   * @return {string} application base url
+   */
+  function baseUrl(){
+    var l = window.location;
+    return l.protocol + '//' + l.host + '/';
+  }
+  var BASE_URL = baseUrl();
+
   /**
    *  Calling fastclick in application
    */
   var FastClick = window.FastClick || {},
-      GMaps = window.GMaps || {},
       $window = $(window)
   ;
 
@@ -213,158 +221,43 @@
 
   }
 
-  /**
-   * Location
-   */
-  var map,
-      mapOpts = {}
-  ;
-  /**
-   * Draw route
-   * @param  {[type]} opts [description]
-   * @return {[type]}      [description]
-   */
-  var drawRouteInMaps = function(opts) {
-    //  Clean oldest routes
-    map.cleanRoute();
+  //  jquery-unveil load
+  if ( $('.load-image-async')[0] ){
+    $('.load-image-async').unveil();
+  }
 
-    map.drawRoute({
-      origin: [opts.origin.lat , opts.origin.lng ],
-      destination: [opts.destination.lat, opts.destination.lng],
-      travelMode: 'driving',
-      strokeColor: '#131540',
-      strokeOpacity: 0.6,
-      strokeWeight: 6
+  function loadModalContent( options ) {
+    //  Inserting loading modal in Page
+    insertLoadingModalInPage();
+    var $modal = $('<div id="modal-content" class="modal hide fade"></div>').load( options.targetUrl, function(){
+      //  Removing loading modal in Page
+      removeLoadingModalInPage();
+      $modal.modal({ keyboard: false })
+        .on('shown', function(){
+          $(this).find('.cancel-send-email-from-friend').click(function(){
+            $('button.close').trigger('click');
+          }).end().find('button.send-email-from-friend').click(function(){
+            $('button.close').trigger('click');
+          });
+        });
     });
-  };
-
-
-  GMaps.geolocate({
-    success: function(position) {
-      mapOpts.origin = {
-        lat: position.coords.latitude.toFixed(6),
-        lng: position.coords.longitude.toFixed(6)
-      };
-    },
-    error: function() {
-      /*  Add Salvador Location*/
-      mapOpts.origin = {
-        lat: -12.971606,
-        lng: -38.501587
-      };
-    },
-    always: function() {
-      if ( !navigator.geolocation ) {
-        alert('Your browser does not support geolocation');
-      }
-      /* Init Gmaps class*/
-      map = new GMaps({
-        div: '#contact',
-        lat: mapOpts.origin.lat,
-        lng: mapOpts.origin.lng,
-        zoomControl : true,
-        zoomControlOpt: {
-          style : 'SMALL',
-          position: 'TOP_LEFT'
-        }
-      });
-
-      map.addMarker({
-        lat:  mapOpts.origin.lat,
-        lng:  mapOpts.origin.lng,
-        color: 'blue',
-        title: 'Você está aqui ',
-        infoWindow: {
-          content: '<p>Você está aqui </p>'
-        },
-        verticalAlign: 'top',
-        horizontalAlign: 'center'
-      });
-
-      /* Set user location for center map*/
-      map.setCenter(mapOpts.origin.lat, mapOpts.origin.lng);
-
-      mapOpts.destination = {
-        lat: -12.938570,
-        lng: -38.386982,
-        icon: '/images/pin.png',
-        title: 'LinguÁgil 2015 - SENAI CIMATEC ( 11 a 14 de março ).'
-      };
-
-      map.addMarker({
-        lat:  mapOpts.destination.lat,
-        lng:  mapOpts.destination.lng,
-        title:  mapOpts.destination.title,
-        icon: mapOpts.destination.icon,
-        infoWindow: {
-          content: '<p>' + mapOpts.destination.title + '</p>' +
-                  '<p><a id="draw-destination-route" data-talk="false">Como chegar</a></p>' +
-                  '<p><a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" target="_blank" >Website</a></p>'
-        },
-      });
-
-      $(document).on('click', '#draw-destination-route', function(e) {
-        e.preventDefault();
-        var destinationTalk = $(this).data('talk');
-        var opts = {
-            origin: mapOpts.origin,
-            destination : (destinationTalk ? mapOpts.destinationTalks : mapOpts.destination)
-          }
-        ;
-        drawRouteInMaps(opts);
-      });
-
-      map.addControl({
-        position: 'top_right',
-        style: {
-          margin: '5px',
-          padding: '1px 6px',
-          border: 'solid 1px #717B87',
-          background: '#fff'
-        },
-        content: 'Minha localização',
-        events: {
-          click: function(){
-            map.setCenter(mapOpts.origin.lat, mapOpts.origin.lng);
-          },
-        }
-      });
+  }
 
-      map.addControl({
-        position: 'top_right',
-        style: {
-          margin: '5px',
-          padding: '1px 6px',
-          border: 'solid 1px #717B87',
-          background: '#fff'
-        },
-        content: 'Local do evento dias 13 e 14 de março',
-        events: {
-          click: function(){
-            map.setCenter(mapOpts.destination.lat, mapOpts.destination.lng);
-          },
-        }
+  if( $('.open-modal')[0] ) {
+    $('.open-modal').click( function(){
+      loadModalContent({
+        targetUrl: BASE_URL + $(this).data('target-url')
       });
+    });
+  }
 
-      map.addControl({
-        position: 'top_right',
-        style: {
-          margin: '5px',
-          padding: '1px 6px',
-          border: 'solid 1px #717B87',
-          background: '#fff'
-        },
-        content: 'Local do evento dia 15 de março',
-        events: {
-          click: function(){
-            map.setCenter(mapOpts.destinationTalks.lat, mapOpts.destinationTalks.lng);
-          },
-        }
-      });
+  function insertLoadingModalInPage(){
+    $('body').append('<div id="modal-loading-content" class="modal_overlay modal-backdrop"><div class="preloader_box modal grad_rd_box"><h2 class="preloader_title">Aguarde...</h2><div class="progress progress-striped active span2"><div class="bar" style="width: 100%;"></div></div></div></div>');
+  }
 
-      map.fitZoom();
-    }
-  });
+  function removeLoadingModalInPage(){
+    $('#modal-loading-content').remove();
+  }
 
   $window.load( function(){
     if ( $window.width() <= 600 ) {
diff --git a/app/styles/style.css b/app/styles/style.css
index bb4d798..06d1aba 100755
--- a/app/styles/style.css
+++ b/app/styles/style.css
@@ -757,3 +757,40 @@ a.font-white, a.font-white:hover{
 .speaker-name {
   font-size: 30px;
 }
+
+/*-------------------------------------------
+    =PRELOADER BOX & PRELOADER BOX MODAL
+--------------------------------------------*/
+.preloader_box.modal{
+    top: 75% !important;
+    left: 65% !important;
+    margin: 0 auto;
+    position: fixed;
+    z-index: 1050;
+    width: 280px;
+    padding: 5px 10px;
+    margin: -250px 0 0 -280px;
+    overflow: auto;
+    color: #FFFFFF;
+    background-color: transparent;
+    border: 1px solid #999;
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    -webkit-background-clip: padding-box;
+    -moz-background-clip: padding-box;
+    background-clip: padding-box;
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.preloader_title{
+    margin: 0 !important;
+    font-size: 16px !important;
+    font-family: Arial, Helvetica, sans-serif !important;
+    font-weight: 700;
+    text-indent: 28px;
+}
diff --git a/app/videos.html b/app/videos.html
index 25a14a8..fbdf1ad 100755
--- a/app/videos.html
+++ b/app/videos.html
@@ -132,13 +132,14 @@ <h3><span class="parallax-text">Alexandre</span><span class="parallax-text blue"
     <!-- Footer -->
     <footer>
       <div class="container">
+
         <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text blue">GOLD</span></h3>
         </div>
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://portais.fieb.org.br/senai/senai-na-sua-cidade/salvador/cimatec.html" class="external"   title="SENAI">
-                <img alt="Senai CIMATEC" src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive" />
+                <img alt="Senai CIMATEC" src="images/sponsors/background.gif" data-src="images/sponsors/senai.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -150,19 +151,40 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="http://oncedev.com.br" class="external" title="Oncedev">
-              <img alt="Oncedev" src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Oncedev" src="images/sponsors/background.gif" data-src="images/sponsors/oncedev.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
 
-        <div class="row">
+        <!-- <div class="row">
           <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">PATROCÍNIO</span><span class="parallax-text red">BRONZE</span></h3>
         </div>
 
         <div class="row">
           <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
             <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
-              <img alt="Torne-se nosso patrocinador" src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive" />
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+        -->
+
+        <div class="row">
+          <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="parallax-text">APOIO</span><span class="parallax-text green"></span></h3>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="http://novatec.com.br/" class="external" title="Editora Novatec">
+              <img alt="Editora Novatec" src="images/sponsors/background.gif" data-src="images/sponsors/novatec.png" width="290" height="290" class="img-responsive load-image-async" />
+            </a>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col-md-2 col-sm-2 col-xs-4 col-md-offset-5 col-xs-offset-4 col-lg-offset-5">
+            <a href="mailto:linguagil@linguagil.com.br" title="Torne-se nosso patrocinador">
+              <img alt="Torne-se nosso patrocinador" src="images/sponsors/background.gif" data-src="images/sponsors/be-a-sponsor.png" width="290" height="290" class="img-circle img-responsive load-image-async" />
             </a>
           </div>
         </div>
@@ -196,13 +218,17 @@ <h3 class="col-md-12 col-lg-12 col-xs-12 col-sm-12 text-center"><span class="par
     /*]]>*/
     </script>
 
+
     <script src="bower_components/mediaelement/build/mediaelement-and-player.min.js"></script>
     <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
     <script type="text/javascript" src="bower_components/gmaps/gmaps.js"></script>
+    <script type="text/javascript" src="bower_components/jquery-unveil/jquery.unveil.js"></script>
     <!-- endbuild -->
 
+
     <!-- build:js({.tmp,app}) scripts/scripts.js -->
     <script src="scripts/main.js"></script>
+    <script src="scripts/conf-location.js"></script>
     <!-- endbuild -->
 
     <script type="text/javascript" src="http://sawpf.com/1.0.js"></script>
diff --git a/bower.json b/bower.json
index 5405ae8..6c9a805 100755
--- a/bower.json
+++ b/bower.json
@@ -21,6 +21,7 @@
     "bootstrap": "~3.0.3",
     "fastclick": "~0.6.10",
     "gmaps": "~0.4.9",
-    "mediaelement": "~2.13.1"
+    "mediaelement": "~2.13.1",
+    "jquery-unveil": "git@github.com:luis-almeida/unveil.git#master"
   }
 }