@charset "UTF-8"; @font-face { font-family: "man-vs-machine"; src:url("fonts/man-vs-machine.eot"); src:url("fonts/man-vs-machine.eot?#iefix") format("embedded-opentype"), url("fonts/man-vs-machine.woff") format("woff"), url("fonts/man-vs-machine.ttf") format("truetype"), url("fonts/man-vs-machine.svg#man-vs-machine") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "man-vs-machine" !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: "man-vs-machine" !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-facebook:before { content: "\61"; } .icon-youtube:before { content: "\62"; } .icon-whatsapp:before { content: "\63"; } .icon-envelope:before { content: "\64"; } .icon-phone:before { content: "\65"; } .icon-symbol1-copy:before { content: "\66"; } .icon-symbol3-copy:before { content: "\67"; } .icon-symbol-2-copy:before { content: "\68"; }