├── icons-preview.png
├── font
    ├── neededicons.eot
    ├── neededicons.ttf
    ├── neededicons.woff
    └── neededicons.woff2
├── License.txt
├── css
    ├── animation.css
    ├── neededicons-codes.css
    ├── neededicons.css
    ├── neededicons-ie7-codes.css
    └── neededicons-ie7.css
├── README.md
└── demo.html


/icons-preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NarekChang/NeededIcons/HEAD/icons-preview.png


--------------------------------------------------------------------------------
/font/neededicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NarekChang/NeededIcons/HEAD/font/neededicons.eot


--------------------------------------------------------------------------------
/font/neededicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NarekChang/NeededIcons/HEAD/font/neededicons.ttf


--------------------------------------------------------------------------------
/font/neededicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NarekChang/NeededIcons/HEAD/font/neededicons.woff


--------------------------------------------------------------------------------
/font/neededicons.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/NarekChang/NeededIcons/HEAD/font/neededicons.woff2


--------------------------------------------------------------------------------
/License.txt:
--------------------------------------------------------------------------------
1 | Copyright (c) 19.11.2017, Narek Changlyan narek.changlyan@gmail.com, Timur Minvaleev, with Reserved Font Name: "Needed Font".
2 | 
3 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
4 | This license is copied below, and is also available with a FAQ at:
5 | http://scripts.sil.org/OFL
6 | 
7 | Version 1.1 - 19 November 2017


