@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url('../fonts/material-icons/MaterialIcons-Regular.ttf'),
    url('../fonts/material-icons/MaterialIconsOutlined-Regular.otf'),
    url('../fonts/material-icons/MaterialIconsRound-Regular.otf'),
    url('../fonts/material-icons/MaterialIconsSharp-Regular.otf'),
    url('../fonts/material-icons/MaterialIconsTwoTone-Regular.otf')

}

.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';}