-
Notifications
You must be signed in to change notification settings - Fork 18
/
lungo.css
633 lines (623 loc) · 94.6 KB
/
lungo.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;margin:0;outline:0;padding:0;font-size:100%;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video display: inline-block *display: inline *zoom: 1,audio:not([controls]) display: none,[hidden] display: none,html{width:100%;height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0;padding:0;width:100%;height:100%;overflow-y:visible !important;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:moz-none;user-select:none;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{opacity:1}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;font-size:0}
table{border-collapse:collapse;border-spacing:0}
th,td,caption{vertical-align:top;text-align:left}
@media ="all"{::-webkit-scrollbar{width:1px;height:1px}
}
body,html{height:100%;width:100%;margin:0;padding:0;overflow:hidden}
body > aside,body > section{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;height:inherit;webkit-transform:translate3d(0,0,0);}
body > aside > header,body > section > header,body > aside > footer,body > section > footer{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0;z-index:3;position:relative}
body > aside > header,body > section > header{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-box-ordinal-group:1;-o-box-ordinal-group:1;box-ordinal-group:1}
body > aside > article,body > section > article{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-box-ordinal-group:2;-o-box-ordinal-group:2;box-ordinal-group:2;z-index:-1}
body > aside > footer,body > section > footer{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-box-ordinal-group:3;-o-box-ordinal-group:3;box-ordinal-group:3}
body > aside > header,body > section > header,body > aside > footer,body > section > footer{height:46px;line-height:46px;}
body > aside > header > nav,body > section > header > nav,body > aside > footer > nav,body > section > footer > nav{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0}
body > aside > header > .title,body > section > header > .title,body > aside > footer > .title,body > section > footer > .title{z-index:-1;float:left;font-size:1.2em;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;}
body > aside > header > .title.centered,body > section > header > .title.centered,body > aside > footer > .title.centered,body > section > footer > .title.centered{position:absolute;left:1.6em;right:1.6em;text-align:center;display:inline-block}
body > aside > header > .title > .tag,body > section > header > .title > .tag,body > aside > footer > .title > .tag,body > section > footer > .title > .tag{position:relative;top:-.1em;left:.25em}
body > aside > header > img.title,body > section > header > img.title,body > aside > footer > img.title,body > section > footer > img.title{height:28px;margin:9px auto}
body > aside > article,body > section > article{visibility:hidden;display:none}
body > aside.show > article.active,body > section.show > article.active,body > aside.hide > article.active,body > section.hide > article.active,body > aside.hiding > article.active,body > section.hiding > article.active{visibility:visible;display:block;z-index:1;height:inherit;}
body > aside.show > article.active.pull,body > section.show > article.active.pull,body > aside.hide > article.active.pull,body > section.hide > article.active.pull,body > aside.hiding > article.active.pull,body > section.hiding > article.active.pull{-webkit-transition-property:transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms}
body > aside [data-article].hide,body > section [data-article].hide{display:none}
body > section{width:inherit;z-index:-1;}
body > section.show{z-index:1}
body > aside{width:256px;display:none;z-index:-1;}
body > aside > header .title{margin:0 .8em}
body > aside.active,body > aside.show{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
body > aside.show{z-index:0}
body > aside.right{right:0}
body[data-os=ios] [data-os=android],body[data-os=ios] [data-os=blackerry],body[data-os=ios] [data-os=firefoxos]{display:none}
body[data-os=android] [data-os=ios],body[data-os=android] [data-os=blackerry],body[data-os=android] [data-os=firefoxos]{display:none}
body[data-os=blackberry] [data-os=android],body[data-os=blackberry] [data-os=ios],body[data-os=blackberry] [data-os=firefoxos]{display:none}
body[data-os=firefoxos] [data-os=android],body[data-os=firefoxos] [data-os=ios],body[data-os=firefoxos] [data-os=blackberry]{display:none}
.list li{list-style-type:none;position:relative;text-align:-webkit-match-parent;line-height:inherit;}
.list li:not(.big){padding:.8em}
.list li.thumb{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal;}
.list li.thumb > div{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1}
.list li.thumb.big > img{width:65px;height:65px}
.list li.thumb.big > div{padding:.25em .4em}
.list li.thumb:not(.big) > img{width:44px;height:44px}
.list li.thumb:not(.big) > div{padding-left:.8em}
.list li.arrow::after{position:absolute;right:.5em;top:45%;width:.5em;height:.5em;content:'';border-right:.25em solid;border-top:.25em solid;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.list li a{display:block;text-decoration:none}
.list li .icon{display:inline-block;float:left;margin-right:.4em;text-align:center;line-height:1em;width:24px;height:24px;font-size:1.4em}
.list li.anchor{padding:.25em .5em;}
.list li.anchor .tag{display:none}
.list li h1,.list li h2,.list li h3,.list li h4,.list li h5,.list li h6,.list li strong,.list li small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.list li small + .on-right{margin-left:0;margin-top:-1.4em}
.list li small,.list li.anchor{font-size:.9em}
.list li .on-right:not(.tag){font-size:11px}
.list li .on-right.tag{padding-left:.4em;padding-right:.4em;-webkit-text-shadow:none;-moz-text-shadow:none;-ms-text-shadow:none;-o-text-shadow:none;text-shadow:none}
.list .on-right .icon,.list small .icon{font-size:inherit !important;width:auto !important;height:auto !important}
.list.indented li:not(:last-child){margin-bottom:.8em}
header nav a,header nav button{position:relative;text-align:center;float:left;height:46px;min-width:46px;}
header nav a > .icon,header nav button > .icon{font-size:1.5em}
header nav .tag{position:absolute;top:.5em;right:.25em;height:1.4em;line-height:1.4em}
header nav .loading{font-size:1.5em;}
header nav .loading + .icon{display:none}
nav[data-control=groupbar],footer nav{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;width:100%;}
nav[data-control=groupbar] > a,footer nav > a{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;text-decoration:none}
nav[data-control=groupbar]{z-index:2;height:36px;width:100%;font-size:.9em;line-height:36px;}
nav[data-control=groupbar] > a{padding:0;margin:0;height:36px !important;display:block;text-align:center;}
nav[data-control=groupbar] > a .icon,nav[data-control=groupbar] > a .tag{margin:0 .2em;line-height:inherit}
nav[data-control=menu]{position:absolute;left:0;top:0;top:46px;visibility:hidden;z-index:2;width:100%;text-align:center;-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%);-webkit-transition-property:transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
nav[data-control=menu].show{visibility:visible;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
nav[data-control=menu].icons{font-size:11px;}
nav[data-control=menu].icons > a{width:25%;float:left;padding:10px 0;}
nav[data-control=menu].icons > a > .icon{font-size:32px;line-height:32px;display:block}
nav[data-control=menu]:not(.icons){font-size:1.2em;}
nav[data-control=menu]:not(.icons) > a{display:block;position:relative;padding:.8em;}
nav[data-control=menu]:not(.icons) > a > .icon{position:absolute;left:.5em;top:.5em;font-size:1.4em;line-height:1em}
footer nav a{display:block;padding:0;height:46px;text-align:center}
footer nav .icon{font-size:2em;line-height:inherit;width:46px;display:inline-block}
footer nav .tag{position:relative;top:-12px;left:-12px;margin-right:-24px;}
footer nav .tag .loading{top:0;font-size:1.4em}
footer nav abbr{display:none}
footer nav.with-labels .icon{font-size:1.8em;line-height:1em}
footer nav.with-labels abbr{z-index:1;display:block !important;margin-top:-1.3em;font-size:11px;line-height:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@-moz-keyframes menuShow{0%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
75%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-webkit-keyframes menuShow{0%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
75%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-o-keyframes menuShow{0%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
75%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-ms-keyframes menuShow{0%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
75%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@keyframes menuShow{0%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
75%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-moz-keyframes menuHide{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
}@-webkit-keyframes menuHide{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
}@-o-keyframes menuHide{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
}@-ms-keyframes menuHide{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
}@keyframes menuHide{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
25%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}
100%{-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%)}
}
.hidden{display:none}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.indented > *{padding:.5333333333333333em}
.margined > *{margin:.5333333333333333em}
.margin-top{margin-top:.5333333333333333em}
.margin-right{margin-right:.5333333333333333em}
.margin-bottom{margin-bottom:.5333333333333333em}
.margin-left{margin-left:.5333333333333333em}
.on-left{float:left}
.on-right{float:right}
.overthrow-enabled .overthrow{overflow:auto;-webkit-overflow-scrolling:touch}
.scroll{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;}
.scroll.horizontal{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.scroll > *{-webkit-transform:translate3d(0,0,0)}
.tag{font-size:11px;min-width:17px;height:16px;line-height:16px !important;text-align:center;z-index:1;display:inline-block !important}
.layout{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;height:inherit !important;}
.layout:not(.horizontal){-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;}
.layout:not(.horizontal) > [data-layout=middle]{height:50%}
.layout:not(.horizontal) > [data-layout=third]{height:33%}
.layout:not(.horizontal) > [data-layout=quarter]{height:25%}
.layout.horizontal{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal;}
.layout.horizontal > [data-layout=middle]{width:50%}
.layout.horizontal > [data-layout=third]{width:33%}
.layout.horizontal > [data-layout=quarter]{width:25%}
.layout > *{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1}
.layout > [data-layout=secondary]{-webkit-box-flex:2;-moz-box-flex:2;-ms-box-flex:2;-o-box-flex:2;box-flex:2}
.layout > [data-layout=primary]{-webkit-box-flex:3;-moz-box-flex:3;-ms-box-flex:3;-o-box-flex:3;box-flex:3}
[data-view-menu]:after{content:"▼";position:relative;top:-5px;left:1px;font-size:11px}
[data-control=carousel]{overflow:hidden;list-style:none;margin:0}
body > section > article.splash{text-align:center;padding:1.3333333333333333em;}
body > section > article.splash .logo{max-width:192px;margin:20% 0 7.5% 0;font-size:2.2em}
body > section > article.splash .button,body > section > article.splash button{margin-bottom:.35555555555555557em}
body > section > article.splash .copyright{position:absolute;width:100%;bottom:8px;left:0;font-size:11px;padding:0}
.button,button{display:inline-block;border:none;cursor:pointer;font-family:inherit;font-weight:inherit;text-align:center;text-decoration:none;outline:none;background:none;font-size:inherit;}
header .button > abbr,header button > abbr{font-size:.9em}
header .button .icon + abbr,header button .icon + abbr{position:relative;left:.3em;top:.5em;float:right}
article .button,article button{line-height:2.5em;}
article .button.icon,article button.icon{padding:0 .65em}
article .button:not(.icon),article button:not(.icon){padding:0 1em;}
article .button:not(.icon) .icon + abbr,article button:not(.icon) .icon + abbr{margin-left:.5em}
article .button.large,article button.large{font-size:1.4em}
article .button.small,article button.small{font-size:.9em;line-height:2.25em}
article .button.tiny,article button.tiny{font-size:11px;line-height:2em;padding:0 .6em}
article .button.anchor,article button.anchor{width:100%;position:relative;padding:0;}
article .button.anchor:not(.icon) .icon,article button.anchor:not(.icon) .icon{position:absolute;left:1em}
body > section > article > .empty{display:block;width:80%;margin:0 auto;padding-top:15%;text-align:center;}
body > section > article > .empty > *{display:block}
body > section > article > .empty > .icon{font-size:7.5em;line-height:1em}
body > section > article > .empty > strong{font-size:1.2em;line-height:1.2em}
body > section > article > .empty > small{font-size:.9em}
body > section > article > .empty > button{margin:.5em 0}
form label:not(.select),.form label:not(.select){display:inline-block;font-size:.9em;line-height:inherit;margin:.15em 0}
form input:not([type="checkbox"]),.form input:not([type="checkbox"]),form textarea,.form textarea,form select,.form select,form .progress,.form .progress,form label.select,.form label.select,form [data-control-progress],.form [data-control-progress]{font-size:1em;}
form input:not([type="checkbox"]).large,.form input:not([type="checkbox"]).large,form textarea.large,.form textarea.large,form select.large,.form select.large,form .progress.large,.form .progress.large,form label.select.large,.form label.select.large,form [data-control-progress].large,.form [data-control-progress].large{font-size:1.2em}
form input[type="text"],.form input[type="text"],form input[type="password"],.form input[type="password"],form input[type="date"],.form input[type="date"],form input[type="datetime"],.form input[type="datetime"],form input[type="email"],.form input[type="email"],form input[type="number"],.form input[type="number"],form input[type="search"],.form input[type="search"],form input[type="tel"],.form input[type="tel"],form input[type="time"],.form input[type="time"],form input[type="url"],.form input[type="url"],form select,.form select,form textarea,.form textarea,form label.select,.form label.select{display:inline-block;width:100%;margin:.5em 0;padding:0 .5em;-webkit-transition:all 100ms linear;-moz-transition:all 100ms linear;-ms-transition:all 100ms linear;-o-transition:all 100ms linear;transition:all 100ms linear;font-family:inherit;-webkit-appearance:none;-webkit-user-select:text;border:0;}
form input[type="text"]:focus,.form input[type="text"]:focus,form input[type="password"]:focus,.form input[type="password"]:focus,form input[type="date"]:focus,.form input[type="date"]:focus,form input[type="datetime"]:focus,.form input[type="datetime"]:focus,form input[type="email"]:focus,.form input[type="email"]:focus,form input[type="number"]:focus,.form input[type="number"]:focus,form input[type="search"]:focus,.form input[type="search"]:focus,form input[type="tel"]:focus,.form input[type="tel"]:focus,form input[type="time"]:focus,.form input[type="time"]:focus,form input[type="url"]:focus,.form input[type="url"]:focus,form select:focus,.form select:focus,form textarea:focus,.form textarea:focus,form label.select:focus,.form label.select:focus{outline:none !important}
form input[type="text"].border,.form input[type="text"].border,form input[type="password"].border,.form input[type="password"].border,form input[type="date"].border,.form input[type="date"].border,form input[type="datetime"].border,.form input[type="datetime"].border,form input[type="email"].border,.form input[type="email"].border,form input[type="number"].border,.form input[type="number"].border,form input[type="search"].border,.form input[type="search"].border,form input[type="tel"].border,.form input[type="tel"].border,form input[type="time"].border,.form input[type="time"].border,form input[type="url"].border,.form input[type="url"].border,form select.border,.form select.border,form textarea.border,.form textarea.border,form label.select.border,.form label.select.border,form input[type="text"].border > select,.form input[type="text"].border > select,form input[type="password"].border > select,.form input[type="password"].border > select,form input[type="date"].border > select,.form input[type="date"].border > select,form input[type="datetime"].border > select,.form input[type="datetime"].border > select,form input[type="email"].border > select,.form input[type="email"].border > select,form input[type="number"].border > select,.form input[type="number"].border > select,form input[type="search"].border > select,.form input[type="search"].border > select,form input[type="tel"].border > select,.form input[type="tel"].border > select,form input[type="time"].border > select,.form input[type="time"].border > select,form input[type="url"].border > select,.form input[type="url"].border > select,form select.border > select,.form select.border > select,form textarea.border > select,.form textarea.border > select,form label.select.border > select,.form label.select.border > select{padding:.3em .4em}
form textarea,.form textarea{min-height:2.5em;line-height:1.2em}
form fieldset,.form fieldset{position:relative;padding:0 .5em;}
form fieldset > label:not(.select),.form fieldset > label:not(.select){float:left;width:20%;margin:.5em 0;line-height:1.75em;}
form fieldset > label:not(.select).absolute,.form fieldset > label:not(.select).absolute{position:absolute}
form fieldset > label:not(.select).anchor,.form fieldset > label:not(.select).anchor{width:auto;overflow:hidden}
form fieldset > label:not(.absolute) + input:not([type="checkbox"]),.form fieldset > label:not(.absolute) + input:not([type="checkbox"]),form fieldset > label:not(.absolute) + label.select,.form fieldset > label:not(.absolute) + label.select{width:80%}
form fieldset > label:not(.absolute) + input[type="checkbox"],.form fieldset > label:not(.absolute) + input[type="checkbox"]{margin-top:.5em}
form fieldset .icon,.form fieldset .icon{position:absolute;font-size:1.2em;top:.5em;right:.6em}
form fieldset input[type="text"],.form fieldset input[type="text"],form fieldset input[type="password"],.form fieldset input[type="password"],form fieldset input[type="date"],.form fieldset input[type="date"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form fieldset input[type="email"],.form fieldset input[type="email"],form fieldset input[type="number"],.form fieldset input[type="number"],form fieldset input[type="search"],.form fieldset input[type="search"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form fieldset input[type="time"],.form fieldset input[type="time"],form fieldset input[type="url"],.form fieldset input[type="url"],form fieldset textarea,.form fieldset textarea{-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;padding:0 .3em;line-height:1.5em;}
form fieldset input[type="text"],.form fieldset input[type="text"],form fieldset input[type="password"],.form fieldset input[type="password"],form fieldset input[type="date"],.form fieldset input[type="date"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form fieldset input[type="email"],.form fieldset input[type="email"],form fieldset input[type="number"],.form fieldset input[type="number"],form fieldset input[type="search"],.form fieldset input[type="search"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form fieldset input[type="time"],.form fieldset input[type="time"],form fieldset input[type="url"],.form fieldset input[type="url"],form fieldset textarea,.form fieldset textarea,form fieldset input[type="text"]:focus,.form fieldset input[type="text"]:focus,form fieldset input[type="password"]:focus,.form fieldset input[type="password"]:focus,form fieldset input[type="date"]:focus,.form fieldset input[type="date"]:focus,form fieldset input[type="datetime"]:focus,.form fieldset input[type="datetime"]:focus,form fieldset input[type="email"]:focus,.form fieldset input[type="email"]:focus,form fieldset input[type="number"]:focus,.form fieldset input[type="number"]:focus,form fieldset input[type="search"]:focus,.form fieldset input[type="search"]:focus,form fieldset input[type="tel"]:focus,.form fieldset input[type="tel"]:focus,form fieldset input[type="time"]:focus,.form fieldset input[type="time"]:focus,form fieldset input[type="url"]:focus,.form fieldset input[type="url"]:focus,form fieldset textarea:focus,.form fieldset textarea:focus{background:none}
form fieldset input[type="checkbox"],.form fieldset input[type="checkbox"]{float:right}
form fieldset label.select,.form fieldset label.select{line-height:1.5em}
.indented form fieldset > label:not(.select):not(.anchor),.indented .form fieldset > label:not(.select):not(.anchor){width:25%}
.indented form fieldset > label:not(.absolute) + input:not([type="checkbox"]),.indented .form fieldset > label:not(.absolute) + input:not([type="checkbox"]),.indented form fieldset > label:not(.absolute) + label.select,.indented .form fieldset > label:not(.absolute) + label.select{width:75%}
form label.select,.form label.select{position:relative;display:inline-block;font-size:inherit;line-height:inherit;padding:0 !important;}
form label.select > select,.form label.select > select{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;-o-border-radius:0 !important;border-radius:0 !important;margin:0;padding:0 .4em}
form label.select:after,.form label.select:after{position:absolute;top:.15em;right:.3em;content:"▼";pointer-events:none;text-align:center}
form input[type="range"],.form input[type="range"]{-webkit-appearance:none;outline:none;height:5px;width:100%;padding:0;border:none;margin:1em 0;background:#f00;}
form input[type="range"]::-webkit-slider-thumb,.form input[type="range"]::-webkit-slider-thumb{position:relative;width:26px;height:26px;-webkit-appearance:none;border:none}
form [data-progress],.form [data-progress]{width:100%;margin-bottom:.5em;}
form [data-progress] .bar,.form [data-progress] .bar{height:5px;line-height:5px;display:block;}
form [data-progress] .bar .value,.form [data-progress] .bar .value{display:block;height:inherit;width:0%;-webkit-transition:width 500ms cubic-bezier(.645,.045,.355,1);-moz-transition:width 500ms cubic-bezier(.645,.045,.355,1);-ms-transition:width 500ms cubic-bezier(.645,.045,.355,1);-o-transition:width 500ms cubic-bezier(.645,.045,.355,1);transition:width 500ms cubic-bezier(.645,.045,.355,1)}
form input[type="checkbox"],.form input[type="checkbox"]{appearance:none;-webkit-appearance:none;-webkit-user-select:text;-webkit-border-radius:26px;-moz-border-radius:26px;-ms-border-radius:26px;-o-border-radius:26px;border-radius:26px;cursor:pointer;height:28px;position:relative;-webkit-transition:border .25s .15s,box-shadow .25s .3s,padding .25s;-moz-transition:border .25s .15s,box-shadow .25s .3s,padding .25s;-ms-transition:border .25s .15s,box-shadow .25s .3s,padding .25s;-o-transition:border .25s .15s,box-shadow .25s .3s,padding .25s;transition:border .25s .15s,box-shadow .25s .3s,padding .25s;width:44px;vertical-align:top;}
form input[type="checkbox"]:after,.form input[type="checkbox"]:after{-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;border-radius:24px;-webkit-box-shadow:inset 0 -3px 3px rgba(0,0,0,0.025),0 1px 4px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 -3px 3px rgba(0,0,0,0.025),0 1px 4px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.1);-ms-box-shadow:inset 0 -3px 3px rgba(0,0,0,0.025),0 1px 4px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.1);-o-box-shadow:inset 0 -3px 3px rgba(0,0,0,0.025),0 1px 4px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.1);box-shadow:inset 0 -3px 3px rgba(0,0,0,0.025),0 1px 4px rgba(0,0,0,0.15),0 4px 4px rgba(0,0,0,0.1);content:'';display:block;height:24px;left:0;position:absolute;right:16px;top:0;-webkit-transition:border .25s .15s,left .25s .1s,right .15s .175s;-moz-transition:border .25s .15s,left .25s .1s,right .15s .175s;-ms-transition:border .25s .15s,left .25s .1s,right .15s .175s;-o-transition:border .25s .15s,left .25s .1s,right .15s .175s;transition:border .25s .15s,left .25s .1s,right .15s .175s}
form input[type="checkbox"]:checked,.form input[type="checkbox"]:checked{padding-left:18px;-webkit-transition:border .25s,box-shadow .25s,padding .25s .15s;-moz-transition:border .25s,box-shadow .25s,padding .25s .15s;-ms-transition:border .25s,box-shadow .25s,padding .25s .15s;-o-transition:border .25s,box-shadow .25s,padding .25s .15s;transition:border .25s,box-shadow .25s,padding .25s .15s;}
form input[type="checkbox"]:checked:after,.form input[type="checkbox"]:checked:after{left:16px;right:0;-webkit-transition:border .25s,left .15s .25s,right .25s .175s;-moz-transition:border .25s,left .15s .25s,right .25s .175s;-ms-transition:border .25s,left .15s .25s,right .25s .175s;-o-transition:border .25s,left .15s .25s,right .25s .175s;transition:border .25s,left .15s .25s,right .25s .175s}
.loading{position:relative;left:50%;height:1em;width:1em;margin-left:-.5em;-webkit-transform-origin:.5em .5em;-moz-transform-origin:.5em .5em;-ms-transform-origin:.5em .5em;-o-transform-origin:.5em .5em;transform-origin:.5em .5em;font-size:48px;}
.loading.disable{-webkit-animation:none;-moz-animation:none;display:none}
.loading > span{left:50%;margin-left:-.05em;}
.loading > span,.loading > span::before,.loading > span::after{display:block;position:absolute;width:.1em;height:.25em;top:0;-webkit-transform-origin:.05em .5em;-moz-transform-origin:.05em .5em;-ms-transform-origin:.05em .5em;-o-transform-origin:.05em .5em;transform-origin:.05em .5em;-webkit-border-radius:.1em;-moz-border-radius:.1em;-ms-border-radius:.1em;-o-border-radius:.1em;border-radius:.1em}
.loading > span::before,.loading > span::after{content:" "}
.loading > span.top{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.loading > span.right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.loading > span.bottom{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.loading > span.left{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.loading > span::before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
.loading > span::after{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
.loading > span.top{background-color:rgba(0,0,0,0.99)}
.loading > span.top::after{background-color:rgba(0,0,0,0.9)}
.loading > span.left::before{background-color:rgba(0,0,0,0.8)}
.loading > span.left{background-color:rgba(0,0,0,0.7)}
.loading > span.left::after{background-color:rgba(0,0,0,0.6)}
.loading > span.bottom::before{background-color:rgba(0,0,0,0.5)}
.loading > span.bottom{background-color:rgba(0,0,0,0.4)}
.loading > span.bottom::after{background-color:rgba(0,0,0,0.35)}
.loading > span.right::before{background-color:rgba(0,0,0,0.3)}
.loading > span.right{background-color:rgba(0,0,0,0.25)}
.loading > span.right::after{background-color:rgba(0,0,0,0.2)}
.loading > span.top::before{background-color:rgba(0,0,0,0.15)}
.loading.white > span.top{background-color:rgba(255,255,255,0.99)}
.loading.white > span.top::after{background-color:rgba(255,255,255,0.9)}
.loading.white > span.left::before{background-color:rgba(255,255,255,0.8)}
.loading.white > span.left{background-color:rgba(255,255,255,0.7)}
.loading.white > span.left::after{background-color:rgba(255,255,255,0.6)}
.loading.white > span.bottom::before{background-color:rgba(255,255,255,0.5)}
.loading.white > span.bottom{background-color:rgba(255,255,255,0.4)}
.loading.white > span.bottom::after{background-color:rgba(255,255,255,0.35)}
.loading.white > span.right::before{background-color:rgba(255,255,255,0.3)}
.loading.white > span.right{background-color:rgba(255,255,255,0.25)}
.loading.white > span.right::after{background-color:rgba(255,255,255,0.2)}
.loading.white > span.top::before{background-color:rgba(255,255,255,0.15)}
section.show .loading,section.active .loading,.notification .loading{-webkit-animation:rotatingLoader 600ms infinite linear;moz-animation:rotatingLoader 600ms infinite linear}
@-webkit-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
}@-moz-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
}
.notification{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1980;display:none;}
.notification.show{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-align:center;-moz-box-align:center;-ms-box-align:center;-o-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-box-pack:center;-o-box-pack:center;box-pack:center}
.notification.push{height:26.285714285714285px}
.notification .window{position:relative;opacity:0;text-align:center;-webkit-transition-duration:250ms;-moz-transition-duration:250ms;-ms-transition-duration:250ms;-o-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.notification .window.show{opacity:1}
.notification .window:not(.push){-webkit-transition-property:opacity,margin-top;-moz-transition-property:opacity,margin-top;-ms-transition-property:opacity,margin-top;-o-transition-property:opacity,margin-top;transition-property:opacity,margin-top;margin-top:100%;}
.notification .window:not(.push).show{margin-top:0%}
.notification .window.growl > *{position:absolute}
.notification .window.growl,.notification .window.growl > *:not(.loading){width:104px;text-align:center}
.notification .window.growl,.notification .window.growl > .icon{height:104px !important}
.notification .window.growl > .icon{left:0;top:0;font-size:52px;line-height:104px}
.notification .window.growl > strong{height:18px;top:84px;padding:0 .5em;overflow:hidden;font-size:11px}
.notification .window.growl > small{display:none}
.notification .window.growl > .loading{top:28px}
.notification .window.success,.notification .window.error,.notification .window.confirm,.notification .window.html{width:280px;margin-top:100%}
.notification .window.success,.notification .window.error,.notification .window.confirm{padding-top:1em;}
.notification .window.success > .icon,.notification .window.error > .icon,.notification .window.confirm > .icon{font-size:5em;line-height:1em}
.notification .window.success > small,.notification .window.error > small,.notification .window.confirm > small{font-size:.9em;padding-bottom:1em}
.notification .window.success > .icon,.notification .window.error > .icon,.notification .window.confirm > .icon,.notification .window.success > strong,.notification .window.error > strong,.notification .window.confirm > strong{padding-bottom:.25em}
.notification .window.success > strong,.notification .window.error > strong,.notification .window.confirm > strong,.notification .window.success > small,.notification .window.error > small,.notification .window.confirm > small{padding-left:.5em;padding-right:.5em}
.notification .window.html .title{height:46px;line-height:46px;font-size:1.2em}
.notification .window.push{position:absolute !important;text-align:left;height:30.666666666666668px;line-height:30.666666666666668px;padding:0 1em;width:100%;-webkit-transition-property:opacity,top;-moz-transition-property:opacity,top;-ms-transition-property:opacity,top;-o-transition-property:opacity,top;transition-property:opacity,top;top:-30.666666666666668px !important;}
.notification .window.push.show{top:0 !important}
.notification .window.push .icon{float:left;display:inline;margin-right:.5em;font-size:1.4em}
.notification .window button{display:block;margin-bottom:1px;width:inherit;line-height:2.5em;border:none;font-size:1.2em}
.notification .window strong,.notification .window small{display:block}
section.hide > [data-control="pull"]{display:none}
section.show > [data-control="pull"]{position:absolute;z-index:-1;top:46px;width:inherit;height:80px;padding:10px 0;text-align:center;}
section.show > [data-control="pull"] > .icon{display:inline-block;width:52px;height:52px;font-size:52px;line-height:52px;-webkit-transition-property:rotate,color;-moz-transition-property:rotate,color;-ms-transition-property:rotate,color;-o-transition-property:rotate,color;transition-property:rotate,color;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
section.show > [data-control="pull"] > .loading{display:none;left:0%}
section.show > [data-control="pull"] > strong{position:relative;top:-16px;margin-left:4px;font-size:1em}
section.show > [data-control="pull"].rotate > .icon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
section.show > [data-control="pull"].refresh > .icon{display:none}
section.show > [data-control="pull"].refresh > .loading{display:inline-block}
.text.italic{font-style:italic}
.text.underline{text-decoration:underline}
.text.line-through{text-decoration:line-through}
.text.align_left{text-align:left}
.text.align_right{text-align:right}
.text.align_center{text-align:center}
.text.align_justify{text-align:justify}
.text.tiny{font-size:.8em}
.text.small{font-size:.9em}
.text.big{font-size:1.2em}
.text.large{font-size:1.4em}
.text.opacity{opacity:.5}
h1{font-size:1.6em}
h2{font-size:1.5em}
h3{font-size:1.4em}
h4{font-size:1.3em}
@media only screen and (max-width: 767px){body{-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective:800px;perspective:800px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
body[data-position="absolute"] > section{position:absolute}
body[data-position="fixed"] > section{position:fixed}
body > aside{z-index:0;position:absolute;}
body > aside:not(.show){z-index:-1}
body > section{display:none;}
body > section:not([data-transition]).show{display:block}
body > section.aside{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
body > section.aside-right{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
body [data-transition],body [data-aside-transition]{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:500ms;-moz-animation-duration:500ms;-ms-animation-duration:500ms;-o-animation-duration:500ms;animation-duration:500ms;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);-moz-animation-timing-function:cubic-bezier(.645,.045,.355,1);-ms-animation-timing-function:cubic-bezier(.645,.045,.355,1);-o-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden;}
body [data-transition].show,body [data-aside-transition].show{visibility:visible}
}
@media only screen and (min-width: 768px){body{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal;overflow:hidden;-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;-o-perspective:800px;perspective:800px;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;}
body div.notification{position:absolute !important}
body > section,body > aside{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-timing-function:cubic-bezier(.645,.045,.355,1);-moz-animation-timing-function:cubic-bezier(.645,.045,.355,1);-ms-animation-timing-function:cubic-bezier(.645,.045,.355,1);-o-animation-timing-function:cubic-bezier(.645,.045,.355,1);animation-timing-function:cubic-bezier(.645,.045,.355,1);-webkit-animation-duration:500ms;-moz-animation-duration:500ms;-ms-animation-duration:500ms;-o-animation-duration:500ms;animation-duration:500ms;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}
body > aside.box{z-index:0;display:none;}
body > aside.box.show{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-box-ordinal-group:1;-o-box-ordinal-group:1;box-ordinal-group:1;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
body > aside.box.right{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-box-ordinal-group:3;-o-box-ordinal-group:3;box-ordinal-group:3}
body > aside:not(.box){position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
body > aside:not(.box).show{visibility:visible}
body > section{z-index:1;display:none;}
body > section.show{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-box-ordinal-group:2;-o-box-ordinal-group:2;box-ordinal-group:2;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
body > section.asideShowing{z-index:2;-webkit-animation-name:withAside;-moz-animation-name:withAside;-ms-animation-name:withAside;-o-animation-name:withAside;animation-name:withAside}
body > section.asideHidding{-webkit-animation-name:withoutAside;-moz-animation-name:withoutAside;-ms-animation-name:withoutAside;-o-animation-name:withoutAside;animation-name:withoutAside}
body > section.aside{z-index:2;-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
body > section.shadowing{-webkit-animation-name:withAsideOpacity;-moz-animation-name:withAsideOpacity;-ms-animation-name:withAsideOpacity;-o-animation-name:withAsideOpacity;animation-name:withAsideOpacity}
body > section.unshadowing{-webkit-animation-name:withoutAsideOpacity;-moz-animation-name:withoutAsideOpacity;-ms-animation-name:withoutAsideOpacity;-o-animation-name:withoutAsideOpacity;animation-name:withoutAsideOpacity}
body > section.shadow{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
body > section.hide,body > section.hide *{opacity:0}
body > section:not([data-children]){-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1}
body > section[data-children]{width:320px}
}@-moz-keyframes withAside{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-webkit-keyframes withAside{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-o-keyframes withAside{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-ms-keyframes withAside{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@keyframes withAside{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-moz-keyframes withoutAside{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes withoutAside{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-o-keyframes withoutAside{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-ms-keyframes withoutAside{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@keyframes withoutAside{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-moz-keyframes withAsideOpacity{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
}@-webkit-keyframes withAsideOpacity{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
}@-o-keyframes withAsideOpacity{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
}@-ms-keyframes withAsideOpacity{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
}@keyframes withAsideOpacity{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
}@-moz-keyframes withoutAsideOpacity{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes withoutAsideOpacity{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-o-keyframes withoutAsideOpacity{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-ms-keyframes withoutAsideOpacity{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@keyframes withoutAsideOpacity{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px);opacity:.6}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
section[data-aside-left="show"]{-webkit-animation-name:sectionAsideLeftShow;-moz-animation-name:sectionAsideLeftShow;-ms-animation-name:sectionAsideLeftShow;-o-animation-name:sectionAsideLeftShow;animation-name:sectionAsideLeftShow}
section[data-aside-left="hide"]{-webkit-animation-name:sectionAsideLeftHide;-moz-animation-name:sectionAsideLeftHide;-ms-animation-name:sectionAsideLeftHide;-o-animation-name:sectionAsideLeftHide;animation-name:sectionAsideLeftHide}
section[data-aside-right="show"]{-webkit-animation-name:sectionAsideRightShow;-moz-animation-name:sectionAsideRightShow;-ms-animation-name:sectionAsideRightShow;-o-animation-name:sectionAsideRightShow;animation-name:sectionAsideRightShow}
section[data-aside-right="hide"]{-webkit-animation-name:sectionAsideRightHide;-moz-animation-name:sectionAsideRightHide;-ms-animation-name:sectionAsideRightHide;-o-animation-name:sectionAsideRightHide;animation-name:sectionAsideRightHide}
aside[data-transition=right]{right:0}
aside[data-aside-left="hide"]{-webkit-animation-name:asideLeftHide;-moz-animation-name:asideLeftHide;-ms-animation-name:asideLeftHide;-o-animation-name:asideLeftHide;animation-name:asideLeftHide}
aside[data-aside-left="show"]{-webkit-animation-name:asideLeftHide;-moz-animation-name:asideLeftHide;-ms-animation-name:asideLeftHide;-o-animation-name:asideLeftHide;animation-name:asideLeftHide}
@-moz-keyframes sectionAsideLeftShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-webkit-keyframes sectionAsideLeftShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-o-keyframes sectionAsideLeftShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-ms-keyframes sectionAsideLeftShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@keyframes sectionAsideLeftShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
}@-moz-keyframes sectionAsideLeftHide{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
25%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes sectionAsideLeftHide{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
25%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-o-keyframes sectionAsideLeftHide{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
25%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-ms-keyframes sectionAsideLeftHide{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
25%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@keyframes sectionAsideLeftHide{0%{-webkit-transform:translateX(256px);-moz-transform:translateX(256px);-ms-transform:translateX(256px);-o-transform:translateX(256px);transform:translateX(256px)}
25%{-webkit-transform:translateX(262px);-moz-transform:translateX(262px);-ms-transform:translateX(262px);-o-transform:translateX(262px);transform:translateX(262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-moz-keyframes sectionAsideRightShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-webkit-keyframes sectionAsideRightShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-o-keyframes sectionAsideRightShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-ms-keyframes sectionAsideRightShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@keyframes sectionAsideRightShow{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
60%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-moz-keyframes sectionAsideRightHide{0%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
25%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes sectionAsideRightHide{0%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
25%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-o-keyframes sectionAsideRightHide{0%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
25%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-ms-keyframes sectionAsideRightHide{0%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
25%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@keyframes sectionAsideRightHide{0%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
25%{-webkit-transform:translateX(-262px);-moz-transform:translateX(-262px);-ms-transform:translateX(-262px);-o-transform:translateX(-262px);transform:translateX(-262px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-moz-keyframes asideLeftHide{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-webkit-keyframes asideLeftHide{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-o-keyframes asideLeftHide{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@-ms-keyframes asideLeftHide{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}@keyframes asideLeftHide{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(-256px);-moz-transform:translateX(-256px);-ms-transform:translateX(-256px);-o-transform:translateX(-256px);transform:translateX(-256px)}
}
body[data-device="phone"] > section[data-transition="slide"]{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;}
body[data-device="phone"] > section[data-transition="slide"][data-direction="in"]{z-index:2;-webkit-animation-name:phoneSlideIn;-moz-animation-name:phoneSlideIn;-ms-animation-name:phoneSlideIn;-o-animation-name:phoneSlideIn;animation-name:phoneSlideIn}
body[data-device="phone"] > section[data-transition="slide"][data-direction="out"]{z-index:1;-webkit-animation-name:phoneSlideOut;-moz-animation-name:phoneSlideOut;-ms-animation-name:phoneSlideOut;-o-animation-name:phoneSlideOut;animation-name:phoneSlideOut}
body[data-device="phone"] > section[data-transition="slide"][data-direction="back-in"]{z-index:1;-webkit-animation-name:phoneSlideBackIn;-moz-animation-name:phoneSlideBackIn;-ms-animation-name:phoneSlideBackIn;-o-animation-name:phoneSlideBackIn;animation-name:phoneSlideBackIn}
body[data-device="phone"] > section[data-transition="slide"][data-direction="back-out"]{z-index:2;-webkit-animation-name:phoneSlideBackOut;-moz-animation-name:phoneSlideBackOut;-ms-animation-name:phoneSlideBackOut;-o-animation-name:phoneSlideBackOut;animation-name:phoneSlideBackOut}
body[data-device="phone"] > section[data-transition="cover"]{-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;}
body[data-device="phone"] > section[data-transition="cover"][data-direction="in"]{z-index:2;-webkit-animation-name:phoneCoverIn;-moz-animation-name:phoneCoverIn;-ms-animation-name:phoneCoverIn;-o-animation-name:phoneCoverIn;animation-name:phoneCoverIn}
body[data-device="phone"] > section[data-transition="cover"][data-direction="out"]{z-index:1;-webkit-animation-name:phoneCoverOut;-moz-animation-name:phoneCoverOut;-ms-animation-name:phoneCoverOut;-o-animation-name:phoneCoverOut;animation-name:phoneCoverOut}
body[data-device="phone"] > section[data-transition="cover"][data-direction="back-in"]{z-index:1;-webkit-animation-name:phoneCoverBackIn;-moz-animation-name:phoneCoverBackIn;-ms-animation-name:phoneCoverBackIn;-o-animation-name:phoneCoverBackIn;animation-name:phoneCoverBackIn}
body[data-device="phone"] > section[data-transition="cover"][data-direction="back-out"]{z-index:2;-webkit-animation-name:phoneCoverOutBack;-moz-animation-name:phoneCoverOutBack;-ms-animation-name:phoneCoverOutBack;-o-animation-name:phoneCoverOutBack;animation-name:phoneCoverOutBack}
body[data-device="phone"] > section[data-transition="fade"][data-direction="in"]{-webkit-animation-name:phoneFadeIn;-moz-animation-name:phoneFadeIn;-ms-animation-name:phoneFadeIn;-o-animation-name:phoneFadeIn;animation-name:phoneFadeIn}
body[data-device="phone"] > section[data-transition="fade"][data-direction="out"]{-webkit-animation-name:phoneFadeOut;-moz-animation-name:phoneFadeOut;-ms-animation-name:phoneFadeOut;-o-animation-name:phoneFadeOut;animation-name:phoneFadeOut}
body[data-device="phone"] > section[data-transition="fade"][data-direction="back-in"]{-webkit-animation-name:phoneFadeIn;-moz-animation-name:phoneFadeIn;-ms-animation-name:phoneFadeIn;-o-animation-name:phoneFadeIn;animation-name:phoneFadeIn}
body[data-device="phone"] > section[data-transition="fade"][data-direction="back-out"]{-webkit-animation-name:phoneFadeOut;-moz-animation-name:phoneFadeOut;-ms-animation-name:phoneFadeOut;-o-animation-name:phoneFadeOut;animation-name:phoneFadeOut}
@-moz-keyframes phoneSlideOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
}@-webkit-keyframes phoneSlideOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
}@-o-keyframes phoneSlideOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
}@-ms-keyframes phoneSlideOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
}@keyframes phoneSlideOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
}@-moz-keyframes phoneSlideIn{0%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-webkit-keyframes phoneSlideIn{0%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-o-keyframes phoneSlideIn{0%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-ms-keyframes phoneSlideIn{0%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@keyframes phoneSlideIn{0%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}@-moz-keyframes phoneSlideBackOut{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
}@-webkit-keyframes phoneSlideBackOut{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
}@-o-keyframes phoneSlideBackOut{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
}@-ms-keyframes phoneSlideBackOut{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
}@keyframes phoneSlideBackOut{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(110%);-moz-transform:translateX(110%);-ms-transform:translateX(110%);-o-transform:translateX(110%);transform:translateX(110%)}
}@-moz-keyframes phoneSlideBackIn{0%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-webkit-keyframes phoneSlideBackIn{0%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-o-keyframes phoneSlideBackIn{0%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-ms-keyframes phoneSlideBackIn{0%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@keyframes phoneSlideBackIn{0%{-webkit-transform:rotateY(-15deg);-moz-transform:rotateY(-15deg);-ms-transform:rotateY(-15deg);-o-transform:rotateY(-15deg);transform:rotateY(-15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-moz-keyframes phoneCoverOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
}@-webkit-keyframes phoneCoverOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
}@-o-keyframes phoneCoverOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
}@-ms-keyframes phoneCoverOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
}@keyframes phoneCoverOut{0%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
100%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
}@-moz-keyframes phoneCoverIn{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-webkit-keyframes phoneCoverIn{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-o-keyframes phoneCoverIn{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-ms-keyframes phoneCoverIn{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@keyframes phoneCoverIn{0%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}@-moz-keyframes phoneCoverOutBack{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
}@-webkit-keyframes phoneCoverOutBack{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
}@-o-keyframes phoneCoverOutBack{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
}@-ms-keyframes phoneCoverOutBack{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
}@keyframes phoneCoverOutBack{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%)}
}@-moz-keyframes phoneCoverBackIn{0%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-webkit-keyframes phoneCoverBackIn{0%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-o-keyframes phoneCoverBackIn{0%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-ms-keyframes phoneCoverBackIn{0%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@keyframes phoneCoverBackIn{0%{-webkit-transform:rotateX(15deg);-moz-transform:rotateX(15deg);-ms-transform:rotateX(15deg);-o-transform:rotateX(15deg);transform:rotateX(15deg);opacity:.25}
100%{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
}@-moz-keyframes phoneFadeOut{0%{opacity:1}
100%{opacity:0}
}@-webkit-keyframes phoneFadeOut{0%{opacity:1}
100%{opacity:0}
}@-o-keyframes phoneFadeOut{0%{opacity:1}
100%{opacity:0}
}@-ms-keyframes phoneFadeOut{0%{opacity:1}
100%{opacity:0}
}@keyframes phoneFadeOut{0%{opacity:1}
100%{opacity:0}
}@-moz-keyframes phoneFadeIn{0%{opacity:0}
100%{opacity:1}
}@-webkit-keyframes phoneFadeIn{0%{opacity:0}
100%{opacity:1}
}@-o-keyframes phoneFadeIn{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes phoneFadeIn{0%{opacity:0}
100%{opacity:1}
}@keyframes phoneFadeIn{0%{opacity:0}
100%{opacity:1}
}
body[data-device="tablet"] > section[data-transition="slide"][data-direction="in"]{z-index:2;-webkit-animation-name:slideInTablet;-moz-animation-name:slideInTablet;-ms-animation-name:slideInTablet;-o-animation-name:slideInTablet;animation-name:slideInTablet}
body[data-device="tablet"] > section[data-transition="slide"][data-direction="back-out"]{z-index:2;-webkit-animation-name:slideBackOutTablet;-moz-animation-name:slideBackOutTablet;-ms-animation-name:slideBackOutTablet;-o-animation-name:slideBackOutTablet;animation-name:slideBackOutTablet}
@-moz-keyframes slideInTablet{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
}@-webkit-keyframes slideInTablet{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
}@-o-keyframes slideInTablet{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
}@-ms-keyframes slideInTablet{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
}@keyframes slideInTablet{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
}@-moz-keyframes slideBackOutTablet{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
}@-webkit-keyframes slideBackOutTablet{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
}@-o-keyframes slideBackOutTablet{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
}@-ms-keyframes slideBackOutTablet{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
}@keyframes slideBackOutTablet{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1}
100%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);opacity:0}
}