--------------------------------------------------------------------------------
/css/animation.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |    Animation example, for spinners
 3 | */
 4 | .animate-spin {
 5 |   -moz-animation: spin 2s infinite linear;
 6 |   -o-animation: spin 2s infinite linear;
 7 |   -webkit-animation: spin 2s infinite linear;
 8 |   animation: spin 2s infinite linear;
 9 |   display: inline-block;
10 | }
11 | @-moz-keyframes spin {
12 |   0% {
13 |     -moz-transform: rotate(0deg);
14 |     -o-transform: rotate(0deg);
15 |     -webkit-transform: rotate(0deg);
16 |     transform: rotate(0deg);
17 |   }
18 | 
19 |   100% {
20 |     -moz-transform: rotate(359deg);
21 |     -o-transform: rotate(359deg);
22 |     -webkit-transform: rotate(359deg);
23 |     transform: rotate(359deg);
24 |   }
25 | }
26 | @-webkit-keyframes spin {
27 |   0% {
28 |     -moz-transform: rotate(0deg);
29 |     -o-transform: rotate(0deg);
30 |     -webkit-transform: rotate(0deg);
31 |     transform: rotate(0deg);
32 |   }
33 | 
34 |   100% {
35 |     -moz-transform: rotate(359deg);
36 |     -o-transform: rotate(359deg);
37 |     -webkit-transform: rotate(359deg);
38 |     transform: rotate(359deg);
39 |   }
40 | }
41 | @-o-keyframes spin {
42 |   0% {
43 |     -moz-transform: rotate(0deg);
44 |     -o-transform: rotate(0deg);
45 |     -webkit-transform: rotate(0deg);
46 |     transform: rotate(0deg);
47 |   }
48 | 
49 |   100% {
50 |     -moz-transform: rotate(359deg);
51 |     -o-transform: rotate(359deg);
52 |     -webkit-transform: rotate(359deg);
53 |     transform: rotate(359deg);
54 |   }
55 | }
56 | @-ms-keyframes spin {
57 |   0% {
58 |     -moz-transform: rotate(0deg);
59 |     -o-transform: rotate(0deg);
60 |     -webkit-transform: rotate(0deg);
61 |     transform: rotate(0deg);
62 |   }
63 | 
64 |   100% {
65 |     -moz-transform: rotate(359deg);
66 |     -o-transform: rotate(359deg);
67 |     -webkit-transform: rotate(359deg);
68 |     transform: rotate(359deg);
69 |   }
70 | }
71 | @keyframes spin {
72 |   0% {
73 |     -moz-transform: rotate(0deg);
74 |     -o-transform: rotate(0deg);
75 |     -webkit-transform: rotate(0deg);
76 |     transform: rotate(0deg);
77 |   }
78 | 
79 |   100% {
80 |     -moz-transform: rotate(359deg);
81 |     -o-transform: rotate(359deg);
82 |     -webkit-transform: rotate(359deg);
83 |     transform: rotate(359deg);
84 |   }
85 | }
86 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # The most needed icons
 2 | 
 3 | Fast navigation: 
 4 | - [Preview](#preview-thanks-timur-minvaleev-for-icons)
 5 | - [Comments on archive content](#comments-on-archive-content)
 6 | - [Why so many CSS files ?](#why-so-many-css-files-)
 7 | - [Attention for server setup](#attention-for-server-setup)
 8 | 
 9 | Thanks for stars!
10 | 
11 | Preview. Thanks Timur Minvaleev for icons.
12 | ------------------------------------------
13 | 
14 | ![alt text](https://github.com/NarekChang/NeededIcons/blob/master/icons-preview.png?raw=true)
15 | 
16 | [Give thanks](https://money.yandex.ru/to/410013049980780)
17 | ---------------------------
18 | 
19 | Comments on archive content
20 | ---------------------------
21 | 
22 | - /font/* - fonts in different formats
23 | 
24 | - /css/*  - different kinds of css, for all situations. Should be ok with 
25 |   twitter bootstrap. Also, you can skip <i> style and assign icon classes
26 |   directly to text elements, if you don't mind about IE7.
27 | 
28 | - demo.html - demo file, to show your webfont content
29 | 
30 | - LICENSE.txt - license info about source fonts, used to build your one.
31 | 
32 | - config.json - keeps your settings. You can import it back into fontello
33 |   anytime, to continue your work
34 | 
35 | 
36 | Why so many CSS files ?
37 | -----------------------
38 | 
39 | Because we like to fit all your needs :)
40 | 
41 | - basic file, <your_font_name>.css - is usually enough, it contains @font-face
42 |   and character code definitions
43 | 
44 | - *-ie7.css - if you need IE7 support, but still don't wish to put char codes
45 |   directly into html
46 | 
47 | - *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
48 |   rules, but still wish to benefit from css generation. That can be very
49 |   convenient for automated asset build systems. When you need to update font -
50 |   no need to manually edit files, just override old version with archive
51 |   content. See fontello source code for examples.
52 | 
53 | - *-embedded.css - basic css file, but with embedded WOFF font, to avoid
54 |   CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
55 |   We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
56 |   server headers. But if you ok with dirty hack - this file is for you. Note,
57 |   that data url moved to separate @font-face to avoid problems with <IE9, when
58 |   string is too long.
59 | 
60 | - animate.css - use it to get ideas about spinner rotation animation.
61 | 
62 | 
63 | Attention for server setup
64 | --------------------------
65 | 
66 | You MUST setup server to reply with proper `mime-types` for font files -
67 | otherwise some browsers will fail to show fonts.
68 | 
69 | Usually, `apache` already has necessary settings, but `nginx` and other
70 | webservers should be tuned. Here is list of mime types for our file extensions:
71 | 
72 | - `application/vnd.ms-fontobject` - eot
73 | - `application/x-font-woff` - woff
74 | - `application/x-font-ttf` - ttf
75 | - `image/svg+xml` - svg
76 | 


--------------------------------------------------------------------------------
/css/neededicons-codes.css:
--------------------------------------------------------------------------------
  1 | 
  2 | .icon-1.8:before { content: '\e800'; } /* '' */
  3 | .icon-1.2:before { content: '\e801'; } /* '' */
  4 | .icon-1.3:before { content: '\e802'; } /* '' */
  5 | .icon-1.4:before { content: '\e803'; } /* '' */
  6 | .icon-1.5:before { content: '\e804'; } /* '' */
  7 | .icon-1.6:before { content: '\e805'; } /* '' */
  8 | .icon-1.7:before { content: '\e806'; } /* '' */
  9 | .icon-1.1:before { content: '\e807'; } /* '' */
 10 | .icon-1.9:before { content: '\e808'; } /* '' */
 11 | .icon-1.10:before { content: '\e809'; } /* '' */
 12 | .icon-1.11:before { content: '\e80a'; } /* '' */
 13 | .icon-1.12:before { content: '\e80b'; } /* '' */
 14 | .icon-1.13:before { content: '\e80c'; } /* '' */
 15 | .icon-1.14:before { content: '\e80d'; } /* '' */
 16 | .icon-1.15:before { content: '\e80e'; } /* '' */
 17 | .icon-1.16:before { content: '\e80f'; } /* '' */
 18 | .icon-1.17:before { content: '\e810'; } /* '' */
 19 | .icon-1.18:before { content: '\e811'; } /* '' */
 20 | .icon-1.19:before { content: '\e812'; } /* '' */
 21 | .icon-1.20:before { content: '\e813'; } /* '' */
 22 | .icon-1.21:before { content: '\e814'; } /* '' */
 23 | .icon-1.22:before { content: '\e815'; } /* '' */
 24 | .icon-2.1:before { content: '\e816'; } /* '' */
 25 | .icon-2.2:before { content: '\e817'; } /* '' */
 26 | .icon-2.3:before { content: '\e818'; } /* '' */
 27 | .icon-2.4:before { content: '\e819'; } /* '' */
 28 | .icon-2.5:before { content: '\e81a'; } /* '' */
 29 | .icon-2.6:before { content: '\e81b'; } /* '' */
 30 | .icon-2.7:before { content: '\e81c'; } /* '' */
 31 | .icon-2.8:before { content: '\e81d'; } /* '' */
 32 | .icon-2.9:before { content: '\e81e'; } /* '' */
 33 | .icon-2.10:before { content: '\e81f'; } /* '' */
 34 | .icon-3.1:before { content: '\e820'; } /* '' */
 35 | .icon-3.2:before { content: '\e821'; } /* '' */
 36 | .icon-3.3:before { content: '\e822'; } /* '' */
 37 | .icon-3.4:before { content: '\e823'; } /* '' */
 38 | .icon-3.5:before { content: '\e824'; } /* '' */
 39 | .icon-3.6:before { content: '\e825'; } /* '' */
 40 | .icon-3.7:before { content: '\e826'; } /* '' */
 41 | .icon-3.8:before { content: '\e827'; } /* '' */
 42 | .icon-3.9:before { content: '\e828'; } /* '' */
 43 | .icon-3.10:before { content: '\e829'; } /* '' */
 44 | .icon-3.11:before { content: '\e82a'; } /* '' */
 45 | .icon-3.12:before { content: '\e82b'; } /* '' */
 46 | .icon-3.13:before { content: '\e82c'; } /* '' */
 47 | .icon-3.14:before { content: '\e82d'; } /* '' */
 48 | .icon-4.1:before { content: '\e82e'; } /* '' */
 49 | .icon-4.2:before { content: '\e82f'; } /* '' */
 50 | .icon-4.3:before { content: '\e830'; } /* '' */
 51 | .icon-4.4:before { content: '\e831'; } /* '' */
 52 | .icon-4.5:before { content: '\e832'; } /* '' */
 53 | .icon-4.6:before { content: '\e833'; } /* '' */
 54 | .icon-4.7:before { content: '\e834'; } /* '' */
 55 | .icon-4.8:before { content: '\e835'; } /* '' */
 56 | .icon-4.9:before { content: '\e836'; } /* '' */
 57 | .icon-4.10:before { content: '\e837'; } /* '' */
 58 | .icon-5.1:before { content: '\e838'; } /* '' */
 59 | .icon-5.2:before { content: '\e839'; } /* '' */
 60 | .icon-5.3:before { content: '\e83a'; } /* '' */
 61 | .icon-5.4:before { content: '\e83b'; } /* '' */
 62 | .icon-5.5:before { content: '\e83c'; } /* '' */
 63 | .icon-5.6:before { content: '\e83d'; } /* '' */
 64 | .icon-5.7:before { content: '\e83e'; } /* '' */
 65 | .icon-5.8:before { content: '\e83f'; } /* '' */
 66 | .icon-5.9:before { content: '\e840'; } /* '' */
 67 | .icon-12.12:before { content: '\e841'; } /* '' */
 68 | .icon-5.10:before { content: '\e843'; } /* '' */
 69 | .icon-5.11:before { content: '\e844'; } /* '' */
 70 | .icon-5.12:before { content: '\e845'; } /* '' */
 71 | .icon-5.13:before { content: '\e846'; } /* '' */
 72 | .icon-5.14:before { content: '\e847'; } /* '' */
 73 | .icon-5.15:before { content: '\e848'; } /* '' */
 74 | .icon-5.16:before { content: '\e849'; } /* '' */
 75 | .icon-5.17:before { content: '\e84a'; } /* '' */
 76 | .icon-5.18:before { content: '\e84b'; } /* '' */
 77 | .icon-6.1:before { content: '\e84c'; } /* '' */
 78 | .icon-6.2:before { content: '\e84d'; } /* '' */
 79 | .icon-6.3:before { content: '\e84e'; } /* '' */
 80 | .icon-6.4:before { content: '\e84f'; } /* '' */
 81 | .icon-6.5:before { content: '\e850'; } /* '' */
 82 | .icon-6.6:before { content: '\e851'; } /* '' */
 83 | .icon-6.7:before { content: '\e852'; } /* '' */
 84 | .icon-6.8:before { content: '\e853'; } /* '' */
 85 | .icon-6.9:before { content: '\e854'; } /* '' */
 86 | .icon-6.10:before { content: '\e855'; } /* '' */
 87 | .icon-6.11:before { content: '\e856'; } /* '' */
 88 | .icon-6.12:before { content: '\e857'; } /* '' */
 89 | .icon-7.1:before { content: '\e858'; } /* '' */
 90 | .icon-7.2:before { content: '\e859'; } /* '' */
 91 | .icon-7.3:before { content: '\e85a'; } /* '' */
 92 | .icon-7.4:before { content: '\e85b'; } /* '' */
 93 | .icon-7.5:before { content: '\e85c'; } /* '' */
 94 | .icon-7.6:before { content: '\e85d'; } /* '' */
 95 | .icon-7.7:before { content: '\e85e'; } /* '' */
 96 | .icon-8.1:before { content: '\e85f'; } /* '' */
 97 | .icon-8.2:before { content: '\e860'; } /* '' */
 98 | .icon-8.3:before { content: '\e861'; } /* '' */
 99 | .icon-8.4:before { content: '\e862'; } /* '' */
100 | .icon-8.5:before { content: '\e863'; } /* '' */
101 | .icon-8.6:before { content: '\e864'; } /* '' */
102 | .icon-8.7:before { content: '\e865'; } /* '' */
103 | .icon-8.8:before { content: '\e866'; } /* '' */
104 | .icon-8.9:before { content: '\e867'; } /* '' */
105 | .icon-8.10:before { content: '\e868'; } /* '' */
106 | .icon-8.11:before { content: '\e869'; } /* '' */
107 | .icon-8.12:before { content: '\e86a'; } /* '' */
108 | .icon-8.13:before { content: '\e86b'; } /* '' */
109 | .icon-8.14:before { content: '\e86c'; } /* '' */
110 | .icon-8.15:before { content: '\e86d'; } /* '' */
111 | .icon-8.16:before { content: '\e86e'; } /* '' */
112 | .icon-8.17:before { content: '\e86f'; } /* '' */
113 | .icon-8.18:before { content: '\e870'; } /* '' */
114 | .icon-8.19:before { content: '\e871'; } /* '' */
115 | .icon-9.1:before { content: '\e872'; } /* '' */
116 | .icon-9.2:before { content: '\e873'; } /* '' */
117 | .icon-9.3:before { content: '\e874'; } /* '' */
118 | .icon-9.4:before { content: '\e875'; } /* '' */
119 | .icon-9.5:before { content: '\e876'; } /* '' */
120 | .icon-9.6:before { content: '\e877'; } /* '' */
121 | .icon-9.7:before { content: '\e878'; } /* '' */
122 | .icon-9.8:before { content: '\e879'; } /* '' */
123 | .icon-9.9:before { content: '\e87a'; } /* '' */
124 | .icon-9.10:before { content: '\e87b'; } /* '' */
125 | .icon-9.11:before { content: '\e87c'; } /* '' */
126 | .icon-9.12:before { content: '\e87d'; } /* '' */
127 | .icon-9.13:before { content: '\e87e'; } /* '' */
128 | .icon-9.14:before { content: '\e87f'; } /* '' */
129 | .icon-9.15:before { content: '\e880'; } /* '' */
130 | .icon-10.1:before { content: '\e881'; } /* '' */
131 | .icon-10.2:before { content: '\e882'; } /* '' */
132 | .icon-10.3:before { content: '\e883'; } /* '' */
133 | .icon-10.4:before { content: '\e884'; } /* '' */
134 | .icon-10.5:before { content: '\e885'; } /* '' */
135 | .icon-10.6:before { content: '\e886'; } /* '' */
136 | .icon-10.7:before { content: '\e887'; } /* '' */
137 | .icon-10.8:before { content: '\e888'; } /* '' */
138 | .icon-10.9:before { content: '\e889'; } /* '' */
139 | .icon-10.10:before { content: '\e88a'; } /* '' */
140 | .icon-10.11:before { content: '\e88b'; } /* '' */
141 | .icon-10.12:before { content: '\e88c'; } /* '' */
142 | .icon-10.13:before { content: '\e88d'; } /* '' */
143 | .icon-10.14:before { content: '\e88e'; } /* '' */
144 | .icon-10.15:before { content: '\e88f'; } /* '' */
145 | .icon-10.16:before { content: '\e890'; } /* '' */
146 | .icon-10.17:before { content: '\e891'; } /* '' */
147 | .icon-10.18:before { content: '\e892'; } /* '' */
148 | .icon-10.19:before { content: '\e893'; } /* '' */
149 | .icon-10.20:before { content: '\e894'; } /* '' */
150 | .icon-10.21:before { content: '\e895'; } /* '' */
151 | .icon-10.22:before { content: '\e896'; } /* '' */
152 | .icon-10.23:before { content: '\e897'; } /* '' */
153 | .icon-10.24:before { content: '\e898'; } /* '' */
154 | .icon-10.25:before { content: '\e899'; } /* '' */
155 | .icon-10.26:before { content: '\e89a'; } /* '' */
156 | .icon-10.27:before { content: '\e89b'; } /* '' */
157 | .icon-10.28:before { content: '\e89c'; } /* '' */
158 | .icon-10.29:before { content: '\e89d'; } /* '' */
159 | .icon-10.30:before { content: '\e89e'; } /* '' */
160 | .icon-10.31:before { content: '\e89f'; } /* '' */
161 | .icon-10.32:before { content: '\e8a0'; } /* '' */
162 | .icon-10.33:before { content: '\e8a1'; } /* '' */
163 | .icon-10.34:before { content: '\e8a2'; } /* '' */
164 | .icon-10.35:before { content: '\e8a3'; } /* '' */
165 | .icon-10.36:before { content: '\e8a4'; } /* '' */
166 | .icon-10.37:before { content: '\e8a5'; } /* '' */
167 | .icon-10.38:before { content: '\e8a6'; } /* '' */
168 | .icon-10.39:before { content: '\e8a7'; } /* '' */
169 | .icon-10.40:before { content: '\e8a8'; } /* '' */
170 | .icon-10.41:before { content: '\e8a9'; } /* '' */
171 | .icon-10.42:before { content: '\e8aa'; } /* '' */
172 | .icon-10.43:before { content: '\e8ab'; } /* '' */
173 | .icon-10.44:before { content: '\e8ac'; } /* '' */
174 | .icon-10.45:before { content: '\e8ad'; } /* '' */
175 | .icon-10.46:before { content: '\e8ae'; } /* '' */
176 | .icon-10.47:before { content: '\e8af'; } /* '' */
177 | .icon-11.1:before { content: '\e8b0'; } /* '' */
178 | .icon-11.2:before { content: '\e8b1'; } /* '' */
179 | .icon-11.3:before { content: '\e8b2'; } /* '' */
180 | .icon-11.4:before { content: '\e8b3'; } /* '' */
181 | .icon-11.5:before { content: '\e8b4'; } /* '' */
182 | .icon-11.6:before { content: '\e8b5'; } /* '' */
183 | .icon-11.7:before { content: '\e8b6'; } /* '' */
184 | .icon-11.8:before { content: '\e8b7'; } /* '' */
185 | .icon-11.9:before { content: '\e8b8'; } /* '' */
186 | .icon-11.10:before { content: '\e8b9'; } /* '' */
187 | .icon-11.11:before { content: '\e8ba'; } /* '' */
188 | .icon-11.12:before { content: '\e8bb'; } /* '' */
189 | .icon-11.13:before { content: '\e8bc'; } /* '' */
190 | .icon-11.14:before { content: '\e8bd'; } /* '' */
191 | .icon-12.1:before { content: '\e8be'; } /* '' */
192 | .icon-12.2:before { content: '\e8bf'; } /* '' */
193 | .icon-12.3:before { content: '\e8c0'; } /* '' */
194 | .icon-12.4:before { content: '\e8c1'; } /* '' */
195 | .icon-12.5:before { content: '\e8c2'; } /* '' */
196 | .icon-12.6:before { content: '\e8c3'; } /* '' */
197 | .icon-12.7:before { content: '\e8c4'; } /* '' */
198 | .icon-12.8:before { content: '\e8c5'; } /* '' */
199 | .icon-12.9:before { content: '\e8c6'; } /* '' */
200 | .icon-12.13:before { content: '\e8c7'; } /* '' */
201 | .icon-12.10:before { content: '\e8c8'; } /* '' */
202 | .icon-12.11:before { content: '\e8c9'; } /* '' */
203 | .icon-12.14:before { content: '\e8ca'; } /* '' */
204 | .icon-12.15:before { content: '\e8cb'; } /* '' */
205 | .icon-12.16:before { content: '\e8cc'; } /* '' */
206 | .icon-12.17:before { content: '\e8cd'; } /* '' */
207 | .icon-12.18:before { content: '\e8ce'; } /* '' */
208 | .icon-13.1:before { content: '\e8cf'; } /* '' */
209 | .icon-13.2:before { content: '\e8d0'; } /* '' */
210 | .icon-13.3:before { content: '\e8d1'; } /* '' */
211 | .icon-13.4:before { content: '\e8d2'; } /* '' */
212 | .icon-13.5:before { content: '\e8d3'; } /* '' */
213 | .icon-13.6:before { content: '\e8d4'; } /* '' */
214 | .icon-13.7:before { content: '\e8d5'; } /* '' */
215 | .icon-13.8:before { content: '\e8d6'; } /* '' */
216 | .icon-13.9:before { content: '\e8d7'; } /* '' */
217 | .icon-13.10:before { content: '\e8d8'; } /* '' */
218 | .icon-13.11:before { content: '\e8d9'; } /* '' */
219 | .icon-13.12:before { content: '\e8da'; } /* '' */
220 | .icon-13.13:before { content: '\e8db'; } /* '' */
221 | .icon-13.14:before { content: '\e8dc'; } /* '' */
222 | .icon-13.15:before { content: '\e8dd'; } /* '' */
223 | .icon-13.16:before { content: '\e8de'; } /* '' */
224 | .icon-13.17:before { content: '\e8df'; } /* '' */
225 | .icon-13.18:before { content: '\e8e0'; } /* '' */
226 | .icon-13.19:before { content: '\e8e1'; } /* '' */
227 | .icon-14.1:before { content: '\e8e2'; } /* '' */
228 | .icon-14.2:before { content: '\e8e3'; } /* '' */
229 | .icon-14.3:before { content: '\e8e4'; } /* '' */
230 | .icon-14.4:before { content: '\e8e5'; } /* '' */
231 | .icon-14.5:before { content: '\e8e6'; } /* '' */
232 | .icon-14.6:before { content: '\e8e7'; } /* '' */
233 | .icon-14.7:before { content: '\e8e8'; } /* '' */
234 | .icon-14.8:before { content: '\e8e9'; } /* '' */
235 | .icon-14.9:before { content: '\e8ea'; } /* '' */
236 | .icon-14.10:before { content: '\e8eb'; } /* '' */
237 | .icon-15.1:before { content: '\e8ec'; } /* '' */
238 | .icon-15.2:before { content: '\e8ed'; } /* '' */
239 | .icon-15.3:before { content: '\e8ee'; } /* '' */
240 | .icon-15.4:before { content: '\e8ef'; } /* '' */
241 | .icon-15.5:before { content: '\e8f0'; } /* '' */
242 | .icon-15.6:before { content: '\e8f1'; } /* '' */
243 | .icon-15.7:before { content: '\e8f2'; } /* '' */
244 | .icon-15.8:before { content: '\e8f3'; } /* '' */
245 | .icon-15.9:before { content: '\e8f4'; } /* '' */
246 | .icon-15.10:before { content: '\e8f5'; } /* '' */
247 | .icon-15.11:before { content: '\e8f6'; } /* '' */
248 | .icon-15.12:before { content: '\e8f7'; } /* '' */
249 | .icon-15.13:before { content: '\e8f8'; } /* '' */
250 | .icon-15.14:before { content: '\e8f9'; } /* '' */
251 | .icon-15.15:before { content: '\e8fa'; } /* '' */
252 | .icon-15.16:before { content: '\e8fb'; } /* '' */
253 | .icon-15.17:before { content: '\e8fc'; } /* '' */
254 | .icon-16.1:before { content: '\e8fd'; } /* '' */
255 | .icon-16.2:before { content: '\e8fe'; } /* '' */
256 | .icon-16.3:before { content: '\e8ff'; } /* '' */
257 | .icon-16.4:before { content: '\e900'; } /* '' */
258 | .icon-16.5:before { content: '\e901'; } /* '' */
259 | .icon-16.6:before { content: '\e902'; } /* '' */
260 | .icon-16.7:before { content: '\e903'; } /* '' */
261 | .icon-16.8:before { content: '\e904'; } /* '' */
262 | .icon-16.9:before { content: '\e905'; } /* '' */
263 | .icon-17.1:before { content: '\e906'; } /* '' */
264 | .icon-17.2:before { content: '\e907'; } /* '' */
265 | .icon-17.3:before { content: '\e908'; } /* '' */
266 | .icon-17.4:before { content: '\e909'; } /* '' */
267 | .icon-17.5:before { content: '\e90a'; } /* '' */
268 | .icon-17.6:before { content: '\e90b'; } /* '' */
269 | .icon-17.7:before { content: '\e90c'; } /* '' */
270 | .icon-17.8:before { content: '\e90d'; } /* '' */
271 | .icon-17.9:before { content: '\e90e'; } /* '' */
272 | .icon-17.10:before { content: '\e90f'; } /* '' */


--------------------------------------------------------------------------------
/css/neededicons.css:
--------------------------------------------------------------------------------
  1 | @font-face {
  2 |   font-family: 'neededicons';
  3 |   src: url('../font/neededicons.eot?99430135');
  4 |   src: url('../font/neededicons.eot?99430135#iefix') format('embedded-opentype'),
  5 |        url('../font/neededicons.woff2?99430135') format('woff2'),
  6 |        url('../font/neededicons.woff?99430135') format('woff'),
  7 |        url('../font/neededicons.ttf?99430135') format('truetype'),
  8 |        url('../font/neededicons.svg?99430135#neededicons') format('svg');
  9 |   font-weight: normal;
 10 |   font-style: normal;
 11 | }
 12 | /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
 13 | /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
 14 | /*
 15 | @media screen and (-webkit-min-device-pixel-ratio:0) {
 16 |   @font-face {
 17 |     font-family: 'neededicons';
 18 |     src: url('../font/neededicons.svg?99430135#neededicons') format('svg');
 19 |   }
 20 | }
 21 | */
 22 |  
 23 |  [class^="icon-"]:before, [class*=" icon-"]:before {
 24 |   font-family: "neededicons";
 25 |   font-style: normal;
 26 |   font-weight: normal;
 27 |   speak: none;
 28 |  
 29 |   display: inline-block;
 30 |   text-decoration: inherit;
 31 |   width: 1em;
 32 |   margin-right: .2em;
 33 |   text-align: center;
 34 |   /* opacity: .8; */
 35 |  
 36 |   /* For safety - reset parent styles, that can break glyph codes*/
 37 |   font-variant: normal;
 38 |   text-transform: none;
 39 |  
 40 |   /* fix buttons height, for twitter bootstrap */
 41 |   line-height: 1em;
 42 |  
 43 |   /* Animation center compensation - margins should be symmetric */
 44 |   /* remove if not needed */
 45 |   margin-left: .2em;
 46 |  
 47 |   /* you can be more comfortable with increased icons size */
 48 |   /* font-size: 120%; */
 49 |  
 50 |   /* Font smoothing. That was taken from TWBS */
 51 |   -webkit-font-smoothing: antialiased;
 52 |   -moz-osx-font-smoothing: grayscale;
 53 |  
 54 |   /* Uncomment for 3D effect */
 55 |   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 56 | }
 57 |  
 58 | .icon-1.8:before { content: '\e800'; } /* '' */
 59 | .icon-1.2:before { content: '\e801'; } /* '' */
 60 | .icon-1.3:before { content: '\e802'; } /* '' */
 61 | .icon-1.4:before { content: '\e803'; } /* '' */
 62 | .icon-1.5:before { content: '\e804'; } /* '' */
 63 | .icon-1.6:before { content: '\e805'; } /* '' */
 64 | .icon-1.7:before { content: '\e806'; } /* '' */
 65 | .icon-1.1:before { content: '\e807'; } /* '' */
 66 | .icon-1.9:before { content: '\e808'; } /* '' */
 67 | .icon-1.10:before { content: '\e809'; } /* '' */
 68 | .icon-1.11:before { content: '\e80a'; } /* '' */
 69 | .icon-1.12:before { content: '\e80b'; } /* '' */
 70 | .icon-1.13:before { content: '\e80c'; } /* '' */
 71 | .icon-1.14:before { content: '\e80d'; } /* '' */
 72 | .icon-1.15:before { content: '\e80e'; } /* '' */
 73 | .icon-1.16:before { content: '\e80f'; } /* '' */
 74 | .icon-1.17:before { content: '\e810'; } /* '' */
 75 | .icon-1.18:before { content: '\e811'; } /* '' */
 76 | .icon-1.19:before { content: '\e812'; } /* '' */
 77 | .icon-1.20:before { content: '\e813'; } /* '' */
 78 | .icon-1.21:before { content: '\e814'; } /* '' */
 79 | .icon-1.22:before { content: '\e815'; } /* '' */
 80 | .icon-2.1:before { content: '\e816'; } /* '' */
 81 | .icon-2.2:before { content: '\e817'; } /* '' */
 82 | .icon-2.3:before { content: '\e818'; } /* '' */
 83 | .icon-2.4:before { content: '\e819'; } /* '' */
 84 | .icon-2.5:before { content: '\e81a'; } /* '' */
 85 | .icon-2.6:before { content: '\e81b'; } /* '' */
 86 | .icon-2.7:before { content: '\e81c'; } /* '' */
 87 | .icon-2.8:before { content: '\e81d'; } /* '' */
 88 | .icon-2.9:before { content: '\e81e'; } /* '' */
 89 | .icon-2.10:before { content: '\e81f'; } /* '' */
 90 | .icon-3.1:before { content: '\e820'; } /* '' */
 91 | .icon-3.2:before { content: '\e821'; } /* '' */
 92 | .icon-3.3:before { content: '\e822'; } /* '' */
 93 | .icon-3.4:before { content: '\e823'; } /* '' */
 94 | .icon-3.5:before { content: '\e824'; } /* '' */
 95 | .icon-3.6:before { content: '\e825'; } /* '' */
 96 | .icon-3.7:before { content: '\e826'; } /* '' */
 97 | .icon-3.8:before { content: '\e827'; } /* '' */
 98 | .icon-3.9:before { content: '\e828'; } /* '' */
 99 | .icon-3.10:before { content: '\e829'; } /* '' */
100 | .icon-3.11:before { content: '\e82a'; } /* '' */
101 | .icon-3.12:before { content: '\e82b'; } /* '' */
102 | .icon-3.13:before { content: '\e82c'; } /* '' */
103 | .icon-3.14:before { content: '\e82d'; } /* '' */
104 | .icon-4.1:before { content: '\e82e'; } /* '' */
105 | .icon-4.2:before { content: '\e82f'; } /* '' */
106 | .icon-4.3:before { content: '\e830'; } /* '' */
107 | .icon-4.4:before { content: '\e831'; } /* '' */
108 | .icon-4.5:before { content: '\e832'; } /* '' */
109 | .icon-4.6:before { content: '\e833'; } /* '' */
110 | .icon-4.7:before { content: '\e834'; } /* '' */
111 | .icon-4.8:before { content: '\e835'; } /* '' */
112 | .icon-4.9:before { content: '\e836'; } /* '' */
113 | .icon-4.10:before { content: '\e837'; } /* '' */
114 | .icon-5.1:before { content: '\e838'; } /* '' */
115 | .icon-5.2:before { content: '\e839'; } /* '' */
116 | .icon-5.3:before { content: '\e83a'; } /* '' */
117 | .icon-5.4:before { content: '\e83b'; } /* '' */
118 | .icon-5.5:before { content: '\e83c'; } /* '' */
119 | .icon-5.6:before { content: '\e83d'; } /* '' */
120 | .icon-5.7:before { content: '\e83e'; } /* '' */
121 | .icon-5.8:before { content: '\e83f'; } /* '' */
122 | .icon-5.9:before { content: '\e840'; } /* '' */
123 | .icon-12.12:before { content: '\e841'; } /* '' */
124 | .icon-5.10:before { content: '\e843'; } /* '' */
125 | .icon-5.11:before { content: '\e844'; } /* '' */
126 | .icon-5.12:before { content: '\e845'; } /* '' */
127 | .icon-5.13:before { content: '\e846'; } /* '' */
128 | .icon-5.14:before { content: '\e847'; } /* '' */
129 | .icon-5.15:before { content: '\e848'; } /* '' */
130 | .icon-5.16:before { content: '\e849'; } /* '' */
131 | .icon-5.17:before { content: '\e84a'; } /* '' */
132 | .icon-5.18:before { content: '\e84b'; } /* '' */
133 | .icon-6.1:before { content: '\e84c'; } /* '' */
134 | .icon-6.2:before { content: '\e84d'; } /* '' */
135 | .icon-6.3:before { content: '\e84e'; } /* '' */
136 | .icon-6.4:before { content: '\e84f'; } /* '' */
137 | .icon-6.5:before { content: '\e850'; } /* '' */
138 | .icon-6.6:before { content: '\e851'; } /* '' */
139 | .icon-6.7:before { content: '\e852'; } /* '' */
140 | .icon-6.8:before { content: '\e853'; } /* '' */
141 | .icon-6.9:before { content: '\e854'; } /* '' */
142 | .icon-6.10:before { content: '\e855'; } /* '' */
143 | .icon-6.11:before { content: '\e856'; } /* '' */
144 | .icon-6.12:before { content: '\e857'; } /* '' */
145 | .icon-7.1:before { content: '\e858'; } /* '' */
146 | .icon-7.2:before { content: '\e859'; } /* '' */
147 | .icon-7.3:before { content: '\e85a'; } /* '' */
148 | .icon-7.4:before { content: '\e85b'; } /* '' */
149 | .icon-7.5:before { content: '\e85c'; } /* '' */
150 | .icon-7.6:before { content: '\e85d'; } /* '' */
151 | .icon-7.7:before { content: '\e85e'; } /* '' */
152 | .icon-8.1:before { content: '\e85f'; } /* '' */
153 | .icon-8.2:before { content: '\e860'; } /* '' */
154 | .icon-8.3:before { content: '\e861'; } /* '' */
155 | .icon-8.4:before { content: '\e862'; } /* '' */
156 | .icon-8.5:before { content: '\e863'; } /* '' */
157 | .icon-8.6:before { content: '\e864'; } /* '' */
158 | .icon-8.7:before { content: '\e865'; } /* '' */
159 | .icon-8.8:before { content: '\e866'; } /* '' */
160 | .icon-8.9:before { content: '\e867'; } /* '' */
161 | .icon-8.10:before { content: '\e868'; } /* '' */
162 | .icon-8.11:before { content: '\e869'; } /* '' */
163 | .icon-8.12:before { content: '\e86a'; } /* '' */
164 | .icon-8.13:before { content: '\e86b'; } /* '' */
165 | .icon-8.14:before { content: '\e86c'; } /* '' */
166 | .icon-8.15:before { content: '\e86d'; } /* '' */
167 | .icon-8.16:before { content: '\e86e'; } /* '' */
168 | .icon-8.17:before { content: '\e86f'; } /* '' */
169 | .icon-8.18:before { content: '\e870'; } /* '' */
170 | .icon-8.19:before { content: '\e871'; } /* '' */
171 | .icon-9.1:before { content: '\e872'; } /* '' */
172 | .icon-9.2:before { content: '\e873'; } /* '' */
173 | .icon-9.3:before { content: '\e874'; } /* '' */
174 | .icon-9.4:before { content: '\e875'; } /* '' */
175 | .icon-9.5:before { content: '\e876'; } /* '' */
176 | .icon-9.6:before { content: '\e877'; } /* '' */
177 | .icon-9.7:before { content: '\e878'; } /* '' */
178 | .icon-9.8:before { content: '\e879'; } /* '' */
179 | .icon-9.9:before { content: '\e87a'; } /* '' */
180 | .icon-9.10:before { content: '\e87b'; } /* '' */
181 | .icon-9.11:before { content: '\e87c'; } /* '' */
182 | .icon-9.12:before { content: '\e87d'; } /* '' */
183 | .icon-9.13:before { content: '\e87e'; } /* '' */
184 | .icon-9.14:before { content: '\e87f'; } /* '' */
185 | .icon-9.15:before { content: '\e880'; } /* '' */
186 | .icon-10.1:before { content: '\e881'; } /* '' */
187 | .icon-10.2:before { content: '\e882'; } /* '' */
188 | .icon-10.3:before { content: '\e883'; } /* '' */
189 | .icon-10.4:before { content: '\e884'; } /* '' */
190 | .icon-10.5:before { content: '\e885'; } /* '' */
191 | .icon-10.6:before { content: '\e886'; } /* '' */
192 | .icon-10.7:before { content: '\e887'; } /* '' */
193 | .icon-10.8:before { content: '\e888'; } /* '' */
194 | .icon-10.9:before { content: '\e889'; } /* '' */
195 | .icon-10.10:before { content: '\e88a'; } /* '' */
196 | .icon-10.11:before { content: '\e88b'; } /* '' */
197 | .icon-10.12:before { content: '\e88c'; } /* '' */
198 | .icon-10.13:before { content: '\e88d'; } /* '' */
199 | .icon-10.14:before { content: '\e88e'; } /* '' */
200 | .icon-10.15:before { content: '\e88f'; } /* '' */
201 | .icon-10.16:before { content: '\e890'; } /* '' */
202 | .icon-10.17:before { content: '\e891'; } /* '' */
203 | .icon-10.18:before { content: '\e892'; } /* '' */
204 | .icon-10.19:before { content: '\e893'; } /* '' */
205 | .icon-10.20:before { content: '\e894'; } /* '' */
206 | .icon-10.21:before { content: '\e895'; } /* '' */
207 | .icon-10.22:before { content: '\e896'; } /* '' */
208 | .icon-10.23:before { content: '\e897'; } /* '' */
209 | .icon-10.24:before { content: '\e898'; } /* '' */
210 | .icon-10.25:before { content: '\e899'; } /* '' */
211 | .icon-10.26:before { content: '\e89a'; } /* '' */
212 | .icon-10.27:before { content: '\e89b'; } /* '' */
213 | .icon-10.28:before { content: '\e89c'; } /* '' */
214 | .icon-10.29:before { content: '\e89d'; } /* '' */
215 | .icon-10.30:before { content: '\e89e'; } /* '' */
216 | .icon-10.31:before { content: '\e89f'; } /* '' */
217 | .icon-10.32:before { content: '\e8a0'; } /* '' */
218 | .icon-10.33:before { content: '\e8a1'; } /* '' */
219 | .icon-10.34:before { content: '\e8a2'; } /* '' */
220 | .icon-10.35:before { content: '\e8a3'; } /* '' */
221 | .icon-10.36:before { content: '\e8a4'; } /* '' */
222 | .icon-10.37:before { content: '\e8a5'; } /* '' */
223 | .icon-10.38:before { content: '\e8a6'; } /* '' */
224 | .icon-10.39:before { content: '\e8a7'; } /* '' */
225 | .icon-10.40:before { content: '\e8a8'; } /* '' */
226 | .icon-10.41:before { content: '\e8a9'; } /* '' */
227 | .icon-10.42:before { content: '\e8aa'; } /* '' */
228 | .icon-10.43:before { content: '\e8ab'; } /* '' */
229 | .icon-10.44:before { content: '\e8ac'; } /* '' */
230 | .icon-10.45:before { content: '\e8ad'; } /* '' */
231 | .icon-10.46:before { content: '\e8ae'; } /* '' */
232 | .icon-10.47:before { content: '\e8af'; } /* '' */
233 | .icon-11.1:before { content: '\e8b0'; } /* '' */
234 | .icon-11.2:before { content: '\e8b1'; } /* '' */
235 | .icon-11.3:before { content: '\e8b2'; } /* '' */
236 | .icon-11.4:before { content: '\e8b3'; } /* '' */
237 | .icon-11.5:before { content: '\e8b4'; } /* '' */
238 | .icon-11.6:before { content: '\e8b5'; } /* '' */
239 | .icon-11.7:before { content: '\e8b6'; } /* '' */
240 | .icon-11.8:before { content: '\e8b7'; } /* '' */
241 | .icon-11.9:before { content: '\e8b8'; } /* '' */
242 | .icon-11.10:before { content: '\e8b9'; } /* '' */
243 | .icon-11.11:before { content: '\e8ba'; } /* '' */
244 | .icon-11.12:before { content: '\e8bb'; } /* '' */
245 | .icon-11.13:before { content: '\e8bc'; } /* '' */
246 | .icon-11.14:before { content: '\e8bd'; } /* '' */
247 | .icon-12.1:before { content: '\e8be'; } /* '' */
248 | .icon-12.2:before { content: '\e8bf'; } /* '' */
249 | .icon-12.3:before { content: '\e8c0'; } /* '' */
250 | .icon-12.4:before { content: '\e8c1'; } /* '' */
251 | .icon-12.5:before { content: '\e8c2'; } /* '' */
252 | .icon-12.6:before { content: '\e8c3'; } /* '' */
253 | .icon-12.7:before { content: '\e8c4'; } /* '' */
254 | .icon-12.8:before { content: '\e8c5'; } /* '' */
255 | .icon-12.9:before { content: '\e8c6'; } /* '' */
256 | .icon-12.13:before { content: '\e8c7'; } /* '' */
257 | .icon-12.10:before { content: '\e8c8'; } /* '' */
258 | .icon-12.11:before { content: '\e8c9'; } /* '' */
259 | .icon-12.14:before { content: '\e8ca'; } /* '' */
260 | .icon-12.15:before { content: '\e8cb'; } /* '' */
261 | .icon-12.16:before { content: '\e8cc'; } /* '' */
262 | .icon-12.17:before { content: '\e8cd'; } /* '' */
263 | .icon-12.18:before { content: '\e8ce'; } /* '' */
264 | .icon-13.1:before { content: '\e8cf'; } /* '' */
265 | .icon-13.2:before { content: '\e8d0'; } /* '' */
266 | .icon-13.3:before { content: '\e8d1'; } /* '' */
267 | .icon-13.4:before { content: '\e8d2'; } /* '' */
268 | .icon-13.5:before { content: '\e8d3'; } /* '' */
269 | .icon-13.6:before { content: '\e8d4'; } /* '' */
270 | .icon-13.7:before { content: '\e8d5'; } /* '' */
271 | .icon-13.8:before { content: '\e8d6'; } /* '' */
272 | .icon-13.9:before { content: '\e8d7'; } /* '' */
273 | .icon-13.10:before { content: '\e8d8'; } /* '' */
274 | .icon-13.11:before { content: '\e8d9'; } /* '' */
275 | .icon-13.12:before { content: '\e8da'; } /* '' */
276 | .icon-13.13:before { content: '\e8db'; } /* '' */
277 | .icon-13.14:before { content: '\e8dc'; } /* '' */
278 | .icon-13.15:before { content: '\e8dd'; } /* '' */
279 | .icon-13.16:before { content: '\e8de'; } /* '' */
280 | .icon-13.17:before { content: '\e8df'; } /* '' */
281 | .icon-13.18:before { content: '\e8e0'; } /* '' */
282 | .icon-13.19:before { content: '\e8e1'; } /* '' */
283 | .icon-14.1:before { content: '\e8e2'; } /* '' */
284 | .icon-14.2:before { content: '\e8e3'; } /* '' */
285 | .icon-14.3:before { content: '\e8e4'; } /* '' */
286 | .icon-14.4:before { content: '\e8e5'; } /* '' */
287 | .icon-14.5:before { content: '\e8e6'; } /* '' */
288 | .icon-14.6:before { content: '\e8e7'; } /* '' */
289 | .icon-14.7:before { content: '\e8e8'; } /* '' */
290 | .icon-14.8:before { content: '\e8e9'; } /* '' */
291 | .icon-14.9:before { content: '\e8ea'; } /* '' */
292 | .icon-14.10:before { content: '\e8eb'; } /* '' */
293 | .icon-15.1:before { content: '\e8ec'; } /* '' */
294 | .icon-15.2:before { content: '\e8ed'; } /* '' */
295 | .icon-15.3:before { content: '\e8ee'; } /* '' */
296 | .icon-15.4:before { content: '\e8ef'; } /* '' */
297 | .icon-15.5:before { content: '\e8f0'; } /* '' */
298 | .icon-15.6:before { content: '\e8f1'; } /* '' */
299 | .icon-15.7:before { content: '\e8f2'; } /* '' */
300 | .icon-15.8:before { content: '\e8f3'; } /* '' */
301 | .icon-15.9:before { content: '\e8f4'; } /* '' */
302 | .icon-15.10:before { content: '\e8f5'; } /* '' */
303 | .icon-15.11:before { content: '\e8f6'; } /* '' */
304 | .icon-15.12:before { content: '\e8f7'; } /* '' */
305 | .icon-15.13:before { content: '\e8f8'; } /* '' */
306 | .icon-15.14:before { content: '\e8f9'; } /* '' */
307 | .icon-15.15:before { content: '\e8fa'; } /* '' */
308 | .icon-15.16:before { content: '\e8fb'; } /* '' */
309 | .icon-15.17:before { content: '\e8fc'; } /* '' */
310 | .icon-16.1:before { content: '\e8fd'; } /* '' */
311 | .icon-16.2:before { content: '\e8fe'; } /* '' */
312 | .icon-16.3:before { content: '\e8ff'; } /* '' */
313 | .icon-16.4:before { content: '\e900'; } /* '' */
314 | .icon-16.5:before { content: '\e901'; } /* '' */
315 | .icon-16.6:before { content: '\e902'; } /* '' */
316 | .icon-16.7:before { content: '\e903'; } /* '' */
317 | .icon-16.8:before { content: '\e904'; } /* '' */
318 | .icon-16.9:before { content: '\e905'; } /* '' */
319 | .icon-17.1:before { content: '\e906'; } /* '' */
320 | .icon-17.2:before { content: '\e907'; } /* '' */
321 | .icon-17.3:before { content: '\e908'; } /* '' */
322 | .icon-17.4:before { content: '\e909'; } /* '' */
323 | .icon-17.5:before { content: '\e90a'; } /* '' */
324 | .icon-17.6:before { content: '\e90b'; } /* '' */
325 | .icon-17.7:before { content: '\e90c'; } /* '' */
326 | .icon-17.8:before { content: '\e90d'; } /* '' */
327 | .icon-17.9:before { content: '\e90e'; } /* '' */
328 | .icon-17.10:before { content: '\e90f'; } /* '' */


--------------------------------------------------------------------------------
/css/neededicons-ie7-codes.css:
--------------------------------------------------------------------------------
  1 | 
  2 | .icon-1.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
  3 | .icon-1.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
  4 | .icon-1.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
  5 | .icon-1.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }
  6 | .icon-1.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }
  7 | .icon-1.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }
  8 | .icon-1.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe806;&nbsp;'); }
  9 | .icon-1.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe807;&nbsp;'); }
 10 | .icon-1.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe808;&nbsp;'); }
 11 | .icon-1.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe809;&nbsp;'); }
 12 | .icon-1.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80a;&nbsp;'); }
 13 | .icon-1.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80b;&nbsp;'); }
 14 | .icon-1.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80c;&nbsp;'); }
 15 | .icon-1.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80d;&nbsp;'); }
 16 | .icon-1.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80e;&nbsp;'); }
 17 | .icon-1.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80f;&nbsp;'); }
 18 | .icon-1.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe810;&nbsp;'); }
 19 | .icon-1.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe811;&nbsp;'); }
 20 | .icon-1.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe812;&nbsp;'); }
 21 | .icon-1.20 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe813;&nbsp;'); }
 22 | .icon-1.21 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe814;&nbsp;'); }
 23 | .icon-1.22 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe815;&nbsp;'); }
 24 | .icon-2.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe816;&nbsp;'); }
 25 | .icon-2.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
 26 | .icon-2.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe818;&nbsp;'); }
 27 | .icon-2.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe819;&nbsp;'); }
 28 | .icon-2.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81a;&nbsp;'); }
 29 | .icon-2.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81b;&nbsp;'); }
 30 | .icon-2.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81c;&nbsp;'); }
 31 | .icon-2.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81d;&nbsp;'); }
 32 | .icon-2.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81e;&nbsp;'); }
 33 | .icon-2.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81f;&nbsp;'); }
 34 | .icon-3.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe820;&nbsp;'); }
 35 | .icon-3.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe821;&nbsp;'); }
 36 | .icon-3.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe822;&nbsp;'); }
 37 | .icon-3.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe823;&nbsp;'); }
 38 | .icon-3.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe824;&nbsp;'); }
 39 | .icon-3.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe825;&nbsp;'); }
 40 | .icon-3.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe826;&nbsp;'); }
 41 | .icon-3.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe827;&nbsp;'); }
 42 | .icon-3.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe828;&nbsp;'); }
 43 | .icon-3.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe829;&nbsp;'); }
 44 | .icon-3.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82a;&nbsp;'); }
 45 | .icon-3.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82b;&nbsp;'); }
 46 | .icon-3.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82c;&nbsp;'); }
 47 | .icon-3.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82d;&nbsp;'); }
 48 | .icon-4.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82e;&nbsp;'); }
 49 | .icon-4.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82f;&nbsp;'); }
 50 | .icon-4.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe830;&nbsp;'); }
 51 | .icon-4.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe831;&nbsp;'); }
 52 | .icon-4.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe832;&nbsp;'); }
 53 | .icon-4.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe833;&nbsp;'); }
 54 | .icon-4.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe834;&nbsp;'); }
 55 | .icon-4.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe835;&nbsp;'); }
 56 | .icon-4.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe836;&nbsp;'); }
 57 | .icon-4.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe837;&nbsp;'); }
 58 | .icon-5.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe838;&nbsp;'); }
 59 | .icon-5.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe839;&nbsp;'); }
 60 | .icon-5.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83a;&nbsp;'); }
 61 | .icon-5.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83b;&nbsp;'); }
 62 | .icon-5.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83c;&nbsp;'); }
 63 | .icon-5.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83d;&nbsp;'); }
 64 | .icon-5.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83e;&nbsp;'); }
 65 | .icon-5.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83f;&nbsp;'); }
 66 | .icon-5.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe840;&nbsp;'); }
 67 | .icon-12.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe841;&nbsp;'); }
 68 | .icon-5.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe843;&nbsp;'); }
 69 | .icon-5.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe844;&nbsp;'); }
 70 | .icon-5.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe845;&nbsp;'); }
 71 | .icon-5.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe846;&nbsp;'); }
 72 | .icon-5.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe847;&nbsp;'); }
 73 | .icon-5.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe848;&nbsp;'); }
 74 | .icon-5.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe849;&nbsp;'); }
 75 | .icon-5.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84a;&nbsp;'); }
 76 | .icon-5.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84b;&nbsp;'); }
 77 | .icon-6.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84c;&nbsp;'); }
 78 | .icon-6.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84d;&nbsp;'); }
 79 | .icon-6.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84e;&nbsp;'); }
 80 | .icon-6.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84f;&nbsp;'); }
 81 | .icon-6.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe850;&nbsp;'); }
 82 | .icon-6.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe851;&nbsp;'); }
 83 | .icon-6.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe852;&nbsp;'); }
 84 | .icon-6.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe853;&nbsp;'); }
 85 | .icon-6.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe854;&nbsp;'); }
 86 | .icon-6.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe855;&nbsp;'); }
 87 | .icon-6.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe856;&nbsp;'); }
 88 | .icon-6.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe857;&nbsp;'); }
 89 | .icon-7.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe858;&nbsp;'); }
 90 | .icon-7.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe859;&nbsp;'); }
 91 | .icon-7.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85a;&nbsp;'); }
 92 | .icon-7.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85b;&nbsp;'); }
 93 | .icon-7.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85c;&nbsp;'); }
 94 | .icon-7.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85d;&nbsp;'); }
 95 | .icon-7.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85e;&nbsp;'); }
 96 | .icon-8.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85f;&nbsp;'); }
 97 | .icon-8.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe860;&nbsp;'); }
 98 | .icon-8.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe861;&nbsp;'); }
 99 | .icon-8.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe862;&nbsp;'); }
100 | .icon-8.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe863;&nbsp;'); }
101 | .icon-8.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe864;&nbsp;'); }
102 | .icon-8.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe865;&nbsp;'); }
103 | .icon-8.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe866;&nbsp;'); }
104 | .icon-8.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe867;&nbsp;'); }
105 | .icon-8.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe868;&nbsp;'); }
106 | .icon-8.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe869;&nbsp;'); }
107 | .icon-8.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86a;&nbsp;'); }
108 | .icon-8.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86b;&nbsp;'); }
109 | .icon-8.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86c;&nbsp;'); }
110 | .icon-8.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86d;&nbsp;'); }
111 | .icon-8.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86e;&nbsp;'); }
112 | .icon-8.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86f;&nbsp;'); }
113 | .icon-8.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe870;&nbsp;'); }
114 | .icon-8.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe871;&nbsp;'); }
115 | .icon-9.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe872;&nbsp;'); }
116 | .icon-9.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe873;&nbsp;'); }
117 | .icon-9.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe874;&nbsp;'); }
118 | .icon-9.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe875;&nbsp;'); }
119 | .icon-9.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe876;&nbsp;'); }
120 | .icon-9.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe877;&nbsp;'); }
121 | .icon-9.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe878;&nbsp;'); }
122 | .icon-9.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe879;&nbsp;'); }
123 | .icon-9.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87a;&nbsp;'); }
124 | .icon-9.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87b;&nbsp;'); }
125 | .icon-9.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87c;&nbsp;'); }
126 | .icon-9.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87d;&nbsp;'); }
127 | .icon-9.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87e;&nbsp;'); }
128 | .icon-9.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87f;&nbsp;'); }
129 | .icon-9.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe880;&nbsp;'); }
130 | .icon-10.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe881;&nbsp;'); }
131 | .icon-10.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe882;&nbsp;'); }
132 | .icon-10.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe883;&nbsp;'); }
133 | .icon-10.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe884;&nbsp;'); }
134 | .icon-10.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe885;&nbsp;'); }
135 | .icon-10.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe886;&nbsp;'); }
136 | .icon-10.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe887;&nbsp;'); }
137 | .icon-10.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe888;&nbsp;'); }
138 | .icon-10.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe889;&nbsp;'); }
139 | .icon-10.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88a;&nbsp;'); }
140 | .icon-10.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88b;&nbsp;'); }
141 | .icon-10.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88c;&nbsp;'); }
142 | .icon-10.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88d;&nbsp;'); }
143 | .icon-10.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88e;&nbsp;'); }
144 | .icon-10.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88f;&nbsp;'); }
145 | .icon-10.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe890;&nbsp;'); }
146 | .icon-10.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe891;&nbsp;'); }
147 | .icon-10.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe892;&nbsp;'); }
148 | .icon-10.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe893;&nbsp;'); }
149 | .icon-10.20 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe894;&nbsp;'); }
150 | .icon-10.21 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe895;&nbsp;'); }
151 | .icon-10.22 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe896;&nbsp;'); }
152 | .icon-10.23 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe897;&nbsp;'); }
153 | .icon-10.24 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe898;&nbsp;'); }
154 | .icon-10.25 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe899;&nbsp;'); }
155 | .icon-10.26 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89a;&nbsp;'); }
156 | .icon-10.27 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89b;&nbsp;'); }
157 | .icon-10.28 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89c;&nbsp;'); }
158 | .icon-10.29 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89d;&nbsp;'); }
159 | .icon-10.30 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89e;&nbsp;'); }
160 | .icon-10.31 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89f;&nbsp;'); }
161 | .icon-10.32 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a0;&nbsp;'); }
162 | .icon-10.33 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a1;&nbsp;'); }
163 | .icon-10.34 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a2;&nbsp;'); }
164 | .icon-10.35 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a3;&nbsp;'); }
165 | .icon-10.36 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a4;&nbsp;'); }
166 | .icon-10.37 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a5;&nbsp;'); }
167 | .icon-10.38 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a6;&nbsp;'); }
168 | .icon-10.39 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a7;&nbsp;'); }
169 | .icon-10.40 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a8;&nbsp;'); }
170 | .icon-10.41 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a9;&nbsp;'); }
171 | .icon-10.42 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8aa;&nbsp;'); }
172 | .icon-10.43 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ab;&nbsp;'); }
173 | .icon-10.44 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ac;&nbsp;'); }
174 | .icon-10.45 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ad;&nbsp;'); }
175 | .icon-10.46 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ae;&nbsp;'); }
176 | .icon-10.47 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8af;&nbsp;'); }
177 | .icon-11.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b0;&nbsp;'); }
178 | .icon-11.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b1;&nbsp;'); }
179 | .icon-11.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b2;&nbsp;'); }
180 | .icon-11.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b3;&nbsp;'); }
181 | .icon-11.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b4;&nbsp;'); }
182 | .icon-11.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b5;&nbsp;'); }
183 | .icon-11.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b6;&nbsp;'); }
184 | .icon-11.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b7;&nbsp;'); }
185 | .icon-11.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b8;&nbsp;'); }
186 | .icon-11.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b9;&nbsp;'); }
187 | .icon-11.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ba;&nbsp;'); }
188 | .icon-11.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bb;&nbsp;'); }
189 | .icon-11.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bc;&nbsp;'); }
190 | .icon-11.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bd;&nbsp;'); }
191 | .icon-12.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8be;&nbsp;'); }
192 | .icon-12.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bf;&nbsp;'); }
193 | .icon-12.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c0;&nbsp;'); }
194 | .icon-12.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c1;&nbsp;'); }
195 | .icon-12.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c2;&nbsp;'); }
196 | .icon-12.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c3;&nbsp;'); }
197 | .icon-12.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c4;&nbsp;'); }
198 | .icon-12.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c5;&nbsp;'); }
199 | .icon-12.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c6;&nbsp;'); }
200 | .icon-12.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c7;&nbsp;'); }
201 | .icon-12.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c8;&nbsp;'); }
202 | .icon-12.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c9;&nbsp;'); }
203 | .icon-12.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ca;&nbsp;'); }
204 | .icon-12.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cb;&nbsp;'); }
205 | .icon-12.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cc;&nbsp;'); }
206 | .icon-12.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cd;&nbsp;'); }
207 | .icon-12.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ce;&nbsp;'); }
208 | .icon-13.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cf;&nbsp;'); }
209 | .icon-13.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d0;&nbsp;'); }
210 | .icon-13.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d1;&nbsp;'); }
211 | .icon-13.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d2;&nbsp;'); }
212 | .icon-13.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d3;&nbsp;'); }
213 | .icon-13.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d4;&nbsp;'); }
214 | .icon-13.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d5;&nbsp;'); }
215 | .icon-13.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d6;&nbsp;'); }
216 | .icon-13.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d7;&nbsp;'); }
217 | .icon-13.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d8;&nbsp;'); }
218 | .icon-13.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d9;&nbsp;'); }
219 | .icon-13.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8da;&nbsp;'); }
220 | .icon-13.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8db;&nbsp;'); }
221 | .icon-13.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8dc;&nbsp;'); }
222 | .icon-13.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8dd;&nbsp;'); }
223 | .icon-13.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8de;&nbsp;'); }
224 | .icon-13.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8df;&nbsp;'); }
225 | .icon-13.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e0;&nbsp;'); }
226 | .icon-13.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e1;&nbsp;'); }
227 | .icon-14.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e2;&nbsp;'); }
228 | .icon-14.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e3;&nbsp;'); }
229 | .icon-14.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e4;&nbsp;'); }
230 | .icon-14.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e5;&nbsp;'); }
231 | .icon-14.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e6;&nbsp;'); }
232 | .icon-14.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e7;&nbsp;'); }
233 | .icon-14.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e8;&nbsp;'); }
234 | .icon-14.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e9;&nbsp;'); }
235 | .icon-14.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ea;&nbsp;'); }
236 | .icon-14.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8eb;&nbsp;'); }
237 | .icon-15.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ec;&nbsp;'); }
238 | .icon-15.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ed;&nbsp;'); }
239 | .icon-15.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ee;&nbsp;'); }
240 | .icon-15.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ef;&nbsp;'); }
241 | .icon-15.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f0;&nbsp;'); }
242 | .icon-15.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f1;&nbsp;'); }
243 | .icon-15.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f2;&nbsp;'); }
244 | .icon-15.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f3;&nbsp;'); }
245 | .icon-15.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f4;&nbsp;'); }
246 | .icon-15.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f5;&nbsp;'); }
247 | .icon-15.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f6;&nbsp;'); }
248 | .icon-15.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f7;&nbsp;'); }
249 | .icon-15.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f8;&nbsp;'); }
250 | .icon-15.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f9;&nbsp;'); }
251 | .icon-15.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fa;&nbsp;'); }
252 | .icon-15.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fb;&nbsp;'); }
253 | .icon-15.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fc;&nbsp;'); }
254 | .icon-16.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fd;&nbsp;'); }
255 | .icon-16.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fe;&nbsp;'); }
256 | .icon-16.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ff;&nbsp;'); }
257 | .icon-16.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe900;&nbsp;'); }
258 | .icon-16.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe901;&nbsp;'); }
259 | .icon-16.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe902;&nbsp;'); }
260 | .icon-16.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe903;&nbsp;'); }
261 | .icon-16.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe904;&nbsp;'); }
262 | .icon-16.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe905;&nbsp;'); }
263 | .icon-17.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe906;&nbsp;'); }
264 | .icon-17.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe907;&nbsp;'); }
265 | .icon-17.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe908;&nbsp;'); }
266 | .icon-17.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe909;&nbsp;'); }
267 | .icon-17.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90a;&nbsp;'); }
268 | .icon-17.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90b;&nbsp;'); }
269 | .icon-17.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90c;&nbsp;'); }
270 | .icon-17.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90d;&nbsp;'); }
271 | .icon-17.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90e;&nbsp;'); }
272 | .icon-17.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90f;&nbsp;'); }


--------------------------------------------------------------------------------
/css/neededicons-ie7.css:
--------------------------------------------------------------------------------
  1 | [class^="icon-"], [class*=" icon-"] {
  2 |   font-family: 'neededicons';
  3 |   font-style: normal;
  4 |   font-weight: normal;
  5 |  
  6 |   /* fix buttons height */
  7 |   line-height: 1em;
  8 |  
  9 |   /* you can be more comfortable with increased icons size */
 10 |   /* font-size: 120%; */
 11 | }
 12 |  
 13 | .icon-1.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }
 14 | .icon-1.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }
 15 | .icon-1.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }
 16 | .icon-1.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }
 17 | .icon-1.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }
 18 | .icon-1.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }
 19 | .icon-1.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe806;&nbsp;'); }
 20 | .icon-1.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe807;&nbsp;'); }
 21 | .icon-1.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe808;&nbsp;'); }
 22 | .icon-1.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe809;&nbsp;'); }
 23 | .icon-1.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80a;&nbsp;'); }
 24 | .icon-1.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80b;&nbsp;'); }
 25 | .icon-1.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80c;&nbsp;'); }
 26 | .icon-1.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80d;&nbsp;'); }
 27 | .icon-1.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80e;&nbsp;'); }
 28 | .icon-1.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80f;&nbsp;'); }
 29 | .icon-1.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe810;&nbsp;'); }
 30 | .icon-1.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe811;&nbsp;'); }
 31 | .icon-1.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe812;&nbsp;'); }
 32 | .icon-1.20 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe813;&nbsp;'); }
 33 | .icon-1.21 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe814;&nbsp;'); }
 34 | .icon-1.22 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe815;&nbsp;'); }
 35 | .icon-2.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe816;&nbsp;'); }
 36 | .icon-2.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe817;&nbsp;'); }
 37 | .icon-2.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe818;&nbsp;'); }
 38 | .icon-2.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe819;&nbsp;'); }
 39 | .icon-2.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81a;&nbsp;'); }
 40 | .icon-2.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81b;&nbsp;'); }
 41 | .icon-2.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81c;&nbsp;'); }
 42 | .icon-2.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81d;&nbsp;'); }
 43 | .icon-2.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81e;&nbsp;'); }
 44 | .icon-2.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe81f;&nbsp;'); }
 45 | .icon-3.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe820;&nbsp;'); }
 46 | .icon-3.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe821;&nbsp;'); }
 47 | .icon-3.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe822;&nbsp;'); }
 48 | .icon-3.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe823;&nbsp;'); }
 49 | .icon-3.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe824;&nbsp;'); }
 50 | .icon-3.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe825;&nbsp;'); }
 51 | .icon-3.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe826;&nbsp;'); }
 52 | .icon-3.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe827;&nbsp;'); }
 53 | .icon-3.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe828;&nbsp;'); }
 54 | .icon-3.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe829;&nbsp;'); }
 55 | .icon-3.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82a;&nbsp;'); }
 56 | .icon-3.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82b;&nbsp;'); }
 57 | .icon-3.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82c;&nbsp;'); }
 58 | .icon-3.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82d;&nbsp;'); }
 59 | .icon-4.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82e;&nbsp;'); }
 60 | .icon-4.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe82f;&nbsp;'); }
 61 | .icon-4.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe830;&nbsp;'); }
 62 | .icon-4.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe831;&nbsp;'); }
 63 | .icon-4.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe832;&nbsp;'); }
 64 | .icon-4.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe833;&nbsp;'); }
 65 | .icon-4.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe834;&nbsp;'); }
 66 | .icon-4.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe835;&nbsp;'); }
 67 | .icon-4.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe836;&nbsp;'); }
 68 | .icon-4.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe837;&nbsp;'); }
 69 | .icon-5.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe838;&nbsp;'); }
 70 | .icon-5.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe839;&nbsp;'); }
 71 | .icon-5.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83a;&nbsp;'); }
 72 | .icon-5.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83b;&nbsp;'); }
 73 | .icon-5.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83c;&nbsp;'); }
 74 | .icon-5.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83d;&nbsp;'); }
 75 | .icon-5.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83e;&nbsp;'); }
 76 | .icon-5.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe83f;&nbsp;'); }
 77 | .icon-5.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe840;&nbsp;'); }
 78 | .icon-12.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe841;&nbsp;'); }
 79 | .icon-5.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe843;&nbsp;'); }
 80 | .icon-5.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe844;&nbsp;'); }
 81 | .icon-5.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe845;&nbsp;'); }
 82 | .icon-5.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe846;&nbsp;'); }
 83 | .icon-5.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe847;&nbsp;'); }
 84 | .icon-5.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe848;&nbsp;'); }
 85 | .icon-5.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe849;&nbsp;'); }
 86 | .icon-5.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84a;&nbsp;'); }
 87 | .icon-5.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84b;&nbsp;'); }
 88 | .icon-6.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84c;&nbsp;'); }
 89 | .icon-6.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84d;&nbsp;'); }
 90 | .icon-6.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84e;&nbsp;'); }
 91 | .icon-6.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe84f;&nbsp;'); }
 92 | .icon-6.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe850;&nbsp;'); }
 93 | .icon-6.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe851;&nbsp;'); }
 94 | .icon-6.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe852;&nbsp;'); }
 95 | .icon-6.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe853;&nbsp;'); }
 96 | .icon-6.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe854;&nbsp;'); }
 97 | .icon-6.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe855;&nbsp;'); }
 98 | .icon-6.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe856;&nbsp;'); }
 99 | .icon-6.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe857;&nbsp;'); }
