/*
  	Flaticon icon font: Flaticon
  	Creation date: 19/05/2016 23:29
  	*/

@font-face {
  font-family: "icono";
  src: url("./icono.eot");
  src: url("./icono.eot?#iefix") format("embedded-opentype"),
       url("./icono.woff") format("woff"),
       url("./icono.ttf") format("truetype"),
       url("./icono.svg#icono") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "icono";
    src: url("./icono.svg#icono") format("svg");
  }
}

[class^="icono-"]:before, [class*=" icono-"]:before,
[class^="icono-"]:after, [class*=" icono-"]:after {   
  font-family: icono;
        font-size: 20px;
font-style: normal;
margin-left: 0px;
}

.icono-angulo-de-flecha-hacia-abajo:before { content: "\f100"; }
.icono-engranaje:before { content: "\f101"; }
.icono-espalda:before { content: "\f102"; }
.icono-facebook:before { 
    content: "\f103";
    background: #3980BF;
    color: #fff;
    transition: all 0.5s ease;
}
.icono-facebook:hover:before { /*
    background: #FFFFFF;
    color: #3980BF;*/
}
.icono-next:before { content: "\f104"; }
.icono-prev:before { content: "\f105"; }
.icono-top:before { content: "\f106"; }
.icono-galon-hacia-abajo:before { content: "\f107"; }
.icono-galon-hacia-arriba:before { content: "\f108"; }
.icono-icono-de-una-tuerca:before { content: "\f109"; }
.icono-youtube:before {
    content: "\f10a"; 
    background: #E6383A;
    color: #fff;
        transition: all 0.5s ease;
}
.icono-youtube:hover:before {
    background: #fff;
    color: #E6383A;
}
.icono-logotipo-de-skype:before { 
    content: "\f10b"; 
    background: #55C2E2;
            transition: all 0.5s ease;
}
.icono-logotipo-de-skype:hover:before { 
        background: #FFFFFF;
    color: #51B3E0;
}
.icono-lupa-herramienta:before { content: "\f10c"; }
.icono-proximo:before { content: "\f10d"; }
.icono-simbolo-de-twitter:before { content: "\f10e"; }
.icono-sobre-cerrado:before { content: "\f10f"; }
.icono-ubicacion:before { content: "\f110"; }
.icono-ubicacion-1:before { content: "\f111"; }
.icono-whatsapp-logo:before { 
    content: "\f112";
    background: #26A857;
            transition: all 0.5s ease;
}
.icono-whatsapp-logo:hover:before { 
    background: #FFFDFD;
    color: #54AC29;
}