<!--

                                                            ./oyhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhys/.                                            
                                                         `omMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMh-                                          
                                                        /NMMMMMMMNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN-                                         
                                                       +MMMMMNo-`            `:sNMMMMM/................-+hMMo                                         
                                                      `NMMMMm.                  .dMMMMd                   -m+                                         
                                 -                    .MMMMMy                    oMMMMN`                   ``                                         
                                 dh-                   NMMMMN.                  .mMMMMh                                                               
                                 dMMh+:----------------oMMMMMNy/.``        ``./yNMMMMN-                                                               
                                 /MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNNNNNNNNNMMMMMMMMMd-                                                                
                                  :dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNh/                                                                  
                                    ./ossssssssssssssssssssssssssssssssssssssso+-`                                                                    
                                                                                                                                                      
                                                                                                                                                      
  .:-                                                                                              .:-  .:-                                           
  +Mh                                                                                              /Mm  oMd                                           
  +Mh                                                                                              /Mm  ```                                           
  +Mh `.--------.`        `.--------.`     `..  `------.`      `.-------..`        .--::::---`     /Mm  `..  ..`  `.------.`        `.--------.`      
  +MmyNmddhhhddmNNh:    +dNNmdhhhhdmmMms.  :MNomNmddhdmNNy` `sNMNmddddddmNNmo`  .hNNddhhhhhdmMNy.  /Mm  oMd  hMysmNmddhhdmNMms`   /hNNmdhhhhddmMNy-   
  +MMs`          :NM+  yMm-          .yMm. :MMh.       `hMh sMm.          .NMo  yNh`         `yMm  /Mm  oMd  hMMs.         -dMh  +MN/`         `+MN:  
  +Mm             oMd .MM/            `NM+ :MM-         /MN +MN/-........````    `--:::::::--`.MM. /Mm  oMd  yMh            /MN` mMs             hMy  
  +Md             +MN .MM-             mMo :MN`          ``  /shddddmmmmmmMNh: `yMMmhhhhhhhddNhMN. /Mm  oMd  yMy            :MN` NM+             yMh  
  +Mm`            sMd `NM+            `MM/ :MN`             os:           `oMN`/MM-           oMM. /Mm  oMd  yMy            :MN` dMy             dMs  
  +MMh/.```   ``:sMN:  oMNo-```   ``./dMd` :MN`             dMd-``       `.sMN`:MMo.``    ```-yMM. /Mm  oMd  yMy            :MN` /NMs:.``   ```:yMN.  
  +Nh+dmNNNNNNNNmho.    -sdmNNNNNNNNNmh+`  :Nm`             .sdNNNNNNNNNNNNmy-  /hmNNNNNNNNNmh/NN. /Nd  oNh  sNy            :Nm`  .ohmNNNNNNNNNmho`   
         ``````              ```````                            ``````````          ```````                                            ```````        
                                                                                                                                                      
                                                                        ....`    ``    ``    `.-..     .`   .`   ``    `.-..       `...`      ``--.   
                                                                      -y:--:o+   .y.  .h.   os:--:y-   :y` :yh` .h`   +o:--:y-    +/---+y    .d:--+y  
                                                                      /y/////+    `y--h.    ho////+-    :s.h`-y`h.    yo////+-    h+////d    .y    `  
                                                                       ++///+-     `yh`     .++///+`     /o.  /o.     .+////o`    +++/+/o    `+       
                                                                                  -+s`                                                                

                            DISEÑO Y DESARROLLO WEB POR MOMENTO | SOLUCIONES MULTIMEDIA http://www.momentomultimedia.com

-->                                                                                                                                                     
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;user-scalable=no;">  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Borsalino Eyewear - Colección Lectura</title>
    <meta name="format-detection" content="telephone=no">
	<meta name="Description" content="Borsalino Eyewear es una empresa de anteojos de sol y de lectura con más de 30 años de experiencia. Dinámica y con espíritu joven, siempre atenta a las nuevas tendencias mundiales de la moda." />    
    <meta name="google" content="notranslate" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#000000">
    <meta name="theme-color" content="#ffffff">   
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '1731932060223162');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=1731932060223162&ev=PageView&noscript=1"
    /></noscript>
	<style>
		#hideall{position: fixed;left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: white;z-index: 9999999999; -webkit-transition: opacity .5s linear;transition:  opacity .5s linear;}
	</style>         
</head>
<body>

    <!--FADE INICIAL-->
    <div id="hideall"></div>
             
	<!--MENU DESKTOP-->
	<div id="menu" class="desktop">
		<div class="centradovertical">
            <div class="cont-menu-item"><a href="sol"><div class="menu-item"><div>Colección Sol <span class="raya "></span></div></div></a></div>       
            <div class="cont-menu-item"><a href="lectura"><div class="menu-item active"><div >Colección Lectura <span class="raya"></span></div></div></a></div>                                            
			<div id="cont-logo"><div id="logo"><img src="img/logo1.svg" style="position:relative" id="logo1"/><img src="img/logo2.svg" id="logo2"/></div></div>            
            <div class="cont-menu-item menupuntos"><div class="menu-item"><div>Puntos de venta<span class="raya"></span></div></div></a></div>   
            <div class="cont-menu-item"><a href="#" data-remodal-target="contacto"  onClick="contactoanim()"><div class="menu-item"><div>Contacto<span class="raya"></span></div></div></a></div>                            
		</div> 
	</div>  
      
    <!--MENU MOVIL--> 
   	<div id="menumobile" class="mobile">
    	<div class="menumobile-cont">
            <div id="hamburger" onclick="abrirmobile()">
                <span></span>
                <span></span>
                <span></span>
	            <div class="menulabel">MENÚ</div>                
            </div>      
            <img src="img/logom.svg">
		</div>
        <div class="menumobile-links" >
            <div class="centradovertical">
                <a href="sol"><div class="menu-item"><div>Colección Sol <span class="raya "></span></div></div></a>
            	<div class="menu-item active" onClick="cerrarmenu();"><div>Colección Lectura <span class="raya"></span></div></div>              
                <div class="menu-item menupuntos" onClick="cerrarmenu()"><div>Puntos de venta <span class="raya "></span></div></div>
                <a href="#" data-remodal-target="contacto" onClick="cerrarmenu(); contactoanim()"><div class="menu-item"><div>Contacto <span class="raya "></span></div></div></a>
                <a href="https://www.facebook.com/BorsalinoGafas" target="_blank"><img src="img/facebook2.svg"></a>
                <a href="https://www.instagram.com/BorsalinoGafas/" target="_blank"><img src="img/insta2.svg"></a>
                <a href="https://twitter.com/BorsalinoGafas" target="_blank"><img src="img/twitter2.svg"></a>
            </div>
        
        </div>
    </div>
    
    <!--PRINCIPAL-->
    <div class="wrapper">
    
        <!--NEW ARRIVAL 1-->
        <div class="cuadro newin">
            <div class="gradients gradient19">
                <div style="background:rgb(25, 70, 151);"></div>
                <div style="background:rgb(232, 46, 89)"></div>
                <div style="background:rgb(255, 89, 0)"></div>    
            </div>    
            <div class="anteojos anteojo19">
                <div><img src="img/lectura/19a.jpg"></div>
                <div><img data-lazy="img/lectura/19b.jpg"/></div>
                <div><img data-lazy="img/lectura/19c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5023</div>  
            <a href="#" onclick="zoomproducto('lectura',19,'5023')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>

        <!--NEW ARRIVAL 2-->
        <div class="cuadro newin">
            <div class="gradients gradient20">
                <div style="background:rgb(249, 70, 90)"></div>
                <div style="background:rgb(243, 112, 0)"></div>
                <div style="background:rgb(255, 186, 124)"></div>    
            </div>    
            <div class="anteojos anteojo20">
                <div><img src="img/lectura/20a.jpg"></div>
                <div><img data-lazy="img/lectura/20b.jpg"/></div>
                <div><img data-lazy="img/lectura/20c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5036</div>  
            <a href="#" onclick="zoomproducto('lectura',20,'5036')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--NEW ARRIVAL 3-->
        <div class="cuadro newin">
            <div class="gradients gradient21">
                <div style="background:rgb(247, 97, 174)"></div>
                <div style="background:rgb(17, 109, 202)"></div>
                <div style="background:rgb(218, 85, 10)"></div>    
            </div>    
            <div class="anteojos anteojo21">
                <div><img src="img/lectura/21a.jpg"></div>
                <div><img data-lazy="img/lectura/21b.jpg"/></div>
                <div><img data-lazy="img/lectura/21c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5053</div>  
            <a href="#" onclick="zoomproducto('lectura',21,'5053')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>       
        
        <!--NEW ARRIVAL 4-->
        <div class="cuadro newin">
            <div class="gradients gradient22">
                <div style="background:rgb(228, 96, 26)"></div>
                <div style="background:rgb(165, 165, 165)"></div>
                <div style="background:rgb(191, 17, 96)"></div>    
            </div>    
            <div class="anteojos anteojo22">
                <div><img src="img/lectura/22a.jpg"></div>
                <div><img data-lazy="img/lectura/22b.jpg"/></div>
                <div><img data-lazy="img/lectura/22c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5067</div>  
            <a href="#" onclick="zoomproducto('lectura',22,'5067')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>       
        
        <!--Campaña 1--> 
        <div class="cuadro campana_vertical" style="background:url(img/lectura/cam1.jpg);"></div>
    
        <!--01-->
        <div class="cuadro">
            <div class="gradients gradient1">
                <div style="background:rgb(147, 140, 134)"></div>
                <div style="background:rgb(191, 5, 23)"></div>
                <div style="background:rgb(69, 65, 85)"></div>       
            </div>    
            <div class="anteojos anteojo1">
                <div><img src="img/lectura/1a.jpg"></div>
                <div><img data-lazy="img/lectura/1b.jpg"/></div>
                <div><img data-lazy="img/lectura/1c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5021</div>  
            <a href="#" onclick="zoomproducto('lectura',1,'5021')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
    
        <!--02-->
        <div class="cuadro">
            <div class="gradients gradient2">
                <div style="background:rgb(142, 81, 210)"></div>
                <div style="background:rgb(35, 159, 236)"></div>
                <div style="background:rgb(42, 166, 167)"></div>
            </div>    
            <div class="anteojos anteojo2">
                <div><img src="img/lectura/2a.jpg"></div>
                <div><img data-lazy="img/lectura/2b.jpg"/></div>
                <div><img data-lazy="img/lectura/2c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5022</div>  
            <a href="#" onclick="zoomproducto('lectura',2,'5022')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--03-->
        <div class="cuadro">
            <div class="gradients gradient3">
                <div style="background:rgb(152, 152, 152)"></div>
                <div style="background:rgb(218, 189, 151)"></div>
                <div style="background:rgb(152, 152, 152)"></div>       
            </div>    
            <div class="anteojos anteojo3">
                <div><img src="img/lectura/3a.jpg"></div>
                <div><img data-lazy="img/lectura/3b.jpg"/></div>
                <div><img data-lazy="img/lectura/3c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7061</div>  
            <a href="#" onclick="zoomproducto('lectura',3,'7061')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--04-->
        <div class="cuadro">
            <div class="gradients gradient4">
                <div style="background:rgb(251, 60, 0)"></div>
                <div style="background:#0bc7e6"></div>
                <div style="background:rgb(245, 186, 76)"></div>       
            </div>    
            <div class="anteojos anteojo4">
                <div><img src="img/lectura/4a.jpg"></div>
                <div><img data-lazy="img/lectura/4b.jpg"/></div>
                <div><img data-lazy="img/lectura/4c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5030</div>  
            <a href="#" onclick="zoomproducto('lectura',4,'5030')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div> 
        
        <!--05-->
        <div class="cuadro">
            <div class="gradients gradient5">
                <div style="background:#e47e1f"></div>
                <div style="background:rgb(245, 186, 76)"></div>
                <div style="background:grey"></div>
            </div>    
            <div class="anteojos anteojo5">
                <div><img src="img/lectura/5a.jpg"></div>
                <div><img data-lazy="img/lectura/5b.jpg"/></div>
                <div><img data-lazy="img/lectura/5c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">504</div>  
            <a href="#" onclick="zoomproducto('lectura',5,'504')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
            
        <!--Campaña 2--> 
        <div class="cuadro campana_vertical"  style="background:url(img/lectura/cam2.jpg);"></div>
    
        <!--06-->
        <div class="cuadro">
            <div class="gradients gradient6">
                <div style="background:rgb(21, 95, 251)"></div>
                <div style="background:rgb(239, 103, 21)"></div>
                <div style="background:grey"></div>       
            </div>    
            <div class="anteojos anteojo6">
                <div><img src="img/lectura/6a.jpg"></div>
                <div><img data-lazy="img/lectura/6b.jpg"/></div>
                <div><img data-lazy="img/lectura/6c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7024</div>  
            <a href="#" onclick="zoomproducto('lectura',6,'7024')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
    
        <!--Facebook-->
        <div class="cuadro facebook redes">
            <a href="https://www.facebook.com/BorsalinoGafas" target="_blank">
                <img src="img/facebookfondo.svg" class="fondoredes">        
                <div class="centradovertical">
                    <img src="img/facebook.svg">
                    <div class="modelo">SEGUINOS EN</div>
                    <div class="titulo">FACEBOOK</div> 
                </div>
            </a>            
        </div>

        <!--07-->
        <div class="cuadro">
            <div class="gradients gradient7">
                <div style="background:grey"></div>
                <div style="background:rgb(197, 158, 72)"></div>
                <div style="background:#8c3de2"></div>       
            </div>    
            <div class="anteojos anteojo7">
                <div><img src="img/lectura/7a.jpg"></div>
                <div><img data-lazy="img/lectura/7b.jpg"/></div>
                <div><img data-lazy="img/lectura/7c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7060</div>  
            <a href="#" onclick="zoomproducto('lectura',7,'7060')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>   
        
        <!--Campaña 3 DESKTOP--> 
        <div class="cuadro campana_horizontal desktop"  style="background:url(img/lectura/cam3.jpg);"></div>
    
        <!--08-->
        <div class="cuadro">
            <div class="gradients gradient8">
                <div style="background:rgb(255, 146, 44)"></div>
                <div style="background:rgb(255, 169, 58)"></div>
                <div style="background:#f1814f"></div>       
            </div>    
            <div class="anteojos anteojo8">
                <div><img src="img/lectura/8a.jpg"></div>
                <div><img data-lazy="img/lectura/8b.jpg"/></div>
                <div><img data-lazy="img/lectura/8c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">507</div>  
            <a href="#" onclick="zoomproducto('lectura',8,'507')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>   
    
        <!--09-->
        <div class="cuadro">
            <div class="gradients gradient9">
                <div style="background:rgb(255, 169, 58)"></div>
                <div style="background:rgb(255, 0, 51)"></div>
                <div style="background:#f1814f"></div>       
            </div>    
            <div class="anteojos anteojo9">
                <div><img src="img/lectura/9a.jpg"></div>
                <div><img data-lazy="img/lectura/9b.jpg"/></div>
                <div><img data-lazy="img/lectura/9c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5032</div>  
            <a href="#" onclick="zoomproducto('lectura',9,'5032')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
        
        <!--Campaña 3 MOBILE--> 
        <div class="cuadro campana_horizontal mobile"  style="background:url(img/lectura/cam3.jpg);"></div>
    
        <!--10-->
        <div class="cuadro">
            <div class="gradients gradient10">
                <div style="background:rgb(239, 84, 22)"></div>
                <div style="background:#5300ff"></div>
                <div style="background:#f9c582"></div>       
            </div>    
            <div class="anteojos anteojo10">
                <div><img src="img/lectura/10a.jpg"></div>
                <div><img data-lazy="img/lectura/10b.jpg"/></div>
                <div><img data-lazy="img/lectura/10c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5024</div>  
            <a href="#" onclick="zoomproducto('lectura',10,'5024')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
    
        <!--11-->
        <div class="cuadro">
            <div class="gradients gradient11">
                <div style="background:#e60e60"></div>
                <div style="background:rgb(230, 115, 26)"></div>
                <div style="background:grey"></div>       
            </div>    
            <div class="anteojos anteojo11">
                <div><img src="img/lectura/11a.jpg"></div>
                <div><img data-lazy="img/lectura/11b.jpg"/></div>
                <div><img data-lazy="img/lectura/11c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5035</div>  
            <a href="#" onclick="zoomproducto('lectura',11,'5035')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>                
           
        <!--12-->
        <div class="cuadro">
            <div class="gradients gradient12">
                <div style="background:#ff5200"></div>
                <div style="background:rgb(201, 38, 255)"></div>
                <div style="background:#23dac3"></div>       
            </div>    
            <div class="anteojos anteojo12">
                <div><img src="img/lectura/12a.jpg"></div>
                <div><img data-lazy="img/lectura/12b.jpg"/></div>
                <div><img data-lazy="img/lectura/12c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5065</div>  
            <a href="#" onclick="zoomproducto('lectura',12,'5065')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>    
        
        <!--Instagram-->
        <div class="cuadro instagram redes">
            <a href="https://www.instagram.com/BorsalinoGafas" target="_blank">
                <img src="img/instafondo.svg" class="fondoredes">     
                <div class="centradovertical">
                    <img src="img/insta.svg">
                    <div class="modelo">SEGUINOS EN</div>
                    <div class="titulo">INSTAGRAM</div> 
                </div>
            </a>            
        </div>
        
        <!--Campaña 4--> 
        <div class="cuadro campana_vertical"  style="background:url(img/lectura/cam4.jpg);"></div>
        
        <!--13-->
        <div class="cuadro">
            <div class="gradients gradient13">
                <div style="background:rgb(234, 44, 67)"></div>
                <div style="background:rgb(247, 89, 33)"></div>
                <div style="background:#5ab5ea"></div>
            </div>    
            <div class="anteojos anteojo13">
                <div><img src="img/lectura/13a.jpg"></div>
                <div><img data-lazy="img/lectura/13b.jpg"/></div>
                <div><img data-lazy="img/lectura/13c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">1509</div>  
            <a href="#" onclick="zoomproducto('lectura',13,'1509')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--Campaña 5 DESKTOP--> 
        <div class="cuadro campana_horizontal desktop"  style="background:url(img/lectura/cam5.jpg);"></div>
        
        <!--14-->
        <div class="cuadro">
            <div class="gradients gradient14">
                <div style="background:red"></div>
                <div style="background:grey"></div>
                <div style="background:rgb(124, 171, 232)"></div>       
            </div>    
            <div class="anteojos anteojo14">
                <div><img src="img/lectura/14a.jpg"></div>
                <div><img data-lazy="img/lectura/14b.jpg"/></div>
                <div><img data-lazy="img/lectura/14c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7011</div>  
            <a href="#" onclick="zoomproducto('lectura',14,'7011')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>                              
    
        <!--Puntos de venta-->
        <div class="cuadro location redes">
            <img src="img/locationfondo.svg" class="fondoredes">        
            <div class="centradovertical">
                <img src="img/location.svg">
                <div class="modelo">CONOCÉ NUESTROS</div>
                <div class="titulo">PUNTOS DE VENTA</div> 
            </div>
        </div>  
            
        <!--15-->
        <div class="cuadro">
            <div class="gradients gradient15">
                <div style="background:#e2b478"></div>
                <div style="background:rgb(197, 27, 44)"></div>
                <div style="background:rgb(220, 114, 63)"></div>       
            </div>    
            <div class="anteojos anteojo15">
                <div><img src="img/lectura/15a.jpg"></div>
                <div><img data-lazy="img/lectura/15b.jpg"/></div>
                <div><img data-lazy="img/lectura/15c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7037</div>  
            <a href="#" onclick="zoomproducto('lectura',15,'7037')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>     
        
        <!--Twitter DESKTOP-->
        <div class="cuadro twitter redes desktop">
            <a href="https://www.twitter.com/BorsalinoGafas" target="_blank">
                <img src="img/twitterfondo.svg" class="fondoredes">        
                <div class="centradovertical">
                    <img src="img/twitter.svg">
                    <div class="modelo">SEGUINOS EN</div>
                    <div class="titulo">TWITTER</div> 
                </div>
            </a>            
        </div>            
        
        <!--16-->
        <div class="cuadro">
            <div class="gradients gradient16">
                <div style="background:rgb(239, 79, 105)"></div>
                <div style="background:#346fe8"></div>
                <div style="background:red"></div>       
            </div>    
            <div class="anteojos anteojo16">
                <div><img src="img/lectura/16a.jpg"></div>
                <div><img data-lazy="img/lectura/16b.jpg"/></div>
                <div><img data-lazy="img/lectura/16c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">5060</div>  
            <a href="#" onclick="zoomproducto('lectura',16,'5060')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>     
        
        <!--17-->
        <div class="cuadro">
            <div class="gradients gradient17">
                <div style="background:grey"></div>
                <div style="background:rgb(241, 149, 112)"></div>
                <div style="background:#3086f3"></div>       
            </div>    
            <div class="anteojos anteojo17">
                <div><img src="img/lectura/17a.jpg"></div>
                <div><img data-lazy="img/lectura/17b.jpg"/></div>
                <div><img data-lazy="img/lectura/17c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7018</div>  
            <a href="#" onclick="zoomproducto('lectura',17,'7018')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>         
        
        <!--Campaña 5 MOBILE--> 
        <div class="cuadro campana_horizontal mobile"  style="background:url(img/lectura/cam5.jpg);"></div>            
        
        <!--Twitter MOBILE-->
        <div class="cuadro twitter redes mobile">
            <a href="https://www.twitter.com/BorsalinoGafas" target="_blank">
                <img src="img/twitterfondo.svg" class="fondoredes">        
                <div class="centradovertical">
                    <img src="img/twitter.svg">
                    <div class="modelo">SEGUINOS EN</div>
                    <div class="titulo">TWITTER</div> 
                </div>
            </a>            
        </div>  
                
        <!--18-->
        <div class="cuadro">
            <div class="gradients gradient18">
                <div style="background:#745cea"></div>
                <div style="background:rgb(226, 65, 36)"></div>
                <div style="background:#6899e2"></div>       
            </div>    
            <div class="anteojos anteojo18">
                <div><img src="img/lectura/18a.jpg"></div>
                <div><img data-lazy="img/lectura/18b.jpg"/></div>
                <div><img data-lazy="img/lectura/18c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7064</div>  
            <a href="#" onclick="zoomproducto('lectura',18,'7064')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
        
        <!--NEW ARRIVAL 5-->
        <div class="cuadro newin2">
            <div class="gradients gradient23">
            <div style="background:#de487c"></div>
                <div style="background:grey"></div>
                <div style="background:grey"></div>
            </div>    
            <div class="anteojos anteojo23">
                <div><img src="img/lectura/23a.jpg"></div>
                <div><img data-lazy="img/lectura/23b.jpg"/></div>
                <div><img data-lazy="img/lectura/23c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7001</div>  
            <a href="#" onclick="zoomproducto('lectura',23,'7001')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>

        <!--NEW ARRIVAL 6-->
        <div class="cuadro newin2">
            <div class="gradients gradient24">
                <div style="background:#f98557"></div>
                <div style="background:rgb(228, 49, 82)"></div>
                <div style="background:#f98557"></div>    
            </div>    
            <div class="anteojos anteojo24">
                <div><img src="img/lectura/24a.jpg"></div>
                <div><img data-lazy="img/lectura/24b.jpg"/></div>
                <div><img data-lazy="img/lectura/24c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7020</div>  
            <a href="#" onclick="zoomproducto('lectura',24,'7020')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--NEW ARRIVAL 7-->
        <div class="cuadro newin2">
            <div class="gradients gradient25">
                <div style="background:#ff3c00"></div>
                <div style="background:rgb(234, 150, 75)"></div>
                <div style="background:grey"></div>    
            </div>    
            <div class="anteojos anteojo25">
                <div><img src="img/lectura/25a.jpg"></div>
                <div><img data-lazy="img/lectura/25b.jpg"/></div>
                <div><img data-lazy="img/lectura/25c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7021</div>  
            <a href="#" onclick="zoomproducto('lectura',25,'7021')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>                    
        
        <!--NEW ARRIVAL 8-->
        <div class="cuadro newin2">
            <div class="gradients gradient26">
                <div style="background:rgb(236, 204, 111)"></div>
                <div style="background:rgb(206, 91, 6)"></div>
                <div style="background:rgb(220, 36, 49)"></div>    
            </div>    
            <div class="anteojos anteojo26">
                <div><img src="img/lectura/26a.jpg"></div>
                <div><img data-lazy="img/lectura/26b.jpg"/></div>
                <div><img data-lazy="img/lectura/26c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">7051</div>  
            <a href="#" onclick="zoomproducto('lectura',26,'7051')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>           

    </div>

    <!--MODAL PUNTOS DE VENTA -->	
    <div class="remodal" data-remodal-id="puntosdeventa" data-remodal-options='{ "hashTracking": true }'>
        <div class="bh-sl-container">
            <div id="bh-sl-map-container" class="bh-sl-map-container">
	            <div class="centradovertical"><img src="img/loading.svg" style="width:5rem;" id="loadingwheel"></div>
                <div id="bh-sl-map" class="bh-sl-map"></div>
                <div class="bh-sl-loc-list">
                    <div class="bh-sl-form-container">
                        <form id="bh-sl-user-location" method="post" action="#">
                            <div class="form-input"><input type="text" id="bh-sl-address" name="bh-sl-address"  placeholder="Ingresá localidad y provincia"/> <input type="text" id="bh-sl-region" name="bh-sl-region"  value="AR" style="display:none"/></div>
                            <button id="bh-sl-submit" type="submit">BUSCAR</button>
                        </form>
                    </div>            
                    <ul class="list"></ul>
                </div>
            </div>
        </div>
        <a href="#" data-remodal-action="close"><span class="btn_cerrar"></span></a>
    </div>	

    <!--MODAL PRODUCTO DE 3 -->	
    <div class="remodal modalzoom" id="modalzoom3" data-remodal-id="modalzoom3" data-remodal-options='{ "hashTracking": false }'>
        <div class="centradovertical">
            <div class="main_slide3">
                <img src="" class="mainpic1" style="width:50%"/>
                <img src="" class="mainpic2" style="width:50%"/>
                <img src="" class="mainpic3" style="width:50%"/>
            </div>           
        </div>       
        <div class="btn_puntos">VER PUNTOS DE VENTA</div>
            
        <div class="main_titulos">
            <div class="modelo">MODELO</div>
            <div class="titulo"><span class="mainmodelo"></span></div>
        </div>      
        <a href="#" data-remodal-action="close"><span class="btn_cerrar"></span></a>
        <span class="btn_next3"></span>
        <span class="btn_prev3"></span>
    </div>	
    
    <!--MODAL PRODUCTO DE 2 -->	
    <div class="remodal modalzoom" id="modalzoom2" data-remodal-id="modalzoom2" data-remodal-options='{ "hashTracking": false }'>
        <div class="centradovertical">
            <div class="main_slide2">
                <img src="" class="mainpic1" style="width:50%"/>
                <img src="" class="mainpic2" style="width:50%"/>
            </div>           
        </div>       
        <div class="btn_puntos">VER PUNTOS DE VENTA</div>
            
        <div class="main_titulos">
            <div class="modelo">MODELO</div>
            <div class="titulo"><span class="mainmodelo"></span></div>
        </div>      
        <a href="#" data-remodal-action="close" onclick="close()"><span class="btn_cerrar"></span></a>
        <span class="btn_next2"></span>
        <span class="btn_prev2"></span>
    </div>	
    
    <!--CONTACTO-->	
    <div class="remodal " id="contacto" data-remodal-id="contacto" data-remodal-options='{ "hashTracking": false }'>
        <div class="centradovertical">
			<div class="modelo">Formas de</div>
            <div class="titulo"><span class="mainmodelo">CONTACTO</span></div>
            <div class="contacto_titulo"><img src="img/location2.svg"/>BERNASCONI 2225 (1414) C.A.B.A. ARGENTINA</div>
            <div class="contacto_titulo"><img src="img/tel.svg"/><a href="callto:+54 11 4856-6960">TEL / FAX +54 11 4856-6960</a></div>
            <div class="contacto_titulo"><img src="img/mail.svg"/><a href='mailto&#58;in%&#54;&#54;o&#64;b&#111;r%73%61linow&#101;b%2Ec%&#54;F%6&#68;'>info&#64;borsali&#110;ow&#101;b&#46;c&#111;m</a></div>                         
			<img src="img/contacto.svg" class="fondoredes fondocontacto">            
        </div>      
        <a href="#" data-remodal-action="close" onclick="close()"><span class="btn_cerrar"></span></a>
    </div>    

	<!--ASSETS -->	
    <link rel="stylesheet" type="text/css" href="css/style.css"/> 
    <link href='https://fonts.googleapis.com/css?family=Oswald:400' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="js/scripts.js"></script> 
    <script src="assets/js/libs/handlebars.min.js"></script>
    <script src="https://maps.google.com/maps/api/js?key=AIzaSyCnYlGSGENQX-LUtqaGFM2_IkWVyG7JIs4&region=ES"></script>
    <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-58504897-1"></script>
    <script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		
		gtag('config', 'UA-58504897-1');
    </script>       
    
    <style>
		.newin{display:none;}
		.newin2{display:none;}
	</style>    

</body>
</html>