CoCalc -- reveal.css

options/groups/reveal.js / css / reveal.css
¹⁵²⁰ views
1
/*!
2
 * reveal.js
3
 * http://lab.hakim.se/reveal-js
4
 * MIT licensed
5
 *
6
 * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
7
 */
8
/*********************************************
9
 * RESET STYLES
10
 *********************************************/
11
html, body, .reveal div, .reveal span, .reveal applet, .reveal object, .reveal iframe,
12
.reveal , .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre,
13
.reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code,
14
.reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp,
15
.reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var,
16
.reveal b, .reveal u, .reveal center,
17
.reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li,
18
.reveal fieldset, .reveal form, .reveal label, .reveal legend,
19
.reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td,
20
.reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed,
21
.reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup,
22
.reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary,
23
.reveal time, .reveal mark, .reveal audio, video {
24
  margin: 0;
25
  padding: 0;
26
  border: 0;
27
  font-size: 100%;
28
  font: inherit;
29
  vertical-align: baseline; }
30

31
.reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure,
32
.reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
33
  display: block; }
34

35
/*********************************************
36
 * GLOBAL STYLES
37
 *********************************************/
38
html,
39
body {
40
  width: 100%;
41
  height: 100%;
42
  overflow: hidden; }
43

44
body {
45
  position: relative;
46
  line-height: 1;
47
  background-color: #fff;
48
  color: #000; }
49

50
html:-webkit-full-screen-ancestor {
51
  background-color: inherit; }
52

53
html:-moz-full-screen-ancestor {
54
  background-color: inherit; }
55

56
/*********************************************
57
 * VIEW FRAGMENTS
58
 *********************************************/
59
.reveal .slides section .fragment {
60
  opacity: 0;
61
  visibility: hidden;
62
  -webkit-transition: all 0.2s ease;
63
          transition: all 0.2s ease; }
64
  .reveal .slides section .fragment.visible {
65
    opacity: 1;
66
    visibility: visible; }
67

68
.reveal .slides section .fragment.grow {
69
  opacity: 1;
70
  visibility: visible; }
71
  .reveal .slides section .fragment.grow.visible {
72
    -webkit-transform: scale(1.3);
73
        -ms-transform: scale(1.3);
74
            transform: scale(1.3); }
75

76
.reveal .slides section .fragment.shrink {
77
  opacity: 1;
78
  visibility: visible; }
79
  .reveal .slides section .fragment.shrink.visible {
80
    -webkit-transform: scale(0.7);
81
        -ms-transform: scale(0.7);
82
            transform: scale(0.7); }
83

84
.reveal .slides section .fragment.zoom-in {
85
  -webkit-transform: scale(0.1);
86
      -ms-transform: scale(0.1);
87
          transform: scale(0.1); }
88
  .reveal .slides section .fragment.zoom-in.visible {
89
    -webkit-transform: none;
90
        -ms-transform: none;
91
            transform: none; }
92

93
.reveal .slides section .fragment.fade-out {
94
  opacity: 1;
95
  visibility: visible; }
96
  .reveal .slides section .fragment.fade-out.visible {
97
    opacity: 0;
98
    visibility: hidden; }
99

100
.reveal .slides section .fragment.semi-fade-out {
101
  opacity: 1;
102
  visibility: visible; }
103
  .reveal .slides section .fragment.semi-fade-out.visible {
104
    opacity: 0.5;
105
    visibility: visible; }
106

107
.reveal .slides section .fragment.strike {
108
  opacity: 1;
109
  visibility: visible; }
110
  .reveal .slides section .fragment.strike.visible {
111
    text-decoration: line-through; }
112

113
.reveal .slides section .fragment.current-visible {
114
  opacity: 0;
115
  visibility: hidden; }
116
  .reveal .slides section .fragment.current-visible.current-fragment {
117
    opacity: 1;
118
    visibility: visible; }
119

120
.reveal .slides section .fragment.highlight-red,
121
.reveal .slides section .fragment.highlight-current-red,
122
.reveal .slides section .fragment.highlight-green,
123
.reveal .slides section .fragment.highlight-current-green,
124
.reveal .slides section .fragment.highlight-blue,
125
.reveal .slides section .fragment.highlight-current-blue {
126
  opacity: 1;
127
  visibility: visible; }
128

129
.reveal .slides section .fragment.highlight-red.visible {
130
  color: #ff2c2d; }
131

132
.reveal .slides section .fragment.highlight-green.visible {
133
  color: #17ff2e; }
134

135
.reveal .slides section .fragment.highlight-blue.visible {
136
  color: #1b91ff; }
137

138
.reveal .slides section .fragment.highlight-current-red.current-fragment {
139
  color: #ff2c2d; }
140

141
.reveal .slides section .fragment.highlight-current-green.current-fragment {
142
  color: #17ff2e; }
143

144
.reveal .slides section .fragment.highlight-current-blue.current-fragment {
145
  color: #1b91ff; }
146

147
/*********************************************
148
 * DEFAULT ELEMENT STYLES
149
 *********************************************/
150
/* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
151
.reveal:after {
152
  content: '';
153
  font-style: italic; }
154

155
.reveal iframe {
156
  z-index: 1; }
157

158
/** Prevents layering issues in certain browser/transition combinations */
159
.reveal a {
160
  position: relative; }
161

162
.reveal .stretch {
163
  max-width: none;
164
  max-height: none; }
165

166
.reveal pre.stretch code {
167
  height: 100%;
168
  max-height: 100%;
169
  box-sizing: border-box; }
170

171
/*********************************************
172
 * CONTROLS
173
 *********************************************/
174
.reveal .controls {
175
  display: none;
176
  position: fixed;
177
  width: 110px;
178
  height: 110px;
179
  z-index: 30;
180
  right: 10px;
181
  bottom: 10px;
182
  -webkit-user-select: none; }
183

184
.reveal .controls button {
185
  padding: 0;
186
  position: absolute;
187
  opacity: 0.05;
188
  width: 0;
189
  height: 0;
190
  background-color: transparent;
191
  border: 12px solid transparent;
192
  -webkit-transform: scale(0.9999);
193
      -ms-transform: scale(0.9999);
194
          transform: scale(0.9999);
195
  -webkit-transition: all 0.2s ease;
196
          transition: all 0.2s ease;
197
  -webkit-appearance: none;
198
  -webkit-tap-highlight-color: transparent; }
199

200
.reveal .controls .enabled {
201
  opacity: 0.7;
202
  cursor: pointer; }
203

204
.reveal .controls .enabled:active {
205
  margin-top: 1px; }
206

207
.reveal .controls .navigate-left {
208
  top: 42px;
209
  border-right-width: 22px;
210
  border-right-color: #000; }
211

212
.reveal .controls .navigate-left.fragmented {
213
  opacity: 0.3; }
214

215
.reveal .controls .navigate-right {
216
  left: 74px;
217
  top: 42px;
218
  border-left-width: 22px;
219
  border-left-color: #000; }
220

221
.reveal .controls .navigate-right.fragmented {
222
  opacity: 0.3; }
223

224
.reveal .controls .navigate-up {
225
  left: 42px;
226
  border-bottom-width: 22px;
227
  border-bottom-color: #000; }
228

229
.reveal .controls .navigate-up.fragmented {
230
  opacity: 0.3; }
231

232
.reveal .controls .navigate-down {
233
  left: 42px;
234
  top: 74px;
235
  border-top-width: 22px;
236
  border-top-color: #000; }
237

238
.reveal .controls .navigate-down.fragmented {
239
  opacity: 0.3; }
240

241
/*********************************************
242
 * PROGRESS BAR
243
 *********************************************/
244
.reveal .progress {
245
  position: fixed;
246
  display: none;
247
  height: 3px;
248
  width: 100%;
249
  bottom: 0;
250
  left: 0;
251
  z-index: 10;
252
  background-color: rgba(0, 0, 0, 0.2); }
253

254
.reveal .progress:after {
255
  content: '';
256
  display: block;
257
  position: absolute;
258
  height: 20px;
259
  width: 100%;
260
  top: -20px; }
261

262
.reveal .progress span {
263
  display: block;
264
  height: 100%;
265
  width: 0px;
266
  background-color: #000;
267
  -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
268
          transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
269

270
/*********************************************
271
 * SLIDE NUMBER
272
 *********************************************/
273
.reveal .slide-number {
274
  position: fixed;
275
  display: block;
276
  right: 8px;
277
  bottom: 8px;
278
  z-index: 31;
279
  font-family: Helvetica, sans-serif;
280
  font-size: 12px;
281
  line-height: 1;
282
  color: #fff;
283
  background-color: rgba(0, 0, 0, 0.4);
284
  padding: 5px; }
285

286
.reveal .slide-number-delimiter {
287
  margin: 0 3px; }
288

289
/*********************************************
290
 * SLIDES
291
 *********************************************/
292
.reveal {
293
  position: relative;
294
  width: 100%;
295
  height: 100%;
296
  overflow: hidden;
297
  -ms-touch-action: none;
298
      touch-action: none; }
299

300
.reveal .slides {
301
  position: absolute;
302
  width: 100%;
303
  height: auto;
304
  top: 0;
305
  right: 0;
306
  bottom: 0;
307
  left: 0;
308
  margin: auto;
309
  overflow: auto;
310
  z-index: 1;
311
  text-align: center;
312
  -webkit-perspective: 600px;
313
          perspective: 600px;
314
  -webkit-perspective-origin: 50% 40%;
315
          perspective-origin: 50% 40%; }
316

317
.reveal .slides::-webkit-scrollbar,
318
.reveal .slides::-webkit-scrollbar,
319
.reveal .slides::-webkit-scrollbar {
320
    display: none;
321
}
322

323
.reveal .slides > section {
324
  -ms-perspective: 600px; }
325

326
.reveal .slides > section,
327
.reveal .slides > section > section {
328
  display: none;
329
  position: absolute;
330
  width: 100%;
331
  padding: 20px 0px;
332
  z-index: 10;
333
  -webkit-transform-style: preserve-3d;
334
          transform-style: preserve-3d;
335
  -webkit-transition: -webkit-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
336
          transition: -ms-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
337
          transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
338

339
/* Global transition speed settings */
340
.reveal[data-transition-speed="fast"] .slides section {
341
  -webkit-transition-duration: 400ms;
342
          transition-duration: 400ms; }
343

344
.reveal[data-transition-speed="slow"] .slides section {
345
  -webkit-transition-duration: 1200ms;
346
          transition-duration: 1200ms; }
347

348
/* Slide-specific transition speed overrides */
349
.reveal .slides section[data-transition-speed="fast"] {
350
  -webkit-transition-duration: 400ms;
351
          transition-duration: 400ms; }
352

353
.reveal .slides section[data-transition-speed="slow"] {
354
  -webkit-transition-duration: 1200ms;
355
          transition-duration: 1200ms; }
356

357
.reveal .slides > section.stack {
358
  padding-top: 0;
359
  padding-bottom: 0; }
360

361
.reveal .slides > section.present,
362
.reveal .slides > section > section.present {
363
  display: block;
364
  z-index: 11;
365
  opacity: 1; }
366

367
.reveal.center,
368
.reveal.center .slides,
369
.reveal.center .slides section {
370
  min-height: 0 !important; }
371

372
/* Don't allow interaction with invisible slides */
373
.reveal .slides > section.future,
374
.reveal .slides > section > section.future,
375
.reveal .slides > section.past,
376
.reveal .slides > section > section.past {
377
  pointer-events: none; }
378

379
.reveal.overview .slides > section,
380
.reveal.overview .slides > section > section {
381
  pointer-events: auto; }
382

383
.reveal .slides > section.past,
384
.reveal .slides > section.future,
385
.reveal .slides > section > section.past,
386
.reveal .slides > section > section.future {
387
  opacity: 0; }
388

389
/*********************************************
390
 * Mixins for readability of transitions
391
 *********************************************/
392
/*********************************************
393
 * SLIDE TRANSITION
394
 * Aliased 'linear' for backwards compatibility
395
 *********************************************/
396
.reveal.slide section {
397
  -webkit-backface-visibility: hidden;
398
          backface-visibility: hidden; }
399

400
.reveal .slides > section[data-transition=slide].past,
401
.reveal .slides > section[data-transition~=slide-out].past,
402
.reveal.slide .slides > section:not([data-transition]).past {
403
  -webkit-transform: translate(-150%, 0);
404
      -ms-transform: translate(-150%, 0);
405
          transform: translate(-150%, 0); }
406

407
.reveal .slides > section[data-transition=slide].future,
408
.reveal .slides > section[data-transition~=slide-in].future,
409
.reveal.slide .slides > section:not([data-transition]).future {
410
  -webkit-transform: translate(150%, 0);
411
      -ms-transform: translate(150%, 0);
412
          transform: translate(150%, 0); }
413

414
.reveal .slides > section > section[data-transition=slide].past,
415
.reveal .slides > section > section[data-transition~=slide-out].past,
416
.reveal.slide .slides > section > section:not([data-transition]).past {
417
  -webkit-transform: translate(0, -150%);
418
      -ms-transform: translate(0, -150%);
419
          transform: translate(0, -150%); }
420

421
.reveal .slides > section > section[data-transition=slide].future,
422
.reveal .slides > section > section[data-transition~=slide-in].future,
423
.reveal.slide .slides > section > section:not([data-transition]).future {
424
  -webkit-transform: translate(0, 150%);
425
      -ms-transform: translate(0, 150%);
426
          transform: translate(0, 150%); }
427

428
.reveal.linear section {
429
  -webkit-backface-visibility: hidden;
430
          backface-visibility: hidden; }
431

432
.reveal .slides > section[data-transition=linear].past,
433
.reveal .slides > section[data-transition~=linear-out].past,
434
.reveal.linear .slides > section:not([data-transition]).past {
435
  -webkit-transform: translate(-150%, 0);
436
      -ms-transform: translate(-150%, 0);
437
          transform: translate(-150%, 0); }
438

439
.reveal .slides > section[data-transition=linear].future,
440
.reveal .slides > section[data-transition~=linear-in].future,
441
.reveal.linear .slides > section:not([data-transition]).future {
442
  -webkit-transform: translate(150%, 0);
443
      -ms-transform: translate(150%, 0);
444
          transform: translate(150%, 0); }
445

446
.reveal .slides > section > section[data-transition=linear].past,
447
.reveal .slides > section > section[data-transition~=linear-out].past,
448
.reveal.linear .slides > section > section:not([data-transition]).past {
449
  -webkit-transform: translate(0, -150%);
450
      -ms-transform: translate(0, -150%);
451
          transform: translate(0, -150%); }
452

453
.reveal .slides > section > section[data-transition=linear].future,
454
.reveal .slides > section > section[data-transition~=linear-in].future,
455
.reveal.linear .slides > section > section:not([data-transition]).future {
456
  -webkit-transform: translate(0, 150%);
457
      -ms-transform: translate(0, 150%);
458
          transform: translate(0, 150%); }
459

460
/*********************************************
461
 * CONVEX TRANSITION
462
 * Aliased 'default' for backwards compatibility
463
 *********************************************/
464
.reveal .slides > section[data-transition=default].past,
465
.reveal .slides > section[data-transition~=default-out].past,
466
.reveal.default .slides > section:not([data-transition]).past {
467
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
468
          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
469

470
.reveal .slides > section[data-transition=default].future,
471
.reveal .slides > section[data-transition~=default-in].future,
472
.reveal.default .slides > section:not([data-transition]).future {
473
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
474
          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
475

476
.reveal .slides > section > section[data-transition=default].past,
477
.reveal .slides > section > section[data-transition~=default-out].past,
478
.reveal.default .slides > section > section:not([data-transition]).past {
479
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
480
          transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
481

482
.reveal .slides > section > section[data-transition=default].future,
483
.reveal .slides > section > section[data-transition~=default-in].future,
484
.reveal.default .slides > section > section:not([data-transition]).future {
485
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
486
          transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
487

488
.reveal .slides > section[data-transition=convex].past,
489
.reveal .slides > section[data-transition~=convex-out].past,
490
.reveal.convex .slides > section:not([data-transition]).past {
491
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
492
          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
493

494
.reveal .slides > section[data-transition=convex].future,
495
.reveal .slides > section[data-transition~=convex-in].future,
496
.reveal.convex .slides > section:not([data-transition]).future {
497
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
498
          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
499

500
.reveal .slides > section > section[data-transition=convex].past,
501
.reveal .slides > section > section[data-transition~=convex-out].past,
502
.reveal.convex .slides > section > section:not([data-transition]).past {
503
  -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
504
          transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
505

506
.reveal .slides > section > section[data-transition=convex].future,
507
.reveal .slides > section > section[data-transition~=convex-in].future,
508
.reveal.convex .slides > section > section:not([data-transition]).future {
509
  -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
510
          transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
511

512
/*********************************************
513
 * CONCAVE TRANSITION
514
 *********************************************/
515
.reveal .slides > section[data-transition=concave].past,
516
.reveal .slides > section[data-transition~=concave-out].past,
517
.reveal.concave .slides > section:not([data-transition]).past {
518
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
519
          transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
520

521
.reveal .slides > section[data-transition=concave].future,
522
.reveal .slides > section[data-transition~=concave-in].future,
523
.reveal.concave .slides > section:not([data-transition]).future {
524
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
525
          transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
526

527
.reveal .slides > section > section[data-transition=concave].past,
528
.reveal .slides > section > section[data-transition~=concave-out].past,
529
.reveal.concave .slides > section > section:not([data-transition]).past {
530
  -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
531
          transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
532

533
.reveal .slides > section > section[data-transition=concave].future,
534
.reveal .slides > section > section[data-transition~=concave-in].future,
535
.reveal.concave .slides > section > section:not([data-transition]).future {
536
  -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
537
          transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
538

539
/*********************************************
540
 * ZOOM TRANSITION
541
 *********************************************/
542
.reveal .slides section[data-transition=zoom],
543
.reveal.zoom .slides section:not([data-transition]) {
544
  -webkit-transition-timing-function: ease;
545
          transition-timing-function: ease; }
546

547
.reveal .slides > section[data-transition=zoom].past,
548
.reveal .slides > section[data-transition~=zoom-out].past,
549
.reveal.zoom .slides > section:not([data-transition]).past {
550
  visibility: hidden;
551
  -webkit-transform: scale(16);
552
      -ms-transform: scale(16);
553
          transform: scale(16); }
554

555
.reveal .slides > section[data-transition=zoom].future,
556
.reveal .slides > section[data-transition~=zoom-in].future,
557
.reveal.zoom .slides > section:not([data-transition]).future {
558
  visibility: hidden;
559
  -webkit-transform: scale(0.2);
560
      -ms-transform: scale(0.2);
561
          transform: scale(0.2); }
562

563
.reveal .slides > section > section[data-transition=zoom].past,
564
.reveal .slides > section > section[data-transition~=zoom-out].past,
565
.reveal.zoom .slides > section > section:not([data-transition]).past {
566
  -webkit-transform: translate(0, -150%);
567
      -ms-transform: translate(0, -150%);
568
          transform: translate(0, -150%); }
569

570
.reveal .slides > section > section[data-transition=zoom].future,
571
.reveal .slides > section > section[data-transition~=zoom-in].future,
572
.reveal.zoom .slides > section > section:not([data-transition]).future {
573
  -webkit-transform: translate(0, 150%);
574
      -ms-transform: translate(0, 150%);
575
          transform: translate(0, 150%); }
576

577
/*********************************************
578
 * CUBE TRANSITION
579
 *********************************************/
580
.reveal.cube .slides {
581
  -webkit-perspective: 1300px;
582
          perspective: 1300px; }
583

584
.reveal.cube .slides section {
585
  padding: 30px;
586
  min-height: 700px;
587
  -webkit-backface-visibility: hidden;
588
          backface-visibility: hidden;
589
  box-sizing: border-box; }
590

591
.reveal.center.cube .slides section {
592
  min-height: 0; }
593

594
.reveal.cube .slides section:not(.stack):before {
595
  content: '';
596
  position: absolute;
597
  display: block;
598
  width: 100%;
599
  height: 100%;
600
  left: 0;
601
  top: 0;
602
  background: rgba(0, 0, 0, 0.1);
603
  border-radius: 4px;
604
  -webkit-transform: translateZ(-20px);
605
          transform: translateZ(-20px); }
606

607
.reveal.cube .slides section:not(.stack):after {
608
  content: '';
609
  position: absolute;
610
  display: block;
611
  width: 90%;
612
  height: 30px;
613
  left: 5%;
614
  bottom: 0;
615
  background: none;
616
  z-index: 1;
617
  border-radius: 4px;
618
  box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
619
  -webkit-transform: translateZ(-90px) rotateX(65deg);
620
          transform: translateZ(-90px) rotateX(65deg); }
621

622
.reveal.cube .slides > section.stack {
623
  padding: 0;
624
  background: none; }
625

626
.reveal.cube .slides > section.past {
627
  -webkit-transform-origin: 100% 0%;
628
      -ms-transform-origin: 100% 0%;
629
          transform-origin: 100% 0%;
630
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
631
          transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
632

633
.reveal.cube .slides > section.future {
634
  -webkit-transform-origin: 0% 0%;
635
      -ms-transform-origin: 0% 0%;
636
          transform-origin: 0% 0%;
637
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
638
          transform: translate3d(100%, 0, 0) rotateY(90deg); }
639

640
.reveal.cube .slides > section > section.past {
641
  -webkit-transform-origin: 0% 100%;
642
      -ms-transform-origin: 0% 100%;
643
          transform-origin: 0% 100%;
644
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
645
          transform: translate3d(0, -100%, 0) rotateX(90deg); }
646

647
.reveal.cube .slides > section > section.future {
648
  -webkit-transform-origin: 0% 0%;
649
      -ms-transform-origin: 0% 0%;
650
          transform-origin: 0% 0%;
651
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
652
          transform: translate3d(0, 100%, 0) rotateX(-90deg); }
653

654
/*********************************************
655
 * PAGE TRANSITION
656
 *********************************************/
657
.reveal.page .slides {
658
  -webkit-perspective-origin: 0% 50%;
659
          perspective-origin: 0% 50%;
660
  -webkit-perspective: 3000px;
661
          perspective: 3000px; }
662

663
.reveal.page .slides section {
664
  padding: 30px;
665
  min-height: 700px;
666
  box-sizing: border-box; }
667

668
.reveal.page .slides section.past {
669
  z-index: 12; }
670

671
.reveal.page .slides section:not(.stack):before {
672
  content: '';
673
  position: absolute;
674
  display: block;
675
  width: 100%;
676
  height: 100%;
677
  left: 0;
678
  top: 0;
679
  background: rgba(0, 0, 0, 0.1);
680
  -webkit-transform: translateZ(-20px);
681
          transform: translateZ(-20px); }
682

683
.reveal.page .slides section:not(.stack):after {
684
  content: '';
685
  position: absolute;
686
  display: block;
687
  width: 90%;
688
  height: 30px;
689
  left: 5%;
690
  bottom: 0;
691
  background: none;
692
  z-index: 1;
693
  border-radius: 4px;
694
  box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
695
  -webkit-transform: translateZ(-90px) rotateX(65deg); }
696

697
.reveal.page .slides > section.stack {
698
  padding: 0;
699
  background: none; }
700

701
.reveal.page .slides > section.past {
702
  -webkit-transform-origin: 0% 0%;
703
      -ms-transform-origin: 0% 0%;
704
          transform-origin: 0% 0%;
705
  -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
706
          transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
707

708
.reveal.page .slides > section.future {
709
  -webkit-transform-origin: 100% 0%;
710
      -ms-transform-origin: 100% 0%;
711
          transform-origin: 100% 0%;
712
  -webkit-transform: translate3d(0, 0, 0);
713
          transform: translate3d(0, 0, 0); }
714

715
.reveal.page .slides > section > section.past {
716
  -webkit-transform-origin: 0% 0%;
717
      -ms-transform-origin: 0% 0%;
718
          transform-origin: 0% 0%;
719
  -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
720
          transform: translate3d(0, -40%, 0) rotateX(80deg); }
721

722
.reveal.page .slides > section > section.future {
723
  -webkit-transform-origin: 0% 100%;
724
      -ms-transform-origin: 0% 100%;
725
          transform-origin: 0% 100%;
726
  -webkit-transform: translate3d(0, 0, 0);
727
          transform: translate3d(0, 0, 0); }
728

729
/*********************************************
730
 * FADE TRANSITION
731
 *********************************************/
732
.reveal .slides section[data-transition=fade],
733
.reveal.fade .slides section:not([data-transition]),
734
.reveal.fade .slides > section > section:not([data-transition]) {
735
  -webkit-transform: none;
736
      -ms-transform: none;
737
          transform: none;
738
  -webkit-transition: opacity 0.5s;
739
          transition: opacity 0.5s; }
740

741
.reveal.fade.overview .slides section,
742
.reveal.fade.overview .slides > section > section {
743
  -webkit-transition: none;
744
          transition: none; }
745

746
/*********************************************
747
 * NO TRANSITION
748
 *********************************************/
749
.reveal .slides section[data-transition=none],
750
.reveal.none .slides section:not([data-transition]) {
751
  -webkit-transform: none;
752
      -ms-transform: none;
753
          transform: none;
754
  -webkit-transition: none;
755
          transition: none; }
756

757
/*********************************************
758
 * PAUSED MODE
759
 *********************************************/
760
.reveal .pause-overlay {
761
  position: absolute;
762
  top: 0;
763
  left: 0;
764
  width: 100%;
765
  height: 100%;
766
  background: black;
767
  visibility: hidden;
768
  opacity: 0;
769
  z-index: 100;
770
  -webkit-transition: all 1s ease;
771
          transition: all 1s ease; }
772

773
.reveal.paused .pause-overlay {
774
  visibility: visible;
775
  opacity: 1; }
776

777
/*********************************************
778
 * FALLBACK
779
 *********************************************/
780
.no-transforms {
781
  overflow-y: auto; }
782

783
.no-transforms .reveal .slides {
784
  position: relative;
785
  width: 80%;
786
  height: auto !important;
787
  top: 0;
788
  left: 50%;
789
  margin: 0;
790
  text-align: center; }
791

792
.no-transforms .reveal .controls,
793
.no-transforms .reveal .progress {
794
  display: none !important; }
795

796
.no-transforms .reveal .slides section {
797
  display: block !important;
798
  opacity: 1 !important;
799
  position: relative !important;
800
  height: auto;
801
  min-height: 0;
802
  top: 0;
803
  left: -50%;
804
  margin: 70px 0;
805
  -webkit-transform: none;
806
      -ms-transform: none;
807
          transform: none; }
808

809
.no-transforms .reveal .slides section section {
810
  left: 0; }
811

812
.reveal .no-transition,
813
.reveal .no-transition * {
814
  -webkit-transition: none !important;
815
          transition: none !important; }
816

817
/*********************************************
818
 * PER-SLIDE BACKGROUNDS
819
 *********************************************/
820
.reveal .backgrounds {
821
  position: absolute;
822
  width: 100%;
823
  height: 100%;
824
  top: 0;
825
  left: 0;
826
  -webkit-perspective: 600px;
827
          perspective: 600px; }
828

829
.reveal .slide-background {
830
  display: none;
831
  position: absolute;
832
  width: 100%;
833
  height: 100%;
834
  opacity: 0;
835
  visibility: hidden;
836
  background-color: transparent;
837
  background-position: 50% 50%;
838
  background-repeat: no-repeat;
839
  background-size: cover;
840
  -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
841
          transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
842

843
.reveal .slide-background.stack {
844
  display: block; }
845

846
.reveal .slide-background.present {
847
  opacity: 1;
848
  visibility: visible; }
849

850
.print-pdf .reveal .slide-background {
851
  opacity: 1 !important;
852
  visibility: visible !important; }
853

854
/* Video backgrounds */
855
.reveal .slide-background video {
856
  position: absolute;
857
  width: 100%;
858
  height: 100%;
859
  max-width: none;
860
  max-height: none;
861
  top: 0;
862
  left: 0; }
863

864
/* Immediate transition style */
865
.reveal[data-background-transition=none] > .backgrounds .slide-background,
866
.reveal > .backgrounds .slide-background[data-background-transition=none] {
867
  -webkit-transition: none;
868
          transition: none; }
869

870
/* Slide */
871
.reveal[data-background-transition=slide] > .backgrounds .slide-background,
872
.reveal > .backgrounds .slide-background[data-background-transition=slide] {
873
  opacity: 1;
874
  -webkit-backface-visibility: hidden;
875
          backface-visibility: hidden; }
876

877
.reveal[data-background-transition=slide] > .backgrounds .slide-background.past,
878
.reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
879
  -webkit-transform: translate(-100%, 0);
880
      -ms-transform: translate(-100%, 0);
881
          transform: translate(-100%, 0); }
882

883
.reveal[data-background-transition=slide] > .backgrounds .slide-background.future,
884
.reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
885
  -webkit-transform: translate(100%, 0);
886
      -ms-transform: translate(100%, 0);
887
          transform: translate(100%, 0); }
888

889
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,
890
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
891
  -webkit-transform: translate(0, -100%);
892
      -ms-transform: translate(0, -100%);
893
          transform: translate(0, -100%); }
894

895
.reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,
896
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
897
  -webkit-transform: translate(0, 100%);
898
      -ms-transform: translate(0, 100%);
899
          transform: translate(0, 100%); }
900

901
/* Convex */
902
.reveal[data-background-transition=convex] > .backgrounds .slide-background.past,
903
.reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
904
  opacity: 0;
905
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
906
          transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
907

908
.reveal[data-background-transition=convex] > .backgrounds .slide-background.future,
909
.reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
910
  opacity: 0;
911
  -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
912
          transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
913

914
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,
915
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
916
  opacity: 0;
917
  -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
918
          transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
919

920
.reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,
921
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
922
  opacity: 0;
923
  -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
924
          transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
925

926
/* Concave */
927
.reveal[data-background-transition=concave] > .backgrounds .slide-background.past,
928
.reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
929
  opacity: 0;
930
  -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
931
          transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
932

933
.reveal[data-background-transition=concave] > .backgrounds .slide-background.future,
934
.reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
935
  opacity: 0;
936
  -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
937
          transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
938

939
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,
940
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
941
  opacity: 0;
942
  -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
943
          transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
944

945
.reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,
946
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
947
  opacity: 0;
948
  -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
949
          transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
950

951
/* Zoom */
952
.reveal[data-background-transition=zoom] > .backgrounds .slide-background,
953
.reveal > .backgrounds .slide-background[data-background-transition=zoom] {
954
  -webkit-transition-timing-function: ease;
955
          transition-timing-function: ease; }
956

957
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,
958
.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
959
  opacity: 0;
960
  visibility: hidden;
961
  -webkit-transform: scale(16);
962
      -ms-transform: scale(16);
963
          transform: scale(16); }
964

965
.reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,
966
.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
967
  opacity: 0;
968
  visibility: hidden;
969
  -webkit-transform: scale(0.2);
970
      -ms-transform: scale(0.2);
971
          transform: scale(0.2); }
972

973
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,
974
.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
975
  opacity: 0;
976
  visibility: hidden;
977
  -webkit-transform: scale(16);
978
      -ms-transform: scale(16);
979
          transform: scale(16); }
980

981
.reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,
982
.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
983
  opacity: 0;
984
  visibility: hidden;
985
  -webkit-transform: scale(0.2);
986
      -ms-transform: scale(0.2);
987
          transform: scale(0.2); }
988

989
/* Global transition speed settings */
990
.reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
991
  -webkit-transition-duration: 400ms;
992
          transition-duration: 400ms; }
993

994
.reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
995
  -webkit-transition-duration: 1200ms;
996
          transition-duration: 1200ms; }
997

998
/*********************************************
999
 * OVERVIEW
1000
 *********************************************/
1001
.reveal.overview {
1002
  -webkit-perspective-origin: 50% 50%;
1003
          perspective-origin: 50% 50%;
1004
  -webkit-perspective: 700px;
1005
          perspective: 700px; }
1006
  .reveal.overview .slides section {
1007
    height: 700px;
1008
    opacity: 1 !important;
1009
    overflow: hidden;
1010
    visibility: visible !important;
1011
    cursor: pointer;
1012
    box-sizing: border-box; }
1013
  .reveal.overview .slides section:hover,
1014
  .reveal.overview .slides section.present {
1015
    outline: 10px solid rgba(150, 150, 150, 0.4);
1016
    outline-offset: 10px; }
1017
  .reveal.overview .slides section .fragment {
1018
    opacity: 1;
1019
    -webkit-transition: none;
1020
            transition: none; }
1021
  .reveal.overview .slides section:after,
1022
  .reveal.overview .slides section:before {
1023
    display: none !important; }
1024
  .reveal.overview .slides > section.stack {
1025
    padding: 0;
1026
    top: 0 !important;
1027
    background: none;
1028
    outline: none;
1029
    overflow: visible; }
1030
  .reveal.overview .backgrounds {
1031
    -webkit-perspective: inherit;
1032
            perspective: inherit; }
1033
  .reveal.overview .backgrounds .slide-background {
1034
    opacity: 1;
1035
    visibility: visible;
1036
    outline: 10px solid rgba(150, 150, 150, 0.1);
1037
    outline-offset: 10px; }
1038

1039
.reveal.overview .slides section,
1040
.reveal.overview-deactivating .slides section {
1041
  -webkit-transition: none;
1042
          transition: none; }
1043

1044
.reveal.overview .backgrounds .slide-background,
1045
.reveal.overview-deactivating .backgrounds .slide-background {
1046
  -webkit-transition: none;
1047
          transition: none; }
1048

1049
.reveal.overview-animated .slides {
1050
  -webkit-transition: -webkit-transform 0.4s ease;
1051
          transition: transform 0.4s ease; }
1052

1053
/*********************************************
1054
 * RTL SUPPORT
1055
 *********************************************/
1056
.reveal.rtl .slides,
1057
.reveal.rtl .slides h1,
1058
.reveal.rtl .slides h2,
1059
.reveal.rtl .slides h3,
1060
.reveal.rtl .slides h4,
1061
.reveal.rtl .slides h5,
1062
.reveal.rtl .slides h6 {
1063
  direction: rtl;
1064
  font-family: sans-serif; }
1065

1066
.reveal.rtl pre,
1067
.reveal.rtl code {
1068
  direction: ltr; }
1069

1070
.reveal.rtl ol,
1071
.reveal.rtl ul {
1072
  text-align: right; }
1073

1074
.reveal.rtl .progress span {
1075
  float: right; }
1076

1077
/*********************************************
1078
 * PARALLAX BACKGROUND
1079
 *********************************************/
1080
.reveal.has-parallax-background .backgrounds {
1081
  -webkit-transition: all 0.8s ease;
1082
          transition: all 0.8s ease; }
1083

1084
/* Global transition speed settings */
1085
.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
1086
  -webkit-transition-duration: 400ms;
1087
          transition-duration: 400ms; }
1088

1089
.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
1090
  -webkit-transition-duration: 1200ms;
1091
          transition-duration: 1200ms; }
1092

1093
/*********************************************
1094
 * LINK PREVIEW OVERLAY
1095
 *********************************************/
1096
.reveal .overlay {
1097
  position: absolute;
1098
  top: 0;
1099
  left: 0;
1100
  width: 100%;
1101
  height: 100%;
1102
  z-index: 1000;
1103
  background: rgba(0, 0, 0, 0.9);
1104
  opacity: 0;
1105
  visibility: hidden;
1106
  -webkit-transition: all 0.3s ease;
1107
          transition: all 0.3s ease; }
1108

1109
.reveal .overlay.visible {
1110
  opacity: 1;
1111
  visibility: visible; }
1112

1113
.reveal .overlay .spinner {
1114
  position: absolute;
1115
  display: block;
1116
  top: 50%;
1117
  left: 50%;
1118
  width: 32px;
1119
  height: 32px;
1120
  margin: -16px 0 0 -16px;
1121
  z-index: 10;
1122
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D);
1123
  visibility: visible;
1124
  opacity: 0.6;
1125
  -webkit-transition: all 0.3s ease;
1126
          transition: all 0.3s ease; }
1127

1128
.reveal .overlay header {
1129
  position: absolute;
1130
  left: 0;
1131
  top: 0;
1132
  width: 100%;
1133
  height: 40px;
1134
  z-index: 2;
1135
  border-bottom: 1px solid #222; }
1136

1137
.reveal .overlay header a {
1138
  display: inline-block;
1139
  width: 40px;
1140
  height: 40px;
1141
  padding: 0 10px;
1142
  float: right;
1143
  opacity: 0.6;
1144
  box-sizing: border-box; }
1145

1146
.reveal .overlay header a:hover {
1147
  opacity: 1; }
1148

1149
.reveal .overlay header a .icon {
1150
  display: inline-block;
1151
  width: 20px;
1152
  height: 20px;
1153
  background-position: 50% 50%;
1154
  background-size: 100%;
1155
  background-repeat: no-repeat; }
1156

1157
.reveal .overlay header a.close .icon {
1158
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
1159

1160
.reveal .overlay header a.external .icon {
1161
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
1162

1163
.reveal .overlay .viewport {
1164
  position: absolute;
1165
  top: 40px;
1166
  right: 0;
1167
  bottom: 0;
1168
  left: 0; }
1169

1170
.reveal .overlay.overlay-preview .viewport iframe {
1171
  width: 100%;
1172
  height: 100%;
1173
  max-width: 100%;
1174
  max-height: 100%;
1175
  border: 0;
1176
  opacity: 0;
1177
  visibility: hidden;
1178
  -webkit-transition: all 0.3s ease;
1179
          transition: all 0.3s ease; }
1180

1181
.reveal .overlay.overlay-preview.loaded .viewport iframe {
1182
  opacity: 1;
1183
  visibility: visible; }
1184

1185
.reveal .overlay.overlay-preview.loaded .spinner {
1186
  opacity: 0;
1187
  visibility: hidden;
1188
  -webkit-transform: scale(0.2);
1189
      -ms-transform: scale(0.2);
1190
          transform: scale(0.2); }
1191

1192
.reveal .overlay.overlay-help .viewport {
1193
  overflow: auto;
1194
  color: #fff; }
1195

1196
.reveal .overlay.overlay-help .viewport .viewport-inner {
1197
  width: 600px;
1198
  margin: 0 auto;
1199
  padding: 60px;
1200
  text-align: center;
1201
  letter-spacing: normal; }
1202

1203
.reveal .overlay.overlay-help .viewport .viewport-inner .title {
1204
  font-size: 20px; }
1205

1206
.reveal .overlay.overlay-help .viewport .viewport-inner table {
1207
  border: 1px solid #fff;
1208
  border-collapse: collapse;
1209
  font-size: 14px; }
1210

1211
.reveal .overlay.overlay-help .viewport .viewport-inner table th,
1212
.reveal .overlay.overlay-help .viewport .viewport-inner table td {
1213
  width: 200px;
1214
  padding: 10px;
1215
  border: 1px solid #fff;
1216
  vertical-align: middle; }
1217

1218
.reveal .overlay.overlay-help .viewport .viewport-inner table th {
1219
  padding-top: 20px;
1220
  padding-bottom: 20px; }
1221

1222
/*********************************************
1223
 * PLAYBACK COMPONENT
1224
 *********************************************/
1225
.reveal .playback {
1226
  position: fixed;
1227
  left: 15px;
1228
  bottom: 20px;
1229
  z-index: 30;
1230
  cursor: pointer;
1231
  -webkit-transition: all 400ms ease;
1232
          transition: all 400ms ease; }
1233

1234
.reveal.overview .playback {
1235
  opacity: 0;
1236
  visibility: hidden; }
1237

1238
/*********************************************
1239
 * ROLLING LINKS
1240
 *********************************************/
1241
.reveal .roll {
1242
  display: inline-block;
1243
  line-height: 1.2;
1244
  overflow: hidden;
1245
  vertical-align: top;
1246
  -webkit-perspective: 400px;
1247
          perspective: 400px;
1248
  -webkit-perspective-origin: 50% 50%;
1249
          perspective-origin: 50% 50%; }
1250

1251
.reveal .roll:hover {
1252
  background: none;
1253
  text-shadow: none; }
1254

1255
.reveal .roll span {
1256
  display: block;
1257
  position: relative;
1258
  padding: 0 2px;
1259
  pointer-events: none;
1260
  -webkit-transition: all 400ms ease;
1261
          transition: all 400ms ease;
1262
  -webkit-transform-origin: 50% 0%;
1263
      -ms-transform-origin: 50% 0%;
1264
          transform-origin: 50% 0%;
1265
  -webkit-transform-style: preserve-3d;
1266
          transform-style: preserve-3d;
1267
  -webkit-backface-visibility: hidden;
1268
          backface-visibility: hidden; }
1269

1270
.reveal .roll:hover span {
1271
  background: rgba(0, 0, 0, 0.5);
1272
  -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
1273
          transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
1274

1275
.reveal .roll span:after {
1276
  content: attr(data-title);
1277
  display: block;
1278
  position: absolute;
1279
  left: 0;
1280
  top: 0;
1281
  padding: 0 2px;
1282
  -webkit-backface-visibility: hidden;
1283
          backface-visibility: hidden;
1284
  -webkit-transform-origin: 50% 0%;
1285
      -ms-transform-origin: 50% 0%;
1286
          transform-origin: 50% 0%;
1287
  -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1288
          transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
1289

1290
/*********************************************
1291
 * SPEAKER NOTES
1292
 *********************************************/
1293
.reveal aside.notes {
1294
  display: none; }
1295

1296
.reveal .speaker-notes {
1297
  display: none;
1298
  position: absolute;
1299
  width: 70%;
1300
  max-height: 15%;
1301
  left: 15%;
1302
  bottom: 26px;
1303
  padding: 10px;
1304
  z-index: 1;
1305
  font-size: 18px;
1306
  line-height: 1.4;
1307
  color: #fff;
1308
  background-color: rgba(0, 0, 0, 0.5);
1309
  overflow: auto;
1310
  box-sizing: border-box;
1311
  text-align: left;
1312
  font-family: Helvetica, sans-serif;
1313
  -webkit-overflow-scrolling: touch; }
1314

1315
.reveal .speaker-notes.visible:not(:empty) {
1316
  display: block; }
1317

1318
@media screen and (max-width: 1024px) {
1319
  .reveal .speaker-notes {
1320
    font-size: 14px; } }
1321

1322
@media screen and (max-width: 600px) {
1323
  .reveal .speaker-notes {
1324
    width: 90%;
1325
    left: 5%; } }
1326

1327
/*********************************************
1328
 * ZOOM PLUGIN
1329
 *********************************************/
1330
.zoomed .reveal *,
1331
.zoomed .reveal *:before,
1332
.zoomed .reveal *:after {
1333
  -webkit-backface-visibility: visible !important;
1334
          backface-visibility: visible !important; }
1335

1336
.zoomed .reveal .progress,
1337
.zoomed .reveal .controls {
1338
  opacity: 0; }
1339

1340
.zoomed .reveal .roll span {
1341
  background: none; }
1342

1343
.zoomed .reveal .roll span:after {
1344
  visibility: hidden; }
1345

1346
Product

Resources

Company