100 | .icon-7.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe858;&nbsp;'); }
101 | .icon-7.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe859;&nbsp;'); }
102 | .icon-7.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85a;&nbsp;'); }
103 | .icon-7.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85b;&nbsp;'); }
104 | .icon-7.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85c;&nbsp;'); }
105 | .icon-7.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85d;&nbsp;'); }
106 | .icon-7.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85e;&nbsp;'); }
107 | .icon-8.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe85f;&nbsp;'); }
108 | .icon-8.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe860;&nbsp;'); }
109 | .icon-8.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe861;&nbsp;'); }
110 | .icon-8.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe862;&nbsp;'); }
111 | .icon-8.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe863;&nbsp;'); }
112 | .icon-8.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe864;&nbsp;'); }
113 | .icon-8.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe865;&nbsp;'); }
114 | .icon-8.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe866;&nbsp;'); }
115 | .icon-8.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe867;&nbsp;'); }
116 | .icon-8.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe868;&nbsp;'); }
117 | .icon-8.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe869;&nbsp;'); }
118 | .icon-8.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86a;&nbsp;'); }
119 | .icon-8.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86b;&nbsp;'); }
120 | .icon-8.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86c;&nbsp;'); }
121 | .icon-8.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86d;&nbsp;'); }
122 | .icon-8.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86e;&nbsp;'); }
123 | .icon-8.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe86f;&nbsp;'); }
124 | .icon-8.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe870;&nbsp;'); }
125 | .icon-8.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe871;&nbsp;'); }
126 | .icon-9.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe872;&nbsp;'); }
127 | .icon-9.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe873;&nbsp;'); }
128 | .icon-9.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe874;&nbsp;'); }
129 | .icon-9.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe875;&nbsp;'); }
130 | .icon-9.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe876;&nbsp;'); }
131 | .icon-9.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe877;&nbsp;'); }
132 | .icon-9.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe878;&nbsp;'); }
133 | .icon-9.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe879;&nbsp;'); }
134 | .icon-9.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87a;&nbsp;'); }
135 | .icon-9.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87b;&nbsp;'); }
136 | .icon-9.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87c;&nbsp;'); }
137 | .icon-9.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87d;&nbsp;'); }
138 | .icon-9.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87e;&nbsp;'); }
139 | .icon-9.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe87f;&nbsp;'); }
140 | .icon-9.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe880;&nbsp;'); }
141 | .icon-10.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe881;&nbsp;'); }
142 | .icon-10.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe882;&nbsp;'); }
143 | .icon-10.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe883;&nbsp;'); }
144 | .icon-10.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe884;&nbsp;'); }
145 | .icon-10.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe885;&nbsp;'); }
146 | .icon-10.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe886;&nbsp;'); }
147 | .icon-10.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe887;&nbsp;'); }
148 | .icon-10.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe888;&nbsp;'); }
149 | .icon-10.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe889;&nbsp;'); }
150 | .icon-10.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88a;&nbsp;'); }
151 | .icon-10.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88b;&nbsp;'); }
152 | .icon-10.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88c;&nbsp;'); }
153 | .icon-10.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88d;&nbsp;'); }
154 | .icon-10.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88e;&nbsp;'); }
155 | .icon-10.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe88f;&nbsp;'); }
156 | .icon-10.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe890;&nbsp;'); }
157 | .icon-10.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe891;&nbsp;'); }
158 | .icon-10.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe892;&nbsp;'); }
159 | .icon-10.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe893;&nbsp;'); }
160 | .icon-10.20 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe894;&nbsp;'); }
161 | .icon-10.21 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe895;&nbsp;'); }
162 | .icon-10.22 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe896;&nbsp;'); }
163 | .icon-10.23 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe897;&nbsp;'); }
164 | .icon-10.24 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe898;&nbsp;'); }
165 | .icon-10.25 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe899;&nbsp;'); }
166 | .icon-10.26 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89a;&nbsp;'); }
167 | .icon-10.27 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89b;&nbsp;'); }
168 | .icon-10.28 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89c;&nbsp;'); }
169 | .icon-10.29 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89d;&nbsp;'); }
170 | .icon-10.30 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89e;&nbsp;'); }
171 | .icon-10.31 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe89f;&nbsp;'); }
172 | .icon-10.32 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a0;&nbsp;'); }
173 | .icon-10.33 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a1;&nbsp;'); }
174 | .icon-10.34 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a2;&nbsp;'); }
175 | .icon-10.35 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a3;&nbsp;'); }
176 | .icon-10.36 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a4;&nbsp;'); }
177 | .icon-10.37 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a5;&nbsp;'); }
178 | .icon-10.38 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a6;&nbsp;'); }
179 | .icon-10.39 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a7;&nbsp;'); }
180 | .icon-10.40 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a8;&nbsp;'); }
181 | .icon-10.41 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8a9;&nbsp;'); }
182 | .icon-10.42 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8aa;&nbsp;'); }
183 | .icon-10.43 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ab;&nbsp;'); }
184 | .icon-10.44 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ac;&nbsp;'); }
185 | .icon-10.45 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ad;&nbsp;'); }
186 | .icon-10.46 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ae;&nbsp;'); }
187 | .icon-10.47 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8af;&nbsp;'); }
188 | .icon-11.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b0;&nbsp;'); }
189 | .icon-11.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b1;&nbsp;'); }
190 | .icon-11.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b2;&nbsp;'); }
191 | .icon-11.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b3;&nbsp;'); }
192 | .icon-11.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b4;&nbsp;'); }
193 | .icon-11.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b5;&nbsp;'); }
194 | .icon-11.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b6;&nbsp;'); }
195 | .icon-11.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b7;&nbsp;'); }
196 | .icon-11.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b8;&nbsp;'); }
197 | .icon-11.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8b9;&nbsp;'); }
198 | .icon-11.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ba;&nbsp;'); }
199 | .icon-11.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bb;&nbsp;'); }
200 | .icon-11.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bc;&nbsp;'); }
201 | .icon-11.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bd;&nbsp;'); }
202 | .icon-12.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8be;&nbsp;'); }
203 | .icon-12.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8bf;&nbsp;'); }
204 | .icon-12.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c0;&nbsp;'); }
205 | .icon-12.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c1;&nbsp;'); }
206 | .icon-12.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c2;&nbsp;'); }
207 | .icon-12.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c3;&nbsp;'); }
208 | .icon-12.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c4;&nbsp;'); }
209 | .icon-12.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c5;&nbsp;'); }
210 | .icon-12.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c6;&nbsp;'); }
211 | .icon-12.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c7;&nbsp;'); }
212 | .icon-12.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c8;&nbsp;'); }
213 | .icon-12.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8c9;&nbsp;'); }
214 | .icon-12.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ca;&nbsp;'); }
215 | .icon-12.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cb;&nbsp;'); }
216 | .icon-12.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cc;&nbsp;'); }
217 | .icon-12.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cd;&nbsp;'); }
218 | .icon-12.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ce;&nbsp;'); }
219 | .icon-13.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8cf;&nbsp;'); }
220 | .icon-13.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d0;&nbsp;'); }
221 | .icon-13.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d1;&nbsp;'); }
222 | .icon-13.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d2;&nbsp;'); }
223 | .icon-13.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d3;&nbsp;'); }
224 | .icon-13.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d4;&nbsp;'); }
225 | .icon-13.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d5;&nbsp;'); }
226 | .icon-13.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d6;&nbsp;'); }
227 | .icon-13.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d7;&nbsp;'); }
228 | .icon-13.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d8;&nbsp;'); }
229 | .icon-13.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8d9;&nbsp;'); }
230 | .icon-13.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8da;&nbsp;'); }
231 | .icon-13.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8db;&nbsp;'); }
232 | .icon-13.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8dc;&nbsp;'); }
233 | .icon-13.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8dd;&nbsp;'); }
234 | .icon-13.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8de;&nbsp;'); }
235 | .icon-13.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8df;&nbsp;'); }
236 | .icon-13.18 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e0;&nbsp;'); }
237 | .icon-13.19 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e1;&nbsp;'); }
238 | .icon-14.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e2;&nbsp;'); }
239 | .icon-14.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e3;&nbsp;'); }
240 | .icon-14.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e4;&nbsp;'); }
241 | .icon-14.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e5;&nbsp;'); }
242 | .icon-14.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e6;&nbsp;'); }
243 | .icon-14.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e7;&nbsp;'); }
244 | .icon-14.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e8;&nbsp;'); }
245 | .icon-14.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8e9;&nbsp;'); }
246 | .icon-14.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ea;&nbsp;'); }
247 | .icon-14.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8eb;&nbsp;'); }
248 | .icon-15.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ec;&nbsp;'); }
249 | .icon-15.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ed;&nbsp;'); }
250 | .icon-15.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ee;&nbsp;'); }
251 | .icon-15.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ef;&nbsp;'); }
252 | .icon-15.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f0;&nbsp;'); }
253 | .icon-15.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f1;&nbsp;'); }
254 | .icon-15.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f2;&nbsp;'); }
255 | .icon-15.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f3;&nbsp;'); }
256 | .icon-15.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f4;&nbsp;'); }
257 | .icon-15.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f5;&nbsp;'); }
258 | .icon-15.11 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f6;&nbsp;'); }
259 | .icon-15.12 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f7;&nbsp;'); }
260 | .icon-15.13 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f8;&nbsp;'); }
261 | .icon-15.14 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8f9;&nbsp;'); }
262 | .icon-15.15 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fa;&nbsp;'); }
263 | .icon-15.16 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fb;&nbsp;'); }
264 | .icon-15.17 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fc;&nbsp;'); }
265 | .icon-16.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fd;&nbsp;'); }
266 | .icon-16.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8fe;&nbsp;'); }
267 | .icon-16.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe8ff;&nbsp;'); }
268 | .icon-16.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe900;&nbsp;'); }
269 | .icon-16.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe901;&nbsp;'); }
270 | .icon-16.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe902;&nbsp;'); }
271 | .icon-16.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe903;&nbsp;'); }
272 | .icon-16.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe904;&nbsp;'); }
273 | .icon-16.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe905;&nbsp;'); }
274 | .icon-17.1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe906;&nbsp;'); }
275 | .icon-17.2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe907;&nbsp;'); }
276 | .icon-17.3 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe908;&nbsp;'); }
277 | .icon-17.4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe909;&nbsp;'); }
278 | .icon-17.5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90a;&nbsp;'); }
279 | .icon-17.6 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90b;&nbsp;'); }
280 | .icon-17.7 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90c;&nbsp;'); }
281 | .icon-17.8 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90d;&nbsp;'); }
282 | .icon-17.9 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90e;&nbsp;'); }
283 | .icon-17.10 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe90f;&nbsp;'); }


