<!--

                                                            ./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 Sol</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">    
	<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 active"><div>Colección Sol <span class="raya "></span></div></div></a></div>                                           
            <div class="cont-menu-item"><a href="lectura"><div class="menu-item"><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>Contactanos<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">
            	<div class="menu-item active" onClick="cerrarmenu();"><div>Colección Sol <span class="raya "></span></div></div>
                <a href="lectura"><div class="menu-item"><div>Colección Lectura <span class="raya "></span></div></div></a>                
                <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>Contactanos <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:#fdb13b"></div>
                <div style="background:#116dca"></div>
                <div style="background:#5a5a5a"></div>    
            </div>    
            <div class="anteojos anteojo19">
                <div><img src="img/sol/19a.jpg"></div>
                <div><img data-lazy="img/sol/19b.jpg"/></div>
                <div><img data-lazy="img/sol/19c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Will</div>  
            <a href="#" onclick="zoomproducto('sol',19,'Will')" 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:#5a5a5a"></div>
                <div style="background:#d48e52"></div>
                <div style="background:#851cc7"></div>    
            </div>    
            <div class="anteojos anteojo20">
                <div><img src="img/sol/20a.jpg"></div>
                <div><img data-lazy="img/sol/20b.jpg"/></div>
                <div><img data-lazy="img/sol/20c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Kala</div>  
            <a href="#" onclick="zoomproducto('sol',20,'Kala')" 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:#04d6c4"></div>
                <div style="background:#116dca"></div>
                <div style="background:#5a5a5a"></div>    
            </div>    
            <div class="anteojos anteojo21">
                <div><img src="img/sol/21a.jpg"></div>
                <div><img data-lazy="img/sol/21b.jpg"/></div>
                <div><img data-lazy="img/sol/21c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Ivo</div>  
            <a href="#" onclick="zoomproducto('sol',21,'Ivo')" 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:#fdb13b"></div>
                <div style="background:#04d6c4"></div>
                <div style="background:#ff4800"></div>    
            </div>    
            <div class="anteojos anteojo22">
                <div><img src="img/sol/22a.jpg"></div>
                <div><img data-lazy="img/sol/22b.jpg"/></div>
                <div><img data-lazy="img/sol/22c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Lin</div>  
            <a href="#" onclick="zoomproducto('sol',22,'Lin')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>                                     
        
        <!--01-->
        <div class="cuadro">
            <div class="gradients gradient1">
                <div style="background:#ffc200"></div>
                <div style="background:#ca4109"></div>
                <div style="background:#851cc7"></div>    
            </div>    
            <div class="anteojos anteojo1">
                <div><img src="img/sol/1a.jpg"></div>
                <div><img data-lazy="img/sol/1b.jpg"/></div>
                <div><img data-lazy="img/sol/1c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Mireya</div>  
            <a href="#" onclick="zoomproducto('sol',1,'Mireya')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--Campaña 1--> 
        <div class="cuadro campana_vertical mobile" style="background:url(img/sol/cam1.jpg);"></div>                
    
        <!--02-->
        <div class="cuadro">
            <div class="gradients gradient2">
                <div style="background:#4830e4"></div>
                <div style="background:#c1a00a"></div>
                <div style="background:#fdb13b"></div>
            </div>    
            <div class="anteojos anteojo2">
                <div><img src="img/sol/2a.jpg"></div>
                <div><img data-lazy="img/sol/2b.jpg"/></div>
                <div><img data-lazy="img/sol/2c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Gul</div>  
            <a href="#" onclick="zoomproducto('sol',2,'Gul')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--03-->
        <div class="cuadro">
            <div class="gradients gradient3">
                <div style="background:#5a5a5a"></div>
                <div style="background:#fdb13b"></div>
                <div style="background:#d42453"></div>       
            </div>    
            <div class="anteojos anteojo3">
                <div><img src="img/sol/3a.jpg"></div>
                <div><img data-lazy="img/sol/3b.jpg"/></div>
                <div><img data-lazy="img/sol/3c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Jon</div>  
            <a href="#" onclick="zoomproducto('sol',3,'Jon')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
        
        <!--Campaña 1--> 
        <div class="cuadro campana_vertical desktop" style="background:url(img/sol/cam1.jpg);"></div>        
        
        <!--Campaña 2--> 
        <div class="cuadro campana_vertical desktop"  style="background:url(img/sol/cam2.jpg);"></div>
        
        <!--04-->
        <div class="cuadro">
            <div class="gradients gradient4">
                <div style="background:#ff4800"></div>
                <div style="background:#fdb13b"></div>
                <div style="background:#851cc7"></div>       
            </div>    
            <div class="anteojos anteojo4">
                <div><img src="img/sol/4a.jpg"></div>
                <div><img data-lazy="img/sol/4b.jpg"/></div>
                <div><img data-lazy="img/sol/4c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Malva</div>  
            <a href="#" onclick="zoomproducto('sol',4,'Malva')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div> 
        
        <!--Campaña 2--> 
        <div class="cuadro campana_vertical mobile"  style="background:url(img/sol/cam2.jpg);"></div>                
        
        <!--05-->
        <div class="cuadro">
            <div class="gradients gradient5">
                <div style="background:#d09235"></div>
                <div style="background:#d4724e"></div>
                <div style="background:#5b4898"></div>
            </div>    
            <div class="anteojos anteojo5">
                <div><img src="img/sol/5a.jpg"></div>
                <div><img data-lazy="img/sol/5b.jpg"/></div>
                <div><img data-lazy="img/sol/5c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Devon</div>  
            <a href="#" onclick="zoomproducto('sol',5,'Devon')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>
                
        <!--06-->
        <div class="cuadro">
            <div class="gradients gradient14">
                <div style="background:#002cff"></div>
                <div style="background:#d2412b"></div>
                <div style="background:#fdb13b"></div>       
            </div>    
            <div class="anteojos anteojo14">
                <div><img src="img/sol/14a.jpg"></div>
                <div><img data-lazy="img/sol/14b.jpg"/></div>
                <div><img data-lazy="img/sol/14c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Boris</div>  
            <a href="#" onclick="zoomproducto('sol',14,'Boris')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>          
        
        <!--Facebook DESKTOP-->
        <div class="cuadro facebook redes desktop">
            <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 gradient6">
                <div style="background:#fdb13b"></div>
                <div style="background:#d02a6e"></div>
                <div style="background:#ef3b5e"></div>       
            </div>    
            <div class="anteojos anteojo6">
                <div><img src="img/sol/6a.jpg"></div>
                <div><img data-lazy="img/sol/6b.jpg"/></div>
                <div><img data-lazy="img/sol/6c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Gaby</div>  
            <a href="#" onclick="zoomproducto('sol',6,'Gaby')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>          

        <!--Facebook MOBILE-->
        <div class="cuadro facebook redes mobile">
            <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>                 
    
        <!--08-->
        <div class="cuadro">
            <div class="gradients gradient8">
                <div style="background:#04d6c4"></div>
                <div style="background:#ff4800"></div>
                <div style="background:#116dca"></div>       
            </div>    
            <div class="anteojos anteojo8">
                <div><img src="img/sol/8a.jpg"></div>
                <div><img data-lazy="img/sol/8b.jpg"/></div>
                <div><img data-lazy="img/sol/8c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Akira</div>  
            <a href="#" onclick="zoomproducto('sol',8,'Akira')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>   
    
        <!--09-->
        <div class="cuadro">
            <div class="gradients gradient9">
                <div style="background:#ff0090"></div>
                <div style="background:#228ad2"></div>
                <div style="background:#ff4800"></div>       
            </div>    
            <div class="anteojos anteojo9">
                <div><img src="img/sol/9a.jpg"></div>
                <div><img data-lazy="img/sol/9b.jpg"/></div>
                <div><img data-lazy="img/sol/9c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Edison</div>  
            <a href="#" onclick="zoomproducto('sol',9,'Edison')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
        
        <!--Campaña 3 --> 
        <div class="cuadro campana_horizontal "  style="background:url(img/sol/cam3.jpg);"></div>
        
        <!--Instagram DESKTOP-->
        <div class="cuadro instagram redes desktop">
            <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>        
    
        <!--10-->
        <div class="cuadro">
            <div class="gradients gradient10">
                <div style="background:#2b4282"></div>
                <div style="background:#ca4109"></div>
                <div style="background:#851cc7"></div>       
            </div>    
            <div class="anteojos anteojo10">
                <div><img src="img/sol/10a.jpg"></div>
                <div><img data-lazy="img/sol/10b.jpg"/></div>
                <div><img data-lazy="img/sol/10c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Lennon</div>  
            <a href="#" onclick="zoomproducto('sol',10,'Lennon')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
    
        <!--11-->
        <div class="cuadro">
            <div class="gradients gradient11">
                <div style="background:#ff0090"></div>
                <div style="background:#fdb13b"></div>
                <div style="background:#851cc7"></div>       
            </div>    
            <div class="anteojos anteojo11">
                <div><img src="img/sol/11a.jpg"></div>
                <div><img data-lazy="img/sol/11b.jpg"/></div>
                <div><img data-lazy="img/sol/11c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Georgi</div>  
            <a href="#" onclick="zoomproducto('sol',11,'Georgi')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>                
           
        <!--Instagram MOBILE-->
        <div class="cuadro instagram redes mobile">
            <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>
                   
        <!--12-->
        <div class="cuadro">
            <div class="gradients gradient12">
                <div style="background:#e26c18"></div>
                <div style="background:#04d6c4"></div>
                <div style="background:#205f35"></div>       
            </div>    
            <div class="anteojos anteojo12">
                <div><img src="img/sol/12a.jpg"></div>
                <div><img data-lazy="img/sol/12b.jpg"/></div>
                <div><img data-lazy="img/sol/12c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Apolo</div>  
            <a href="#" onclick="zoomproducto('sol',12,'Apolo')" 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/sol/cam5.jpg);"></div>
                  
        <!--13-->
        <div class="cuadro">
            <div class="gradients gradient17">
                <div style="background:#fdb13b"></div>
                <div style="background:#f365ed"></div>
                <div style="background:#116dca"></div>       
            </div>    
            <div class="anteojos anteojo17">
                <div><img src="img/sol/17a.jpg"></div>
                <div><img data-lazy="img/sol/17b.jpg"/></div>
                <div><img data-lazy="img/sol/17c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Dusty</div>  
            <a href="#" onclick="zoomproducto('sol',17,'Dusty')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>    
        
        <!--Campaña 4 --> 
        <div class="cuadro campana_vertical "  style="background:url(img/sol/cam4.jpg);"></div>        

        <!--14-->
        <div class="cuadro">
            <div class="gradients gradient7">
                <div style="background:#60750d"></div>
                <div style="background:#e20303"></div>
                <div style="background:#5a5a5a"></div>       
            </div>    
            <div class="anteojos anteojo7">
                <div><img src="img/sol/7a.jpg"></div>
                <div><img data-lazy="img/sol/7b.jpg"/></div>
                <div><img data-lazy="img/sol/7c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Iñaki</div>  
            <a href="#" onclick="zoomproducto('sol',7,'Iñaki')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>          
        
        <!--Puntos de venta DESKTOP-->
        <div class="cuadro location redes desktop">
            <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:#ff0090"></div>
                <div style="background:#5a5a5a"></div>
                <div style="background:#a2438c"></div>       
            </div>    
            <div class="anteojos anteojo15">
                <div><img src="img/sol/15a.jpg"></div>
                <div><img data-lazy="img/sol/15b.jpg"/></div>
                <div><img data-lazy="img/sol/15c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Noel</div>  
            <a href="#" onclick="zoomproducto('sol',15,'Noel')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>     
        
        <!--Puntos de venta MOBILE-->
        <div class="cuadro location redes mobile">
            <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>                    
        
        <!--16-->
        <div class="cuadro">
            <div class="gradients gradient16">
                <div style="background:#116dca"></div>
                <div style="background:#04d6c4"></div>
                <div style="background:#bf4800"></div>       
            </div>    
            <div class="anteojos anteojo16">
                <div><img src="img/sol/16a.jpg"></div>
                <div><img data-lazy="img/sol/16b.jpg"/></div>
                <div><img data-lazy="img/sol/16c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Milan</div>  
            <a href="#" onclick="zoomproducto('sol',16,'Milan')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>     
        
        <!--17-->
        <div class="cuadro">
            <div class="gradients gradient13">
                <div style="background:#5a5a5a"></div>
                <div style="background:#0066fd"></div>
            </div>    
            <div class="anteojos anteojo13">
                <div><img src="img/sol/13a.jpg"></div>
                <div><img data-lazy="img/sol/13b.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Berny</div>  
            <a href="#" onclick="zoomproducto('sol',13,'Berny')" data-remodal-target="modalzoom2"><span class="btn_zoom"></span></a>
        </div>             
        
        <!--Campaña 5 MOBILE--> 
        <div class="cuadro campana_horizontal mobile"  style="background:url(img/sol/cam5.jpg);"></div>            
                
        <!--18-->
        <div class="cuadro">
            <div class="gradients gradient18">
                <div style="background:#de4103"></div>
                <div style="background:#de487c"></div>
                <div style="background:#116dca"></div>       
            </div>    
            <div class="anteojos anteojo18">
                <div><img src="img/sol/18a.jpg"></div>
                <div><img data-lazy="img/sol/18b.jpg"/></div>
                <div><img data-lazy="img/sol/18c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Uxia</div>  
            <a href="#" onclick="zoomproducto('sol',18,'Uxia')" data-remodal-target="modalzoom3"><span class="btn_zoom"></span></a>
        </div>  
        
        <!--Twitter -->
        <div class="cuadro twitter redes ">
            <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> 
            
        <!--NEW ARRIVAL 5-->
        <div class="cuadro newin2">
            <div class="gradients gradient23">
                <div style="background:#de487c"></div>
                <div style="background:#851cc7"></div>
            </div>    
            <div class="anteojos anteojo23">
                <div><img src="img/sol/23a.jpg"></div>
                <div><img data-lazy="img/sol/23b.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Imara</div>  
            <a href="#" onclick="zoomproducto('sol',23,'Imara')" data-remodal-target="modalzoom2"><span class="btn_zoom"></span></a>
        </div>

        <!--NEW ARRIVAL 6-->
        <div class="cuadro newin2">
            <div class="gradients gradient24">
                <div style="background:#b1a959"></div>
                <div style="background:#851cc7"></div>
                <div style="background:#116dca"></div>    
            </div>    
            <div class="anteojos anteojo24">
                <div><img src="img/sol/24a.jpg"></div>
                <div><img data-lazy="img/sol/24b.jpg"/></div>
                <div><img data-lazy="img/sol/24c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Irena</div>  
            <a href="#" onclick="zoomproducto('sol',24,'Irena')" 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:#116dca"></div>
                <div style="background:#f98557"></div>    
            </div>    
            <div class="anteojos anteojo25">
                <div><img src="img/sol/25a.jpg"></div>
                <div><img data-lazy="img/sol/25b.jpg"/></div>
                <div><img data-lazy="img/sol/25c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Montana</div>  
            <a href="#" onclick="zoomproducto('sol',25,'Montana')" 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:#851cc7"></div>
                <div style="background:#116dca"></div>
                <div style="background:#205f35"></div>    
            </div>    
            <div class="anteojos anteojo26">
                <div><img src="img/sol/26a.jpg"></div>
                <div><img data-lazy="img/sol/26b.jpg"/></div>
                <div><img data-lazy="img/sol/26c.jpg"/></div>
            </div>
            <div class="modelo">modelo</div>
            <div class="titulo">Jaylen</div>  
            <a href="#" onclick="zoomproducto('sol',26,'Jaylen')" 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>