docs/com/css/reveal.css

   1 /*!
   2  * reveal.js
   3  * http://lab.hakim.se/reveal-js
   4  * MIT licensed
   5  *
   6  * Copyright (C) 2015 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, .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6, .reveal p, .reveal blockquote, .reveal pre, .reveal a, .reveal abbr, .reveal acronym, .reveal address, .reveal big, .reveal cite, .reveal code, .reveal del, .reveal dfn, .reveal em, .reveal img, .reveal ins, .reveal kbd, .reveal q, .reveal s, .reveal samp, .reveal small, .reveal strike, .reveal strong, .reveal sub, .reveal sup, .reveal tt, .reveal var, .reveal b, .reveal u, .reveal center, .reveal dl, .reveal dt, .reveal dd, .reveal ol, .reveal ul, .reveal li, .reveal fieldset, .reveal form, .reveal label, .reveal legend, .reveal table, .reveal caption, .reveal tbody, .reveal tfoot, .reveal thead, .reveal tr, .reveal th, .reveal td, .reveal article, .reveal aside, .reveal canvas, .reveal details, .reveal embed, .reveal figure, .reveal figcaption, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal output, .reveal ruby, .reveal section, .reveal summary, .reveal time, .reveal mark, .reveal audio, video {
  12   margin: 0;
  13   padding: 0;
  14   border: 0;
  15   font-size: 100%;
  16   font: inherit;
  17   vertical-align: baseline; }
  18
  19 .reveal article, .reveal aside, .reveal details, .reveal figcaption, .reveal figure, .reveal footer, .reveal header, .reveal hgroup, .reveal menu, .reveal nav, .reveal section {
  20   display: block; }
  21
  22 /*********************************************
  23  * GLOBAL STYLES
  24  *********************************************/
  25 html, body {
  26   width: 100%;
  27   height: 100%;
  28   overflow: hidden; }
  29
  30 body {
  31   position: relative;
  32   line-height: 1;
  33   background-color: #fff;
  34   color: #000; }
  35
  36 /*********************************************
  37  * VIEW FRAGMENTS
  38  *********************************************/
  39 .reveal .slides section .fragment {
  40   opacity: 0;
  41   visibility: hidden;
  42   -webkit-transition: all 0.2s ease;
  43           transition: all 0.2s ease; }
  44   .reveal .slides section .fragment.visible {
  45     opacity: 1;
  46     visibility: visible; }
  47
  48 .reveal .slides section .fragment.grow {
  49   opacity: 1;
  50   visibility: visible; }
  51   .reveal .slides section .fragment.grow.visible {
  52     -webkit-transform: scale(1.3);
  53         -ms-transform: scale(1.3);
  54             transform: scale(1.3); }
  55
  56 .reveal .slides section .fragment.shrink {
  57   opacity: 1;
  58   visibility: visible; }
  59   .reveal .slides section .fragment.shrink.visible {
  60     -webkit-transform: scale(0.7);
  61         -ms-transform: scale(0.7);
  62             transform: scale(0.7); }
  63
  64 .reveal .slides section .fragment.zoom-in {
  65   -webkit-transform: scale(0.1);
  66       -ms-transform: scale(0.1);
  67           transform: scale(0.1); }
  68   .reveal .slides section .fragment.zoom-in.visible {
  69     -webkit-transform: none;
  70         -ms-transform: none;
  71             transform: none; }
  72
  73 .reveal .slides section .fragment.fade-out {
  74   opacity: 1;
  75   visibility: visible; }
  76   .reveal .slides section .fragment.fade-out.visible {
  77     opacity: 0;
  78     visibility: hidden; }
  79
  80 .reveal .slides section .fragment.semi-fade-out {
  81   opacity: 1;
  82   visibility: visible; }
  83   .reveal .slides section .fragment.semi-fade-out.visible {
  84     opacity: 0.5;
  85     visibility: visible; }
  86
  87 .reveal .slides section .fragment.strike {
  88   opacity: 1;
  89   visibility: visible; }
  90   .reveal .slides section .fragment.strike.visible {
  91     text-decoration: line-through; }
  92
  93 .reveal .slides section .fragment.current-visible {
  94   opacity: 0;
  95   visibility: hidden; }
  96   .reveal .slides section .fragment.current-visible.current-fragment {
  97     opacity: 1;
  98     visibility: visible; }
  99
 100 .reveal .slides section .fragment.highlight-red, .reveal .slides section .fragment.highlight-current-red, .reveal .slides section .fragment.highlight-green, .reveal .slides section .fragment.highlight-current-green, .reveal .slides section .fragment.highlight-blue, .reveal .slides section .fragment.highlight-current-blue {
 101   opacity: 1;
 102   visibility: visible; }
 103
 104 .reveal .slides section .fragment.highlight-red.visible {
 105   color: #ff2c2d; }
 106
 107 .reveal .slides section .fragment.highlight-green.visible {
 108   color: #17ff2e; }
 109
 110 .reveal .slides section .fragment.highlight-blue.visible {
 111   color: #1b91ff; }
 112
 113 .reveal .slides section .fragment.highlight-current-red.current-fragment {
 114   color: #ff2c2d; }
 115
 116 .reveal .slides section .fragment.highlight-current-green.current-fragment {
 117   color: #17ff2e; }
 118
 119 .reveal .slides section .fragment.highlight-current-blue.current-fragment {
 120   color: #1b91ff; }
 121
 122 /*********************************************
 123  * DEFAULT ELEMENT STYLES
 124  *********************************************/
 125 /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */
 126 .reveal:after {
 127   content: '';
 128   font-style: italic; }
 129
 130 .reveal iframe {
 131   z-index: 1; }
 132
 133 /** Prevents layering issues in certain browser/transition combinations */
 134 .reveal a {
 135   position: relative; }
 136
 137 .reveal .stretch {
 138   max-width: none;
 139   max-height: none; }
 140
 141 .reveal pre.stretch code {
 142   height: 100%;
 143   max-height: 100%;
 144   -moz-box-sizing: border-box;
 145        box-sizing: border-box; }
 146
 147 /*********************************************
 148  * CONTROLS
 149  *********************************************/
 150 .reveal .controls {
 151   display: none;
 152   position: fixed;
 153   width: 110px;
 154   height: 110px;
 155   z-index: 30;
 156   right: 10px;
 157   bottom: 10px;
 158   -webkit-user-select: none; }
 159
 160 .reveal .controls button {
 161   padding: 0;
 162   position: absolute;
 163   opacity: 0.05;
 164   width: 0;
 165   height: 0;
 166   background-color: transparent;
 167   border: 12px solid transparent;
 168   -webkit-transform: scale(0.9999);
 169       -ms-transform: scale(0.9999);
 170           transform: scale(0.9999);
 171   -webkit-transition: all 0.2s ease;
 172           transition: all 0.2s ease;
 173   -webkit-appearance: none;
 174   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 175
 176 .reveal .controls .enabled {
 177   opacity: 0.7;
 178   cursor: pointer; }
 179
 180 .reveal .controls .enabled:active {
 181   margin-top: 1px; }
 182
 183 .reveal .controls .navigate-left {
 184   top: 42px;
 185   border-right-width: 22px;
 186   border-right-color: #000; }
 187
 188 .reveal .controls .navigate-left.fragmented {
 189   opacity: 0.3; }
 190
 191 .reveal .controls .navigate-right {
 192   left: 74px;
 193   top: 42px;
 194   border-left-width: 22px;
 195   border-left-color: #000; }
 196
 197 .reveal .controls .navigate-right.fragmented {
 198   opacity: 0.3; }
 199
 200 .reveal .controls .navigate-up {
 201   left: 42px;
 202   border-bottom-width: 22px;
 203   border-bottom-color: #000; }
 204
 205 .reveal .controls .navigate-up.fragmented {
 206   opacity: 0.3; }
 207
 208 .reveal .controls .navigate-down {
 209   left: 42px;
 210   top: 74px;
 211   border-top-width: 22px;
 212   border-top-color: #000; }
 213
 214 .reveal .controls .navigate-down.fragmented {
 215   opacity: 0.3; }
 216
 217 /*********************************************
 218  * PROGRESS BAR
 219  *********************************************/
 220 .reveal .progress {
 221   position: fixed;
 222   display: none;
 223   height: 3px;
 224   width: 100%;
 225   bottom: 0;
 226   left: 0;
 227   z-index: 10;
 228   background-color: rgba(0, 0, 0, 0.2); }
 229
 230 .reveal .progress:after {
 231   content: '';
 232   display: block;
 233   position: absolute;
 234   height: 20px;
 235   width: 100%;
 236   top: -20px; }
 237
 238 .reveal .progress span {
 239   display: block;
 240   height: 100%;
 241   width: 0px;
 242   background-color: #000;
 243   -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
 244           transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
 245
 246 /*********************************************
 247  * SLIDE NUMBER
 248  *********************************************/
 249 .reveal .slide-number {
 250   position: fixed;
 251   display: block;
 252   right: 15px;
 253   bottom: 15px;
 254   opacity: 0.5;
 255   z-index: 31;
 256   font-size: 12px; }
 257
 258 /*********************************************
 259  * SLIDES
 260  *********************************************/
 261 .reveal {
 262   position: relative;
 263   width: 100%;
 264   height: 100%;
 265   overflow: hidden;
 266   -ms-touch-action: none;
 267       touch-action: none; }
 268
 269 .reveal .slides {
 270   position: absolute;
 271   width: 100%;
 272   height: 100%;
 273   top: 0;
 274   right: 0;
 275   bottom: 0;
 276   left: 0;
 277   margin: auto;
 278   overflow: visible;
 279   z-index: 1;
 280   text-align: center;
 281   -webkit-perspective: 600px;
 282           perspective: 600px;
 283   -webkit-perspective-origin: 50% 40%;
 284           perspective-origin: 50% 40%; }
 285
 286 .reveal .slides > section {
 287   -ms-perspective: 600px; }
 288
 289 .reveal .slides > section, .reveal .slides > section > section {
 290   display: none;
 291   position: absolute;
 292   width: 100%;
 293   padding: 20px 0px;
 294   z-index: 10;
 295   -webkit-transform-style: preserve-3d;
 296           transform-style: preserve-3d;
 297   -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);
 298           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);
 299           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); }
 300
 301 /* Global transition speed settings */
 302 .reveal[data-transition-speed="fast"] .slides section {
 303   -webkit-transition-duration: 400ms;
 304           transition-duration: 400ms; }
 305
 306 .reveal[data-transition-speed="slow"] .slides section {
 307   -webkit-transition-duration: 1200ms;
 308           transition-duration: 1200ms; }
 309
 310 /* Slide-specific transition speed overrides */
 311 .reveal .slides section[data-transition-speed="fast"] {
 312   -webkit-transition-duration: 400ms;
 313           transition-duration: 400ms; }
 314
 315 .reveal .slides section[data-transition-speed="slow"] {
 316   -webkit-transition-duration: 1200ms;
 317           transition-duration: 1200ms; }
 318
 319 .reveal .slides > section.stack {
 320   padding-top: 0;
 321   padding-bottom: 0; }
 322
 323 .reveal .slides > section.present, .reveal .slides > section > section.present {
 324   display: block;
 325   z-index: 11;
 326   opacity: 1; }
 327
 328 .reveal.center, .reveal.center .slides, .reveal.center .slides section {
 329   min-height: 0 !important; }
 330
 331 /* Don't allow interaction with invisible slides */
 332 .reveal .slides > section.future, .reveal .slides > section > section.future, .reveal .slides > section.past, .reveal .slides > section > section.past {
 333   pointer-events: none; }
 334
 335 .reveal.overview .slides > section, .reveal.overview .slides > section > section {
 336   pointer-events: auto; }
 337
 338 .reveal .slides > section.past, .reveal .slides > section.future, .reveal .slides > section > section.past, .reveal .slides > section > section.future {
 339   opacity: 0; }
 340
 341 /*********************************************
 342  * Mixins for readability of transitions
 343  *********************************************/
 344 /*********************************************
 345  * SLIDE TRANSITION
 346  * Aliased 'linear' for backwards compatibility
 347  *********************************************/
 348 .reveal.slide section {
 349   -webkit-backface-visibility: hidden;
 350           backface-visibility: hidden; }
 351
 352 .reveal .slides > section[data-transition=slide].past, .reveal .slides > section[data-transition~=slide-out].past, .reveal.slide .slides > section:not([data-transition]).past {
 353   -webkit-transform: translate(-150%, 0);
 354       -ms-transform: translate(-150%, 0);
 355           transform: translate(-150%, 0); }
 356
 357 .reveal .slides > section[data-transition=slide].future, .reveal .slides > section[data-transition~=slide-in].future, .reveal.slide .slides > section:not([data-transition]).future {
 358   -webkit-transform: translate(150%, 0);
 359       -ms-transform: translate(150%, 0);
 360           transform: translate(150%, 0); }
 361
 362 .reveal .slides > section > section[data-transition=slide].past, .reveal .slides > section > section[data-transition~=slide-out].past, .reveal.slide .slides > section > section:not([data-transition]).past {
 363   -webkit-transform: translate(0, -150%);
 364       -ms-transform: translate(0, -150%);
 365           transform: translate(0, -150%); }
 366
 367 .reveal .slides > section > section[data-transition=slide].future, .reveal .slides > section > section[data-transition~=slide-in].future, .reveal.slide .slides > section > section:not([data-transition]).future {
 368   -webkit-transform: translate(0, 150%);
 369       -ms-transform: translate(0, 150%);
 370           transform: translate(0, 150%); }
 371
 372 .reveal.linear section {
 373   -webkit-backface-visibility: hidden;
 374           backface-visibility: hidden; }
 375
 376 .reveal .slides > section[data-transition=linear].past, .reveal .slides > section[data-transition~=linear-out].past, .reveal.linear .slides > section:not([data-transition]).past {
 377   -webkit-transform: translate(-150%, 0);
 378       -ms-transform: translate(-150%, 0);
 379           transform: translate(-150%, 0); }
 380
 381 .reveal .slides > section[data-transition=linear].future, .reveal .slides > section[data-transition~=linear-in].future, .reveal.linear .slides > section:not([data-transition]).future {
 382   -webkit-transform: translate(150%, 0);
 383       -ms-transform: translate(150%, 0);
 384           transform: translate(150%, 0); }
 385
 386 .reveal .slides > section > section[data-transition=linear].past, .reveal .slides > section > section[data-transition~=linear-out].past, .reveal.linear .slides > section > section:not([data-transition]).past {
 387   -webkit-transform: translate(0, -150%);
 388       -ms-transform: translate(0, -150%);
 389           transform: translate(0, -150%); }
 390
 391 .reveal .slides > section > section[data-transition=linear].future, .reveal .slides > section > section[data-transition~=linear-in].future, .reveal.linear .slides > section > section:not([data-transition]).future {
 392   -webkit-transform: translate(0, 150%);
 393       -ms-transform: translate(0, 150%);
 394           transform: translate(0, 150%); }
 395
 396 /*********************************************
 397  * CONVEX TRANSITION
 398  * Aliased 'default' for backwards compatibility
 399  *********************************************/
 400 .reveal .slides > section[data-transition=default].past, .reveal .slides > section[data-transition~=default-out].past, .reveal.default .slides > section:not([data-transition]).past {
 401   -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
 402           transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
 403
 404 .reveal .slides > section[data-transition=default].future, .reveal .slides > section[data-transition~=default-in].future, .reveal.default .slides > section:not([data-transition]).future {
 405   -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
 406           transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
 407
 408 .reveal .slides > section > section[data-transition=default].past, .reveal .slides > section > section[data-transition~=default-out].past, .reveal.default .slides > section > section:not([data-transition]).past {
 409   -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
 410           transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
 411
 412 .reveal .slides > section > section[data-transition=default].future, .reveal .slides > section > section[data-transition~=default-in].future, .reveal.default .slides > section > section:not([data-transition]).future {
 413   -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
 414           transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
 415
 416 .reveal .slides > section[data-transition=convex].past, .reveal .slides > section[data-transition~=convex-out].past, .reveal.convex .slides > section:not([data-transition]).past {
 417   -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
 418           transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
 419
 420 .reveal .slides > section[data-transition=convex].future, .reveal .slides > section[data-transition~=convex-in].future, .reveal.convex .slides > section:not([data-transition]).future {
 421   -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
 422           transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
 423
 424 .reveal .slides > section > section[data-transition=convex].past, .reveal .slides > section > section[data-transition~=convex-out].past, .reveal.convex .slides > section > section:not([data-transition]).past {
 425   -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0);
 426           transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }
 427
 428 .reveal .slides > section > section[data-transition=convex].future, .reveal .slides > section > section[data-transition~=convex-in].future, .reveal.convex .slides > section > section:not([data-transition]).future {
 429   -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0);
 430           transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }
 431
 432 /*********************************************
 433  * CONCAVE TRANSITION
 434  *********************************************/
 435 .reveal .slides > section[data-transition=concave].past, .reveal .slides > section[data-transition~=concave-out].past, .reveal.concave .slides > section:not([data-transition]).past {
 436   -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
 437           transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
 438
 439 .reveal .slides > section[data-transition=concave].future, .reveal .slides > section[data-transition~=concave-in].future, .reveal.concave .slides > section:not([data-transition]).future {
 440   -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
 441           transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
 442
 443 .reveal .slides > section > section[data-transition=concave].past, .reveal .slides > section > section[data-transition~=concave-out].past, .reveal.concave .slides > section > section:not([data-transition]).past {
 444   -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0);
 445           transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }
 446
 447 .reveal .slides > section > section[data-transition=concave].future, .reveal .slides > section > section[data-transition~=concave-in].future, .reveal.concave .slides > section > section:not([data-transition]).future {
 448   -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0);
 449           transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }
 450
 451 /*********************************************
 452  * ZOOM TRANSITION
 453  *********************************************/
 454 .reveal .slides section[data-transition=zoom], .reveal.zoom .slides section:not([data-transition]) {
 455   -webkit-transition-timing-function: ease;
 456           transition-timing-function: ease; }
 457
 458 .reveal .slides > section[data-transition=zoom].past, .reveal .slides > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section:not([data-transition]).past {
 459   visibility: hidden;
 460   -webkit-transform: scale(16);
 461       -ms-transform: scale(16);
 462           transform: scale(16); }
 463
 464 .reveal .slides > section[data-transition=zoom].future, .reveal .slides > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section:not([data-transition]).future {
 465   visibility: hidden;
 466   -webkit-transform: scale(0.2);
 467       -ms-transform: scale(0.2);
 468           transform: scale(0.2); }
 469
 470 .reveal .slides > section > section[data-transition=zoom].past, .reveal .slides > section > section[data-transition~=zoom-out].past, .reveal.zoom .slides > section > section:not([data-transition]).past {
 471   -webkit-transform: translate(0, -150%);
 472       -ms-transform: translate(0, -150%);
 473           transform: translate(0, -150%); }
 474
 475 .reveal .slides > section > section[data-transition=zoom].future, .reveal .slides > section > section[data-transition~=zoom-in].future, .reveal.zoom .slides > section > section:not([data-transition]).future {
 476   -webkit-transform: translate(0, 150%);
 477       -ms-transform: translate(0, 150%);
 478           transform: translate(0, 150%); }
 479
 480 /*********************************************
 481  * CUBE TRANSITION
 482  *********************************************/
 483 .reveal.cube .slides {
 484   -webkit-perspective: 1300px;
 485           perspective: 1300px; }
 486
 487 .reveal.cube .slides section {
 488   padding: 30px;
 489   min-height: 700px;
 490   -webkit-backface-visibility: hidden;
 491           backface-visibility: hidden;
 492   -moz-box-sizing: border-box;
 493        box-sizing: border-box; }
 494
 495 .reveal.center.cube .slides section {
 496   min-height: 0; }
 497
 498 .reveal.cube .slides section:not(.stack):before {
 499   content: '';
 500   position: absolute;
 501   display: block;
 502   width: 100%;
 503   height: 100%;
 504   left: 0;
 505   top: 0;
 506   background: rgba(0, 0, 0, 0.1);
 507   border-radius: 4px;
 508   -webkit-transform: translateZ(-20px);
 509           transform: translateZ(-20px); }
 510
 511 .reveal.cube .slides section:not(.stack):after {
 512   content: '';
 513   position: absolute;
 514   display: block;
 515   width: 90%;
 516   height: 30px;
 517   left: 5%;
 518   bottom: 0;
 519   background: none;
 520   z-index: 1;
 521   border-radius: 4px;
 522   box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
 523   -webkit-transform: translateZ(-90px) rotateX(65deg);
 524           transform: translateZ(-90px) rotateX(65deg); }
 525
 526 .reveal.cube .slides > section.stack {
 527   padding: 0;
 528   background: none; }
 529
 530 .reveal.cube .slides > section.past {
 531   -webkit-transform-origin: 100% 0%;
 532       -ms-transform-origin: 100% 0%;
 533           transform-origin: 100% 0%;
 534   -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
 535           transform: translate3d(-100%, 0, 0) rotateY(-90deg); }
 536
 537 .reveal.cube .slides > section.future {
 538   -webkit-transform-origin: 0% 0%;
 539       -ms-transform-origin: 0% 0%;
 540           transform-origin: 0% 0%;
 541   -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);
 542           transform: translate3d(100%, 0, 0) rotateY(90deg); }
 543
 544 .reveal.cube .slides > section > section.past {
 545   -webkit-transform-origin: 0% 100%;
 546       -ms-transform-origin: 0% 100%;
 547           transform-origin: 0% 100%;
 548   -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg);
 549           transform: translate3d(0, -100%, 0) rotateX(90deg); }
 550
 551 .reveal.cube .slides > section > section.future {
 552   -webkit-transform-origin: 0% 0%;
 553       -ms-transform-origin: 0% 0%;
 554           transform-origin: 0% 0%;
 555   -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg);
 556           transform: translate3d(0, 100%, 0) rotateX(-90deg); }
 557
 558 /*********************************************
 559  * PAGE TRANSITION
 560  *********************************************/
 561 .reveal.page .slides {
 562   -webkit-perspective-origin: 0% 50%;
 563           perspective-origin: 0% 50%;
 564   -webkit-perspective: 3000px;
 565           perspective: 3000px; }
 566
 567 .reveal.page .slides section {
 568   padding: 30px;
 569   min-height: 700px;
 570   -moz-box-sizing: border-box;
 571        box-sizing: border-box; }
 572
 573 .reveal.page .slides section.past {
 574   z-index: 12; }
 575
 576 .reveal.page .slides section:not(.stack):before {
 577   content: '';
 578   position: absolute;
 579   display: block;
 580   width: 100%;
 581   height: 100%;
 582   left: 0;
 583   top: 0;
 584   background: rgba(0, 0, 0, 0.1);
 585   -webkit-transform: translateZ(-20px);
 586           transform: translateZ(-20px); }
 587
 588 .reveal.page .slides section:not(.stack):after {
 589   content: '';
 590   position: absolute;
 591   display: block;
 592   width: 90%;
 593   height: 30px;
 594   left: 5%;
 595   bottom: 0;
 596   background: none;
 597   z-index: 1;
 598   border-radius: 4px;
 599   box-shadow: 0px 95px 25px rgba(0, 0, 0, 0.2);
 600   -webkit-transform: translateZ(-90px) rotateX(65deg); }
 601
 602 .reveal.page .slides > section.stack {
 603   padding: 0;
 604   background: none; }
 605
 606 .reveal.page .slides > section.past {
 607   -webkit-transform-origin: 0% 0%;
 608       -ms-transform-origin: 0% 0%;
 609           transform-origin: 0% 0%;
 610   -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg);
 611           transform: translate3d(-40%, 0, 0) rotateY(-80deg); }
 612
 613 .reveal.page .slides > section.future {
 614   -webkit-transform-origin: 100% 0%;
 615       -ms-transform-origin: 100% 0%;
 616           transform-origin: 100% 0%;
 617   -webkit-transform: translate3d(0, 0, 0);
 618           transform: translate3d(0, 0, 0); }
 619
 620 .reveal.page .slides > section > section.past {
 621   -webkit-transform-origin: 0% 0%;
 622       -ms-transform-origin: 0% 0%;
 623           transform-origin: 0% 0%;
 624   -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg);
 625           transform: translate3d(0, -40%, 0) rotateX(80deg); }
 626
 627 .reveal.page .slides > section > section.future {
 628   -webkit-transform-origin: 0% 100%;
 629       -ms-transform-origin: 0% 100%;
 630           transform-origin: 0% 100%;
 631   -webkit-transform: translate3d(0, 0, 0);
 632           transform: translate3d(0, 0, 0); }
 633
 634 /*********************************************
 635  * FADE TRANSITION
 636  *********************************************/
 637 .reveal .slides section[data-transition=fade], .reveal.fade .slides section:not([data-transition]), .reveal.fade .slides > section > section:not([data-transition]) {
 638   -webkit-transform: none;
 639       -ms-transform: none;
 640           transform: none;
 641   -webkit-transition: opacity 0.5s;
 642           transition: opacity 0.5s; }
 643
 644 .reveal.fade.overview .slides section, .reveal.fade.overview .slides > section > section {
 645   -webkit-transition: none;
 646           transition: none; }
 647
 648 /*********************************************
 649  * NO TRANSITION
 650  *********************************************/
 651 .reveal .slides section[data-transition=none], .reveal.none .slides section:not([data-transition]) {
 652   -webkit-transform: none;
 653       -ms-transform: none;
 654           transform: none;
 655   -webkit-transition: none;
 656           transition: none; }
 657
 658 /*********************************************
 659  * PAUSED MODE
 660  *********************************************/
 661 .reveal .pause-overlay {
 662   position: absolute;
 663   top: 0;
 664   left: 0;
 665   width: 100%;
 666   height: 100%;
 667   background: black;
 668   visibility: hidden;
 669   opacity: 0;
 670   z-index: 100;
 671   -webkit-transition: all 1s ease;
 672           transition: all 1s ease; }
 673
 674 .reveal.paused .pause-overlay {
 675   visibility: visible;
 676   opacity: 1; }
 677
 678 /*********************************************
 679  * FALLBACK
 680  *********************************************/
 681 .no-transforms {
 682   overflow-y: auto; }
 683
 684 .no-transforms .reveal .slides {
 685   position: relative;
 686   width: 80%;
 687   height: auto !important;
 688   top: 0;
 689   left: 50%;
 690   margin: 0;
 691   text-align: center; }
 692
 693 .no-transforms .reveal .controls, .no-transforms .reveal .progress {
 694   display: none !important; }
 695
 696 .no-transforms .reveal .slides section {
 697   display: block !important;
 698   opacity: 1 !important;
 699   position: relative !important;
 700   height: auto;
 701   min-height: 0;
 702   top: 0;
 703   left: -50%;
 704   margin: 70px 0;
 705   -webkit-transform: none;
 706       -ms-transform: none;
 707           transform: none; }
 708
 709 .no-transforms .reveal .slides section section {
 710   left: 0; }
 711
 712 .reveal .no-transition, .reveal .no-transition * {
 713   -webkit-transition: none !important;
 714           transition: none !important; }
 715
 716 /*********************************************
 717  * PER-SLIDE BACKGROUNDS
 718  *********************************************/
 719 .reveal .backgrounds {
 720   position: absolute;
 721   width: 100%;
 722   height: 100%;
 723   top: 0;
 724   left: 0;
 725   -webkit-perspective: 600px;
 726           perspective: 600px; }
 727
 728 .reveal .slide-background {
 729   display: none;
 730   position: absolute;
 731   width: 100%;
 732   height: 100%;
 733   opacity: 0;
 734   visibility: hidden;
 735   background-color: rgba(0, 0, 0, 0);
 736   background-position: 50% 50%;
 737   background-repeat: no-repeat;
 738   background-size: cover;
 739   -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985);
 740           transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
 741
 742 .reveal .slide-background.stack {
 743   display: block; }
 744
 745 .reveal .slide-background.present {
 746   opacity: 1;
 747   visibility: visible; }
 748
 749 .print-pdf .reveal .slide-background {
 750   opacity: 1 !important;
 751   visibility: visible !important; }
 752
 753 /* Video backgrounds */
 754 .reveal .slide-background video {
 755   position: absolute;
 756   width: 100%;
 757   height: 100%;
 758   max-width: none;
 759   max-height: none;
 760   top: 0;
 761   left: 0; }
 762
 763 /* Immediate transition style */
 764 .reveal[data-background-transition=none] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=none] {
 765   -webkit-transition: none;
 766           transition: none; }
 767
 768 /* Slide */
 769 .reveal[data-background-transition=slide] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=slide] {
 770   opacity: 1;
 771   -webkit-backface-visibility: hidden;
 772           backface-visibility: hidden; }
 773
 774 .reveal[data-background-transition=slide] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=slide] {
 775   -webkit-transform: translate(-100%, 0);
 776       -ms-transform: translate(-100%, 0);
 777           transform: translate(-100%, 0); }
 778
 779 .reveal[data-background-transition=slide] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=slide] {
 780   -webkit-transform: translate(100%, 0);
 781       -ms-transform: translate(100%, 0);
 782           transform: translate(100%, 0); }
 783
 784 .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] {
 785   -webkit-transform: translate(0, -100%);
 786       -ms-transform: translate(0, -100%);
 787           transform: translate(0, -100%); }
 788
 789 .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] {
 790   -webkit-transform: translate(0, 100%);
 791       -ms-transform: translate(0, 100%);
 792           transform: translate(0, 100%); }
 793
 794 /* Convex */
 795 .reveal[data-background-transition=convex] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=convex] {
 796   opacity: 0;
 797   -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0);
 798           transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
 799
 800 .reveal[data-background-transition=convex] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=convex] {
 801   opacity: 0;
 802   -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0);
 803           transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
 804
 805 .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] {
 806   opacity: 0;
 807   -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0);
 808           transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }
 809
 810 .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] {
 811   opacity: 0;
 812   -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0);
 813           transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }
 814
 815 /* Concave */
 816 .reveal[data-background-transition=concave] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=concave] {
 817   opacity: 0;
 818   -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0);
 819           transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }
 820
 821 .reveal[data-background-transition=concave] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=concave] {
 822   opacity: 0;
 823   -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0);
 824           transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }
 825
 826 .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] {
 827   opacity: 0;
 828   -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0);
 829           transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }
 830
 831 .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] {
 832   opacity: 0;
 833   -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0);
 834           transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }
 835
 836 /* Zoom */
 837 .reveal[data-background-transition=zoom] > .backgrounds .slide-background, .reveal > .backgrounds .slide-background[data-background-transition=zoom] {
 838   -webkit-transition-timing-function: ease;
 839           transition-timing-function: ease; }
 840
 841 .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past, .reveal > .backgrounds .slide-background.past[data-background-transition=zoom] {
 842   opacity: 0;
 843   visibility: hidden;
 844   -webkit-transform: scale(16);
 845       -ms-transform: scale(16);
 846           transform: scale(16); }
 847
 848 .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future, .reveal > .backgrounds .slide-background.future[data-background-transition=zoom] {
 849   opacity: 0;
 850   visibility: hidden;
 851   -webkit-transform: scale(0.2);
 852       -ms-transform: scale(0.2);
 853           transform: scale(0.2); }
 854
 855 .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past, .reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] {
 856   opacity: 0;
 857   visibility: hidden;
 858   -webkit-transform: scale(16);
 859       -ms-transform: scale(16);
 860           transform: scale(16); }
 861
 862 .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future, .reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] {
 863   opacity: 0;
 864   visibility: hidden;
 865   -webkit-transform: scale(0.2);
 866       -ms-transform: scale(0.2);
 867           transform: scale(0.2); }
 868
 869 /* Global transition speed settings */
 870 .reveal[data-transition-speed="fast"] > .backgrounds .slide-background {
 871   -webkit-transition-duration: 400ms;
 872           transition-duration: 400ms; }
 873
 874 .reveal[data-transition-speed="slow"] > .backgrounds .slide-background {
 875   -webkit-transition-duration: 1200ms;
 876           transition-duration: 1200ms; }
 877
 878 /*********************************************
 879  * OVERVIEW
 880  *********************************************/
 881 .reveal.overview {
 882   -webkit-perspective-origin: 50% 50%;
 883           perspective-origin: 50% 50%;
 884   -webkit-perspective: 700px;
 885           perspective: 700px; }
 886   .reveal.overview .slides section {
 887     height: 700px;
 888     opacity: 1 !important;
 889     overflow: hidden;
 890     visibility: visible !important;
 891     cursor: pointer;
 892     -moz-box-sizing: border-box;
 893          box-sizing: border-box; }
 894   .reveal.overview .slides section:hover, .reveal.overview .slides section.present {
 895     outline: 10px solid rgba(150, 150, 150, 0.4);
 896     outline-offset: 10px; }
 897   .reveal.overview .slides section .fragment {
 898     opacity: 1;
 899     -webkit-transition: none;
 900             transition: none; }
 901   .reveal.overview .slides section:after, .reveal.overview .slides section:before {
 902     display: none !important; }
 903   .reveal.overview .slides > section.stack {
 904     padding: 0;
 905     top: 0 !important;
 906     background: none;
 907     outline: none;
 908     overflow: visible; }
 909   .reveal.overview .backgrounds {
 910     -webkit-perspective: inherit;
 911             perspective: inherit; }
 912   .reveal.overview .backgrounds .slide-background {
 913     opacity: 1;
 914     visibility: visible;
 915     outline: 10px solid rgba(150, 150, 150, 0.1);
 916     outline-offset: 10px; }
 917
 918 .reveal.overview .slides section, .reveal.overview-deactivating .slides section {
 919   -webkit-transition: none;
 920           transition: none; }
 921
 922 .reveal.overview .backgrounds .slide-background, .reveal.overview-deactivating .backgrounds .slide-background {
 923   -webkit-transition: none;
 924           transition: none; }
 925
 926 .reveal.overview-animated .slides {
 927   -webkit-transition: -webkit-transform 0.4s ease;
 928           transition: transform 0.4s ease; }
 929
 930 /*********************************************
 931  * RTL SUPPORT
 932  *********************************************/
 933 .reveal.rtl .slides, .reveal.rtl .slides h1, .reveal.rtl .slides h2, .reveal.rtl .slides h3, .reveal.rtl .slides h4, .reveal.rtl .slides h5, .reveal.rtl .slides h6 {
 934   direction: rtl;
 935   font-family: sans-serif; }
 936
 937 .reveal.rtl pre, .reveal.rtl code {
 938   direction: ltr; }
 939
 940 .reveal.rtl ol, .reveal.rtl ul {
 941   text-align: right; }
 942
 943 .reveal.rtl .progress span {
 944   float: right; }
 945
 946 /*********************************************
 947  * PARALLAX BACKGROUND
 948  *********************************************/
 949 .reveal.has-parallax-background .backgrounds {
 950   -webkit-transition: all 0.8s ease;
 951           transition: all 0.8s ease; }
 952
 953 /* Global transition speed settings */
 954 .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds {
 955   -webkit-transition-duration: 400ms;
 956           transition-duration: 400ms; }
 957
 958 .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds {
 959   -webkit-transition-duration: 1200ms;
 960           transition-duration: 1200ms; }
 961
 962 /*********************************************
 963  * LINK PREVIEW OVERLAY
 964  *********************************************/
 965 .reveal .overlay {
 966   position: absolute;
 967   top: 0;
 968   left: 0;
 969   width: 100%;
 970   height: 100%;
 971   z-index: 1000;
 972   background: rgba(0, 0, 0, 0.9);
 973   opacity: 0;
 974   visibility: hidden;
 975   -webkit-transition: all 0.3s ease;
 976           transition: all 0.3s ease; }
 977
 978 .reveal .overlay.visible {
 979   opacity: 1;
 980   visibility: visible; }
 981
 982 .reveal .overlay .spinner {
 983   position: absolute;
 984   display: block;
 985   top: 50%;
 986   left: 50%;
 987   width: 32px;
 988   height: 32px;
 989   margin: -16px 0 0 -16px;
 990   z-index: 10;
 991   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);
 992   visibility: visible;
 993   opacity: 0.6;
 994   -webkit-transition: all 0.3s ease;
 995           transition: all 0.3s ease; }
 996
 997 .reveal .overlay header {
 998   position: absolute;
 999   left: 0;
1000   top: 0;
1001   width: 100%;
1002   height: 40px;
1003   z-index: 2;
1004   border-bottom: 1px solid #222; }
1005
1006 .reveal .overlay header a {
1007   display: inline-block;
1008   width: 40px;
1009   height: 40px;
1010   padding: 0 10px;
1011   float: right;
1012   opacity: 0.6;
1013   -moz-box-sizing: border-box;
1014        box-sizing: border-box; }
1015
1016 .reveal .overlay header a:hover {
1017   opacity: 1; }
1018
1019 .reveal .overlay header a .icon {
1020   display: inline-block;
1021   width: 20px;
1022   height: 20px;
1023   background-position: 50% 50%;
1024   background-size: 100%;
1025   background-repeat: no-repeat; }
1026
1027 .reveal .overlay header a.close .icon {
1028   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }
1029
1030 .reveal .overlay header a.external .icon {
1031   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }
1032
1033 .reveal .overlay .viewport {
1034   position: absolute;
1035   top: 40px;
1036   right: 0;
1037   bottom: 0;
1038   left: 0; }
1039
1040 .reveal .overlay.overlay-preview .viewport iframe {
1041   width: 100%;
1042   height: 100%;
1043   max-width: 100%;
1044   max-height: 100%;
1045   border: 0;
1046   opacity: 0;
1047   visibility: hidden;
1048   -webkit-transition: all 0.3s ease;
1049           transition: all 0.3s ease; }
1050
1051 .reveal .overlay.overlay-preview.loaded .viewport iframe {
1052   opacity: 1;
1053   visibility: visible; }
1054
1055 .reveal .overlay.overlay-preview.loaded .spinner {
1056   opacity: 0;
1057   visibility: hidden;
1058   -webkit-transform: scale(0.2);
1059       -ms-transform: scale(0.2);
1060           transform: scale(0.2); }
1061
1062 .reveal .overlay.overlay-help .viewport {
1063   overflow: auto;
1064   color: #fff; }
1065
1066 .reveal .overlay.overlay-help .viewport .viewport-inner {
1067   width: 600px;
1068   margin: 0 auto;
1069   padding: 60px;
1070   text-align: center;
1071   letter-spacing: normal; }
1072
1073 .reveal .overlay.overlay-help .viewport .viewport-inner .title {
1074   font-size: 20px; }
1075
1076 .reveal .overlay.overlay-help .viewport .viewport-inner table {
1077   border: 1px solid #fff;
1078   border-collapse: collapse;
1079   font-size: 14px; }
1080
1081 .reveal .overlay.overlay-help .viewport .viewport-inner table th, .reveal .overlay.overlay-help .viewport .viewport-inner table td {
1082   width: 200px;
1083   padding: 10px;
1084   border: 1px solid #fff;
1085   vertical-align: middle; }
1086
1087 .reveal .overlay.overlay-help .viewport .viewport-inner table th {
1088   padding-top: 20px;
1089   padding-bottom: 20px; }
1090
1091 /*********************************************
1092  * PLAYBACK COMPONENT
1093  *********************************************/
1094 .reveal .playback {
1095   position: fixed;
1096   left: 15px;
1097   bottom: 20px;
1098   z-index: 30;
1099   cursor: pointer;
1100   -webkit-transition: all 400ms ease;
1101           transition: all 400ms ease; }
1102
1103 .reveal.overview .playback {
1104   opacity: 0;
1105   visibility: hidden; }
1106
1107 /*********************************************
1108  * ROLLING LINKS
1109  *********************************************/
1110 .reveal .roll {
1111   display: inline-block;
1112   line-height: 1.2;
1113   overflow: hidden;
1114   vertical-align: top;
1115   -webkit-perspective: 400px;
1116           perspective: 400px;
1117   -webkit-perspective-origin: 50% 50%;
1118           perspective-origin: 50% 50%; }
1119
1120 .reveal .roll:hover {
1121   background: none;
1122   text-shadow: none; }
1123
1124 .reveal .roll span {
1125   display: block;
1126   position: relative;
1127   padding: 0 2px;
1128   pointer-events: none;
1129   -webkit-transition: all 400ms ease;
1130           transition: all 400ms ease;
1131   -webkit-transform-origin: 50% 0%;
1132       -ms-transform-origin: 50% 0%;
1133           transform-origin: 50% 0%;
1134   -webkit-transform-style: preserve-3d;
1135           transform-style: preserve-3d;
1136   -webkit-backface-visibility: hidden;
1137           backface-visibility: hidden; }
1138
1139 .reveal .roll:hover span {
1140   background: rgba(0, 0, 0, 0.5);
1141   -webkit-transform: translate3d(0px, 0px, -45px) rotateX(90deg);
1142           transform: translate3d(0px, 0px, -45px) rotateX(90deg); }
1143
1144 .reveal .roll span:after {
1145   content: attr(data-title);
1146   display: block;
1147   position: absolute;
1148   left: 0;
1149   top: 0;
1150   padding: 0 2px;
1151   -webkit-backface-visibility: hidden;
1152           backface-visibility: hidden;
1153   -webkit-transform-origin: 50% 0%;
1154       -ms-transform-origin: 50% 0%;
1155           transform-origin: 50% 0%;
1156   -webkit-transform: translate3d(0px, 110%, 0px) rotateX(-90deg);
1157           transform: translate3d(0px, 110%, 0px) rotateX(-90deg); }
1158
1159 /*********************************************
1160  * SPEAKER NOTES
1161  *********************************************/
1162 .reveal aside.notes {
1163   display: none; }
1164
1165 .reveal .speaker-notes {
1166   display: none;
1167   position: absolute;
1168   width: 70%;
1169   max-height: 15%;
1170   left: 15%;
1171   bottom: 26px;
1172   padding: 10px;
1173   z-index: 1;
1174   font-size: 18px;
1175   line-height: 1.4;
1176   color: #fff;
1177   background-color: rgba(0, 0, 0, 0.5);
1178   overflow: auto;
1179   -moz-box-sizing: border-box;
1180        box-sizing: border-box;
1181   text-align: left;
1182   font-family: Helvetica, sans-serif;
1183   -webkit-overflow-scrolling: touch; }
1184
1185 .reveal .speaker-notes.visible:not(:empty) {
1186   display: block; }
1187
1188 @media screen and (max-width: 1024px) {
1189   .reveal .speaker-notes {
1190     font-size: 14px; } }
1191
1192 @media screen and (max-width: 600px) {
1193   .reveal .speaker-notes {
1194     width: 90%;
1195     left: 5%; } }
1196
1197 /*********************************************
1198  * ZOOM PLUGIN
1199  *********************************************/
1200 .zoomed .reveal *, .zoomed .reveal *:before, .zoomed .reveal *:after {
1201   -webkit-backface-visibility: visible !important;
1202           backface-visibility: visible !important; }
1203
1204 .zoomed .reveal .progress, .zoomed .reveal .controls {
1205   opacity: 0; }
1206
1207 .zoomed .reveal .roll span {
1208   background: none; }
1209
1210 .zoomed .reveal .roll span:after {
1211   visibility: hidden; }