@font-face { font-family: 'classic-set'; src: url('fonts/classic-set.eot?zi0fw'); src: url('fonts/classic-set.eot?zi0fw#iefix') format('embedded-opentype'), url('fonts/classic-set.ttf?zi0fw') format('truetype'), url('fonts/classic-set.woff?zi0fw') format('woff'), url('fonts/classic-set.svg?zi0fw#classic-set') format('svg'); font-weight: normal; font-style: normal; } [class^="m2-icon-"], [class*=" m2-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'classic-set' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .m2-icon-story-icon:before { content: "\e953"; } .m2-icon-biz:before { content: "\e952"; } .m2-icon-storage:before { content: "\e94b"; } .m2-icon-solicitors:before { content: "\e94c"; } .m2-icon-schools:before { content: "\e94d"; } .m2-icon-nuseries-childcare:before { content: "\e94e"; } .m2-icon-mortgages:before { content: "\e94f"; } .m2-icon-financial-advice:before { content: "\e950"; } .m2-icon-banks:before { content: "\e951"; } .m2-icon-ugc-cta:before { content: "\e94a"; } .m2-icon-01:before { content: "\e900"; color: #e3e4e6; } .m2-icon-02:before { content: "\e901"; color: #e3e4e6; } .m2-icon-03:before { content: "\e902"; color: #e3e4e6; } .m2-icon-04:before { content: "\e903"; color: #e3e4e6; } .m2-icon-05:before { content: "\e904"; color: #e3e4e6; } .m2-icon-06:before { content: "\e905"; color: #e3e4e6; } .m2-icon-07:before { content: "\e906"; color: #e3e4e6; } .m2-icon-08:before { content: "\e907"; color: #e3e4e6; } .m2-icon-09 .path1:before { content: "\e908"; color: rgb(231, 233, 236); } .m2-icon-09 .path2:before { content: "\e909"; margin-left: -1em; color: rgb(231, 233, 236); } .m2-icon-09 .path3:before { content: "\e90a"; margin-left: -1em; color: rgb(231, 233, 236); } .m2-icon-09 .path4:before { content: "\e90b"; margin-left: -1em; color: rgb(231, 233, 236); } .m2-icon-09 .path5:before { content: "\e90c"; margin-left: -1em; color: rgb(231, 233, 236); } .m2-icon-09 .path6:before { content: "\e90d"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-09 .path7:before { content: "\e90e"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-09 .path8:before { content: "\e90f"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-09 .path9:before { content: "\e910"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-09 .path10:before { content: "\e911"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-09 .path11:before { content: "\e912"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-10:before { content: "\e913"; color: #e3e4e6; } .m2-icon-11:before { content: "\e914"; color: #e3e4e6; } .m2-icon-12:before { content: "\e915"; color: #e3e4e6; } .m2-icon-13:before { content: "\e916"; color: #e3e4e6; } .m2-icon-14:before { content: "\e917"; color: #e3e4e6; } .m2-icon-15:before { content: "\e918"; color: #e3e4e6; } .m2-icon-16 .path1:before { content: "\e919"; color: rgb(227, 228, 230); } .m2-icon-16 .path2:before { content: "\e91a"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-16 .path3:before { content: "\e91b"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-16 .path4:before { content: "\e91c"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-16 .path5:before { content: "\e91d"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-16 .path6:before { content: "\e91e"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-17:before { content: "\e91f"; color: #e3e4e6; } .m2-icon-18:before { content: "\e920"; color: #e3e4e6; } .m2-icon-19:before { content: "\e921"; color: #e3e4e6; } .m2-icon-20:before { content: "\e922"; color: #e3e4e6; } .m2-icon-21:before { content: "\e923"; color: #e3e4e6; } .m2-icon-22:before { content: "\e924"; color: #e3e4e6; } .m2-icon-23:before { content: "\e925"; color: #e3e4e6; } .m2-icon-24:before { content: "\e926"; color: #e3e4e6; } .m2-icon-25:before { content: "\e927"; color: #e3e4e6; } .m2-icon-26:before { content: "\e928"; color: #e3e4e6; } .m2-icon-27:before { content: "\e929"; color: #e3e4e6; } .m2-icon-28:before { content: "\e92a"; color: #e3e4e6; } .m2-icon-29 .path1:before { content: "\e92b"; color: rgb(227, 228, 230); } .m2-icon-29 .path2:before { content: "\e92c"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-29 .path3:before { content: "\e92d"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-29 .path4:before { content: "\e92e"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-29 .path5:before { content: "\e92f"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-29 .path6:before { content: "\e930"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-29 .path7:before { content: "\e931"; margin-left: -1em; color: rgb(255, 255, 255); } .m2-icon-30 .path1:before { content: "\e932"; color: rgb(227, 228, 230); } .m2-icon-30 .path2:before { content: "\e933"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-30 .path3:before { content: "\e934"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-30 .path4:before { content: "\e935"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-30 .path5:before { content: "\e936"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-30 .path6:before { content: "\e937"; margin-left: -1em; color: rgb(231, 233, 236); } .m2-icon-30 .path7:before { content: "\e938"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-30 .path8:before { content: "\e939"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-31 .path1:before { content: "\e93a"; color: rgb(0, 0, 0); } .m2-icon-31 .path2:before { content: "\e93b"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-31 .path3:before { content: "\e93c"; margin-left: -1em; color: rgb(227, 228, 230); } .m2-icon-32:before { content: "\e93d"; color: #e3e4e6; } .m2-icon-33:before { content: "\e93e"; color: #e3e4e6; } .m2-icon-34:before { content: "\e93f"; color: #e3e4e6; } .m2-icon-35:before { content: "\e940"; color: #e3e4e6; } .m2-icon-36:before { content: "\e941"; color: #e3e4e6; } .m2-icon-37:before { content: "\e942"; color: #e3e4e6; } .m2-icon-38:before { content: "\e943"; color: #e3e4e6; } .m2-icon-39:before { content: "\e944"; color: #e3e4e6; } .m2-icon-40:before { content: "\e945"; color: #e3e4e6; } .m2-icon-41:before { content: "\e946"; color: #e3e4e6; } .m2-icon-42:before { content: "\e947"; color: #e3e4e6; } .m2-icon-43:before { content: "\e948"; color: #e3e4e6; } .m2-icon-44:before { content: "\e949"; color: #e3e4e6; }