@charset "UTF-8";

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

[data-icon]:before {
  font-family: "font-menu" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "font-menu" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-box:before {
  content: "a";
  font-size: 40px;
}
.icon-briefcase-alt:before {
  content: "b";
  font-size: 40px;
}
.icon-brush:before {
  content: "c";
  font-size: 40px;
}
.icon-brush-head:before {
  content: "d";
  font-size: 40px;
}
.icon-crayon:before {
  content: "e";
  font-size: 40px;
}
.icon-fountain-head:before {
  content: "f";
  font-size: 40px;
}
.icon-gift:before {
  content: "g";
  font-size: 40px;
}
.icon-mail:before {
  content: "h";
  font-size: 40px;
}
.icon-mail-in:before {
  content: "i";
  font-size: 40px;
  color: #FFF; /*enmascaro para el formulario*/
}
.icon-mail-out:before {
  content: "j";
  font-size: 40px;
}
.icon-monitor:before {
  content: "k";
  font-size: 40px;
}
.icon-monitor-code:before {
  content: "l";
  font-size: 40px;
}
.icon-paper-plane:before {
  content: "m";
  font-size: 40px;
}
.icon-user:before {
  content: "n";
  font-size: 40px;
}
.icon-user-alt:before {
  content: "o";
  font-size: 40px;
}
.icon-flag:before {
  content: "p";
  font-size: 20px;
}
.icon-human-arm-left:before {
  content: "q";
  font-size: 40px;
}
.icon-human-arm-right:before {
  content: "r";
  font-size: 40px;
}
.icon-shopping-bag-alt:before {
  content: "s";
  font-size: 40px;
}
.icon-shopping-basket:before {
  content: "t";
  font-size: 40px;
}
.icon-film-strip:before {
  content: "z";
  font-size: 40px;
}
form [class^="icon-"]:before,
[class*=" icon-"]:before {
  font-size: 40px;
}

form [class^="icon-paper-plane"]:before,
[class*=" icon-paper-plane"]:before {
  font-size: 60px;
}

.seria-about [class^="icon-brush-head"]:before,
[class*=" icon-brush-head"]:before {
  font-size: 30px;
}

.seria-about [class^="icon-monitor"]:before,
[class*=" icon-monitor"]:before {
  font-size: 30px;
}

.icon-servicios [class^="icon-monitor"]:before,
[class*=" icon-monitor"]:before {
  font-size: 60px;
  color: #f10b2c;
}

.icon-servicios [class^="icon-brush-head"]:before,
[class*=" icon-brush-head"]:before {
  font-size: 60px;
  color: #f10b2c;
}

.icon-servicios [class^="icon-shopping-basket"]:before,
[class*=" icon-shopping-basket"]:before {
  font-size: 60px;
  color: #f10b2c;
}

.icon-servicios [class^="icon-film-strip"]:before,
[class*=" icon-film-strip"]:before {
  font-size: 60px;
  color: #f10b2c;
}