diff options
author | Jinwei Zhao <[email protected]> | 2016-04-04 14:00:39 +0800 |
---|---|---|
committer | Jinwei Zhao <[email protected]> | 2017-01-13 15:07:45 +0800 |
commit | e002d09d2b6b2317fec6caa8836b20e6709c5da3 (patch) | |
tree | 1e1623524986fc63abcab7b10912dffe55dc1da9 /Code/ZJW/stylesheets/webflow.css | |
parent | dbcebe1def5c355120c61b575390d1d9ac355f67 (diff) | |
download | jinwei.me-e002d09d2b6b2317fec6caa8836b20e6709c5da3.tar.gz |
jinwei.me
Diffstat (limited to 'Code/ZJW/stylesheets/webflow.css')
-rw-r--r-- | Code/ZJW/stylesheets/webflow.css | 1633 |
1 files changed, 0 insertions, 1633 deletions
diff --git a/Code/ZJW/stylesheets/webflow.css b/Code/ZJW/stylesheets/webflow.css deleted file mode 100644 index f1ff73f..0000000 --- a/Code/ZJW/stylesheets/webflow.css +++ /dev/null | |||
@@ -1,1633 +0,0 @@ | |||
1 | @font-face { | ||
2 | font-family: 'webflow-icons'; | ||
3 | src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff'); | ||
4 | font-weight: normal; | ||
5 | font-style: normal; | ||
6 | } | ||
7 | [class^="w-icon-"], | ||
8 | [class*=" w-icon-"] { | ||
9 | font-family: 'webflow-icons'; | ||
10 | speak: none; | ||
11 | font-style: normal; | ||
12 | font-weight: normal; | ||
13 | font-variant: normal; | ||
14 | text-transform: none; | ||
15 | line-height: 1; | ||
16 | -webkit-font-smoothing: antialiased; | ||
17 | -moz-osx-font-smoothing: grayscale; | ||
18 | } | ||
19 | .w-icon-slider-right:before { | ||
20 | content: "\e600"; | ||
21 | } | ||
22 | .w-icon-slider-left:before { | ||
23 | content: "\e601"; | ||
24 | } | ||
25 | .w-icon-nav-menu:before { | ||
26 | content: "\e602"; | ||
27 | } | ||
28 | .w-icon-arrow-down:before, | ||
29 | .w-icon-dropdown-toggle:before { | ||
30 | content: "\e603"; | ||
31 | } | ||
32 | * { | ||
33 | -webkit-box-sizing: border-box; | ||
34 | -moz-box-sizing: border-box; | ||
35 | box-sizing: border-box; | ||
36 | } | ||
37 | html { | ||
38 | height: 100%; | ||
39 | } | ||
40 | body { | ||
41 | margin: 0; | ||
42 | min-height: 100%; | ||
43 | background-color: #fff; | ||
44 | color: #333; | ||
45 | } | ||
46 | img { | ||
47 | max-width: 100%; | ||
48 | vertical-align: middle; | ||
49 | display: inline-block; | ||
50 | } | ||
51 | html.w-mod-touch * { | ||
52 | background-attachment: scroll !important; | ||
53 | } | ||
54 | a:focus { | ||
55 | outline: 0; | ||
56 | } | ||
57 | .w-block { | ||
58 | display: block; | ||
59 | } | ||
60 | .w-inline-block { | ||
61 | max-width: 100%; | ||
62 | display: inline-block; | ||
63 | } | ||
64 | .w-clearfix:before, | ||
65 | .w-clearfix:after { | ||
66 | content: " "; | ||
67 | display: table; | ||
68 | } | ||
69 | .w-clearfix:after { | ||
70 | clear: both; | ||
71 | } | ||
72 | .w-hidden { | ||
73 | display: none; | ||
74 | } | ||
75 | h1, | ||
76 | h2, | ||
77 | h3, | ||
78 | h4, | ||
79 | h5, | ||
80 | h6 { | ||
81 | margin: 0; | ||
82 | } | ||
83 | p { | ||
84 | margin: 0; | ||
85 | } | ||
86 | blockquote { | ||
87 | margin: 0; | ||
88 | } | ||
89 | ul, | ||
90 | ol { | ||
91 | margin-top: 0; | ||
92 | margin-bottom: 0; | ||
93 | } | ||
94 | .w-list-unstyled { | ||
95 | padding-left: 0; | ||
96 | list-style: none; | ||
97 | } | ||
98 | .w-embed:before, | ||
99 | .w-embed:after { | ||
100 | content: " "; | ||
101 | display: table; | ||
102 | } | ||
103 | .w-embed:after { | ||
104 | clear: both; | ||
105 | } | ||
106 | .w-video { | ||
107 | width: 100%; | ||
108 | position: relative; | ||
109 | padding: 0; | ||
110 | } | ||
111 | .w-video iframe, | ||
112 | .w-video object, | ||
113 | .w-video embed { | ||
114 | position: absolute; | ||
115 | top: 0; | ||
116 | left: 0; | ||
117 | width: 100%; | ||
118 | height: 100%; | ||
119 | } | ||
120 | fieldset { | ||
121 | padding: 0; | ||
122 | margin: 0; | ||
123 | border: 0; | ||
124 | } | ||
125 | button, | ||
126 | html input[type="button"], | ||
127 | input[type="reset"], | ||
128 | input[type="submit"] { | ||
129 | cursor: pointer; | ||
130 | -webkit-appearance: button; | ||
131 | } | ||
132 | .w-form { | ||
133 | margin: 0 0 15px; | ||
134 | } | ||
135 | .w-form-done { | ||
136 | display: none; | ||
137 | padding: 10px; | ||
138 | background-color: #dddddd; | ||
139 | } | ||
140 | .w-form-fail { | ||
141 | display: none; | ||
142 | margin-top: 10px; | ||
143 | padding: 10px; | ||
144 | background-color: #ffdede; | ||
145 | } | ||
146 | label { | ||
147 | display: block; | ||
148 | margin-bottom: 5px; | ||
149 | font-weight: bold; | ||
150 | } | ||
151 | .w-input, | ||
152 | .w-select { | ||
153 | display: block; | ||
154 | width: 100%; | ||
155 | height: 38px; | ||
156 | padding: 8px 12px; | ||
157 | margin-bottom: 10px; | ||
158 | font-size: 14px; | ||
159 | line-height: 1.428571429; | ||
160 | color: #555555; | ||
161 | vertical-align: middle; | ||
162 | background-color: #ffffff; | ||
163 | border: 1px solid #cccccc; | ||
164 | } | ||
165 | .w-input:-moz-placeholder, | ||
166 | .w-select:-moz-placeholder { | ||
167 | color: #999999; | ||
168 | } | ||
169 | .w-input::-moz-placeholder, | ||
170 | .w-select::-moz-placeholder { | ||
171 | color: #999999; | ||
172 | opacity: 1; | ||
173 | } | ||
174 | .w-input:-ms-input-placeholder, | ||
175 | .w-select:-ms-input-placeholder { | ||
176 | color: #999999; | ||
177 | } | ||
178 | .w-input::-webkit-input-placeholder, | ||
179 | .w-select::-webkit-input-placeholder { | ||
180 | color: #999999; | ||
181 | } | ||
182 | .w-input:focus, | ||
183 | .w-select:focus { | ||
184 | border-color: rgba(82, 168, 236, 0.8); | ||
185 | outline: 0; | ||
186 | } | ||
187 | .w-input[disabled], | ||
188 | .w-select[disabled], | ||
189 | .w-input[readonly], | ||
190 | .w-select[readonly], | ||
191 | fieldset[disabled] .w-input, | ||
192 | fieldset[disabled] .w-select { | ||
193 | cursor: not-allowed; | ||
194 | background-color: #eeeeee; | ||
195 | } | ||
196 | textarea.w-input, | ||
197 | textarea.w-select { | ||
198 | height: auto; | ||
199 | } | ||
200 | .w-select[multiple] { | ||
201 | height: auto; | ||
202 | } | ||
203 | .w-button { | ||
204 | display: inline-block; | ||
205 | padding: 12px; | ||
206 | background-color: black; | ||
207 | color: white; | ||
208 | border: 0; | ||
209 | line-height: inherit; | ||
210 | } | ||
211 | .w-form-label { | ||
212 | display: inline-block; | ||
213 | cursor: pointer; | ||
214 | font-weight: normal; | ||
215 | margin-bottom: 0px; | ||
216 | } | ||
217 | .w-checkbox, | ||
218 | .w-radio { | ||
219 | display: block; | ||
220 | margin-bottom: 5px; | ||
221 | padding-left: 20px; | ||
222 | } | ||
223 | .w-checkbox:before, | ||
224 | .w-radio:before, | ||
225 | .w-checkbox:after, | ||
226 | .w-radio:after { | ||
227 | content: " "; | ||
228 | display: table; | ||
229 | } | ||
230 | .w-checkbox:after, | ||
231 | .w-radio:after { | ||
232 | clear: both; | ||
233 | } | ||
234 | .w-checkbox-input, | ||
235 | .w-radio-input { | ||
236 | margin: 4px 0 0; | ||
237 | margin-top: 1px \9; | ||
238 | line-height: normal; | ||
239 | float: left; | ||
240 | margin-left: -20px; | ||
241 | } | ||
242 | .w-radio-input { | ||
243 | margin-top: 3px; | ||
244 | } | ||
245 | .w-container { | ||
246 | margin-left: auto; | ||
247 | margin-right: auto; | ||
248 | max-width: 940px; | ||
249 | } | ||
250 | .w-container:before, | ||
251 | .w-container:after { | ||
252 | content: " "; | ||
253 | display: table; | ||
254 | } | ||
255 | .w-container:after { | ||
256 | clear: both; | ||
257 | } | ||
258 | .w-container .w-row { | ||
259 | margin-left: -10px; | ||
260 | margin-right: -10px; | ||
261 | } | ||
262 | .w-row:before, | ||
263 | .w-row:after { | ||
264 | content: " "; | ||
265 | display: table; | ||
266 | } | ||
267 | .w-row:after { | ||
268 | clear: both; | ||
269 | } | ||
270 | .w-row .w-row { | ||
271 | margin-left: 0; | ||
272 | margin-right: 0; | ||
273 | } | ||
274 | .w-col { | ||
275 | position: relative; | ||
276 | float: left; | ||
277 | width: 100%; | ||
278 | min-height: 1px; | ||
279 | padding-left: 10px; | ||
280 | padding-right: 10px; | ||
281 | } | ||
282 | .w-col .w-col { | ||
283 | padding-left: 0; | ||
284 | padding-right: 0; | ||
285 | } | ||
286 | .w-col-1 { | ||
287 | width: 8.33333333%; | ||
288 | } | ||
289 | .w-col-2 { | ||
290 | width: 16.66666667%; | ||
291 | } | ||
292 | .w-col-3 { | ||
293 | width: 25%; | ||
294 | } | ||
295 | .w-col-4 { | ||
296 | width: 33.33333333%; | ||
297 | } | ||
298 | .w-col-5 { | ||
299 | width: 41.66666667%; | ||
300 | } | ||
301 | .w-col-6 { | ||
302 | width: 50%; | ||
303 | } | ||
304 | .w-col-7 { | ||
305 | width: 58.33333333%; | ||
306 | } | ||
307 | .w-col-8 { | ||
308 | width: 66.66666667%; | ||
309 | } | ||
310 | .w-col-9 { | ||
311 | width: 75%; | ||
312 | } | ||
313 | .w-col-10 { | ||
314 | width: 83.33333333%; | ||
315 | } | ||
316 | .w-col-11 { | ||
317 | width: 91.66666667%; | ||
318 | } | ||
319 | .w-col-12 { | ||
320 | width: 100%; | ||
321 | } | ||
322 | .w-col-push-1 { | ||
323 | left: 8.33333333%; | ||
324 | } | ||
325 | .w-col-push-2 { | ||
326 | left: 16.66666667%; | ||
327 | } | ||
328 | .w-col-push-3 { | ||
329 | left: 25%; | ||
330 | } | ||
331 | .w-col-push-4 { | ||
332 | left: 33.33333333%; | ||
333 | } | ||
334 | .w-col-push-5 { | ||
335 | left: 41.66666667%; | ||
336 | } | ||
337 | .w-col-push-6 { | ||
338 | left: 50%; | ||
339 | } | ||
340 | .w-col-push-7 { | ||
341 | left: 58.33333333%; | ||
342 | } | ||
343 | .w-col-push-8 { | ||
344 | left: 66.66666667%; | ||
345 | } | ||
346 | .w-col-push-9 { | ||
347 | left: 75%; | ||
348 | } | ||
349 | .w-col-push-10 { | ||
350 | left: 83.33333333%; | ||
351 | } | ||
352 | .w-col-push-11 { | ||
353 | left: 91.66666667%; | ||
354 | } | ||
355 | .w-col-pull-1 { | ||
356 | right: 8.33333333%; | ||
357 | } | ||
358 | .w-col-pull-2 { | ||
359 | right: 16.66666667%; | ||
360 | } | ||
361 | .w-col-pull-3 { | ||
362 | right: 25%; | ||
363 | } | ||
364 | .w-col-pull-4 { | ||
365 | right: 33.33333333%; | ||
366 | } | ||
367 | .w-col-pull-5 { | ||
368 | right: 41.66666667%; | ||
369 | } | ||
370 | .w-col-pull-6 { | ||
371 | right: 50%; | ||
372 | } | ||
373 | .w-col-pull-7 { | ||
374 | right: 58.33333333%; | ||
375 | } | ||
376 | .w-col-pull-8 { | ||
377 | right: 66.66666667%; | ||
378 | } | ||
379 | .w-col-pull-9 { | ||
380 | right: 75%; | ||
381 | } | ||
382 | .w-col-pull-10 { | ||
383 | right: 83.33333333%; | ||
384 | } | ||
385 | .w-col-pull-11 { | ||
386 | right: 91.66666667%; | ||
387 | } | ||
388 | .w-col-offset-1 { | ||
389 | margin-left: 8.33333333%; | ||
390 | } | ||
391 | .w-col-offset-2 { | ||
392 | margin-left: 16.66666667%; | ||
393 | } | ||
394 | .w-col-offset-3 { | ||
395 | margin-left: 25%; | ||
396 | } | ||
397 | .w-col-offset-4 { | ||
398 | margin-left: 33.33333333%; | ||
399 | } | ||
400 | .w-col-offset-5 { | ||
401 | margin-left: 41.66666667%; | ||
402 | } | ||
403 | .w-col-offset-6 { | ||
404 | margin-left: 50%; | ||
405 | } | ||
406 | .w-col-offset-7 { | ||
407 | margin-left: 58.33333333%; | ||
408 | } | ||
409 | .w-col-offset-8 { | ||
410 | margin-left: 66.66666667%; | ||
411 | } | ||
412 | .w-col-offset-9 { | ||
413 | margin-left: 75%; | ||
414 | } | ||
415 | .w-col-offset-10 { | ||
416 | margin-left: 83.33333333%; | ||
417 | } | ||
418 | .w-col-offset-11 { | ||
419 | margin-left: 91.66666667%; | ||
420 | } | ||
421 | .w-hidden-main { | ||
422 | display: none !important; | ||
423 | } | ||
424 | @media screen and (max-width: 991px) { | ||
425 | .w-container { | ||
426 | max-width: 728px; | ||
427 | } | ||
428 | .w-hidden-main { | ||
429 | display: inherit !important; | ||
430 | } | ||
431 | .w-hidden-medium { | ||
432 | display: none !important; | ||
433 | } | ||
434 | .w-col-medium-1 { | ||
435 | width: 8.33333333%; | ||
436 | } | ||
437 | .w-col-medium-2 { | ||
438 | width: 16.66666667%; | ||
439 | } | ||
440 | .w-col-medium-3 { | ||
441 | width: 25%; | ||
442 | } | ||
443 | .w-col-medium-4 { | ||
444 | width: 33.33333333%; | ||
445 | } | ||
446 | .w-col-medium-5 { | ||
447 | width: 41.66666667%; | ||
448 | } | ||
449 | .w-col-medium-6 { | ||
450 | width: 50%; | ||
451 | } | ||
452 | .w-col-medium-7 { | ||
453 | width: 58.33333333%; | ||
454 | } | ||
455 | .w-col-medium-8 { | ||
456 | width: 66.66666667%; | ||
457 | } | ||
458 | .w-col-medium-9 { | ||
459 | width: 75%; | ||
460 | } | ||
461 | .w-col-medium-10 { | ||
462 | width: 83.33333333%; | ||
463 | } | ||
464 | .w-col-medium-11 { | ||
465 | width: 91.66666667%; | ||
466 | } | ||
467 | .w-col-medium-12 { | ||
468 | width: 100%; | ||
469 | } | ||
470 | .w-col-medium-push-1 { | ||
471 | left: 8.33333333%; | ||
472 | } | ||
473 | .w-col-medium-push-2 { | ||
474 | left: 16.66666667%; | ||
475 | } | ||
476 | .w-col-medium-push-3 { | ||
477 | left: 25%; | ||
478 | } | ||
479 | .w-col-medium-push-4 { | ||
480 | left: 33.33333333%; | ||
481 | } | ||
482 | .w-col-medium-push-5 { | ||
483 | left: 41.66666667%; | ||
484 | } | ||
485 | .w-col-medium-push-6 { | ||
486 | left: 50%; | ||
487 | } | ||
488 | .w-col-medium-push-7 { | ||
489 | left: 58.33333333%; | ||
490 | } | ||
491 | .w-col-medium-push-8 { | ||
492 | left: 66.66666667%; | ||
493 | } | ||
494 | .w-col-medium-push-9 { | ||
495 | left: 75%; | ||
496 | } | ||
497 | .w-col-medium-push-10 { | ||
498 | left: 83.33333333%; | ||
499 | } | ||
500 | .w-col-medium-push-11 { | ||
501 | left: 91.66666667%; | ||
502 | } | ||
503 | .w-col-medium-pull-1 { | ||
504 | right: 8.33333333%; | ||
505 | } | ||
506 | .w-col-medium-pull-2 { | ||
507 | right: 16.66666667%; | ||
508 | } | ||
509 | .w-col-medium-pull-3 { | ||
510 | right: 25%; | ||
511 | } | ||
512 | .w-col-medium-pull-4 { | ||
513 | right: 33.33333333%; | ||
514 | } | ||
515 | .w-col-medium-pull-5 { | ||
516 | right: 41.66666667%; | ||
517 | } | ||
518 | .w-col-medium-pull-6 { | ||
519 | right: 50%; | ||
520 | } | ||
521 | .w-col-medium-pull-7 { | ||
522 | right: 58.33333333%; | ||
523 | } | ||
524 | .w-col-medium-pull-8 { | ||
525 | right: 66.66666667%; | ||
526 | } | ||
527 | .w-col-medium-pull-9 { | ||
528 | right: 75%; | ||
529 | } | ||
530 | .w-col-medium-pull-10 { | ||
531 | right: 83.33333333%; | ||
532 | } | ||
533 | .w-col-medium-pull-11 { | ||
534 | right: 91.66666667%; | ||
535 | } | ||
536 | .w-col-medium-offset-1 { | ||
537 | margin-left: 8.33333333%; | ||
538 | } | ||
539 | .w-col-medium-offset-2 { | ||
540 | margin-left: 16.66666667%; | ||
541 | } | ||
542 | .w-col-medium-offset-3 { | ||
543 | margin-left: 25%; | ||
544 | } | ||
545 | .w-col-medium-offset-4 { | ||
546 | margin-left: 33.33333333%; | ||
547 | } | ||
548 | .w-col-medium-offset-5 { | ||
549 | margin-left: 41.66666667%; | ||
550 | } | ||
551 | .w-col-medium-offset-6 { | ||
552 | margin-left: 50%; | ||
553 | } | ||
554 | .w-col-medium-offset-7 { | ||
555 | margin-left: 58.33333333%; | ||
556 | } | ||
557 | .w-col-medium-offset-8 { | ||
558 | margin-left: 66.66666667%; | ||
559 | } | ||
560 | .w-col-medium-offset-9 { | ||
561 | margin-left: 75%; | ||
562 | } | ||
563 | .w-col-medium-offset-10 { | ||
564 | margin-left: 83.33333333%; | ||
565 | } | ||
566 | .w-col-medium-offset-11 { | ||
567 | margin-left: 91.66666667%; | ||
568 | } | ||
569 | .w-col-stack { | ||
570 | width: 100%; | ||
571 | left: auto; | ||
572 | right: auto; | ||
573 | } | ||
574 | } | ||
575 | @media screen and (max-width: 767px) { | ||
576 | .w-hidden-main { | ||
577 | display: inherit !important; | ||
578 | } | ||
579 | .w-hidden-medium { | ||
580 | display: inherit !important; | ||
581 | } | ||
582 | .w-hidden-small { | ||
583 | display: none !important; | ||
584 | } | ||
585 | .w-row, | ||
586 | .w-container .w-row { | ||
587 | margin-left: 0; | ||
588 | margin-right: 0; | ||
589 | } | ||
590 | .w-col { | ||
591 | width: 100%; | ||
592 | left: auto; | ||
593 | right: auto; | ||
594 | } | ||
595 | .w-col-small-1 { | ||
596 | width: 8.33333333%; | ||
597 | } | ||
598 | .w-col-small-2 { | ||
599 | width: 16.66666667%; | ||
600 | } | ||
601 | .w-col-small-3 { | ||
602 | width: 25%; | ||
603 | } | ||
604 | .w-col-small-4 { | ||
605 | width: 33.33333333%; | ||
606 | } | ||
607 | .w-col-small-5 { | ||
608 | width: 41.66666667%; | ||
609 | } | ||
610 | .w-col-small-6 { | ||
611 | width: 50%; | ||
612 | } | ||
613 | .w-col-small-7 { | ||
614 | width: 58.33333333%; | ||
615 | } | ||
616 | .w-col-small-8 { | ||
617 | width: 66.66666667%; | ||
618 | } | ||
619 | .w-col-small-9 { | ||
620 | width: 75%; | ||
621 | } | ||
622 | .w-col-small-10 { | ||
623 | width: 83.33333333%; | ||
624 | } | ||
625 | .w-col-small-11 { | ||
626 | width: 91.66666667%; | ||
627 | } | ||
628 | .w-col-small-12 { | ||
629 | width: 100%; | ||
630 | } | ||
631 | .w-col-small-push-1 { | ||
632 | left: 8.33333333%; | ||
633 | } | ||
634 | .w-col-small-push-2 { | ||
635 | left: 16.66666667%; | ||
636 | } | ||
637 | .w-col-small-push-3 { | ||
638 | left: 25%; | ||
639 | } | ||
640 | .w-col-small-push-4 { | ||
641 | left: 33.33333333%; | ||
642 | } | ||
643 | .w-col-small-push-5 { | ||
644 | left: 41.66666667%; | ||
645 | } | ||
646 | .w-col-small-push-6 { | ||
647 | left: 50%; | ||
648 | } | ||
649 | .w-col-small-push-7 { | ||
650 | left: 58.33333333%; | ||
651 | } | ||
652 | .w-col-small-push-8 { | ||
653 | left: 66.66666667%; | ||
654 | } | ||
655 | .w-col-small-push-9 { | ||
656 | left: 75%; | ||
657 | } | ||
658 | .w-col-small-push-10 { | ||
659 | left: 83.33333333%; | ||
660 | } | ||
661 | .w-col-small-push-11 { | ||
662 | left: 91.66666667%; | ||
663 | } | ||
664 | .w-col-small-pull-1 { | ||
665 | right: 8.33333333%; | ||
666 | } | ||
667 | .w-col-small-pull-2 { | ||
668 | right: 16.66666667%; | ||
669 | } | ||
670 | .w-col-small-pull-3 { | ||
671 | right: 25%; | ||
672 | } | ||
673 | .w-col-small-pull-4 { | ||
674 | right: 33.33333333%; | ||
675 | } | ||
676 | .w-col-small-pull-5 { | ||
677 | right: 41.66666667%; | ||
678 | } | ||
679 | .w-col-small-pull-6 { | ||
680 | right: 50%; | ||
681 | } | ||
682 | .w-col-small-pull-7 { | ||
683 | right: 58.33333333%; | ||
684 | } | ||
685 | .w-col-small-pull-8 { | ||
686 | right: 66.66666667%; | ||
687 | } | ||
688 | .w-col-small-pull-9 { | ||
689 | right: 75%; | ||
690 | } | ||
691 | .w-col-small-pull-10 { | ||
692 | right: 83.33333333%; | ||
693 | } | ||
694 | .w-col-small-pull-11 { | ||
695 | right: 91.66666667%; | ||
696 | } | ||
697 | .w-col-small-offset-1 { | ||
698 | margin-left: 8.33333333%; | ||
699 | } | ||
700 | .w-col-small-offset-2 { | ||
701 | margin-left: 16.66666667%; | ||
702 | } | ||
703 | .w-col-small-offset-3 { | ||
704 | margin-left: 25%; | ||
705 | } | ||
706 | .w-col-small-offset-4 { | ||
707 | margin-left: 33.33333333%; | ||
708 | } | ||
709 | .w-col-small-offset-5 { | ||
710 | margin-left: 41.66666667%; | ||
711 | } | ||
712 | .w-col-small-offset-6 { | ||
713 | margin-left: 50%; | ||
714 | } | ||
715 | .w-col-small-offset-7 { | ||
716 | margin-left: 58.33333333%; | ||
717 | } | ||
718 | .w-col-small-offset-8 { | ||
719 | margin-left: 66.66666667%; | ||
720 | } | ||
721 | .w-col-small-offset-9 { | ||
722 | margin-left: 75%; | ||
723 | } | ||
724 | .w-col-small-offset-10 { | ||
725 | margin-left: 83.33333333%; | ||
726 | } | ||
727 | .w-col-small-offset-11 { | ||
728 | margin-left: 91.66666667%; | ||
729 | } | ||
730 | } | ||
731 | @media screen and (max-width: 479px) { | ||
732 | .w-container { | ||
733 | max-width: none; | ||
734 | } | ||
735 | .w-hidden-main { | ||
736 | display: inherit !important; | ||
737 | } | ||
738 | .w-hidden-medium { | ||
739 | display: inherit !important; | ||
740 | } | ||
741 | .w-hidden-small { | ||
742 | display: inherit !important; | ||
743 | } | ||
744 | .w-hidden-tiny { | ||
745 | display: none !important; | ||
746 | } | ||
747 | .w-col { | ||
748 | width: 100%; | ||
749 | } | ||
750 | .w-col-tiny-1 { | ||
751 | width: 8.33333333%; | ||
752 | } | ||
753 | .w-col-tiny-2 { | ||
754 | width: 16.66666667%; | ||
755 | } | ||
756 | .w-col-tiny-3 { | ||
757 | width: 25%; | ||
758 | } | ||
759 | .w-col-tiny-4 { | ||
760 | width: 33.33333333%; | ||
761 | } | ||
762 | .w-col-tiny-5 { | ||
763 | width: 41.66666667%; | ||
764 | } | ||
765 | .w-col-tiny-6 { | ||
766 | width: 50%; | ||
767 | } | ||
768 | .w-col-tiny-7 { | ||
769 | width: 58.33333333%; | ||
770 | } | ||
771 | .w-col-tiny-8 { | ||
772 | width: 66.66666667%; | ||
773 | } | ||
774 | .w-col-tiny-9 { | ||
775 | width: 75%; | ||
776 | } | ||
777 | .w-col-tiny-10 { | ||
778 | width: 83.33333333%; | ||
779 | } | ||
780 | .w-col-tiny-11 { | ||
781 | width: 91.66666667%; | ||
782 | } | ||
783 | .w-col-tiny-12 { | ||
784 | width: 100%; | ||
785 | } | ||
786 | .w-col-tiny-push-1 { | ||
787 | left: 8.33333333%; | ||
788 | } | ||
789 | .w-col-tiny-push-2 { | ||
790 | left: 16.66666667%; | ||
791 | } | ||
792 | .w-col-tiny-push-3 { | ||
793 | left: 25%; | ||
794 | } | ||
795 | .w-col-tiny-push-4 { | ||
796 | left: 33.33333333%; | ||
797 | } | ||
798 | .w-col-tiny-push-5 { | ||
799 | left: 41.66666667%; | ||
800 | } | ||
801 | .w-col-tiny-push-6 { | ||
802 | left: 50%; | ||
803 | } | ||
804 | .w-col-tiny-push-7 { | ||
805 | left: 58.33333333%; | ||
806 | } | ||
807 | .w-col-tiny-push-8 { | ||
808 | left: 66.66666667%; | ||
809 | } | ||
810 | .w-col-tiny-push-9 { | ||
811 | left: 75%; | ||
812 | } | ||
813 | .w-col-tiny-push-10 { | ||
814 | left: 83.33333333%; | ||
815 | } | ||
816 | .w-col-tiny-push-11 { | ||
817 | left: 91.66666667%; | ||
818 | } | ||
819 | .w-col-tiny-pull-1 { | ||
820 | right: 8.33333333%; | ||
821 | } | ||
822 | .w-col-tiny-pull-2 { | ||
823 | right: 16.66666667%; | ||
824 | } | ||
825 | .w-col-tiny-pull-3 { | ||
826 | right: 25%; | ||
827 | } | ||
828 | .w-col-tiny-pull-4 { | ||
829 | right: 33.33333333%; | ||
830 | } | ||
831 | .w-col-tiny-pull-5 { | ||
832 | right: 41.66666667%; | ||
833 | } | ||
834 | .w-col-tiny-pull-6 { | ||
835 | right: 50%; | ||
836 | } | ||
837 | .w-col-tiny-pull-7 { | ||
838 | right: 58.33333333%; | ||
839 | } | ||
840 | .w-col-tiny-pull-8 { | ||
841 | right: 66.66666667%; | ||
842 | } | ||
843 | .w-col-tiny-pull-9 { | ||
844 | right: 75%; | ||
845 | } | ||
846 | .w-col-tiny-pull-10 { | ||
847 | right: 83.33333333%; | ||
848 | } | ||
849 | .w-col-tiny-pull-11 { | ||
850 | right: 91.66666667%; | ||
851 | } | ||
852 | .w-col-tiny-offset-1 { | ||
853 | margin-left: 8.33333333%; | ||
854 | } | ||
855 | .w-col-tiny-offset-2 { | ||
856 | margin-left: 16.66666667%; | ||
857 | } | ||
858 | .w-col-tiny-offset-3 { | ||
859 | margin-left: 25%; | ||
860 | } | ||
861 | .w-col-tiny-offset-4 { | ||
862 | margin-left: 33.33333333%; | ||
863 | } | ||
864 | .w-col-tiny-offset-5 { | ||
865 | margin-left: 41.66666667%; | ||
866 | } | ||
867 | .w-col-tiny-offset-6 { | ||
868 | margin-left: 50%; | ||
869 | } | ||
870 | .w-col-tiny-offset-7 { | ||
871 | margin-left: 58.33333333%; | ||
872 | } | ||
873 | .w-col-tiny-offset-8 { | ||
874 | margin-left: 66.66666667%; | ||
875 | } | ||
876 | .w-col-tiny-offset-9 { | ||
877 | margin-left: 75%; | ||
878 | } | ||
879 | .w-col-tiny-offset-10 { | ||
880 | margin-left: 83.33333333%; | ||
881 | } | ||
882 | .w-col-tiny-offset-11 { | ||
883 | margin-left: 91.66666667%; | ||
884 | } | ||
885 | } | ||
886 | .w-widget { | ||
887 | position: relative; | ||
888 | } | ||
889 | .w-widget-map { | ||
890 | width: 100%; | ||
891 | height: 400px; | ||
892 | } | ||
893 | .w-widget-map label { | ||
894 | width: auto; | ||
895 | display: inline; | ||
896 | } | ||
897 | .w-widget-map img { | ||
898 | max-width: inherit; | ||
899 | } | ||
900 | .w-widget-map .gm-style-iw { | ||
901 | width: 90% !important; | ||
902 | height: auto !important; | ||
903 | top: 7px !important; | ||
904 | left: 6% !important; | ||
905 | display: inline; | ||
906 | text-align: center; | ||
907 | overflow: hidden; | ||
908 | } | ||
909 | .w-widget-map .gm-style-iw + div { | ||
910 | display: none; | ||
911 | } | ||
912 | .w-widget-twitter { | ||
913 | overflow: hidden; | ||
914 | } | ||
915 | .w-widget-gplus { | ||
916 | overflow: hidden; | ||
917 | } | ||
918 | .w-slider { | ||
919 | position: relative; | ||
920 | height: 300px; | ||
921 | text-align: center; | ||
922 | background: rgba(153, 153, 153, 0.5); | ||
923 | clear: both; | ||
924 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
925 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
926 | } | ||
927 | .w-slider-mask { | ||
928 | position: relative; | ||
929 | display: block; | ||
930 | overflow: hidden; | ||
931 | z-index: 1; | ||
932 | left: 0; | ||
933 | right: 0; | ||
934 | height: 100%; | ||
935 | white-space: nowrap; | ||
936 | } | ||
937 | .w-slide { | ||
938 | position: relative; | ||
939 | display: inline-block; | ||
940 | vertical-align: top; | ||
941 | width: 100%; | ||
942 | height: 100%; | ||
943 | white-space: normal; | ||
944 | text-align: left; | ||
945 | } | ||
946 | .w-slider-nav { | ||
947 | position: absolute; | ||
948 | z-index: 2; | ||
949 | top: auto; | ||
950 | right: 0; | ||
951 | bottom: 0; | ||
952 | left: 0; | ||
953 | margin: auto; | ||
954 | padding-top: 10px; | ||
955 | height: 40px; | ||
956 | text-align: center; | ||
957 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
958 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
959 | } | ||
960 | .w-slider-nav.w-round > div { | ||
961 | -webkit-border-radius: 100%; | ||
962 | -webkit-background-clip: padding-box; | ||
963 | -moz-border-radius: 100%; | ||
964 | -moz-background-clip: padding; | ||
965 | border-radius: 100%; | ||
966 | background-clip: padding-box; | ||
967 | } | ||
968 | .w-slider-nav.w-num > div { | ||
969 | width: auto; | ||
970 | height: auto; | ||
971 | padding: 0.2em 0.5em; | ||
972 | font-size: inherit; | ||
973 | line-height: inherit; | ||
974 | } | ||
975 | .w-slider-nav.w-shadow > div { | ||
976 | -webkit-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); | ||
977 | -moz-box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); | ||
978 | box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); | ||
979 | } | ||
980 | .w-slider-nav-invert { | ||
981 | color: #fff; | ||
982 | } | ||
983 | .w-slider-nav-invert > div { | ||
984 | background-color: rgba(34, 34, 34, 0.4); | ||
985 | } | ||
986 | .w-slider-nav-invert > div.w-active { | ||
987 | background-color: #222; | ||
988 | } | ||
989 | .w-slider-dot { | ||
990 | position: relative; | ||
991 | display: inline-block; | ||
992 | width: 1em; | ||
993 | height: 1em; | ||
994 | background-color: rgba(255, 255, 255, 0.4); | ||
995 | cursor: pointer; | ||
996 | margin: 0 3px 0.5em; | ||
997 | -webkit-transition: background-color 100ms, color 100ms; | ||
998 | -moz-transition: background-color 100ms, color 100ms; | ||
999 | -o-transition: background-color 100ms, color 100ms; | ||
1000 | transition: background-color 100ms, color 100ms; | ||
1001 | } | ||
1002 | .w-slider-dot.w-active { | ||
1003 | background-color: #fff; | ||
1004 | } | ||
1005 | .w-slider-arrow-left, | ||
1006 | .w-slider-arrow-right { | ||
1007 | position: absolute; | ||
1008 | width: 80px; | ||
1009 | top: 0; | ||
1010 | right: 0; | ||
1011 | bottom: 0; | ||
1012 | left: 0; | ||
1013 | margin: auto; | ||
1014 | cursor: pointer; | ||
1015 | overflow: hidden; | ||
1016 | color: white; | ||
1017 | font-size: 40px; | ||
1018 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
1019 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
1020 | -webkit-user-select: none; | ||
1021 | -moz-user-select: none; | ||
1022 | -ms-user-select: none; | ||
1023 | user-select: none; | ||
1024 | } | ||
1025 | .w-slider-arrow-left [class^="w-icon-"], | ||
1026 | .w-slider-arrow-right [class^="w-icon-"], | ||
1027 | .w-slider-arrow-left [class*=" w-icon-"], | ||
1028 | .w-slider-arrow-right [class*=" w-icon-"] { | ||
1029 | position: absolute; | ||
1030 | } | ||
1031 | .w-slider-arrow-left { | ||
1032 | z-index: 3; | ||
1033 | right: auto; | ||
1034 | } | ||
1035 | .w-slider-arrow-right { | ||
1036 | z-index: 4; | ||
1037 | left: auto; | ||
1038 | } | ||
1039 | .w-icon-slider-left, | ||
1040 | .w-icon-slider-right { | ||
1041 | top: 0; | ||
1042 | right: 0; | ||
1043 | bottom: 0; | ||
1044 | left: 0; | ||
1045 | margin: auto; | ||
1046 | width: 1em; | ||
1047 | height: 1em; | ||
1048 | } | ||
1049 | .w-dropdown { | ||
1050 | display: inline-block; | ||
1051 | position: relative; | ||
1052 | text-align: left; | ||
1053 | margin-left: auto; | ||
1054 | margin-right: auto; | ||
1055 | z-index: 900; | ||
1056 | } | ||
1057 | .w-dropdown-btn, | ||
1058 | .w-dropdown-toggle, | ||
1059 | .w-dropdown-link { | ||
1060 | position: relative; | ||
1061 | vertical-align: top; | ||
1062 | text-decoration: none; | ||
1063 | color: #222; | ||
1064 | padding: 20px; | ||
1065 | text-align: left; | ||
1066 | margin-left: auto; | ||
1067 | margin-right: auto; | ||
1068 | white-space: nowrap; | ||
1069 | } | ||
1070 | .w-dropdown-toggle { | ||
1071 | -webkit-user-select: none; | ||
1072 | -moz-user-select: none; | ||
1073 | -ms-user-select: none; | ||
1074 | user-select: none; | ||
1075 | display: inline-block; | ||
1076 | cursor: pointer; | ||
1077 | padding-right: 40px; | ||
1078 | } | ||
1079 | .w-dropdown-toggle:focus { | ||
1080 | outline: 0; | ||
1081 | } | ||
1082 | .w-icon-dropdown-toggle { | ||
1083 | position: absolute; | ||
1084 | top: 0; | ||
1085 | right: 0; | ||
1086 | bottom: 0; | ||
1087 | margin: auto; | ||
1088 | margin-right: 20px; | ||
1089 | width: 1em; | ||
1090 | height: 1em; | ||
1091 | } | ||
1092 | .w-dropdown-list { | ||
1093 | position: absolute; | ||
1094 | background: #f2f2f2; | ||
1095 | display: none; | ||
1096 | min-width: 100%; | ||
1097 | } | ||
1098 | .w-dropdown-list.w--open { | ||
1099 | display: block; | ||
1100 | } | ||
1101 | .w-dropdown-link { | ||
1102 | padding: 10px 20px; | ||
1103 | display: block; | ||
1104 | } | ||
1105 | .w-dropdown-link.w--current { | ||
1106 | color: #339ce1; | ||
1107 | } | ||
1108 | .w-nav[data-collapse="all"] .w-dropdown, | ||
1109 | .w-nav[data-collapse="all"] .w-dropdown-toggle { | ||
1110 | display: block; | ||
1111 | } | ||
1112 | .w-nav[data-collapse="all"] .w-dropdown-list { | ||
1113 | position: static; | ||
1114 | } | ||
1115 | @media screen and (max-width: 991px) { | ||
1116 | .w-nav[data-collapse="medium"] .w-dropdown, | ||
1117 | .w-nav[data-collapse="medium"] .w-dropdown-toggle { | ||
1118 | display: block; | ||
1119 | } | ||
1120 | .w-nav[data-collapse="medium"] .w-dropdown-list { | ||
1121 | position: static; | ||
1122 | } | ||
1123 | } | ||
1124 | @media screen and (max-width: 767px) { | ||
1125 | .w-nav[data-collapse="small"] .w-dropdown, | ||
1126 | .w-nav[data-collapse="small"] .w-dropdown-toggle { | ||
1127 | display: block; | ||
1128 | } | ||
1129 | .w-nav[data-collapse="small"] .w-dropdown-list { | ||
1130 | position: static; | ||
1131 | } | ||
1132 | .w-nav-brand { | ||
1133 | padding-left: 10px; | ||
1134 | } | ||
1135 | } | ||
1136 | @media screen and (max-width: 479px) { | ||
1137 | .w-nav[data-collapse="tiny"] .w-dropdown, | ||
1138 | .w-nav[data-collapse="tiny"] .w-dropdown-toggle { | ||
1139 | display: block; | ||
1140 | } | ||
1141 | .w-nav[data-collapse="tiny"] .w-dropdown-list { | ||
1142 | position: static; | ||
1143 | } | ||
1144 | } | ||
1145 | /** | ||
1146 | * ## Note | ||
1147 | * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. | ||
1148 | * For example percentage units do not work on descendants of elements that | ||
1149 | * have any dimensions expressed in viewport units. It also doesn’t handle them at | ||
1150 | * all in `calc()`. | ||
1151 | */ | ||
1152 | /** | ||
1153 | * Wrapper around all lightbox elements | ||
1154 | * | ||
1155 | * 1. Since the lightbox can receive focus, IE also gives it an outline. | ||
1156 | * 2. Fixes flickering on Chrome when a transition is in progress | ||
1157 | * underneath the lightbox. | ||
1158 | */ | ||
1159 | .w-lightbox-backdrop { | ||
1160 | position: fixed; | ||
1161 | top: 0; | ||
1162 | right: 0; | ||
1163 | bottom: 0; | ||
1164 | left: 0; | ||
1165 | color: #fff; | ||
1166 | font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; | ||
1167 | font-size: 17px; | ||
1168 | font-weight: 300; | ||
1169 | text-align: center; | ||
1170 | background: rgba(0, 0, 0, 0.9); | ||
1171 | z-index: 2000; | ||
1172 | outline: 0; | ||
1173 | /* 1 */ | ||
1174 | opacity: 0; | ||
1175 | -webkit-user-select: none; | ||
1176 | -moz-user-select: none; | ||
1177 | -ms-user-select: none; | ||
1178 | -webkit-tap-highlight-color: transparent; | ||
1179 | -webkit-transform: translate(0, 0); | ||
1180 | /* 2 */ | ||
1181 | } | ||
1182 | /** | ||
1183 | * Neat trick to bind the rubberband effect to our canvas instead of the whole | ||
1184 | * document on iOS. It also prevents a bug that causes the document underneath to scroll. | ||
1185 | */ | ||
1186 | .w-lightbox-backdrop, | ||
1187 | .w-lightbox-container { | ||
1188 | height: 100%; | ||
1189 | overflow: auto; | ||
1190 | -webkit-overflow-scrolling: touch; | ||
1191 | } | ||
1192 | .w-lightbox-content { | ||
1193 | position: relative; | ||
1194 | height: 100vh; | ||
1195 | overflow: hidden; | ||
1196 | } | ||
1197 | .w-lightbox-view { | ||
1198 | position: absolute; | ||
1199 | width: 100vw; | ||
1200 | height: 100vh; | ||
1201 | } | ||
1202 | .w-lightbox-view:before { | ||
1203 | content: ""; | ||
1204 | height: 100vh; | ||
1205 | } | ||
1206 | /* .w-lightbox-content */ | ||
1207 | .w-lightbox-group, | ||
1208 | .w-lightbox-group .w-lightbox-view, | ||
1209 | .w-lightbox-group .w-lightbox-view:before { | ||
1210 | height: 86vh; | ||
1211 | } | ||
1212 | .w-lightbox-frame, | ||
1213 | .w-lightbox-view:before { | ||
1214 | display: inline-block; | ||
1215 | vertical-align: middle; | ||
1216 | } | ||
1217 | /* | ||
1218 | * 1. Remove default margin set by user-agent on the <figure> element. | ||
1219 | */ | ||
1220 | .w-lightbox-figure { | ||
1221 | position: relative; | ||
1222 | margin: 0; | ||
1223 | /* 1 */ | ||
1224 | } | ||
1225 | .w-lightbox-group .w-lightbox-figure { | ||
1226 | cursor: pointer; | ||
1227 | } | ||
1228 | /** | ||
1229 | * IE adds image dimensions as width and height attributes on the IMG tag, | ||
1230 | * but we need both width and height to be set to auto to enable scaling. | ||
1231 | */ | ||
1232 | .w-lightbox-img { | ||
1233 | width: auto; | ||
1234 | height: auto; | ||
1235 | max-width: none; | ||
1236 | } | ||
1237 | .w-lightbox-image { | ||
1238 | display: block; | ||
1239 | max-width: 100vw; | ||
1240 | max-height: 100vh; | ||
1241 | } | ||
1242 | .w-lightbox-group .w-lightbox-image { | ||
1243 | max-height: 86vh; | ||
1244 | } | ||
1245 | .w-lightbox-caption { | ||
1246 | position: absolute; | ||
1247 | right: 0; | ||
1248 | bottom: 0; | ||
1249 | left: 0; | ||
1250 | padding: .5em 1em; | ||
1251 | background: rgba(0, 0, 0, 0.4); | ||
1252 | text-align: left; | ||
1253 | text-overflow: ellipsis; | ||
1254 | white-space: nowrap; | ||
1255 | overflow: hidden; | ||
1256 | } | ||
1257 | .w-lightbox-embed { | ||
1258 | position: absolute; | ||
1259 | top: 0; | ||
1260 | right: 0; | ||
1261 | bottom: 0; | ||
1262 | left: 0; | ||
1263 | width: 100%; | ||
1264 | height: 100%; | ||
1265 | } | ||
1266 | .w-lightbox-control { | ||
1267 | position: absolute; | ||
1268 | top: 0; | ||
1269 | width: 4em; | ||
1270 | background-size: 24px; | ||
1271 | background-repeat: no-repeat; | ||
1272 | background-position: center; | ||
1273 | cursor: pointer; | ||
1274 | opacity: 0; | ||
1275 | -webkit-transition: all .3s; | ||
1276 | transition: all .3s; | ||
1277 | } | ||
1278 | .w-lightbox-left { | ||
1279 | bottom: 0; | ||
1280 | left: 0; | ||
1281 | /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */ | ||
1282 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); | ||
1283 | } | ||
1284 | .w-lightbox-right { | ||
1285 | right: 0; | ||
1286 | bottom: 0; | ||
1287 | /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */ | ||
1288 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); | ||
1289 | } | ||
1290 | /* | ||
1291 | * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. | ||
1292 | * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. | ||
1293 | * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) | ||
1294 | */ | ||
1295 | .w-lightbox-close { | ||
1296 | right: 0; | ||
1297 | height: 2.6em; | ||
1298 | /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */ | ||
1299 | background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); | ||
1300 | background-size: 18px; | ||
1301 | } | ||
1302 | /** | ||
1303 | * 1. All IE versions add extra space at the bottom without this. | ||
1304 | */ | ||
1305 | .w-lightbox-strip { | ||
1306 | padding: 0 1vh; | ||
1307 | line-height: 0; | ||
1308 | /* 1 */ | ||
1309 | white-space: nowrap; | ||
1310 | overflow-x: auto; | ||
1311 | overflow-y: hidden; | ||
1312 | } | ||
1313 | /* | ||
1314 | * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` | ||
1315 | * which doesn’t work in Safari anyway. | ||
1316 | * 2. Chrome renders images pixelated when switching to GPU. Making sure | ||
1317 | * the parent is also rendered on the GPU (by setting translate3d for | ||
1318 | * example) fixes this behavior. | ||
1319 | */ | ||
1320 | .w-lightbox-item { | ||
1321 | display: inline-block; | ||
1322 | width: 10vh; | ||
1323 | padding: 2vh 1vh; | ||
1324 | box-sizing: content-box; | ||
1325 | /* 1 */ | ||
1326 | cursor: pointer; | ||
1327 | -webkit-transform: translate3d(0, 0, 0); | ||
1328 | /* 2 */ | ||
1329 | } | ||
1330 | .w-lightbox-active { | ||
1331 | opacity: .3; | ||
1332 | } | ||
1333 | .w-lightbox-thumbnail { | ||
1334 | position: relative; | ||
1335 | height: 10vh; | ||
1336 | background: #222; | ||
1337 | overflow: hidden; | ||
1338 | } | ||
1339 | .w-lightbox-thumbnail-image { | ||
1340 | position: absolute; | ||
1341 | top: 0; | ||
1342 | left: 0; | ||
1343 | } | ||
1344 | .w-lightbox-thumbnail .w-lightbox-tall { | ||
1345 | top: 50%; | ||
1346 | width: 100%; | ||
1347 | -webkit-transform: translate(0, -50%); | ||
1348 | -ms-transform: translate(0, -50%); | ||
1349 | transform: translate(0, -50%); | ||
1350 | } | ||
1351 | .w-lightbox-thumbnail .w-lightbox-wide { | ||
1352 | left: 50%; | ||
1353 | height: 100%; | ||
1354 | -webkit-transform: translate(-50%, 0); | ||
1355 | -ms-transform: translate(-50%, 0); | ||
1356 | transform: translate(-50%, 0); | ||
1357 | } | ||
1358 | /* | ||
1359 | * Spinner | ||
1360 | * | ||
1361 | * Absolute pixel values are used to avoid rounding errors that would cause | ||
1362 | * the white spinning element to be misaligned with the track. | ||
1363 | */ | ||
1364 | .w-lightbox-spinner { | ||
1365 | position: absolute; | ||
1366 | top: 50%; | ||
1367 | left: 50%; | ||
1368 | box-sizing: border-box; | ||
1369 | width: 40px; | ||
1370 | height: 40px; | ||
1371 | margin-top: -20px; | ||
1372 | margin-left: -20px; | ||
1373 | border: 5px solid rgba(0, 0, 0, 0.4); | ||
1374 | border-radius: 50%; | ||
1375 | -webkit-animation: spin .8s infinite linear; | ||
1376 | animation: spin .8s infinite linear; | ||
1377 | } | ||
1378 | .w-lightbox-spinner:after { | ||
1379 | content: ""; | ||
1380 | position: absolute; | ||
1381 | top: -4px; | ||
1382 | right: -4px; | ||
1383 | bottom: -4px; | ||
1384 | left: -4px; | ||
1385 | border: 3px solid transparent; | ||
1386 | border-bottom-color: #fff; | ||
1387 | border-radius: 50%; | ||
1388 | } | ||
1389 | /* | ||
1390 | * Utility classes | ||
1391 | */ | ||
1392 | .w-lightbox-hide { | ||
1393 | display: none; | ||
1394 | } | ||
1395 | .w-lightbox-visible { | ||
1396 | opacity: 1; | ||
1397 | } | ||
1398 | .w-lightbox-noscroll { | ||
1399 | overflow: hidden; | ||
1400 | } | ||
1401 | @media (min-width: 1025px) { | ||
1402 | .w-lightbox-content { | ||
1403 | height: 96vh; | ||
1404 | margin-top: 2vh; | ||
1405 | } | ||
1406 | .w-lightbox-view, | ||
1407 | .w-lightbox-view:before { | ||
1408 | height: 96vh; | ||
1409 | } | ||
1410 | /* .w-lightbox-content */ | ||
1411 | .w-lightbox-group, | ||
1412 | .w-lightbox-group .w-lightbox-view, | ||
1413 | .w-lightbox-group .w-lightbox-view:before { | ||
1414 | height: 84vh; | ||
1415 | } | ||
1416 | .w-lightbox-image { | ||
1417 | max-width: 96vw; | ||
1418 | max-height: 96vh; | ||
1419 | } | ||
1420 | .w-lightbox-group .w-lightbox-image { | ||
1421 | max-height: 84vh; | ||
1422 | } | ||
1423 | .w-lightbox-left, | ||
1424 | .w-lightbox-right { | ||
1425 | opacity: .5; | ||
1426 | } | ||
1427 | .w-lightbox-close { | ||
1428 | opacity: .8; | ||
1429 | } | ||
1430 | .w-lightbox-control:hover { | ||
1431 | opacity: 1; | ||
1432 | } | ||
1433 | } | ||
1434 | .w-lightbox-inactive, | ||
1435 | .w-lightbox-inactive:hover { | ||
1436 | opacity: 0; | ||
1437 | } | ||
1438 | .w-nav { | ||
1439 | position: relative; | ||
1440 | background: #BBB; | ||
1441 | z-index: 1000; | ||
1442 | } | ||
1443 | .w-nav:before, | ||
1444 | .w-nav:after { | ||
1445 | content: " "; | ||
1446 | display: table; | ||
1447 | } | ||
1448 | .w-nav:after { | ||
1449 | clear: both; | ||
1450 | } | ||
1451 | .w-nav-brand { | ||
1452 | position: relative; | ||
1453 | float: left; | ||
1454 | text-decoration: none; | ||
1455 | color: #222; | ||
1456 | } | ||
1457 | .w-nav-link { | ||
1458 | position: relative; | ||
1459 | display: inline-block; | ||
1460 | vertical-align: top; | ||
1461 | text-decoration: none; | ||
1462 | color: #222; | ||
1463 | padding: 20px; | ||
1464 | text-align: left; | ||
1465 | margin-left: auto; | ||
1466 | margin-right: auto; | ||
1467 | } | ||
1468 | .w-nav-link.w--current { | ||
1469 | color: #339ce1; | ||
1470 | } | ||
1471 | .w-nav-menu { | ||
1472 | position: relative; | ||
1473 | float: right; | ||
1474 | } | ||
1475 | .w--nav-menu-open { | ||
1476 | display: block !important; | ||
1477 | position: absolute; | ||
1478 | top: 100%; | ||
1479 | left: 0; | ||
1480 | right: 0; | ||
1481 | background: #999; | ||
1482 | text-align: center; | ||
1483 | overflow: visible; | ||
1484 | min-width: 200px; | ||
1485 | } | ||
1486 | .w--nav-link-open { | ||
1487 | display: block; | ||
1488 | position: relative; | ||
1489 | } | ||
1490 | .w-nav-overlay { | ||
1491 | position: absolute; | ||
1492 | overflow: hidden; | ||
1493 | display: none; | ||
1494 | top: 100%; | ||
1495 | left: 0; | ||
1496 | right: 0; | ||
1497 | width: 100%; | ||
1498 | } | ||
1499 | .w-nav-overlay .w--nav-menu-open { | ||
1500 | top: 0; | ||
1501 | } | ||
1502 | .w-nav[data-animation="over-left"] .w-nav-overlay { | ||
1503 | width: auto; | ||
1504 | } | ||
1505 | .w-nav[data-animation="over-left"] .w-nav-overlay, | ||
1506 | .w-nav[data-animation="over-left"] .w--nav-menu-open { | ||
1507 | right: auto; | ||
1508 | z-index: 1; | ||
1509 | top: 0; | ||
1510 | } | ||
1511 | .w-nav[data-animation="over-right"] .w-nav-overlay { | ||
1512 | width: auto; | ||
1513 | } | ||
1514 | .w-nav[data-animation="over-right"] .w-nav-overlay, | ||
1515 | .w-nav[data-animation="over-right"] .w--nav-menu-open { | ||
1516 | left: auto; | ||
1517 | z-index: 1; | ||
1518 | top: 0; | ||
1519 | } | ||
1520 | .w-nav-button { | ||
1521 | position: relative; | ||
1522 | float: right; | ||
1523 | padding: 18px; | ||
1524 | font-size: 24px; | ||
1525 | display: none; | ||
1526 | cursor: pointer; | ||
1527 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
1528 | tap-highlight-color: rgba(0, 0, 0, 0); | ||
1529 | -webkit-user-select: none; | ||
1530 | -moz-user-select: none; | ||
1531 | -ms-user-select: none; | ||
1532 | user-select: none; | ||
1533 | } | ||
1534 | .w-nav-button.w--open { | ||
1535 | background-color: #999; | ||
1536 | color: white; | ||
1537 | } | ||
1538 | .w-nav[data-collapse="all"] .w-nav-menu { | ||
1539 | display: none; | ||
1540 | } | ||
1541 | .w-nav[data-collapse="all"] .w-nav-button { | ||
1542 | display: block; | ||
1543 | } | ||
1544 | @media screen and (max-width: 991px) { | ||
1545 | .w-nav[data-collapse="medium"] .w-nav-menu { | ||
1546 | display: none; | ||
1547 | } | ||
1548 | .w-nav[data-collapse="medium"] .w-nav-button { | ||
1549 | display: block; | ||
1550 | } | ||
1551 | } | ||
1552 | @media screen and (max-width: 767px) { | ||
1553 | .w-nav[data-collapse="small"] .w-nav-menu { | ||
1554 | display: none; | ||
1555 | } | ||
1556 | .w-nav[data-collapse="small"] .w-nav-button { | ||
1557 | display: block; | ||
1558 | } | ||
1559 | .w-nav-brand { | ||
1560 | padding-left: 10px; | ||
1561 | } | ||
1562 | } | ||
1563 | @media screen and (max-width: 479px) { | ||
1564 | .w-nav[data-collapse="tiny"] .w-nav-menu { | ||
1565 | display: none; | ||
1566 | } | ||
1567 | .w-nav[data-collapse="tiny"] .w-nav-button { | ||
1568 | display: block; | ||
1569 | } | ||
1570 | } | ||
1571 | .w-tabs { | ||
1572 | position: relative; | ||
1573 | } | ||
1574 | .w-tabs:before, | ||
1575 | .w-tabs:after { | ||
1576 | content: " "; | ||
1577 | display: table; | ||
1578 | } | ||
1579 | .w-tabs:after { | ||
1580 | clear: both; | ||
1581 | } | ||
1582 | .w-tab-menu { | ||
1583 | position: relative; | ||
1584 | } | ||
1585 | .w-tab-link { | ||
1586 | position: relative; | ||
1587 | display: inline-block; | ||
1588 | vertical-align: top; | ||
1589 | text-decoration: none; | ||
1590 | padding: 8px 30px; | ||
1591 | text-align: left; | ||
1592 | cursor: pointer; | ||
1593 | background-color: #E8E8E8; | ||
1594 | } | ||
1595 | .w-tab-link.w--current { | ||
1596 | background-color: #BCD3F3; | ||
1597 | } | ||
1598 | .w-tab-content { | ||
1599 | position: relative; | ||
1600 | display: block; | ||
1601 | overflow: hidden; | ||
1602 | } | ||
1603 | .w-tab-pane { | ||
1604 | position: relative; | ||
1605 | display: none; | ||
1606 | } | ||
1607 | .w--tab-active { | ||
1608 | display: block; | ||
1609 | } | ||
1610 | @media screen and (max-width: 479px) { | ||
1611 | .w-tab-link { | ||
1612 | display: block; | ||
1613 | } | ||
1614 | } | ||
1615 | .w-ix-emptyfix:after { | ||
1616 | content: ""; | ||
1617 | } | ||
1618 | @-webkit-keyframes spin { | ||
1619 | 0% { | ||
1620 | -webkit-transform: rotate(0deg); | ||
1621 | } | ||
1622 | 100% { | ||
1623 | -webkit-transform: rotate(360deg); | ||
1624 | } | ||
1625 | } | ||
1626 | @keyframes spin { | ||
1627 | 0% { | ||
1628 | transform: rotate(0deg); | ||
1629 | } | ||
1630 | 100% { | ||
1631 | transform: rotate(360deg); | ||
1632 | } | ||
1633 | } | ||