




/* #Cursor */





.cursoresmile {
 cursor: url(../img/homepage/cursor2.png)  10 5,
     default;

}



.cursoresmile a:hover{
 cursor: url(../img/homepage/cursor.png)  10 5,
     default;

}


.cursoresmile a{
 cursor: url(../img/homepage/cursor.png)  10 5,
     default;

}




.cursoresmile-lapiz{
 cursor: url(../img/homepage/cursor.png)  50 40,
     default;

}




.headercolor-1  {
    
   transition: all .2s ease-in-out;

 -webkit-text-stroke: 2px #000;
    color: transparent;
  text-decoration: none;
   cursor: url(../img/homepage/simbolo_esmile_studio.png)  50 40,
      pointer;
}



.headercolor-1:hover {
color:#ffcc00;
  text-decoration: none;
}





.headercolor-2  {
    
   transition: all .2s ease-in-out;

 -webkit-text-stroke: 2px #000;
    color: transparent;
  text-decoration: none;
   cursor: url(../img/homepage/culo-esmile-cursor.png)  50 40,
      pointer;
}



.headercolor-2:hover {
color:#68c6ee;
  text-decoration: none;
}










.headercolor-2  {
    
   transition: all .2s ease-in-out;

 -webkit-text-stroke: 2px #000;
    color: transparent;
  text-decoration: none;
   cursor: url(../img/homepage/culo-esmile-cursor.png)  50 40,
      pointer;
}



.headercolor-2:hover {
color:#68c6ee;
  text-decoration: none;
}



.headercolor-3  {
    transition: all .2s ease-in-out;

  -webkit-text-stroke: 2px #000;
    color: transparent;
  text-decoration: none;
   cursor: url(../img/homepage/tomate-esmile-cursor2.png)  50 40,
      pointer;
}



.headercolor-3:hover {
color:#ff7ef0;
  text-decoration: none;
}



.headercolor-4  {
    transition: all .2s ease-in-out;

  -webkit-text-stroke: 2px #000;
    color: transparent;
  text-decoration: none;
   cursor: url(../img/homepage/papel-esmile-cursor.png)  50 40,
      pointer;
}



.headercolor-4:hover {
color:#ff6f00;
  text-decoration: none;
}

.headercolor-5  {
    transition: all .2s ease-in-out;

 -webkit-text-stroke: 2px #000;
    color: transparent;
  text-decoration: none;
   cursor: url(../img/homepage/monio-esmile-cursor.png)  50 40,
      pointer;
}



.headercolor-5:hover {
color:#ababab;
  text-decoration: none;
}


.headercolor-6  {
    transition: all .2s ease-in-out;

 -webkit-text-stroke: 2px #000;
    color: #fff;
  text-decoration: none;
   cursor: url(../img/homepage/piña-esmile-cursor.png)  50 40,
      pointer;
}



.headercolor-6:hover {
color:#40c265;
  text-decoration: none;
}


.headercolor-7  {
  transition: all .2s ease-in-out;

-webkit-text-stroke: 2px #000;
  color: #fff;
text-decoration: none;
 cursor: url(../img/homepage/pichon-esmile-cursor.png)  50 40,
    pointer;
}



.headercolor-7:hover {
color:#68c6ee;
text-decoration: none;
}


.headercolor-8  {
  transition: all .2s ease-in-out;

-webkit-text-stroke: 2px #000;
  color: #fff;
text-decoration: none;
 cursor: url(../img/homepage/pescado-esmile-cursor.png)  50 40,
    pointer;
}



.headercolor-8:hover {
  color:#ff7ef0;
text-decoration: none;
}

.headercolor-9  {
  transition: all .2s ease-in-out;

-webkit-text-stroke: 2px #000;
  color: #fff;
text-decoration: none;
 cursor: url(../img/homepage/pelota-esmile-cursor.png)  50 40,
    pointer;
}



.headercolor-9:hover {
  color:#ff6f00;
text-decoration: none;
}


.headercolor-10  {
  transition: all .2s ease-in-out;

-webkit-text-stroke: 2px #000;
  color: #fff;
text-decoration: none;
 cursor: url(../img/homepage/lapiz-esmile-cursor.png)  50 40,
    pointer;
}



.headercolor-10:hover {
  color:#ababab;
text-decoration: none;
}



.headercolor-11  {
  transition: all .2s ease-in-out;

-webkit-text-stroke: 2px #000;
  color: #fff;
text-decoration: none;
 cursor: url(../img/homepage/heladito-esmile-cursor.png)  50 40,
    pointer;
}



.headercolor-11:hover {
color:#40c265;
text-decoration: none;
}

.headercolor-12  {
  transition: all .2s ease-in-out;

-webkit-text-stroke: 2px #000;
  color: #fff;
text-decoration: none;
 cursor: url(../img/homepage/gelatina-esmile-cursor.png)  50 40,
    pointer;
}



.headercolor-12:hover {
  color:#68c6ee;
text-decoration: none;
}




/* Phone landscape and bigger */
@media (max-width: 640px) {
.headercolor-1, .headercolor-2, .headercolor-3, .headercolor-4, .headercolor-5, .headercolor-6   {

 -webkit-text-stroke: 1px #000;
}


}






/* Tablet landscape and bigger */
@media (max-width: 960px) {
  .headercolor-1, .headercolor-2, .headercolor-3, .headercolor-4, .headercolor-5, .headercolor-6    {

 -webkit-text-stroke: 1.4px #000;

}
}




/* Desktop and bigger */
@media (min-width: 1200px) {
  .headercolor-1, .headercolor-2, .headercolor-3, .headercolor-4, .headercolor-5, .headercolor-6   {

 -webkit-text-stroke: 1.6px #000;

}
}




/* Large screen and bigger */
@media (min-width: 1600px) {
 .headercolor-1, .headercolor-2, .headercolor-3, .headercolor-4, .headercolor-5, .headercolor-6    {

 -webkit-text-stroke: 2px #000;

}
}

















img:not([src]) {
                visibility: hidden;
            }

            /* Fixes Firefox anomaly during image load */
            @-moz-document url-prefix() {
                img:-moz-loading {
                    visibility: hidden;
                }

              }