/*
  	controles icon font: controles
  	Creation date: 04/10/2019 15:38
  	*/

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

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

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

.controles-jugar-flecha:before { content: "\f100"; }
.controles-pausa:before { content: "\f101"; }
.controles-boton-de-reproduccion-y-pausa:before { content: "\f102"; }
.controles-pausa-1:before { content: "\f103"; }
.controles-boton-de-reproduccion:before { content: "\f104"; }
.controles-detener:before { content: "\f105"; }
.controles-boton-detener:before { content: "\f106"; }
.controles-formas-y-simbolos:before { content: "\f107"; }
.controles-pausa-2:before { content: "\f108"; }