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

/* Use the following if you want to use data attributes for inserting your icons */
[data-icon]:before{font-family:'et-line';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}

/* Use the following CSS code if you want to have a class per icon */
.icon-mobile,.icon-laptop,.icon-desktop,.icon-tablet,.icon-phone,.icon-search,.icon-facebook,.icon-twitter,.icon-googleplus {font-family:'et-line';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block}

.icon-mobile:before {content: "\e000";} .icon-laptop:before {content: "\e001";} .icon-desktop:before {content: "\e002";} .icon-tablet:before {content: "\e003";} .icon-phone:before {content: "\e004";}
.icon-search:before {content: "\e007";} .icon-facebook:before {content: "\e05d";} .icon-twitter:before {content: "\e05e";} .icon-googleplus:before {content: "\e05f";}