--------------------------------------------------------------------------------
/demo.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 |   <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  4 |     <meta charset="UTF-8"><style>
  5 | .clearfix {
  6 |   *zoom: 1;
  7 | }
  8 | .clearfix:before,
  9 | .clearfix:after {
 10 |   display: table;
 11 |   content: "";
 12 |   line-height: 0;
 13 | }
 14 | .clearfix:after {
 15 |   clear: both;
 16 | }
 17 | html {
 18 |   font-size: 100%;
 19 |   -webkit-text-size-adjust: 100%;
 20 |   -ms-text-size-adjust: 100%;
 21 | }
 22 | a:focus {
 23 |   outline: thin dotted #333;
 24 |   outline: 5px auto -webkit-focus-ring-color;
 25 |   outline-offset: -2px;
 26 | }
 27 | a:hover,
 28 | a:active {
 29 |   outline: 0;
 30 | }
 31 | button,
 32 | input,
 33 | select,
 34 | textarea {
 35 |   margin: 0;
 36 |   font-size: 100%;
 37 |   vertical-align: middle;
 38 | }
 39 | button,
 40 | input {
 41 |   *overflow: visible;
 42 |   line-height: normal;
 43 | }
 44 | button::-moz-focus-inner,
 45 | input::-moz-focus-inner {
 46 |   padding: 0;
 47 |   border: 0;
 48 | }
 49 | body {
 50 |   margin: 0;
 51 |   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 52 |   font-size: 14px;
 53 |   line-height: 20px;
 54 |   color: #333;
 55 |   background-color: #fff;
 56 | }
 57 | a {
 58 |   color: #08c;
 59 |   text-decoration: none;
 60 | }
 61 | a:hover {
 62 |   color: #005580;
 63 |   text-decoration: underline;
 64 | }
 65 | .row {
 66 |   margin-left: -20px;
 67 |   *zoom: 1;
 68 | }
 69 | .row:before,
 70 | .row:after {
 71 |   display: table;
 72 |   content: "";
 73 |   line-height: 0;
 74 | }
 75 | .row:after {
 76 |   clear: both;
 77 | }
 78 | [class*="span"] {
 79 |   float: left;
 80 |   min-height: 1px;
 81 |   margin-left: 20px;
 82 | }
 83 | .container,
 84 | .navbar-static-top .container,
 85 | .navbar-fixed-top .container,
 86 | .navbar-fixed-bottom .container {
 87 |   width: 940px;
 88 | }
 89 | .span12 {
 90 |   width: 940px;
 91 | }
 92 | .span11 {
 93 |   width: 860px;
 94 | }
 95 | .span10 {
 96 |   width: 780px;
 97 | }
 98 | .span9 {
 99 |   width: 700px;
100 | }
101 | .span8 {
102 |   width: 620px;
103 | }
104 | .span7 {
105 |   width: 540px;
106 | }
107 | .span6 {
108 |   width: 460px;
109 | }
110 | .span5 {
111 |   width: 380px;
112 | }
113 | .span4 {
114 |   width: 300px;
115 | }
116 | .span3 {
117 |   width: 220px;
118 | }
119 | .span2 {
120 |   width: 140px;
121 | }
122 | .span1 {
123 |   width: 60px;
124 | }
125 | [class*="span"].pull-right,
126 | .row-fluid [class*="span"].pull-right {
127 |   float: right;
128 | }
129 | .container {
130 |   margin-right: auto;
131 |   margin-left: auto;
132 |   *zoom: 1;
133 | }
134 | .container:before,
135 | .container:after {
136 |   display: table;
137 |   content: "";
138 |   line-height: 0;
139 | }
140 | .container:after {
141 |   clear: both;
142 | }
143 | p {
144 |   margin: 0 0 10px;
145 | }
146 | .lead {
147 |   margin-bottom: 20px;
148 |   font-size: 21px;
149 |   font-weight: 200;
150 |   line-height: 30px;
151 | }
152 | small {
153 |   font-size: 85%;
154 | }
155 | h1 {
156 |   margin: 10px 0;
157 |   font-family: inherit;
158 |   font-weight: bold;
159 |   line-height: 20px;
160 |   color: inherit;
161 |   text-rendering: optimizelegibility;
162 | }
163 | h1 small {
164 |   font-weight: normal;
165 |   line-height: 1;
166 |   color: #999;
167 | }
168 | h1 {
169 |   line-height: 40px;
170 | }
171 | h1 {
172 |   font-size: 38.5px;
173 | }
174 | h1 small {
175 |   font-size: 24.5px;
176 | }
177 | body {
178 |   margin-top: 90px;
179 | }
180 | .header {
181 |   position: fixed;
182 |   top: 0;
183 |   left: 50%;
184 |   margin-left: -480px;
185 |   background-color: #fff;
186 |   border-bottom: 1px solid #ddd;
187 |   padding-top: 10px;
188 |   z-index: 10;
189 | }
190 | .the-icons {
191 |   font-size: 14px;
192 |   line-height: 24px;
193 | }
194 | .switch {
195 |   position: absolute;
196 |   right: 0;
197 |   bottom: 10px;
198 |   color: #666;
199 | }
200 | .switch input {
201 |   margin-right: 0.3em;
202 | }
203 | .codesOn .i-name {
204 |   display: none;
205 | }
206 | .codesOn .i-code {
207 |   display: inline;
208 | }
209 | .i-code {
210 |   display: none;
211 | }
212 | @font-face {
213 |       font-family: 'neededicons';
214 |       src: url('./font/neededicons.eot?27996762');
215 |       src: url('./font/neededicons.eot?27996762#iefix') format('embedded-opentype'),
216 |            url('./font/neededicons.woff?27996762') format('woff'),
217 |            url('./font/neededicons.ttf?27996762') format('truetype'),
218 |            url('./font/neededicons.svg?27996762#neededicons') format('svg');
219 |       font-weight: normal;
220 |       font-style: normal;
221 |     }
222 |      
223 |      
224 |     .demo-icon
225 |     {
226 |       font-family: "neededicons";
227 |       font-style: normal;
228 |       font-weight: normal;
229 |       speak: none;
230 |      
231 |       display: inline-block;
232 |       text-decoration: inherit;
233 |       width: 1em;
234 |       margin-right: .2em;
235 |       text-align: center;
236 | 
237 |       font-variant: normal;
238 |       text-transform: none;
239 |      
240 |       line-height: 1em;
241 |      
242 |       margin-left: .2em;
243 |      
244 |       -webkit-font-smoothing: antialiased;
245 |       -moz-osx-font-smoothing: grayscale;
246 |      
247 |      }
248 |      </style>
249 |     <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/neededicons-ie7.css"><![endif]-->
250 |     <script>
251 |       function toggleCodes(on) {
252 |         var obj = document.getElementById('icons');
253 |       
254 |         if (on) {
255 |           obj.className += ' codesOn';
256 |         } else {
257 |           obj.className = obj.className.replace(' codesOn', '');
258 |         }
259 |       }
260 |       
261 |     </script>
262 |   </head>
263 |   <body>
264 |     <div class="container header">
265 |       <h1>
266 |         The most needed Icons
267 |          <small>font demo</small>
268 |       </h1>
269 |       <label class="switch">
270 |         <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
271 |       </label>
272 |     </div>
273 |     <div id="icons" class="container">
274 |       <div class="row">
275 |         <div title="Code: 0xe800" class="the-icons span3"><i class="demo-icon icon-1.8">&#xe800;</i> <span class="i-name">icon-1.8</span><span class="i-code">0xe800</span></div>
276 |         <div title="Code: 0xe801" class="the-icons span3"><i class="demo-icon icon-1.2">&#xe801;</i> <span class="i-name">icon-1.2</span><span class="i-code">0xe801</span></div>
277 |         <div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon icon-1.3">&#xe802;</i> <span class="i-name">icon-1.3</span><span class="i-code">0xe802</span></div>
278 |         <div title="Code: 0xe803" class="the-icons span3"><i class="demo-icon icon-1.4">&#xe803;</i> <span class="i-name">icon-1.4</span><span class="i-code">0xe803</span></div>
279 |       </div>
280 |       <div class="row">
281 |         <div title="Code: 0xe804" class="the-icons span3"><i class="demo-icon icon-1.5">&#xe804;</i> <span class="i-name">icon-1.5</span><span class="i-code">0xe804</span></div>
282 |         <div title="Code: 0xe805" class="the-icons span3"><i class="demo-icon icon-1.6">&#xe805;</i> <span class="i-name">icon-1.6</span><span class="i-code">0xe805</span></div>
283 |         <div title="Code: 0xe806" class="the-icons span3"><i class="demo-icon icon-1.7">&#xe806;</i> <span class="i-name">icon-1.7</span><span class="i-code">0xe806</span></div>
284 |         <div title="Code: 0xe807" class="the-icons span3"><i class="demo-icon icon-1.1">&#xe807;</i> <span class="i-name">icon-1.1</span><span class="i-code">0xe807</span></div>
285 |       </div>
286 |       <div class="row">
287 |         <div title="Code: 0xe808" class="the-icons span3"><i class="demo-icon icon-1.9">&#xe808;</i> <span class="i-name">icon-1.9</span><span class="i-code">0xe808</span></div>
288 |         <div title="Code: 0xe809" class="the-icons span3"><i class="demo-icon icon-1.10">&#xe809;</i> <span class="i-name">icon-1.10</span><span class="i-code">0xe809</span></div>
289 |         <div title="Code: 0xe80a" class="the-icons span3"><i class="demo-icon icon-1.11">&#xe80a;</i> <span class="i-name">icon-1.11</span><span class="i-code">0xe80a</span></div>
290 |         <div title="Code: 0xe80b" class="the-icons span3"><i class="demo-icon icon-1.12">&#xe80b;</i> <span class="i-name">icon-1.12</span><span class="i-code">0xe80b</span></div>
291 |       </div>
292 |       <div class="row">
293 |         <div title="Code: 0xe80c" class="the-icons span3"><i class="demo-icon icon-1.13">&#xe80c;</i> <span class="i-name">icon-1.13</span><span class="i-code">0xe80c</span></div>
294 |         <div title="Code: 0xe80d" class="the-icons span3"><i class="demo-icon icon-1.14">&#xe80d;</i> <span class="i-name">icon-1.14</span><span class="i-code">0xe80d</span></div>
295 |         <div title="Code: 0xe80e" class="the-icons span3"><i class="demo-icon icon-1.15">&#xe80e;</i> <span class="i-name">icon-1.15</span><span class="i-code">0xe80e</span></div>
296 |         <div title="Code: 0xe80f" class="the-icons span3"><i class="demo-icon icon-1.16">&#xe80f;</i> <span class="i-name">icon-1.16</span><span class="i-code">0xe80f</span></div>
297 |       </div>
298 |       <div class="row">
299 |         <div title="Code: 0xe810" class="the-icons span3"><i class="demo-icon icon-1.17">&#xe810;</i> <span class="i-name">icon-1.17</span><span class="i-code">0xe810</span></div>
300 |         <div title="Code: 0xe811" class="the-icons span3"><i class="demo-icon icon-1.18">&#xe811;</i> <span class="i-name">icon-1.18</span><span class="i-code">0xe811</span></div>
301 |         <div title="Code: 0xe812" class="the-icons span3"><i class="demo-icon icon-1.19">&#xe812;</i> <span class="i-name">icon-1.19</span><span class="i-code">0xe812</span></div>
302 |         <div title="Code: 0xe813" class="the-icons span3"><i class="demo-icon icon-1.20">&#xe813;</i> <span class="i-name">icon-1.20</span><span class="i-code">0xe813</span></div>
303 |       </div>
304 |       <div class="row">
305 |         <div title="Code: 0xe814" class="the-icons span3"><i class="demo-icon icon-1.21">&#xe814;</i> <span class="i-name">icon-1.21</span><span class="i-code">0xe814</span></div>
306 |         <div title="Code: 0xe815" class="the-icons span3"><i class="demo-icon icon-1.22">&#xe815;</i> <span class="i-name">icon-1.22</span><span class="i-code">0xe815</span></div>
307 |         <div title="Code: 0xe816" class="the-icons span3"><i class="demo-icon icon-2.1">&#xe816;</i> <span class="i-name">icon-2.1</span><span class="i-code">0xe816</span></div>
308 |         <div title="Code: 0xe817" class="the-icons span3"><i class="demo-icon icon-2.2">&#xe817;</i> <span class="i-name">icon-2.2</span><span class="i-code">0xe817</span></div>
309 |       </div>
310 |       <div class="row">
311 |         <div title="Code: 0xe818" class="the-icons span3"><i class="demo-icon icon-2.3">&#xe818;</i> <span class="i-name">icon-2.3</span><span class="i-code">0xe818</span></div>
312 |         <div title="Code: 0xe819" class="the-icons span3"><i class="demo-icon icon-2.4">&#xe819;</i> <span class="i-name">icon-2.4</span><span class="i-code">0xe819</span></div>
313 |         <div title="Code: 0xe81a" class="the-icons span3"><i class="demo-icon icon-2.5">&#xe81a;</i> <span class="i-name">icon-2.5</span><span class="i-code">0xe81a</span></div>
314 |         <div title="Code: 0xe81b" class="the-icons span3"><i class="demo-icon icon-2.6">&#xe81b;</i> <span class="i-name">icon-2.6</span><span class="i-code">0xe81b</span></div>
315 |       </div>
316 |       <div class="row">
317 |         <div title="Code: 0xe81c" class="the-icons span3"><i class="demo-icon icon-2.7">&#xe81c;</i> <span class="i-name">icon-2.7</span><span class="i-code">0xe81c</span></div>
318 |         <div title="Code: 0xe81d" class="the-icons span3"><i class="demo-icon icon-2.8">&#xe81d;</i> <span class="i-name">icon-2.8</span><span class="i-code">0xe81d</span></div>
319 |         <div title="Code: 0xe81e" class="the-icons span3"><i class="demo-icon icon-2.9">&#xe81e;</i> <span class="i-name">icon-2.9</span><span class="i-code">0xe81e</span></div>
320 |         <div title="Code: 0xe81f" class="the-icons span3"><i class="demo-icon icon-2.10">&#xe81f;</i> <span class="i-name">icon-2.10</span><span class="i-code">0xe81f</span></div>
321 |       </div>
322 |       <div class="row">
323 |         <div title="Code: 0xe820" class="the-icons span3"><i class="demo-icon icon-3.1">&#xe820;</i> <span class="i-name">icon-3.1</span><span class="i-code">0xe820</span></div>
324 |         <div title="Code: 0xe821" class="the-icons span3"><i class="demo-icon icon-3.2">&#xe821;</i> <span class="i-name">icon-3.2</span><span class="i-code">0xe821</span></div>
325 |         <div title="Code: 0xe822" class="the-icons span3"><i class="demo-icon icon-3.3">&#xe822;</i> <span class="i-name">icon-3.3</span><span class="i-code">0xe822</span></div>
326 |         <div title="Code: 0xe823" class="the-icons span3"><i class="demo-icon icon-3.4">&#xe823;</i> <span class="i-name">icon-3.4</span><span class="i-code">0xe823</span></div>
327 |       </div>
328 |       <div class="row">
329 |         <div title="Code: 0xe824" class="the-icons span3"><i class="demo-icon icon-3.5">&#xe824;</i> <span class="i-name">icon-3.5</span><span class="i-code">0xe824</span></div>
330 |         <div title="Code: 0xe825" class="the-icons span3"><i class="demo-icon icon-3.6">&#xe825;</i> <span class="i-name">icon-3.6</span><span class="i-code">0xe825</span></div>
331 |         <div title="Code: 0xe826" class="the-icons span3"><i class="demo-icon icon-3.7">&#xe826;</i> <span class="i-name">icon-3.7</span><span class="i-code">0xe826</span></div>
332 |         <div title="Code: 0xe827" class="the-icons span3"><i class="demo-icon icon-3.8">&#xe827;</i> <span class="i-name">icon-3.8</span><span class="i-code">0xe827</span></div>
333 |       </div>
334 |       <div class="row">
335 |         <div title="Code: 0xe828" class="the-icons span3"><i class="demo-icon icon-3.9">&#xe828;</i> <span class="i-name">icon-3.9</span><span class="i-code">0xe828</span></div>
336 |         <div title="Code: 0xe829" class="the-icons span3"><i class="demo-icon icon-3.10">&#xe829;</i> <span class="i-name">icon-3.10</span><span class="i-code">0xe829</span></div>
337 |         <div title="Code: 0xe82a" class="the-icons span3"><i class="demo-icon icon-3.11">&#xe82a;</i> <span class="i-name">icon-3.11</span><span class="i-code">0xe82a</span></div>
338 |         <div title="Code: 0xe82b" class="the-icons span3"><i class="demo-icon icon-3.12">&#xe82b;</i> <span class="i-name">icon-3.12</span><span class="i-code">0xe82b</span></div>
339 |       </div>
340 |       <div class="row">
341 |         <div title="Code: 0xe82c" class="the-icons span3"><i class="demo-icon icon-3.13">&#xe82c;</i> <span class="i-name">icon-3.13</span><span class="i-code">0xe82c</span></div>
342 |         <div title="Code: 0xe82d" class="the-icons span3"><i class="demo-icon icon-3.14">&#xe82d;</i> <span class="i-name">icon-3.14</span><span class="i-code">0xe82d</span></div>
343 |         <div title="Code: 0xe82e" class="the-icons span3"><i class="demo-icon icon-4.1">&#xe82e;</i> <span class="i-name">icon-4.1</span><span class="i-code">0xe82e</span></div>
344 |         <div title="Code: 0xe82f" class="the-icons span3"><i class="demo-icon icon-4.2">&#xe82f;</i> <span class="i-name">icon-4.2</span><span class="i-code">0xe82f</span></div>
345 |       </div>
346 |       <div class="row">
347 |         <div title="Code: 0xe830" class="the-icons span3"><i class="demo-icon icon-4.3">&#xe830;</i> <span class="i-name">icon-4.3</span><span class="i-code">0xe830</span></div>
348 |         <div title="Code: 0xe831" class="the-icons span3"><i class="demo-icon icon-4.4">&#xe831;</i> <span class="i-name">icon-4.4</span><span class="i-code">0xe831</span></div>
349 |         <div title="Code: 0xe832" class="the-icons span3"><i class="demo-icon icon-4.5">&#xe832;</i> <span class="i-name">icon-4.5</span><span class="i-code">0xe832</span></div>
350 |         <div title="Code: 0xe833" class="the-icons span3"><i class="demo-icon icon-4.6">&#xe833;</i> <span class="i-name">icon-4.6</span><span class="i-code">0xe833</span></div>
351 |       </div>
352 |       <div class="row">
353 |         <div title="Code: 0xe834" class="the-icons span3"><i class="demo-icon icon-4.7">&#xe834;</i> <span class="i-name">icon-4.7</span><span class="i-code">0xe834</span></div>
354 |         <div title="Code: 0xe835" class="the-icons span3"><i class="demo-icon icon-4.8">&#xe835;</i> <span class="i-name">icon-4.8</span><span class="i-code">0xe835</span></div>
355 |         <div title="Code: 0xe836" class="the-icons span3"><i class="demo-icon icon-4.9">&#xe836;</i> <span class="i-name">icon-4.9</span><span class="i-code">0xe836</span></div>
356 |         <div title="Code: 0xe837" class="the-icons span3"><i class="demo-icon icon-4.10">&#xe837;</i> <span class="i-name">icon-4.10</span><span class="i-code">0xe837</span></div>
357 |       </div>
358 |       <div class="row">
359 |         <div title="Code: 0xe838" class="the-icons span3"><i class="demo-icon icon-5.1">&#xe838;</i> <span class="i-name">icon-5.1</span><span class="i-code">0xe838</span></div>
360 |         <div title="Code: 0xe839" class="the-icons span3"><i class="demo-icon icon-5.2">&#xe839;</i> <span class="i-name">icon-5.2</span><span class="i-code">0xe839</span></div>
361 |         <div title="Code: 0xe83a" class="the-icons span3"><i class="demo-icon icon-5.3">&#xe83a;</i> <span class="i-name">icon-5.3</span><span class="i-code">0xe83a</span></div>
362 |         <div title="Code: 0xe83b" class="the-icons span3"><i class="demo-icon icon-5.4">&#xe83b;</i> <span class="i-name">icon-5.4</span><span class="i-code">0xe83b</span></div>
363 |       </div>
364 |       <div class="row">
365 |         <div title="Code: 0xe83c" class="the-icons span3"><i class="demo-icon icon-5.5">&#xe83c;</i> <span class="i-name">icon-5.5</span><span class="i-code">0xe83c</span></div>
366 |         <div title="Code: 0xe83d" class="the-icons span3"><i class="demo-icon icon-5.6">&#xe83d;</i> <span class="i-name">icon-5.6</span><span class="i-code">0xe83d</span></div>
367 |         <div title="Code: 0xe83e" class="the-icons span3"><i class="demo-icon icon-5.7">&#xe83e;</i> <span class="i-name">icon-5.7</span><span class="i-code">0xe83e</span></div>
368 |         <div title="Code: 0xe83f" class="the-icons span3"><i class="demo-icon icon-5.8">&#xe83f;</i> <span class="i-name">icon-5.8</span><span class="i-code">0xe83f</span></div>
369 |       </div>
370 |       <div class="row">
371 |         <div title="Code: 0xe840" class="the-icons span3"><i class="demo-icon icon-5.9">&#xe840;</i> <span class="i-name">icon-5.9</span><span class="i-code">0xe840</span></div>
372 |         <div title="Code: 0xe841" class="the-icons span3"><i class="demo-icon icon-12.12">&#xe841;</i> <span class="i-name">icon-12.12</span><span class="i-code">0xe841</span></div>
373 |         <div title="Code: 0xe843" class="the-icons span3"><i class="demo-icon icon-5.10">&#xe843;</i> <span class="i-name">icon-5.10</span><span class="i-code">0xe843</span></div>
374 |         <div title="Code: 0xe844" class="the-icons span3"><i class="demo-icon icon-5.11">&#xe844;</i> <span class="i-name">icon-5.11</span><span class="i-code">0xe844</span></div>
375 |       </div>
376 |       <div class="row">
377 |         <div title="Code: 0xe845" class="the-icons span3"><i class="demo-icon icon-5.12">&#xe845;</i> <span class="i-name">icon-5.12</span><span class="i-code">0xe845</span></div>
378 |         <div title="Code: 0xe846" class="the-icons span3"><i class="demo-icon icon-5.13">&#xe846;</i> <span class="i-name">icon-5.13</span><span class="i-code">0xe846</span></div>
379 |         <div title="Code: 0xe847" class="the-icons span3"><i class="demo-icon icon-5.14">&#xe847;</i> <span class="i-name">icon-5.14</span><span class="i-code">0xe847</span></div>
380 |         <div title="Code: 0xe848" class="the-icons span3"><i class="demo-icon icon-5.15">&#xe848;</i> <span class="i-name">icon-5.15</span><span class="i-code">0xe848</span></div>
381 |       </div>
382 |       <div class="row">
383 |         <div title="Code: 0xe849" class="the-icons span3"><i class="demo-icon icon-5.16">&#xe849;</i> <span class="i-name">icon-5.16</span><span class="i-code">0xe849</span></div>
384 |         <div title="Code: 0xe84a" class="the-icons span3"><i class="demo-icon icon-5.17">&#xe84a;</i> <span class="i-name">icon-5.17</span><span class="i-code">0xe84a</span></div>
385 |         <div title="Code: 0xe84b" class="the-icons span3"><i class="demo-icon icon-5.18">&#xe84b;</i> <span class="i-name">icon-5.18</span><span class="i-code">0xe84b</span></div>
386 |         <div title="Code: 0xe84c" class="the-icons span3"><i class="demo-icon icon-6.1">&#xe84c;</i> <span class="i-name">icon-6.1</span><span class="i-code">0xe84c</span></div>
387 |       </div>
388 |       <div class="row">
389 |         <div title="Code: 0xe84d" class="the-icons span3"><i class="demo-icon icon-6.2">&#xe84d;</i> <span class="i-name">icon-6.2</span><span class="i-code">0xe84d</span></div>
390 |         <div title="Code: 0xe84e" class="the-icons span3"><i class="demo-icon icon-6.3">&#xe84e;</i> <span class="i-name">icon-6.3</span><span class="i-code">0xe84e</span></div>
391 |         <div title="Code: 0xe84f" class="the-icons span3"><i class="demo-icon icon-6.4">&#xe84f;</i> <span class="i-name">icon-6.4</span><span class="i-code">0xe84f</span></div>
392 |         <div title="Code: 0xe850" class="the-icons span3"><i class="demo-icon icon-6.5">&#xe850;</i> <span class="i-name">icon-6.5</span><span class="i-code">0xe850</span></div>
393 |       </div>
394 |       <div class="row">
395 |         <div title="Code: 0xe851" class="the-icons span3"><i class="demo-icon icon-6.6">&#xe851;</i> <span class="i-name">icon-6.6</span><span class="i-code">0xe851</span></div>
396 |         <div title="Code: 0xe852" class="the-icons span3"><i class="demo-icon icon-6.7">&#xe852;</i> <span class="i-name">icon-6.7</span><span class="i-code">0xe852</span></div>
397 |         <div title="Code: 0xe853" class="the-icons span3"><i class="demo-icon icon-6.8">&#xe853;</i> <span class="i-name">icon-6.8</span><span class="i-code">0xe853</span></div>
398 |         <div title="Code: 0xe854" class="the-icons span3"><i class="demo-icon icon-6.9">&#xe854;</i> <span class="i-name">icon-6.9</span><span class="i-code">0xe854</span></div>
399 |       </div>
400 |       <div class="row">
401 |         <div title="Code: 0xe855" class="the-icons span3"><i class="demo-icon icon-6.10">&#xe855;</i> <span class="i-name">icon-6.10</span><span class="i-code">0xe855</span></div>
402 |         <div title="Code: 0xe856" class="the-icons span3"><i class="demo-icon icon-6.11">&#xe856;</i> <span class="i-name">icon-6.11</span><span class="i-code">0xe856</span></div>
403 |         <div title="Code: 0xe857" class="the-icons span3"><i class="demo-icon icon-6.12">&#xe857;</i> <span class="i-name">icon-6.12</span><span class="i-code">0xe857</span></div>
404 |         <div title="Code: 0xe858" class="the-icons span3"><i class="demo-icon icon-7.1">&#xe858;</i> <span class="i-name">icon-7.1</span><span class="i-code">0xe858</span></div>
405 |       </div>
406 |       <div class="row">
407 |         <div title="Code: 0xe859" class="the-icons span3"><i class="demo-icon icon-7.2">&#xe859;</i> <span class="i-name">icon-7.2</span><span class="i-code">0xe859</span></div>
408 |         <div title="Code: 0xe85a" class="the-icons span3"><i class="demo-icon icon-7.3">&#xe85a;</i> <span class="i-name">icon-7.3</span><span class="i-code">0xe85a</span></div>
409 |         <div title="Code: 0xe85b" class="the-icons span3"><i class="demo-icon icon-7.4">&#xe85b;</i> <span class="i-name">icon-7.4</span><span class="i-code">0xe85b</span></div>
410 |         <div title="Code: 0xe85c" class="the-icons span3"><i class="demo-icon icon-7.5">&#xe85c;</i> <span class="i-name">icon-7.5</span><span class="i-code">0xe85c</span></div>
411 |       </div>
412 |       <div class="row">
413 |         <div title="Code: 0xe85d" class="the-icons span3"><i class="demo-icon icon-7.6">&#xe85d;</i> <span class="i-name">icon-7.6</span><span class="i-code">0xe85d</span></div>
414 |         <div title="Code: 0xe85e" class="the-icons span3"><i class="demo-icon icon-7.7">&#xe85e;</i> <span class="i-name">icon-7.7</span><span class="i-code">0xe85e</span></div>
415 |         <div title="Code: 0xe85f" class="the-icons span3"><i class="demo-icon icon-8.1">&#xe85f;</i> <span class="i-name">icon-8.1</span><span class="i-code">0xe85f</span></div>
416 |         <div title="Code: 0xe860" class="the-icons span3"><i class="demo-icon icon-8.2">&#xe860;</i> <span class="i-name">icon-8.2</span><span class="i-code">0xe860</span></div>
417 |       </div>
418 |       <div class="row">
419 |         <div title="Code: 0xe861" class="the-icons span3"><i class="demo-icon icon-8.3">&#xe861;</i> <span class="i-name">icon-8.3</span><span class="i-code">0xe861</span></div>
420 |         <div title="Code: 0xe862" class="the-icons span3"><i class="demo-icon icon-8.4">&#xe862;</i> <span class="i-name">icon-8.4</span><span class="i-code">0xe862</span></div>
421 |         <div title="Code: 0xe863" class="the-icons span3"><i class="demo-icon icon-8.5">&#xe863;</i> <span class="i-name">icon-8.5</span><span class="i-code">0xe863</span></div>
422 |         <div title="Code: 0xe864" class="the-icons span3"><i class="demo-icon icon-8.6">&#xe864;</i> <span class="i-name">icon-8.6</span><span class="i-code">0xe864</span></div>
423 |       </div>
424 |       <div class="row">
425 |         <div title="Code: 0xe865" class="the-icons span3"><i class="demo-icon icon-8.7">&#xe865;</i> <span class="i-name">icon-8.7</span><span class="i-code">0xe865</span></div>
426 |         <div title="Code: 0xe866" class="the-icons span3"><i class="demo-icon icon-8.8">&#xe866;</i> <span class="i-name">icon-8.8</span><span class="i-code">0xe866</span></div>
427 |         <div title="Code: 0xe867" class="the-icons span3"><i class="demo-icon icon-8.9">&#xe867;</i> <span class="i-name">icon-8.9</span><span class="i-code">0xe867</span></div>
428 |         <div title="Code: 0xe868" class="the-icons span3"><i class="demo-icon icon-8.10">&#xe868;</i> <span class="i-name">icon-8.10</span><span class="i-code">0xe868</span></div>
429 |       </div>
430 |       <div class="row">
431 |         <div title="Code: 0xe869" class="the-icons span3"><i class="demo-icon icon-8.11">&#xe869;</i> <span class="i-name">icon-8.11</span><span class="i-code">0xe869</span></div>
432 |         <div title="Code: 0xe86a" class="the-icons span3"><i class="demo-icon icon-8.12">&#xe86a;</i> <span class="i-name">icon-8.12</span><span class="i-code">0xe86a</span></div>
433 |         <div title="Code: 0xe86b" class="the-icons span3"><i class="demo-icon icon-8.13">&#xe86b;</i> <span class="i-name">icon-8.13</span><span class="i-code">0xe86b</span></div>
434 |         <div title="Code: 0xe86c" class="the-icons span3"><i class="demo-icon icon-8.14">&#xe86c;</i> <span class="i-name">icon-8.14</span><span class="i-code">0xe86c</span></div>
435 |       </div>
436 |       <div class="row">
437 |         <div title="Code: 0xe86d" class="the-icons span3"><i class="demo-icon icon-8.15">&#xe86d;</i> <span class="i-name">icon-8.15</span><span class="i-code">0xe86d</span></div>
438 |         <div title="Code: 0xe86e" class="the-icons span3"><i class="demo-icon icon-8.16">&#xe86e;</i> <span class="i-name">icon-8.16</span><span class="i-code">0xe86e</span></div>
439 |         <div title="Code: 0xe86f" class="the-icons span3"><i class="demo-icon icon-8.17">&#xe86f;</i> <span class="i-name">icon-8.17</span><span class="i-code">0xe86f</span></div>
440 |         <div title="Code: 0xe870" class="the-icons span3"><i class="demo-icon icon-8.18">&#xe870;</i> <span class="i-name">icon-8.18</span><span class="i-code">0xe870</span></div>
441 |       </div>
442 |       <div class="row">
443 |         <div title="Code: 0xe871" class="the-icons span3"><i class="demo-icon icon-8.19">&#xe871;</i> <span class="i-name">icon-8.19</span><span class="i-code">0xe871</span></div>
444 |         <div title="Code: 0xe872" class="the-icons span3"><i class="demo-icon icon-9.1">&#xe872;</i> <span class="i-name">icon-9.1</span><span class="i-code">0xe872</span></div>
445 |         <div title="Code: 0xe873" class="the-icons span3"><i class="demo-icon icon-9.2">&#xe873;</i> <span class="i-name">icon-9.2</span><span class="i-code">0xe873</span></div>
446 |         <div title="Code: 0xe874" class="the-icons span3"><i class="demo-icon icon-9.3">&#xe874;</i> <span class="i-name">icon-9.3</span><span class="i-code">0xe874</span></div>
447 |       </div>
448 |       <div class="row">
449 |         <div title="Code: 0xe875" class="the-icons span3"><i class="demo-icon icon-9.4">&#xe875;</i> <span class="i-name">icon-9.4</span><span class="i-code">0xe875</span></div>
450 |         <div title="Code: 0xe876" class="the-icons span3"><i class="demo-icon icon-9.5">&#xe876;</i> <span class="i-name">icon-9.5</span><span class="i-code">0xe876</span></div>
451 |         <div title="Code: 0xe877" class="the-icons span3"><i class="demo-icon icon-9.6">&#xe877;</i> <span class="i-name">icon-9.6</span><span class="i-code">0xe877</span></div>
452 |         <div title="Code: 0xe878" class="the-icons span3"><i class="demo-icon icon-9.7">&#xe878;</i> <span class="i-name">icon-9.7</span><span class="i-code">0xe878</span></div>
453 |       </div>
454 |       <div class="row">
455 |         <div title="Code: 0xe879" class="the-icons span3"><i class="demo-icon icon-9.8">&#xe879;</i> <span class="i-name">icon-9.8</span><span class="i-code">0xe879</span></div>
456 |         <div title="Code: 0xe87a" class="the-icons span3"><i class="demo-icon icon-9.9">&#xe87a;</i> <span class="i-name">icon-9.9</span><span class="i-code">0xe87a</span></div>
457 |         <div title="Code: 0xe87b" class="the-icons span3"><i class="demo-icon icon-9.10">&#xe87b;</i> <span class="i-name">icon-9.10</span><span class="i-code">0xe87b</span></div>
458 |         <div title="Code: 0xe87c" class="the-icons span3"><i class="demo-icon icon-9.11">&#xe87c;</i> <span class="i-name">icon-9.11</span><span class="i-code">0xe87c</span></div>
459 |       </div>
460 |       <div class="row">
461 |         <div title="Code: 0xe87d" class="the-icons span3"><i class="demo-icon icon-9.12">&#xe87d;</i> <span class="i-name">icon-9.12</span><span class="i-code">0xe87d</span></div>
462 |         <div title="Code: 0xe87e" class="the-icons span3"><i class="demo-icon icon-9.13">&#xe87e;</i> <span class="i-name">icon-9.13</span><span class="i-code">0xe87e</span></div>
463 |         <div title="Code: 0xe87f" class="the-icons span3"><i class="demo-icon icon-9.14">&#xe87f;</i> <span class="i-name">icon-9.14</span><span class="i-code">0xe87f</span></div>
464 |         <div title="Code: 0xe880" class="the-icons span3"><i class="demo-icon icon-9.15">&#xe880;</i> <span class="i-name">icon-9.15</span><span class="i-code">0xe880</span></div>
465 |       </div>
466 |       <div class="row">
467 |         <div title="Code: 0xe881" class="the-icons span3"><i class="demo-icon icon-10.1">&#xe881;</i> <span class="i-name">icon-10.1</span><span class="i-code">0xe881</span></div>
468 |         <div title="Code: 0xe882" class="the-icons span3"><i class="demo-icon icon-10.2">&#xe882;</i> <span class="i-name">icon-10.2</span><span class="i-code">0xe882</span></div>
469 |         <div title="Code: 0xe883" class="the-icons span3"><i class="demo-icon icon-10.3">&#xe883;</i> <span class="i-name">icon-10.3</span><span class="i-code">0xe883</span></div>
470 |         <div title="Code: 0xe884" class="the-icons span3"><i class="demo-icon icon-10.4">&#xe884;</i> <span class="i-name">icon-10.4</span><span class="i-code">0xe884</span></div>
471 |       </div>
472 |       <div class="row">
473 |         <div title="Code: 0xe885" class="the-icons span3"><i class="demo-icon icon-10.5">&#xe885;</i> <span class="i-name">icon-10.5</span><span class="i-code">0xe885</span></div>
474 |         <div title="Code: 0xe886" class="the-icons span3"><i class="demo-icon icon-10.6">&#xe886;</i> <span class="i-name">icon-10.6</span><span class="i-code">0xe886</span></div>
475 |         <div title="Code: 0xe887" class="the-icons span3"><i class="demo-icon icon-10.7">&#xe887;</i> <span class="i-name">icon-10.7</span><span class="i-code">0xe887</span></div>
476 |         <div title="Code: 0xe888" class="the-icons span3"><i class="demo-icon icon-10.8">&#xe888;</i> <span class="i-name">icon-10.8</span><span class="i-code">0xe888</span></div>
477 |       </div>
478 |       <div class="row">
479 |         <div title="Code: 0xe889" class="the-icons span3"><i class="demo-icon icon-10.9">&#xe889;</i> <span class="i-name">icon-10.9</span><span class="i-code">0xe889</span></div>
480 |         <div title="Code: 0xe88a" class="the-icons span3"><i class="demo-icon icon-10.10">&#xe88a;</i> <span class="i-name">icon-10.10</span><span class="i-code">0xe88a</span></div>
481 |         <div title="Code: 0xe88b" class="the-icons span3"><i class="demo-icon icon-10.11">&#xe88b;</i> <span class="i-name">icon-10.11</span><span class="i-code">0xe88b</span></div>
482 |         <div title="Code: 0xe88c" class="the-icons span3"><i class="demo-icon icon-10.12">&#xe88c;</i> <span class="i-name">icon-10.12</span><span class="i-code">0xe88c</span></div>
483 |       </div>
484 |       <div class="row">
485 |         <div title="Code: 0xe88d" class="the-icons span3"><i class="demo-icon icon-10.13">&#xe88d;</i> <span class="i-name">icon-10.13</span><span class="i-code">0xe88d</span></div>
486 |         <div title="Code: 0xe88e" class="the-icons span3"><i class="demo-icon icon-10.14">&#xe88e;</i> <span class="i-name">icon-10.14</span><span class="i-code">0xe88e</span></div>
487 |         <div title="Code: 0xe88f" class="the-icons span3"><i class="demo-icon icon-10.15">&#xe88f;</i> <span class="i-name">icon-10.15</span><span class="i-code">0xe88f</span></div>
488 |         <div title="Code: 0xe890" class="the-icons span3"><i class="demo-icon icon-10.16">&#xe890;</i> <span class="i-name">icon-10.16</span><span class="i-code">0xe890</span></div>
489 |       </div>
490 |       <div class="row">
491 |         <div title="Code: 0xe891" class="the-icons span3"><i class="demo-icon icon-10.17">&#xe891;</i> <span class="i-name">icon-10.17</span><span class="i-code">0xe891</span></div>
492 |         <div title="Code: 0xe892" class="the-icons span3"><i class="demo-icon icon-10.18">&#xe892;</i> <span class="i-name">icon-10.18</span><span class="i-code">0xe892</span></div>
493 |         <div title="Code: 0xe893" class="the-icons span3"><i class="demo-icon icon-10.19">&#xe893;</i> <span class="i-name">icon-10.19</span><span class="i-code">0xe893</span></div>
494 |         <div title="Code: 0xe894" class="the-icons span3"><i class="demo-icon icon-10.20">&#xe894;</i> <span class="i-name">icon-10.20</span><span class="i-code">0xe894</span></div>
495 |       </div>
496 |       <div class="row">
497 |         <div title="Code: 0xe895" class="the-icons span3"><i class="demo-icon icon-10.21">&#xe895;</i> <span class="i-name">icon-10.21</span><span class="i-code">0xe895</span></div>
498 |         <div title="Code: 0xe896" class="the-icons span3"><i class="demo-icon icon-10.22">&#xe896;</i> <span class="i-name">icon-10.22</span><span class="i-code">0xe896</span></div>
499 |         <div title="Code: 0xe897" class="the-icons span3"><i class="demo-icon icon-10.23">&#xe897;</i> <span class="i-name">icon-10.23</span><span class="i-code">0xe897</span></div>
500 |         <div title="Code: 0xe898" class="the-icons span3"><i class="demo-icon icon-10.24">&#xe898;</i> <span class="i-name">icon-10.24</span><span class="i-code">0xe898</span></div>
501 |       </div>
502 |       <div class="row">
503 |         <div title="Code: 0xe899" class="the-icons span3"><i class="demo-icon icon-10.25">&#xe899;</i> <span class="i-name">icon-10.25</span><span class="i-code">0xe899</span></div>
504 |         <div title="Code: 0xe89a" class="the-icons span3"><i class="demo-icon icon-10.26">&#xe89a;</i> <span class="i-name">icon-10.26</span><span class="i-code">0xe89a</span></div>
505 |         <div title="Code: 0xe89b" class="the-icons span3"><i class="demo-icon icon-10.27">&#xe89b;</i> <span class="i-name">icon-10.27</span><span class="i-code">0xe89b</span></div>
506 |         <div title="Code: 0xe89c" class="the-icons span3"><i class="demo-icon icon-10.28">&#xe89c;</i> <span class="i-name">icon-10.28</span><span class="i-code">0xe89c</span></div>
507 |       </div>
508 |       <div class="row">
509 |         <div title="Code: 0xe89d" class="the-icons span3"><i class="demo-icon icon-10.29">&#xe89d;</i> <span class="i-name">icon-10.29</span><span class="i-code">0xe89d</span></div>
510 |         <div title="Code: 0xe89e" class="the-icons span3"><i class="demo-icon icon-10.30">&#xe89e;</i> <span class="i-name">icon-10.30</span><span class="i-code">0xe89e</span></div>
511 |         <div title="Code: 0xe89f" class="the-icons span3"><i class="demo-icon icon-10.31">&#xe89f;</i> <span class="i-name">icon-10.31</span><span class="i-code">0xe89f</span></div>
512 |         <div title="Code: 0xe8a0" class="the-icons span3"><i class="demo-icon icon-10.32">&#xe8a0;</i> <span class="i-name">icon-10.32</span><span class="i-code">0xe8a0</span></div>
513 |       </div>
514 |       <div class="row">
515 |         <div title="Code: 0xe8a1" class="the-icons span3"><i class="demo-icon icon-10.33">&#xe8a1;</i> <span class="i-name">icon-10.33</span><span class="i-code">0xe8a1</span></div>
516 |         <div title="Code: 0xe8a2" class="the-icons span3"><i class="demo-icon icon-10.34">&#xe8a2;</i> <span class="i-name">icon-10.34</span><span class="i-code">0xe8a2</span></div>
517 |         <div title="Code: 0xe8a3" class="the-icons span3"><i class="demo-icon icon-10.35">&#xe8a3;</i> <span class="i-name">icon-10.35</span><span class="i-code">0xe8a3</span></div>
518 |         <div title="Code: 0xe8a4" class="the-icons span3"><i class="demo-icon icon-10.36">&#xe8a4;</i> <span class="i-name">icon-10.36</span><span class="i-code">0xe8a4</span></div>
519 |       </div>
520 |       <div class="row">
521 |         <div title="Code: 0xe8a5" class="the-icons span3"><i class="demo-icon icon-10.37">&#xe8a5;</i> <span class="i-name">icon-10.37</span><span class="i-code">0xe8a5</span></div>
522 |         <div title="Code: 0xe8a6" class="the-icons span3"><i class="demo-icon icon-10.38">&#xe8a6;</i> <span class="i-name">icon-10.38</span><span class="i-code">0xe8a6</span></div>
523 |         <div title="Code: 0xe8a7" class="the-icons span3"><i class="demo-icon icon-10.39">&#xe8a7;</i> <span class="i-name">icon-10.39</span><span class="i-code">0xe8a7</span></div>
524 |         <div title="Code: 0xe8a8" class="the-icons span3"><i class="demo-icon icon-10.40">&#xe8a8;</i> <span class="i-name">icon-10.40</span><span class="i-code">0xe8a8</span></div>
525 |       </div>
526 |       <div class="row">
527 |         <div title="Code: 0xe8a9" class="the-icons span3"><i class="demo-icon icon-10.41">&#xe8a9;</i> <span class="i-name">icon-10.41</span><span class="i-code">0xe8a9</span></div>
528 |         <div title="Code: 0xe8aa" class="the-icons span3"><i class="demo-icon icon-10.42">&#xe8aa;</i> <span class="i-name">icon-10.42</span><span class="i-code">0xe8aa</span></div>
529 |         <div title="Code: 0xe8ab" class="the-icons span3"><i class="demo-icon icon-10.43">&#xe8ab;</i> <span class="i-name">icon-10.43</span><span class="i-code">0xe8ab</span></div>
530 |         <div title="Code: 0xe8ac" class="the-icons span3"><i class="demo-icon icon-10.44">&#xe8ac;</i> <span class="i-name">icon-10.44</span><span class="i-code">0xe8ac</span></div>
531 |       </div>
532 |       <div class="row">
533 |         <div title="Code: 0xe8ad" class="the-icons span3"><i class="demo-icon icon-10.45">&#xe8ad;</i> <span class="i-name">icon-10.45</span><span class="i-code">0xe8ad</span></div>
534 |         <div title="Code: 0xe8ae" class="the-icons span3"><i class="demo-icon icon-10.46">&#xe8ae;</i> <span class="i-name">icon-10.46</span><span class="i-code">0xe8ae</span></div>
535 |         <div title="Code: 0xe8af" class="the-icons span3"><i class="demo-icon icon-10.47">&#xe8af;</i> <span class="i-name">icon-10.47</span><span class="i-code">0xe8af</span></div>
536 |         <div title="Code: 0xe8b0" class="the-icons span3"><i class="demo-icon icon-11.1">&#xe8b0;</i> <span class="i-name">icon-11.1</span><span class="i-code">0xe8b0</span></div>
537 |       </div>
538 |       <div class="row">
539 |         <div title="Code: 0xe8b1" class="the-icons span3"><i class="demo-icon icon-11.2">&#xe8b1;</i> <span class="i-name">icon-11.2</span><span class="i-code">0xe8b1</span></div>
540 |         <div title="Code: 0xe8b2" class="the-icons span3"><i class="demo-icon icon-11.3">&#xe8b2;</i> <span class="i-name">icon-11.3</span><span class="i-code">0xe8b2</span></div>
541 |         <div title="Code: 0xe8b3" class="the-icons span3"><i class="demo-icon icon-11.4">&#xe8b3;</i> <span class="i-name">icon-11.4</span><span class="i-code">0xe8b3</span></div>
542 |         <div title="Code: 0xe8b4" class="the-icons span3"><i class="demo-icon icon-11.5">&#xe8b4;</i> <span class="i-name">icon-11.5</span><span class="i-code">0xe8b4</span></div>
543 |       </div>
544 |       <div class="row">
545 |         <div title="Code: 0xe8b5" class="the-icons span3"><i class="demo-icon icon-11.6">&#xe8b5;</i> <span class="i-name">icon-11.6</span><span class="i-code">0xe8b5</span></div>
546 |         <div title="Code: 0xe8b6" class="the-icons span3"><i class="demo-icon icon-11.7">&#xe8b6;</i> <span class="i-name">icon-11.7</span><span class="i-code">0xe8b6</span></div>
547 |         <div title="Code: 0xe8b7" class="the-icons span3"><i class="demo-icon icon-11.8">&#xe8b7;</i> <span class="i-name">icon-11.8</span><span class="i-code">0xe8b7</span></div>
548 |         <div title="Code: 0xe8b8" class="the-icons span3"><i class="demo-icon icon-11.9">&#xe8b8;</i> <span class="i-name">icon-11.9</span><span class="i-code">0xe8b8</span></div>
549 |       </div>
550 |       <div class="row">
551 |         <div title="Code: 0xe8b9" class="the-icons span3"><i class="demo-icon icon-11.10">&#xe8b9;</i> <span class="i-name">icon-11.10</span><span class="i-code">0xe8b9</span></div>
552 |         <div title="Code: 0xe8ba" class="the-icons span3"><i class="demo-icon icon-11.11">&#xe8ba;</i> <span class="i-name">icon-11.11</span><span class="i-code">0xe8ba</span></div>
553 |         <div title="Code: 0xe8bb" class="the-icons span3"><i class="demo-icon icon-11.12">&#xe8bb;</i> <span class="i-name">icon-11.12</span><span class="i-code">0xe8bb</span></div>
554 |         <div title="Code: 0xe8bc" class="the-icons span3"><i class="demo-icon icon-11.13">&#xe8bc;</i> <span class="i-name">icon-11.13</span><span class="i-code">0xe8bc</span></div>
555 |       </div>
556 |       <div class="row">
557 |         <div title="Code: 0xe8bd" class="the-icons span3"><i class="demo-icon icon-11.14">&#xe8bd;</i> <span class="i-name">icon-11.14</span><span class="i-code">0xe8bd</span></div>
558 |         <div title="Code: 0xe8be" class="the-icons span3"><i class="demo-icon icon-12.1">&#xe8be;</i> <span class="i-name">icon-12.1</span><span class="i-code">0xe8be</span></div>
559 |         <div title="Code: 0xe8bf" class="the-icons span3"><i class="demo-icon icon-12.2">&#xe8bf;</i> <span class="i-name">icon-12.2</span><span class="i-code">0xe8bf</span></div>
560 |         <div title="Code: 0xe8c0" class="the-icons span3"><i class="demo-icon icon-12.3">&#xe8c0;</i> <span class="i-name">icon-12.3</span><span class="i-code">0xe8c0</span></div>
561 |       </div>
562 |       <div class="row">
563 |         <div title="Code: 0xe8c1" class="the-icons span3"><i class="demo-icon icon-12.4">&#xe8c1;</i> <span class="i-name">icon-12.4</span><span class="i-code">0xe8c1</span></div>
564 |         <div title="Code: 0xe8c2" class="the-icons span3"><i class="demo-icon icon-12.5">&#xe8c2;</i> <span class="i-name">icon-12.5</span><span class="i-code">0xe8c2</span></div>
565 |         <div title="Code: 0xe8c3" class="the-icons span3"><i class="demo-icon icon-12.6">&#xe8c3;</i> <span class="i-name">icon-12.6</span><span class="i-code">0xe8c3</span></div>
566 |         <div title="Code: 0xe8c4" class="the-icons span3"><i class="demo-icon icon-12.7">&#xe8c4;</i> <span class="i-name">icon-12.7</span><span class="i-code">0xe8c4</span></div>
567 |       </div>
568 |       <div class="row">
569 |         <div title="Code: 0xe8c5" class="the-icons span3"><i class="demo-icon icon-12.8">&#xe8c5;</i> <span class="i-name">icon-12.8</span><span class="i-code">0xe8c5</span></div>
570 |         <div title="Code: 0xe8c6" class="the-icons span3"><i class="demo-icon icon-12.9">&#xe8c6;</i> <span class="i-name">icon-12.9</span><span class="i-code">0xe8c6</span></div>
571 |         <div title="Code: 0xe8c7" class="the-icons span3"><i class="demo-icon icon-12.13">&#xe8c7;</i> <span class="i-name">icon-12.13</span><span class="i-code">0xe8c7</span></div>
572 |         <div title="Code: 0xe8c8" class="the-icons span3"><i class="demo-icon icon-12.10">&#xe8c8;</i> <span class="i-name">icon-12.10</span><span class="i-code">0xe8c8</span></div>
573 |       </div>
574 |       <div class="row">
575 |         <div title="Code: 0xe8c9" class="the-icons span3"><i class="demo-icon icon-12.11">&#xe8c9;</i> <span class="i-name">icon-12.11</span><span class="i-code">0xe8c9</span></div>
576 |         <div title="Code: 0xe8ca" class="the-icons span3"><i class="demo-icon icon-12.14">&#xe8ca;</i> <span class="i-name">icon-12.14</span><span class="i-code">0xe8ca</span></div>
577 |         <div title="Code: 0xe8cb" class="the-icons span3"><i class="demo-icon icon-12.15">&#xe8cb;</i> <span class="i-name">icon-12.15</span><span class="i-code">0xe8cb</span></div>
578 |         <div title="Code: 0xe8cc" class="the-icons span3"><i class="demo-icon icon-12.16">&#xe8cc;</i> <span class="i-name">icon-12.16</span><span class="i-code">0xe8cc</span></div>
579 |       </div>
580 |       <div class="row">
581 |         <div title="Code: 0xe8cd" class="the-icons span3"><i class="demo-icon icon-12.17">&#xe8cd;</i> <span class="i-name">icon-12.17</span><span class="i-code">0xe8cd</span></div>
582 |         <div title="Code: 0xe8ce" class="the-icons span3"><i class="demo-icon icon-12.18">&#xe8ce;</i> <span class="i-name">icon-12.18</span><span class="i-code">0xe8ce</span></div>
583 |         <div title="Code: 0xe8cf" class="the-icons span3"><i class="demo-icon icon-13.1">&#xe8cf;</i> <span class="i-name">icon-13.1</span><span class="i-code">0xe8cf</span></div>
584 |         <div title="Code: 0xe8d0" class="the-icons span3"><i class="demo-icon icon-13.2">&#xe8d0;</i> <span class="i-name">icon-13.2</span><span class="i-code">0xe8d0</span></div>
585 |       </div>
586 |       <div class="row">
587 |         <div title="Code: 0xe8d1" class="the-icons span3"><i class="demo-icon icon-13.3">&#xe8d1;</i> <span class="i-name">icon-13.3</span><span class="i-code">0xe8d1</span></div>
588 |         <div title="Code: 0xe8d2" class="the-icons span3"><i class="demo-icon icon-13.4">&#xe8d2;</i> <span class="i-name">icon-13.4</span><span class="i-code">0xe8d2</span></div>
589 |         <div title="Code: 0xe8d3" class="the-icons span3"><i class="demo-icon icon-13.5">&#xe8d3;</i> <span class="i-name">icon-13.5</span><span class="i-code">0xe8d3</span></div>
590 |         <div title="Code: 0xe8d4" class="the-icons span3"><i class="demo-icon icon-13.6">&#xe8d4;</i> <span class="i-name">icon-13.6</span><span class="i-code">0xe8d4</span></div>
591 |       </div>
592 |       <div class="row">
593 |         <div title="Code: 0xe8d5" class="the-icons span3"><i class="demo-icon icon-13.7">&#xe8d5;</i> <span class="i-name">icon-13.7</span><span class="i-code">0xe8d5</span></div>
594 |         <div title="Code: 0xe8d6" class="the-icons span3"><i class="demo-icon icon-13.8">&#xe8d6;</i> <span class="i-name">icon-13.8</span><span class="i-code">0xe8d6</span></div>
595 |         <div title="Code: 0xe8d7" class="the-icons span3"><i class="demo-icon icon-13.9">&#xe8d7;</i> <span class="i-name">icon-13.9</span><span class="i-code">0xe8d7</span></div>
596 |         <div title="Code: 0xe8d8" class="the-icons span3"><i class="demo-icon icon-13.10">&#xe8d8;</i> <span class="i-name">icon-13.10</span><span class="i-code">0xe8d8</span></div>
597 |       </div>
598 |       <div class="row">
599 |         <div title="Code: 0xe8d9" class="the-icons span3"><i class="demo-icon icon-13.11">&#xe8d9;</i> <span class="i-name">icon-13.11</span><span class="i-code">0xe8d9</span></div>
600 |         <div title="Code: 0xe8da" class="the-icons span3"><i class="demo-icon icon-13.12">&#xe8da;</i> <span class="i-name">icon-13.12</span><span class="i-code">0xe8da</span></div>
601 |         <div title="Code: 0xe8db" class="the-icons span3"><i class="demo-icon icon-13.13">&#xe8db;</i> <span class="i-name">icon-13.13</span><span class="i-code">0xe8db</span></div>
602 |         <div title="Code: 0xe8dc" class="the-icons span3"><i class="demo-icon icon-13.14">&#xe8dc;</i> <span class="i-name">icon-13.14</span><span class="i-code">0xe8dc</span></div>
603 |       </div>
604 |       <div class="row">
605 |         <div title="Code: 0xe8dd" class="the-icons span3"><i class="demo-icon icon-13.15">&#xe8dd;</i> <span class="i-name">icon-13.15</span><span class="i-code">0xe8dd</span></div>
606 |         <div title="Code: 0xe8de" class="the-icons span3"><i class="demo-icon icon-13.16">&#xe8de;</i> <span class="i-name">icon-13.16</span><span class="i-code">0xe8de</span></div>
607 |         <div title="Code: 0xe8df" class="the-icons span3"><i class="demo-icon icon-13.17">&#xe8df;</i> <span class="i-name">icon-13.17</span><span class="i-code">0xe8df</span></div>
608 |         <div title="Code: 0xe8e0" class="the-icons span3"><i class="demo-icon icon-13.18">&#xe8e0;</i> <span class="i-name">icon-13.18</span><span class="i-code">0xe8e0</span></div>
609 |       </div>
610 |       <div class="row">
611 |         <div title="Code: 0xe8e1" class="the-icons span3"><i class="demo-icon icon-13.19">&#xe8e1;</i> <span class="i-name">icon-13.19</span><span class="i-code">0xe8e1</span></div>
612 |         <div title="Code: 0xe8e2" class="the-icons span3"><i class="demo-icon icon-14.1">&#xe8e2;</i> <span class="i-name">icon-14.1</span><span class="i-code">0xe8e2</span></div>
613 |         <div title="Code: 0xe8e3" class="the-icons span3"><i class="demo-icon icon-14.2">&#xe8e3;</i> <span class="i-name">icon-14.2</span><span class="i-code">0xe8e3</span></div>
614 |         <div title="Code: 0xe8e4" class="the-icons span3"><i class="demo-icon icon-14.3">&#xe8e4;</i> <span class="i-name">icon-14.3</span><span class="i-code">0xe8e4</span></div>
615 |       </div>
616 |       <div class="row">
617 |         <div title="Code: 0xe8e5" class="the-icons span3"><i class="demo-icon icon-14.4">&#xe8e5;</i> <span class="i-name">icon-14.4</span><span class="i-code">0xe8e5</span></div>
618 |         <div title="Code: 0xe8e6" class="the-icons span3"><i class="demo-icon icon-14.5">&#xe8e6;</i> <span class="i-name">icon-14.5</span><span class="i-code">0xe8e6</span></div>
619 |         <div title="Code: 0xe8e7" class="the-icons span3"><i class="demo-icon icon-14.6">&#xe8e7;</i> <span class="i-name">icon-14.6</span><span class="i-code">0xe8e7</span></div>
620 |         <div title="Code: 0xe8e8" class="the-icons span3"><i class="demo-icon icon-14.7">&#xe8e8;</i> <span class="i-name">icon-14.7</span><span class="i-code">0xe8e8</span></div>
621 |       </div>
622 |       <div class="row">
623 |         <div title="Code: 0xe8e9" class="the-icons span3"><i class="demo-icon icon-14.8">&#xe8e9;</i> <span class="i-name">icon-14.8</span><span class="i-code">0xe8e9</span></div>
624 |         <div title="Code: 0xe8ea" class="the-icons span3"><i class="demo-icon icon-14.9">&#xe8ea;</i> <span class="i-name">icon-14.9</span><span class="i-code">0xe8ea</span></div>
625 |         <div title="Code: 0xe8eb" class="the-icons span3"><i class="demo-icon icon-14.10">&#xe8eb;</i> <span class="i-name">icon-14.10</span><span class="i-code">0xe8eb</span></div>
626 |         <div title="Code: 0xe8ec" class="the-icons span3"><i class="demo-icon icon-15.1">&#xe8ec;</i> <span class="i-name">icon-15.1</span><span class="i-code">0xe8ec</span></div>
627 |       </div>
628 |       <div class="row">
629 |         <div title="Code: 0xe8ed" class="the-icons span3"><i class="demo-icon icon-15.2">&#xe8ed;</i> <span class="i-name">icon-15.2</span><span class="i-code">0xe8ed</span></div>
630 |         <div title="Code: 0xe8ee" class="the-icons span3"><i class="demo-icon icon-15.3">&#xe8ee;</i> <span class="i-name">icon-15.3</span><span class="i-code">0xe8ee</span></div>
631 |         <div title="Code: 0xe8ef" class="the-icons span3"><i class="demo-icon icon-15.4">&#xe8ef;</i> <span class="i-name">icon-15.4</span><span class="i-code">0xe8ef</span></div>
632 |         <div title="Code: 0xe8f0" class="the-icons span3"><i class="demo-icon icon-15.5">&#xe8f0;</i> <span class="i-name">icon-15.5</span><span class="i-code">0xe8f0</span></div>
633 |       </div>
634 |       <div class="row">
635 |         <div title="Code: 0xe8f1" class="the-icons span3"><i class="demo-icon icon-15.6">&#xe8f1;</i> <span class="i-name">icon-15.6</span><span class="i-code">0xe8f1</span></div>
636 |         <div title="Code: 0xe8f2" class="the-icons span3"><i class="demo-icon icon-15.7">&#xe8f2;</i> <span class="i-name">icon-15.7</span><span class="i-code">0xe8f2</span></div>
637 |         <div title="Code: 0xe8f3" class="the-icons span3"><i class="demo-icon icon-15.8">&#xe8f3;</i> <span class="i-name">icon-15.8</span><span class="i-code">0xe8f3</span></div>
638 |         <div title="Code: 0xe8f4" class="the-icons span3"><i class="demo-icon icon-15.9">&#xe8f4;</i> <span class="i-name">icon-15.9</span><span class="i-code">0xe8f4</span></div>
639 |       </div>
640 |       <div class="row">
641 |         <div title="Code: 0xe8f5" class="the-icons span3"><i class="demo-icon icon-15.10">&#xe8f5;</i> <span class="i-name">icon-15.10</span><span class="i-code">0xe8f5</span></div>
642 |         <div title="Code: 0xe8f6" class="the-icons span3"><i class="demo-icon icon-15.11">&#xe8f6;</i> <span class="i-name">icon-15.11</span><span class="i-code">0xe8f6</span></div>
643 |         <div title="Code: 0xe8f7" class="the-icons span3"><i class="demo-icon icon-15.12">&#xe8f7;</i> <span class="i-name">icon-15.12</span><span class="i-code">0xe8f7</span></div>
644 |         <div title="Code: 0xe8f8" class="the-icons span3"><i class="demo-icon icon-15.13">&#xe8f8;</i> <span class="i-name">icon-15.13</span><span class="i-code">0xe8f8</span></div>
645 |       </div>
646 |       <div class="row">
647 |         <div title="Code: 0xe8f9" class="the-icons span3"><i class="demo-icon icon-15.14">&#xe8f9;</i> <span class="i-name">icon-15.14</span><span class="i-code">0xe8f9</span></div>
648 |         <div title="Code: 0xe8fa" class="the-icons span3"><i class="demo-icon icon-15.15">&#xe8fa;</i> <span class="i-name">icon-15.15</span><span class="i-code">0xe8fa</span></div>
649 |         <div title="Code: 0xe8fb" class="the-icons span3"><i class="demo-icon icon-15.16">&#xe8fb;</i> <span class="i-name">icon-15.16</span><span class="i-code">0xe8fb</span></div>
650 |         <div title="Code: 0xe8fc" class="the-icons span3"><i class="demo-icon icon-15.17">&#xe8fc;</i> <span class="i-name">icon-15.17</span><span class="i-code">0xe8fc</span></div>
651 |       </div>
652 |       <div class="row">
653 |         <div title="Code: 0xe8fd" class="the-icons span3"><i class="demo-icon icon-16.1">&#xe8fd;</i> <span class="i-name">icon-16.1</span><span class="i-code">0xe8fd</span></div>
654 |         <div title="Code: 0xe8fe" class="the-icons span3"><i class="demo-icon icon-16.2">&#xe8fe;</i> <span class="i-name">icon-16.2</span><span class="i-code">0xe8fe</span></div>
655 |         <div title="Code: 0xe8ff" class="the-icons span3"><i class="demo-icon icon-16.3">&#xe8ff;</i> <span class="i-name">icon-16.3</span><span class="i-code">0xe8ff</span></div>
656 |         <div title="Code: 0xe900" class="the-icons span3"><i class="demo-icon icon-16.4">&#xe900;</i> <span class="i-name">icon-16.4</span><span class="i-code">0xe900</span></div>
657 |       </div>
658 |       <div class="row">
659 |         <div title="Code: 0xe901" class="the-icons span3"><i class="demo-icon icon-16.5">&#xe901;</i> <span class="i-name">icon-16.5</span><span class="i-code">0xe901</span></div>
660 |         <div title="Code: 0xe902" class="the-icons span3"><i class="demo-icon icon-16.6">&#xe902;</i> <span class="i-name">icon-16.6</span><span class="i-code">0xe902</span></div>
661 |         <div title="Code: 0xe903" class="the-icons span3"><i class="demo-icon icon-16.7">&#xe903;</i> <span class="i-name">icon-16.7</span><span class="i-code">0xe903</span></div>
662 |         <div title="Code: 0xe904" class="the-icons span3"><i class="demo-icon icon-16.8">&#xe904;</i> <span class="i-name">icon-16.8</span><span class="i-code">0xe904</span></div>
663 |       </div>
664 |       <div class="row">
665 |         <div title="Code: 0xe905" class="the-icons span3"><i class="demo-icon icon-16.9">&#xe905;</i> <span class="i-name">icon-16.9</span><span class="i-code">0xe905</span></div>
666 |         <div title="Code: 0xe906" class="the-icons span3"><i class="demo-icon icon-17.1">&#xe906;</i> <span class="i-name">icon-17.1</span><span class="i-code">0xe906</span></div>
667 |         <div title="Code: 0xe907" class="the-icons span3"><i class="demo-icon icon-17.2">&#xe907;</i> <span class="i-name">icon-17.2</span><span class="i-code">0xe907</span></div>
668 |         <div title="Code: 0xe908" class="the-icons span3"><i class="demo-icon icon-17.3">&#xe908;</i> <span class="i-name">icon-17.3</span><span class="i-code">0xe908</span></div>
669 |       </div>
670 |       <div class="row">
671 |         <div title="Code: 0xe909" class="the-icons span3"><i class="demo-icon icon-17.4">&#xe909;</i> <span class="i-name">icon-17.4</span><span class="i-code">0xe909</span></div>
672 |         <div title="Code: 0xe90a" class="the-icons span3"><i class="demo-icon icon-17.5">&#xe90a;</i> <span class="i-name">icon-17.5</span><span class="i-code">0xe90a</span></div>
673 |         <div title="Code: 0xe90b" class="the-icons span3"><i class="demo-icon icon-17.6">&#xe90b;</i> <span class="i-name">icon-17.6</span><span class="i-code">0xe90b</span></div>
674 |         <div title="Code: 0xe90c" class="the-icons span3"><i class="demo-icon icon-17.7">&#xe90c;</i> <span class="i-name">icon-17.7</span><span class="i-code">0xe90c</span></div>
675 |       </div>
676 |       <div class="row">
677 |         <div title="Code: 0xe90d" class="the-icons span3"><i class="demo-icon icon-17.8">&#xe90d;</i> <span class="i-name">icon-17.8</span><span class="i-code">0xe90d</span></div>
678 |         <div title="Code: 0xe90e" class="the-icons span3"><i class="demo-icon icon-17.9">&#xe90e;</i> <span class="i-name">icon-17.9</span><span class="i-code">0xe90e</span></div>
679 |         <div title="Code: 0xe90f" class="the-icons span3"><i class="demo-icon icon-17.10">&#xe90f;</i> <span class="i-name">icon-17.10</span><span class="i-code">0xe90f</span></div>
680 |       </div>
681 |     </div>
682 |   </body>
683 | </html>
684 | 
685 | 
686 | 


--------------------------------------------------------------------------------