





<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <link rel="dns-prefetch" href="https://assets-cdn.github.com">
  <link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">
  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">



  <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/frameworks-7db951ed87f8f6cbd3a9e89c294e300cf23c1a83ad7ae64c70b8f99b21031340.css" integrity="sha256-fblR7Yf49svTqeicKU4wDPI8GoOteuZMcLj5myEDE0A=" media="all" rel="stylesheet" />
  <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-7954b84ca7b0a5465456fcdde6ae9d90d5fc06dabd86ac2dcbcf1abe07cb846b.css" integrity="sha256-eVS4TKewpUZUVvzd5q6dkNX8Btq9hqwty88avgfLhGs=" media="all" rel="stylesheet" />
  
  
  <link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/site-955690c4e09b2eeb3627ae6048471522eb98b42054150bd855ad4183db364816.css" integrity="sha256-lVaQxOCbLus2J65gSEcVIuuYtCBUFQvYVa1Bg9s2SBY=" media="all" rel="stylesheet" />
  

  <meta name="viewport" content="width=device-width">
  
  <title>vivify/vivify.min.css at master · Martz90/vivify · GitHub</title>
  <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
  <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
  <meta property="fb:app_id" content="1401488693436528">

    
    <meta content="https://avatars3.githubusercontent.com/u/31363880?v=4&amp;s=400" property="og:image" /><meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="Martz90/vivify" property="og:title" /><meta content="https://github.com/Martz90/vivify" property="og:url" /><meta content="vivify - Vivify is free CSS animation library." property="og:description" />

  <link rel="assets" href="https://assets-cdn.github.com/">
  
  <meta name="pjax-timeout" content="1000">
  
  <meta name="request-id" content="DDFF:2A52E:F345E8:172FC16:59A4C5E7" data-pjax-transient>
  

  <meta name="selected-link" value="repo_source" data-pjax-transient>

  <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
<meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA">
    <meta name="google-analytics" content="UA-3769691-2">

<meta content="collector.githubapp.com" name="octolytics-host" /><meta content="github" name="octolytics-app-id" /><meta content="https://collector.githubapp.com/github-external/browser_event" name="octolytics-event-url" /><meta content="DDFF:2A52E:F345E8:172FC16:59A4C5E7" name="octolytics-dimension-request_id" /><meta content="sea" name="octolytics-dimension-region_edge" /><meta content="iad" name="octolytics-dimension-region_render" />
<meta content="/&lt;user-name&gt;/&lt;repo-name&gt;/blob/show" data-pjax-transient="true" name="analytics-location" />




  <meta class="js-ga-set" name="dimension1" content="Logged Out">


  

      <meta name="hostname" content="github.com">
  <meta name="user-login" content="">

      <meta name="expected-hostname" content="github.com">
    <meta name="js-proxy-site-detection-payload" content="NzdlOWVhY2I4ZTYzYzc1ZDI5NDk0MGU4MzRiNjJhYWUyNjgyODQwZmVhOGY2NTAyZTAyYzc4YzRmNTI1MDMzZXx7InJlbW90ZV9hZGRyZXNzIjoiMjAzLjIuMzUuMSIsInJlcXVlc3RfaWQiOiJEREZGOjJBNTJFOkYzNDVFODoxNzJGQzE2OjU5QTRDNUU3IiwidGltZXN0YW1wIjoxNTAzOTcwODAxLCJob3N0IjoiZ2l0aHViLmNvbSJ9">


  <meta name="html-safe-nonce" content="6e2675b545406988c8b7ae30863c22c96571fe32">

  <meta http-equiv="x-pjax-version" content="db0cfbab19681bb4e9921da9ccb8a3dd">
  

      <link href="https://github.com/Martz90/vivify/commits/master.atom" rel="alternate" title="Recent Commits to vivify:master" type="application/atom+xml">

  <meta name="description" content="vivify - Vivify is free CSS animation library.">
  <meta name="go-import" content="github.com/Martz90/vivify git https://github.com/Martz90/vivify.git">

  <meta content="31363880" name="octolytics-dimension-user_id" /><meta content="Martz90" name="octolytics-dimension-user_login" /><meta content="101466596" name="octolytics-dimension-repository_id" /><meta content="Martz90/vivify" name="octolytics-dimension-repository_nwo" /><meta content="true" name="octolytics-dimension-repository_public" /><meta content="false" name="octolytics-dimension-repository_is_fork" /><meta content="101466596" name="octolytics-dimension-repository_network_root_id" /><meta content="Martz90/vivify" name="octolytics-dimension-repository_network_root_nwo" /><meta content="false" name="octolytics-dimension-repository_explore_github_marketplace_ci_cta_shown" />


    <link rel="canonical" href="https://github.com/Martz90/vivify/blob/master/vivify.min.css" data-pjax-transient>


  <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">

  <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">

  <link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#000000">
  <link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">

<meta name="theme-color" content="#1e2327">


  <meta name="u2f-support" content="true">

  </head>

  <body class="logged-out env-production page-blob">
    

  <div class="position-relative js-header-wrapper ">
    <a href="#start-of-content" tabindex="1" class="px-2 py-4 show-on-focus js-skip-to-content">Skip to content</a>
    <div id="js-pjax-loader-bar" class="pjax-loader-bar"><div class="progress"></div></div>

    
    
    



        <header class="Header header-logged-out  position-relative f4 py-3" role="banner">
  <div class="container-lg d-flex px-3">
    <div class="d-flex flex-justify-between flex-items-center">
      <a class="header-logo-invertocat my-0" href="https://github.com/" aria-label="Homepage" data-ga-click="(Logged out) Header, go to homepage, icon:logo-wordmark">
        <svg aria-hidden="true" class="octicon octicon-mark-github" height="32" version="1.1" viewBox="0 0 16 16" width="32"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
      </a>

    </div>

    <div class="HeaderMenu HeaderMenu--bright d-flex flex-justify-between flex-auto">
        <nav class="mt-0">
          <ul class="d-flex list-style-none">
              <li class="ml-2">
                <a href="/features" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:features" data-selected-links="/features /features/project-management /features/code-review /features/project-management /features/integrations /features">
                  Features
</a>              </li>
              <li class="ml-4">
                <a href="/business" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:business" data-selected-links="/business /business/security /business/customers /business">
                  Business
</a>              </li>

              <li class="ml-4">
                <a href="/explore" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:explore" data-selected-links="/explore /trending /trending/developers /integrations /integrations/feature/code /integrations/feature/collaborate /integrations/feature/ship showcases showcases_search showcases_landing /explore">
                  Explore
</a>              </li>

              <li class="ml-4">
                    <a href="/marketplace" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:marketplace" data-selected-links=" /marketplace">
                      Marketplace
</a>              </li>
              <li class="ml-4">
                <a href="/pricing" class="js-selected-navigation-item HeaderNavlink px-0 py-2 m-0" data-ga-click="Header, click, Nav menu - item:pricing" data-selected-links="/pricing /pricing/developer /pricing/team /pricing/business-hosted /pricing/business-enterprise /pricing">
                  Pricing
</a>              </li>
          </ul>
        </nav>

      <div class="d-flex">
          <div class="d-lg-flex flex-items-center mr-3">
            <div class="header-search scoped-search site-scoped-search js-site-search" role="search">
  <!-- '"` --><!-- </textarea></xmp> --></option></form><form accept-charset="UTF-8" action="/Martz90/vivify/search" class="js-site-search-form" data-scoped-search-url="/Martz90/vivify/search" data-unscoped-search-url="/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
    <label class="form-control header-search-wrapper js-chromeless-input-container">
        <a href="/Martz90/vivify/blob/master/vivify.min.css" class="header-search-scope no-underline">This repository</a>
      <input type="text"
        class="form-control header-search-input js-site-search-focus js-site-search-field is-clearable"
        data-hotkey="s"
        name="q"
        value=""
        placeholder="Search"
        aria-label="Search this repository"
        data-unscoped-placeholder="Search GitHub"
        data-scoped-placeholder="Search"
        autocapitalize="off">
        <input type="hidden" class="js-site-search-type-field" name="type" >
    </label>
</form></div>

          </div>

        <span class="d-inline-block">
            <div class="HeaderNavlink px-0 py-2 m-0">
              <a class="text-bold text-white no-underline" href="/login?return_to=%2FMartz90%2Fvivify%2Fblob%2Fmaster%2Fvivify.min.css" data-ga-click="(Logged out) Header, clicked Sign in, text:sign-in">Sign in</a>
                <span class="text-gray">or</span>
                <a class="text-bold text-white no-underline" href="/join?source=header-repo" data-ga-click="(Logged out) Header, clicked Sign up, text:sign-up">Sign up</a>
            </div>
        </span>
      </div>
    </div>
  </div>
</header>


  </div>

  <div id="start-of-content" class="show-on-focus"></div>

    <div id="js-flash-container">
</div>



  <div role="main">
        <div itemscope itemtype="http://schema.org/SoftwareSourceCode">
    <div id="js-repo-pjax-container" data-pjax-container>
      





    <div class="pagehead repohead instapaper_ignore readability-menu experiment-repo-nav">
      <div class="container repohead-details-container">

        <ul class="pagehead-actions">
  <li>
      <a href="/login?return_to=%2FMartz90%2Fvivify"
    class="btn btn-sm btn-with-count tooltipped tooltipped-n"
    aria-label="You must be signed in to watch a repository" rel="nofollow">
    <svg aria-hidden="true" class="octicon octicon-eye" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M8.06 2C3 2 0 8 0 8s3 6 8.06 6C13 14 16 8 16 8s-3-6-7.94-6zM8 12c-2.2 0-4-1.78-4-4 0-2.2 1.8-4 4-4 2.22 0 4 1.8 4 4 0 2.22-1.78 4-4 4zm2-4c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
    Watch
  </a>
  <a class="social-count" href="/Martz90/vivify/watchers"
     aria-label="4 users are watching this repository">
    4
  </a>

  </li>

  <li>
      <a href="/login?return_to=%2FMartz90%2Fvivify"
    class="btn btn-sm btn-with-count tooltipped tooltipped-n"
    aria-label="You must be signed in to star a repository" rel="nofollow">
    <svg aria-hidden="true" class="octicon octicon-star" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74z"/></svg>
    Star
  </a>

    <a class="social-count js-social-count" href="/Martz90/vivify/stargazers"
      aria-label="72 users starred this repository">
      72
    </a>

  </li>

  <li>
      <a href="/login?return_to=%2FMartz90%2Fvivify"
        class="btn btn-sm btn-with-count tooltipped tooltipped-n"
        aria-label="You must be signed in to fork a repository" rel="nofollow">
        <svg aria-hidden="true" class="octicon octicon-repo-forked" height="16" version="1.1" viewBox="0 0 10 16" width="10"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 0 0-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 0 0 2 1a1.993 1.993 0 0 0-1 3.72V6.5l3 3v1.78A1.993 1.993 0 0 0 5 15a1.993 1.993 0 0 0 1-3.72V9.5l3-3V4.72A1.993 1.993 0 0 0 8 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
        Fork
      </a>

    <a href="/Martz90/vivify/network" class="social-count"
       aria-label="5 users forked this repository">
      5
    </a>
  </li>
</ul>

        <h1 class="public ">
  <svg aria-hidden="true" class="octicon octicon-repo" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
  <span class="author" itemprop="author"><a href="/Martz90" class="url fn" rel="author">Martz90</a></span><!--
--><span class="path-divider">/</span><!--
--><strong itemprop="name"><a href="/Martz90/vivify" data-pjax="#js-repo-pjax-container">vivify</a></strong>

</h1>

      </div>
      <div class="container">
        
<nav class="reponav js-repo-nav js-sidenav-container-pjax"
     itemscope
     itemtype="http://schema.org/BreadcrumbList"
     role="navigation"
     data-pjax="#js-repo-pjax-container">

  <span itemscope itemtype="http://schema.org/ListItem" itemprop="itemListElement">
    <a href="/Martz90/vivify" class="js-selected-navigation-item selected reponav-item" data-hotkey="g c" data-selected-links="repo_source repo_downloads repo_commits repo_releases repo_tags repo_branches /Martz90/vivify" itemprop="url">
      <svg aria-hidden="true" class="octicon octicon-code" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M9.5 3L8 4.5 11.5 8 8 11.5 9.5 13 14 8 9.5 3zm-5 0L0 8l4.5 5L6 11.5 2.5 8 6 4.5 4.5 3z"/></svg>
      <span itemprop="name">Code</span>
      <meta itemprop="position" content="1">
</a>  </span>

    <span itemscope itemtype="http://schema.org/ListItem" itemprop="itemListElement">
      <a href="/Martz90/vivify/issues" class="js-selected-navigation-item reponav-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /Martz90/vivify/issues" itemprop="url">
        <svg aria-hidden="true" class="octicon octicon-issue-opened" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z"/></svg>
        <span itemprop="name">Issues</span>
        <span class="Counter">0</span>
        <meta itemprop="position" content="2">
</a>    </span>

  <span itemscope itemtype="http://schema.org/ListItem" itemprop="itemListElement">
    <a href="/Martz90/vivify/pulls" class="js-selected-navigation-item reponav-item" data-hotkey="g p" data-selected-links="repo_pulls /Martz90/vivify/pulls" itemprop="url">
      <svg aria-hidden="true" class="octicon octicon-git-pull-request" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0 0 10 15a1.993 1.993 0 0 0 1-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v6.56A1.993 1.993 0 0 0 2 15a1.993 1.993 0 0 0 1-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
      <span itemprop="name">Pull requests</span>
      <span class="Counter">0</span>
      <meta itemprop="position" content="3">
</a>  </span>

    <a href="/Martz90/vivify/projects" class="js-selected-navigation-item reponav-item" data-selected-links="repo_projects new_repo_project repo_project /Martz90/vivify/projects">
      <svg aria-hidden="true" class="octicon octicon-project" height="16" version="1.1" viewBox="0 0 15 16" width="15"><path fill-rule="evenodd" d="M10 12h3V2h-3v10zm-4-2h3V2H6v8zm-4 4h3V2H2v12zm-1 1h13V1H1v14zM14 0H1a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h13a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1z"/></svg>
      Projects
      <span class="Counter" >0</span>
</a>


    <div class="reponav-dropdown js-menu-container">
      <button type="button" class="btn-link reponav-item reponav-dropdown js-menu-target " data-no-toggle aria-expanded="false" aria-haspopup="true">
        Insights
        <svg aria-hidden="true" class="octicon octicon-triangle-down v-align-middle text-gray" height="11" version="1.1" viewBox="0 0 12 16" width="8"><path fill-rule="evenodd" d="M0 5l6 6 6-6z"/></svg>
      </button>
      <div class="dropdown-menu-content js-menu-content">
        <div class="dropdown-menu dropdown-menu-sw">
          <a class="dropdown-item" href="/Martz90/vivify/pulse" data-skip-pjax>
            <svg aria-hidden="true" class="octicon octicon-pulse" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M11.5 8L8.8 5.4 6.6 8.5 5.5 1.6 2.38 8H0v2h3.6l.9-1.8.9 5.4L9 8.5l1.6 1.5H14V8z"/></svg>
            Pulse
          </a>
          <a class="dropdown-item" href="/Martz90/vivify/graphs" data-skip-pjax>
            <svg aria-hidden="true" class="octicon octicon-graph" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M16 14v1H0V0h1v14h15zM5 13H3V8h2v5zm4 0H7V3h2v10zm4 0h-2V6h2v7z"/></svg>
            Graphs
          </a>
        </div>
      </div>
    </div>
</nav>

      </div>
    </div>

<div class="container new-discussion-timeline experiment-repo-nav">
  <div class="repository-content">

    
  <a href="/Martz90/vivify/blob/b7956071bb94448c7e5a6f5311db254a1ebd4b6e/vivify.min.css" class="d-none js-permalink-shortcut" data-hotkey="y">Permalink</a>

  <!-- blob contrib key: blob_contributors:v21:4bf1a78cfa3f17dcff0a5b2318cc6c18 -->

  <div class="file-navigation js-zeroclipboard-container">
    
<div class="select-menu branch-select-menu js-menu-container js-select-menu float-left">
  <button class=" btn btn-sm select-menu-button js-menu-target css-truncate" data-hotkey="w"
    
    type="button" aria-label="Switch branches or tags" aria-expanded="false" aria-haspopup="true">
      <i>Branch:</i>
      <span class="js-select-button css-truncate-target">master</span>
  </button>

  <div class="select-menu-modal-holder js-menu-content js-navigation-container" data-pjax>

    <div class="select-menu-modal">
      <div class="select-menu-header">
        <svg aria-label="Close" class="octicon octicon-x js-menu-close" height="16" role="img" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"/></svg>
        <span class="select-menu-title">Switch branches/tags</span>
      </div>

      <div class="select-menu-filters">
        <div class="select-menu-text-filter">
          <input type="text" aria-label="Filter branches/tags" id="context-commitish-filter-field" class="form-control js-filterable-field js-navigation-enable" placeholder="Filter branches/tags">
        </div>
        <div class="select-menu-tabs">
          <ul>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="branches" data-filter-placeholder="Filter branches/tags" class="js-select-menu-tab" role="tab">Branches</a>
            </li>
            <li class="select-menu-tab">
              <a href="#" data-tab-filter="tags" data-filter-placeholder="Find a tag…" class="js-select-menu-tab" role="tab">Tags</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches" role="menu">

        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


            <a class="select-menu-item js-navigation-item js-navigation-open selected"
               href="/Martz90/vivify/blob/master/vivify.min.css"
               data-name="master"
               data-skip-pjax="true"
               rel="nofollow">
              <svg aria-hidden="true" class="octicon octicon-check select-menu-item-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M12 5l-8 8-4-4 1.5-1.5L4 10l6.5-6.5z"/></svg>
              <span class="select-menu-item-text css-truncate-target js-select-menu-filter-text">
                master
              </span>
            </a>
        </div>

          <div class="select-menu-no-results">Nothing to show</div>
      </div>

      <div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
        <div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">


        </div>

        <div class="select-menu-no-results">Nothing to show</div>
      </div>

    </div>
  </div>
</div>

    <div class="BtnGroup float-right">
      <a href="/Martz90/vivify/find/master"
            class="js-pjax-capture-input btn btn-sm BtnGroup-item"
            data-pjax
            data-hotkey="t">
        Find file
      </a>
      <button aria-label="Copy file path to clipboard" class="js-zeroclipboard btn btn-sm BtnGroup-item tooltipped tooltipped-s" data-copied-hint="Copied!" type="button">Copy path</button>
    </div>
    <div class="breadcrumb js-zeroclipboard-target">
      <span class="repo-root js-repo-root"><span class="js-path-segment"><a href="/Martz90/vivify"><span>vivify</span></a></span></span><span class="separator">/</span><strong class="final-path">vivify.min.css</strong>
    </div>
  </div>


  
  <div class="commit-tease">
      <span class="float-right">
        <a class="commit-tease-sha" href="/Martz90/vivify/commit/b7956071bb94448c7e5a6f5311db254a1ebd4b6e" data-pjax>
          b795607
        </a>
        <relative-time datetime="2017-08-26T07:43:03Z">Aug 26, 2017</relative-time>
      </span>
      <div>
        <img alt="@Martz90" class="avatar" height="20" src="https://avatars1.githubusercontent.com/u/31363880?v=4&amp;s=40" width="20" />
        <a href="/Martz90" class="user-mention" rel="author">Martz90</a>
          <a href="/Martz90/vivify/commit/b7956071bb94448c7e5a6f5311db254a1ebd4b6e" class="message" data-pjax="true" title="Vivify SASS, CSS and minified CSS files.">Vivify SASS, CSS and minified CSS files.</a>
      </div>

    <div class="commit-tease-contributors">
      <button type="button" class="btn-link muted-link contributors-toggle" data-facebox="#blob_contributors_box">
        <strong>1</strong>
         contributor
      </button>
      
    </div>

    <div id="blob_contributors_box" style="display:none">
      <h2 class="facebox-header" data-facebox-id="facebox-header">Users who have contributed to this file</h2>
      <ul class="facebox-user-list" data-facebox-id="facebox-description">
          <li class="facebox-user-list-item">
            <img alt="@Martz90" height="24" src="https://avatars3.githubusercontent.com/u/31363880?v=4&amp;s=48" width="24" />
            <a href="/Martz90">Martz90</a>
          </li>
      </ul>
    </div>
  </div>

  <div class="file">
    <div class="file-header">
  <div class="file-actions">

    <div class="BtnGroup">
      <a href="/Martz90/vivify/raw/master/vivify.min.css" class="btn btn-sm BtnGroup-item" id="raw-url">Raw</a>
        <a href="/Martz90/vivify/blame/master/vivify.min.css" class="btn btn-sm js-update-url-with-hash BtnGroup-item" data-hotkey="b">Blame</a>
      <a href="/Martz90/vivify/commits/master/vivify.min.css" class="btn btn-sm BtnGroup-item" rel="nofollow">History</a>
    </div>

        <a class="btn-octicon tooltipped tooltipped-nw"
           href="https://desktop.github.com"
           aria-label="Open this file in GitHub Desktop"
           data-ga-click="Repository, open with desktop, type:windows">
            <svg aria-hidden="true" class="octicon octicon-device-desktop" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M15 2H1c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h5.34c-.25.61-.86 1.39-2.34 2h8c-1.48-.61-2.09-1.39-2.34-2H15c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm0 9H1V3h14v8z"/></svg>
        </a>

        <button type="button" class="btn-octicon disabled tooltipped tooltipped-nw"
          aria-label="You must be signed in to make or propose changes">
          <svg aria-hidden="true" class="octicon octicon-pencil" height="16" version="1.1" viewBox="0 0 14 16" width="14"><path fill-rule="evenodd" d="M0 12v3h3l8-8-3-3-8 8zm3 2H1v-2h1v1h1v1zm10.3-9.3L12 6 9 3l1.3-1.3a.996.996 0 0 1 1.41 0l1.59 1.59c.39.39.39 1.02 0 1.41z"/></svg>
        </button>
        <button type="button" class="btn-octicon btn-octicon-danger disabled tooltipped tooltipped-nw"
          aria-label="You must be signed in to make or propose changes">
          <svg aria-hidden="true" class="octicon octicon-trashcan" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M11 2H9c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1H2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 12H3V5h1v8h1V5h1v8h1V5h1v8h1V5h1v9zm1-10H2V3h9v1z"/></svg>
        </button>
  </div>

  <div class="file-info">
      1 lines (1 sloc)
      <span class="file-info-divider"></span>
    57.2 KB
  </div>
</div>

    

  <div itemprop="text" class="blob-wrapper data type-css">
      <table class="highlight tab-size js-file-line-container" data-tab-size="8">
      <tr>
        <td id="L1" class="blob-num js-line-number" data-line-number="1"></td>
        <td id="LC1" class="blob-code blob-code-inner js-file-line">.vivify{-webkit-animation-duration:.8s;-webkit-animation-fill-mode:both;animation-duration:.8s;animation-fill-mode:both}.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.pulsate{-webkit-animation-name:pulsate;animation-name:pulsate;-webkit-transform-origin:center;transform-origin:center}@keyframes pulsate{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(0.8,0.8,0.8);transform:scale3d(0.8,0.8,0.8)}100%{-webkit-animation-timing-function:cubic-bezier(0.895,0.03,0.685,0.22);animation-timing-function:cubic-bezier(0.895,0.03,0.685,0.22);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.blink{-webkit-animation-name:blink;animation-name:blink;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-animation-duration:1s;animation-duration:1s}@keyframes blink{0%{opacity:1}25%{opacity:0}50%{opacity:1}75%{opacity:0}100%{opacity:1}}.hitLeft{-webkit-animation-name:hitLeft;animation-name:hitLeft;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes hitLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translateX(20px) rotate(4deg);transform:translateX(20px) rotate(4deg)}}.hitRight{-webkit-animation-name:hitRight;animation-name:hitRight;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes hitRight{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translateX(-20px) rotate(-4deg);transform:translateX(-20px) rotate(-4deg)}}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1)}@keyframes shake{10%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%{-webkit-transform:translateX(10px);transform:translateX(10px)}30%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}40%{-webkit-transform:translateX(10px);transform:translateX(10px)}50%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}60%{-webkit-transform:translateX(10px);transform:translateX(10px)}70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}}.ball{-webkit-animation-name:ball;animation-name:ball;-webkit-animation-duration:2s;animation-duration:2s}@keyframes ball{0%{-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1.275);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}20%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}40%{-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}75%{-webkit-animation-timing-function:cubic-bezier(0,0,0.58,1);animation-timing-function:cubic-bezier(0,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}85%{-webkit-animation-timing-function:cubic-bezier(0.42,0,1,1);animation-timing-function:cubic-bezier(0.42,0,1,1);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.pullUp{-webkit-animation-name:pullUp;animation-name:pullUp;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullUp{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pullDown{-webkit-animation-name:pullDown;animation-name:pullDown;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullDown{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(1,0,1);transform:scale3d(1,0,1);-webkit-transform-origin:center top;transform-origin:center top}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pullLeft{-webkit-animation-name:pullLeft;animation-name:pullLeft;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullLeft{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:center left;transform-origin:center left}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pullRight{-webkit-animation-name:pullRight;animation-name:pullRight;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes pullRight{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}50%{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transform-origin:center right;transform-origin:center right}100%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.jumpInLeft{-webkit-animation-name:jumpInLeft;animation-name:jumpInLeft;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpInLeft{0%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(-90deg);transform:scale3d(0.5,0.5,0.5) rotate(-90deg)}50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(10deg);transform:scale3d(1.2,1.2,1.2) rotate(10deg)}70%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-5deg);transform:scale3d(0.9,0.9,0.9) rotate(-5deg)}90%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}}.jumpInRight{-webkit-animation-name:jumpInRight;animation-name:jumpInRight;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpInRight{0%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(90deg);transform:scale3d(0.5,0.5,0.5) rotate(90deg)}50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-10deg);transform:scale3d(1.2,1.2,1.2) rotate(-10deg)}70%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(5deg);transform:scale3d(0.9,0.9,0.9) rotate(5deg)}90%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}}.jumpOutRight{-webkit-animation-name:jumpOutRight;animation-name:jumpOutRight;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpOutRight{0%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}30%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(5deg);transform:scale3d(0.9,0.9,0.9) rotate(5deg)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(-10deg);transform:scale3d(1.2,1.2,1.2) rotate(-10deg)}100%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(90deg);transform:scale3d(0.5,0.5,0.5) rotate(90deg)}}.jumpOutLeft{-webkit-animation-name:jumpOutLeft;animation-name:jumpOutLeft;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes jumpOutLeft{0%{-webkit-transform:scale3d(1,1,1) rotate(0deg);transform:scale3d(1,1,1) rotate(0deg)}30%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate(-5deg);transform:scale3d(0.9,0.9,0.9) rotate(-5deg)}70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2) rotate(10deg);transform:scale3d(1.2,1.2,1.2) rotate(10deg)}100%{opacity:0;-webkit-transform:scale3d(0.5,0.5,0.5) rotate(-90deg);transform:scale3d(0.5,0.5,0.5) rotate(-90deg)}}.rollInLeft{-webkit-animation-name:rollInLeft;animation-name:rollInLeft;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(-400px) rotate(445deg);transform:translateX(-400px) rotate(445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateX(20px) rotate(20deg);transform:translateX(20px) rotate(20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInRight{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(400px) rotate(-445deg);transform:translateX(400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateX(-20px) rotate(-20deg);transform:translateX(-20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.rollInTop{-webkit-animation-name:rollInTop;animation-name:rollInTop;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInTop{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(-400px) rotate(-445deg);transform:translateY(-400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateY(20px) rotate(-20deg);transform:translateY(20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}.rollInBottom{-webkit-animation-name:rollInBottom;animation-name:rollInBottom;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollInBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(400px) rotate(-445deg);transform:translateY(400px) rotate(-445deg);opacity:0}30%{opacity:1}50%{-webkit-transform:translateY(-20px) rotate(-20deg);transform:translateY(-20px) rotate(-20deg)}100%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}.rollOutLeft{-webkit-animation-name:rollOutLeft;animation-name:rollOutLeft;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutLeft{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateX(20px) rotate(-20deg);transform:translateX(20px) rotate(-20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(-400px) rotate(-445deg);transform:translateX(-400px) rotate(-445deg)}}.rollOutRight{-webkit-animation-name:rollOutRight;animation-name:rollOutRight;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutRight{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateX(-20px) rotate(20deg);transform:translateX(-20px) rotate(20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateX(400px) rotate(445deg);transform:translateX(400px) rotate(445deg)}}.rollOutTop{-webkit-animation-name:rollOutTop;animation-name:rollOutTop;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutTop{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateY(20px) rotate(20deg);transform:translateY(20px) rotate(20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(-400px) rotate(445deg);transform:translateY(-400px) rotate(445deg)}}.rollOutBottom{-webkit-animation-name:rollOutBottom;animation-name:rollOutBottom;-webkit-animation-duration:.9s;animation-duration:.9s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@keyframes rollOutBottom{0%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}40%{opacity:1;-webkit-transform:translateY(-20px) rotate(-20deg);transform:translateY(-20px) rotate(-20deg)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translateY(400px) rotate(-445deg);transform:translateY(400px) rotate(-445deg)}}.popIn{-webkit-animation-name:popIn;animation-name:popIn}@keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);opacity:0}20%{opacity:1}40%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popInLeft{-webkit-animation-name:popInLeft;animation-name:popInLeft}@keyframes popInLeft{0%{opacity:0;-webkit-transform:translate3d(-200px,0,0) scale3d(0.1,0.1,0.1);transform:translate3d(-200px,0,0) scale3d(0.1,0.1,0.1)}40%{opacity:1;-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popInRight{-webkit-animation-name:popInRight;animation-name:popInRight}@keyframes popInRight{0%{-webkit-transform:translate3d(200px,0,0) scale3d(0.1,0.1,0.1);transform:translate3d(200px,0,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.popInTop{-webkit-animation-name:popInTop;animation-name:popInTop}@keyframes popInTop{0%{-webkit-transform:translate3d(0,-200px,0) scale3d(0.1,0.1,0.1);transform:translate3d(0,-200px,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}.popInBottom{-webkit-animation-name:popInBottom;animation-name:popInBottom}@keyframes popInBottom{0%{-webkit-transform:translate3d(0,200px,0) scale3d(0.1,0.1,0.1);transform:translate3d(0,200px,0) scale3d(0.1,0.1,0.1);opacity:0}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08);transform:translate3d(0,0,0) scale3d(1.08,1.08,1.08)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}80%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03);transform:translate3d(0,0,0) scale3d(1.03,1.03,1.03)}100%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);transform:translate3d(0,0,0) scale3d(1,1,1)}}.popOut{-webkit-animation-name:popOut;animation-name:popOut;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOut{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}80%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}}.popOutLeft{-webkit-animation-name:popOutLeft;animation-name:popOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:left center;transform-origin:left center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(-200px,0,0);transform:scale3d(0.5,0.5,0.5) translate3d(-200px,0,0)}}.popOutRight{-webkit-animation-name:popOutRight;animation-name:popOutRight;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:right center;transform-origin:right center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(200px,0,0);transform:scale3d(0.5,0.5,0.5) translate3d(200px,0,0)}}.popOutTop{-webkit-animation-name:popOutTop;animation-name:popOutTop;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:top center;transform-origin:top center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(0,-400px,0);transform:scale3d(0.5,0.5,0.5) translate3d(0,-400px,0)}}.popOutBottom{-webkit-animation-name:popOutBottom;animation-name:popOutBottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes popOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform-origin:bottom center;transform-origin:bottom center}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0);transform:scale3d(1.08,1.08,1.08) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:scale3d(0.5,0.5,0.5) translate3d(0,400px,0);transform:scale3d(0.5,0.5,0.5) translate3d(0,400px,0)}}.flip{-webkit-animation-name:flip;animation-name:flip}@keyframes flip{from{-webkit-transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-360deg) scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}50%{-webkit-transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(-180deg) scale3d(1.2,1.2,1.2);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035);animation-timing-function:cubic-bezier(0.95,0.05,0.795,0.035)}}.flipInX{-webkit-animation-name:flipInX;animation-name:flipInX;-webkit-animation-duration:1s;animation-duration:1s}@keyframes flipInX{from{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateX(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateX(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateX(0deg) scale3d(1,1,1);transform:perspective(400px) rotateX(0deg) scale3d(1,1,1)}}.flipInY{-webkit-animation-name:flipInY;animation-name:flipInY;-webkit-animation-duration:1s;animation-duration:1s}@keyframes flipInY{from{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}50%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-20deg) scale3d(1,1,1)}to{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX}@keyframes flipOutX{from{-webkit-transform:perspective(400px) rotateX(0deg) scale3d(1,1,1);transform:perspective(400px) rotateX(0deg) scale3d(1,1,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateX(-30deg) scale3d(1,1,1);transform:perspective(400px) rotateX(-30deg) scale3d(1,1,1)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateX(90deg) scale3d(1.2,1.2,1.2)}}.flipOutY{-webkit-animation-name:flipOutY;animation-name:flipOutY}@keyframes flipOutY{from{-webkit-transform:perspective(400px) rotateY(0deg) scale3d(1,1,1);transform:perspective(400px) rotateY(0deg) scale3d(1,1,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:perspective(400px) rotateY(-30deg) scale3d(1,1,1);transform:perspective(400px) rotateY(-30deg) scale3d(1,1,1)}to{opacity:0;-webkit-transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2);transform:perspective(400px) rotateY(90deg) scale3d(1.2,1.2,1.2)}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInRight{0%{-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInTop{-webkit-animation-name:fadeInTop;animation-name:fadeInTop;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInTop{0%{-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0);opacity:0}50%{opacity:.2}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeInBottom{-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeInBottom{0%{-webkit-transform:translate3d(0,400px,0);transform:translate3d(0,400px,0);opacity:0}50%{opacity:.2}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0);opacity:0}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0);opacity:0}}.fadeOutTop{-webkit-animation-name:fadeOutTop;animation-name:fadeOutTop;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutTop{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}40%{opacity:.2}100%{-webkit-transform:translate3d(0,-300px,0);transform:translate3d(0,-300px,0);opacity:0}}.fadeOutBottom{-webkit-animation-name:fadeOutBottom;animation-name:fadeOutBottom;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955)}@keyframes fadeOutBottom{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}40%{opacity:.2}100%{-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0);opacity:0}}.driveInLeft{-webkit-animation-name:driveInLeft;animation-name:driveInLeft;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInLeft{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveInRight{-webkit-animation-name:driveInRight;animation-name:driveInRight;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInRight{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveInTop{-webkit-animation-name:driveInTop;animation-name:driveInTop;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInTop{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveInBottom{-webkit-animation-name:driveInBottom;animation-name:driveInBottom;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveInBottom{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}30%{opacity:1}60%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.driveOutLeft{-webkit-animation-name:driveOutLeft;animation-name:driveOutLeft;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(-400px,0,0);transform:translate3d(-400px,0,0)}}.driveOutRight{-webkit-animation-name:driveOutRight;animation-name:driveOutRight;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(400px,0,0);transform:translate3d(400px,0,0)}}.driveOutTop{-webkit-animation-name:driveOutTop;animation-name:driveOutTop;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,-400px,0);transform:translate3d(0,-400px,0)}}.driveOutBottom{-webkit-animation-name:driveOutBottom;animation-name:driveOutBottom;-webkit-animation-duration:1s;animation-duration:1s}@keyframes driveOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}30%{-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}60%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:translate3d(0,300px,0);transform:translate3d(0,300px,0)}}.spin{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:1.2s;animation-duration:1.2s}@keyframes spin{0%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transform-origin:center center;transform-origin:center center}20%{-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:rotateZ(-20deg);transform:rotateZ(-20deg);-webkit-transform-origin:center center;transform-origin:center center}70%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:rotateZ(380deg);transform:rotateZ(380deg);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);-webkit-transform-origin:center center;transform-origin:center center}}.spinIn{-webkit-animation-name:spinIn;animation-name:spinIn;-webkit-animation-duration:1s;animation-duration:1s}@keyframes spinIn{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:rotateZ(0deg) scale3d(0,0,0);transform:rotateZ(0deg) scale3d(0,0,0);-webkit-transform-origin:center center;transform-origin:center center}50%{opacity:1}70%{-webkit-transform:rotateZ(380deg) scale3d(1,1,1);transform:rotateZ(380deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}100%{-webkit-transform:rotateZ(360deg) scale3d(1,1,1);transform:rotateZ(360deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}}.spinOut{-webkit-animation-name:spinOut;animation-name:spinOut;-webkit-animation-duration:1s;animation-duration:1s}@keyframes spinOut{0%{-webkit-animation-timing-function:cubic-bezier(0.23,1,0.32,1);animation-timing-function:cubic-bezier(0.23,1,0.32,1);-webkit-transform:rotateZ(0deg) scale3d(1,1,1);transform:rotateZ(0deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}20%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);animation-timing-function:cubic-bezier(0.165,0.84,0.44,1);-webkit-transform:rotateZ(-20deg) scale3d(1,1,1);transform:rotateZ(-20deg) scale3d(1,1,1);-webkit-transform-origin:center center;transform-origin:center center}30%{opacity:1}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);-webkit-transform:rotateZ(360deg) scale3d(0,0,0);transform:rotateZ(360deg) scale3d(0,0,0);-webkit-transform-origin:center center;transform-origin:center center}}.swoopInLeft{-webkit-animation-name:swoopInLeft;animation-name:swoopInLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInLeft{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(-400px,0,0);transform:scaleX(1.5) translate3d(-400px,0,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleX(1) translate3d(20px,0,0);transform:scaleX(1) translate3d(20px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}}.swoopInRight{-webkit-animation-name:swoopInRight;animation-name:swoopInRight;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInRight{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(400px,0,0);transform:scaleX(1.5) translate3d(400px,0,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleX(1) translate3d(-20px,0,0);transform:scaleX(1) translate3d(-20px,0,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}}.swoopInTop{-webkit-animation-name:swoopInTop;animation-name:swoopInTop;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInTop{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}}.swoopInBottom{-webkit-animation-name:swoopInBottom;animation-name:swoopInBottom;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopInBottom{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,250px,0);transform:scaleY(1.5) translate3d(0,250px,0)}40%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}65%{-webkit-transform:scaleY(1) translate3d(0,-20px,0);transform:scaleY(1) translate3d(0,-20px,0)}100%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}}.swoopOutLeft{-webkit-animation-name:swoopOutLeft;animation-name:swoopOutLeft;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutLeft{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleX(1) translate3d(20px,0,0);transform:scaleX(1) translate3d(20px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(-400px,0,0);transform:scaleX(1.5) translate3d(-400px,0,0)}}.swoopOutRight{-webkit-animation-name:swoopOutRight;animation-name:swoopOutRight;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutRight{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1) translate3d(0,0,0);transform:scaleX(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleX(1) translate3d(-20px,0,0);transform:scaleX(1) translate3d(-20px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleX(1.2) translate3d(0,0,0);transform:scaleX(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleX(1.5) translate3d(400px,0,0);transform:scaleX(1.5) translate3d(400px,0,0)}}.swoopOutTop{-webkit-animation-name:swoopOutTop;animation-name:swoopOutTop;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutTop{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleY(1) translate3d(0,20px,0);transform:scaleY(1) translate3d(0,20px,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,-400px,0);transform:scaleY(1.5) translate3d(0,-400px,0)}}.swoopOutBottom{-webkit-animation-name:swoopOutBottom;animation-name:swoopOutBottom;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes swoopOutBottom{0%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1) translate3d(0,0,0);transform:scaleY(1) translate3d(0,0,0)}40%{opacity:1;-webkit-transform:scaleY(1) translate3d(0,-20px,0);transform:scaleY(1) translate3d(0,-20px,0)}60%{-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-transform:scaleY(1.2) translate3d(0,0,0);transform:scaleY(1.2) translate3d(0,0,0)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:scaleY(1.5) translate3d(0,200px,0);transform:scaleY(1.5) translate3d(0,200px,0)}}.fold{-webkit-animation-name:fold;animation-name:fold}@keyframes fold{0%{-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(1,0.4,1);transform:scale3d(1,0.4,1)}60%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,0.4,1);transform:scale3d(0.4,0.4,1)}100%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);-webkit-transform:scale3d(0.2,0.2,0.2);transform:scale3d(0.2,0.2,0.2)}}.unfold{-webkit-animation-name:unfold;animation-name:unfold}@keyframes unfold{0%{opacity:0;-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}30%{opacity:1;-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,0.4,1);transform:scale3d(0.4,0.4,1)}60%{-webkit-animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transform:scale3d(0.4,1,1);transform:scale3d(0.4,1,1)}100%{-webkit-animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.delay-100{-webkit-animation-delay:.1s;animation-delay:.1s}.delay-150{-webkit-animation-delay:150ms;animation-delay:150ms}.duration-100{-webkit-animation-duration:.1s;animation-duration:.1s}.duration-150{-webkit-animation-duration:150ms;animation-duration:150ms}.delay-200{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-250{-webkit-animation-delay:250ms;animation-delay:250ms}.duration-200{-webkit-animation-duration:.2s;animation-duration:.2s}.duration-250{-webkit-animation-duration:250ms;animation-duration:250ms}.delay-300{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-350{-webkit-animation-delay:350ms;animation-delay:350ms}.duration-300{-webkit-animation-duration:.3s;animation-duration:.3s}.duration-350{-webkit-animation-duration:350ms;animation-duration:350ms}.delay-400{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-450{-webkit-animation-delay:450ms;animation-delay:450ms}.duration-400{-webkit-animation-duration:.4s;animation-duration:.4s}.duration-450{-webkit-animation-duration:450ms;animation-duration:450ms}.delay-500{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-550{-webkit-animation-delay:550ms;animation-delay:550ms}.duration-500{-webkit-animation-duration:.5s;animation-duration:.5s}.duration-550{-webkit-animation-duration:550ms;animation-duration:550ms}.delay-600{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-650{-webkit-animation-delay:650ms;animation-delay:650ms}.duration-600{-webkit-animation-duration:.6s;animation-duration:.6s}.duration-650{-webkit-animation-duration:650ms;animation-duration:650ms}.delay-700{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-750{-webkit-animation-delay:750ms;animation-delay:750ms}.duration-700{-webkit-animation-duration:.7s;animation-duration:.7s}.duration-750{-webkit-animation-duration:750ms;animation-duration:750ms}.delay-800{-webkit-animation-delay:.8s;animation-delay:.8s}.delay-850{-webkit-animation-delay:850ms;animation-delay:850ms}.duration-800{-webkit-animation-duration:.8s;animation-duration:.8s}.duration-850{-webkit-animation-duration:850ms;animation-duration:850ms}.delay-900{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-950{-webkit-animation-delay:950ms;animation-delay:950ms}.duration-900{-webkit-animation-duration:.9s;animation-duration:.9s}.duration-950{-webkit-animation-duration:950ms;animation-duration:950ms}.delay-1000{-webkit-animation-delay:1s;animation-delay:1s}.delay-1250{-webkit-animation-delay:1250ms;animation-delay:1250ms}.delay-1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1750ms;animation-delay:1750ms}.duration-1000{-webkit-animation-duration:1s;animation-duration:1s}.duration-1250{-webkit-animation-duration:1250ms;animation-duration:1250ms}.duration-1500{-webkit-animation-duration:1.5s;animation-duration:1.5s}.duration-1750{-webkit-animation-duration:1750ms;animation-duration:1750ms}.delay-2000{-webkit-animation-delay:2s;animation-delay:2s}.delay-2250{-webkit-animation-delay:2250ms;animation-delay:2250ms}.delay-2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.delay-2750{-webkit-animation-delay:2750ms;animation-delay:2750ms}.duration-2000{-webkit-animation-duration:2s;animation-duration:2s}.duration-2250{-webkit-animation-duration:2250ms;animation-duration:2250ms}.duration-2500{-webkit-animation-duration:2.5s;animation-duration:2.5s}.duration-2750{-webkit-animation-duration:2750ms;animation-duration:2750ms}.delay-3000{-webkit-animation-delay:3s;animation-delay:3s}.delay-3250{-webkit-animation-delay:3250ms;animation-delay:3250ms}.delay-3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}.delay-3750{-webkit-animation-delay:3750ms;animation-delay:3750ms}.duration-3000{-webkit-animation-duration:3s;animation-duration:3s}.duration-3250{-webkit-animation-duration:3250ms;animation-duration:3250ms}.duration-3500{-webkit-animation-duration:3.5s;animation-duration:3.5s}.duration-3750{-webkit-animation-duration:3750ms;animation-duration:3750ms}.delay-4000{-webkit-animation-delay:4s;animation-delay:4s}.delay-4250{-webkit-animation-delay:4250ms;animation-delay:4250ms}.delay-4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}.delay-4750{-webkit-animation-delay:4750ms;animation-delay:4750ms}.duration-4000{-webkit-animation-duration:4s;animation-duration:4s}.duration-4250{-webkit-animation-duration:4250ms;animation-duration:4250ms}.duration-4500{-webkit-animation-duration:4.5s;animation-duration:4.5s}.duration-4750{-webkit-animation-duration:4750ms;animation-duration:4750ms}.delay-5000{-webkit-animation-delay:5s;animation-delay:5s}.delay-5250{-webkit-animation-delay:5250ms;animation-delay:5250ms}.delay-5500{-webkit-animation-delay:5.5s;animation-delay:5.5s}.delay-5750{-webkit-animation-delay:5750ms;animation-delay:5750ms}.duration-5000{-webkit-animation-duration:5s;animation-duration:5s}.duration-5250{-webkit-animation-duration:5250ms;animation-duration:5250ms}.duration-5500{-webkit-animation-duration:5.5s;animation-duration:5.5s}.duration-5750{-webkit-animation-duration:5750ms;animation-duration:5750ms}.duration-6000{-webkit-animation-duration:6s;animation-duration:6s}.duration-6250{-webkit-animation-duration:6250ms;animation-duration:6250ms}.duration-6500{-webkit-animation-duration:6.5s;animation-duration:6.5s}.duration-6750{-webkit-animation-duration:6750ms;animation-duration:6750ms}.duration-7000{-webkit-animation-duration:7s;animation-duration:7s}.duration-7250{-webkit-animation-duration:7250ms;animation-duration:7250ms}.duration-7500{-webkit-animation-duration:7.5s;animation-duration:7.5s}.duration-7750{-webkit-animation-duration:7750ms;animation-duration:7750ms}.duration-8000{-webkit-animation-duration:8s;animation-duration:8s}.duration-8250{-webkit-animation-duration:8250ms;animation-duration:8250ms}.duration-8500{-webkit-animation-duration:8.5s;animation-duration:8.5s}.duration-8750{-webkit-animation-duration:8750ms;animation-duration:8750ms}.duration-9000{-webkit-animation-duration:9s;animation-duration:9s}.duration-9250{-webkit-animation-duration:9250ms;animation-duration:9250ms}.duration-9500{-webkit-animation-duration:9.5s;animation-duration:9.5s}.duration-9750{-webkit-animation-duration:9750ms;animation-duration:9750ms}.duration-10000{-webkit-animation-duration:10s;animation-duration:10s}.duration-10250{-webkit-animation-duration:10250ms;animation-duration:10250ms}.duration-10500{-webkit-animation-duration:10.5s;animation-duration:10.5s}.duration-10750{-webkit-animation-duration:10750ms;animation-duration:10750ms}</td>
      </tr>
</table>

  <div class="BlobToolbar position-absolute js-file-line-actions dropdown js-menu-container js-select-menu d-none" aria-hidden="true">
    <button class="btn-octicon ml-0 px-2 p-0 bg-white border border-gray-dark rounded-1 dropdown-toggle js-menu-target" id="js-file-line-action-button" type="button" aria-expanded="false" aria-haspopup="true" aria-label="Inline file action toolbar" aria-controls="inline-file-actions">
      <svg aria-hidden="true" class="octicon" height="16" version="1.1" viewBox="0 0 13 4" width="14">
        <g stroke="none" stroke-width="1" fill-rule="evenodd">
            <g transform="translate(-1.000000, -6.000000)">
                <path d="M2.5,9.5 C1.67157288,9.5 1,8.82842712 1,8 C1,7.17157288 1.67157288,6.5 2.5,6.5 C3.32842712,6.5 4,7.17157288 4,8 C4,8.82842712 3.32842712,9.5 2.5,9.5 Z M7.5,9.5 C6.67157288,9.5 6,8.82842712 6,8 C6,7.17157288 6.67157288,6.5 7.5,6.5 C8.32842712,6.5 9,7.17157288 9,8 C9,8.82842712 8.32842712,9.5 7.5,9.5 Z M12.5,9.5 C11.6715729,9.5 11,8.82842712 11,8 C11,7.17157288 11.6715729,6.5 12.5,6.5 C13.3284271,6.5 14,7.17157288 14,8 C14,8.82842712 13.3284271,9.5 12.5,9.5 Z"></path>
            </g>
        </g>
      </svg>
    </button>
    <div class="dropdown-menu-content js-menu-content" id="inline-file-actions">
      <ul class="BlobToolbar-dropdown dropdown-menu dropdown-menu-se mt-2">
        <li><a class="js-zeroclipboard dropdown-item" style="cursor:pointer;" id="js-copy-lines" data-original-text="Copy lines">Copy lines</a></li>
        <li><a class="js-zeroclipboard dropdown-item" id= "js-copy-permalink" style="cursor:pointer;" data-original-text="Copy permalink">Copy permalink</a></li>
        <li><a href="/Martz90/vivify/blame/b7956071bb94448c7e5a6f5311db254a1ebd4b6e/vivify.min.css" class="dropdown-item js-update-url-with-hash" id="js-view-git-blame">View git blame</a></li>
          <li><a href="/Martz90/vivify/issues/new" class="dropdown-item" id="js-new-issue">Open new issue</a></li>
      </ul>
    </div>
  </div>

  </div>

  </div>

  <button type="button" data-facebox="#jump-to-line" data-facebox-class="linejump" data-hotkey="l" class="d-none">Jump to Line</button>
  <div id="jump-to-line" style="display:none">
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form accept-charset="UTF-8" action="" class="js-jump-to-line-form" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
      <input class="form-control linejump-input js-jump-to-line-field" type="text" placeholder="Jump to line&hellip;" aria-label="Jump to line" autofocus>
      <button type="submit" class="btn">Go</button>
</form>  </div>

  </div>
  <div class="modal-backdrop js-touch-events"></div>
</div>

    </div>
  </div>

  </div>

      
<div class="footer container-lg px-3" role="contentinfo">
  <div class="position-relative d-flex flex-justify-between py-6 mt-6 f6 text-gray border-top border-gray-light ">
    <ul class="list-style-none d-flex flex-wrap ">
      <li class="mr-3">&copy; 2017 <span title="0.14782s from unicorn-3768090578-gqnz0">GitHub</span>, Inc.</li>
        <li class="mr-3"><a href="https://github.com/site/terms" data-ga-click="Footer, go to terms, text:terms">Terms</a></li>
        <li class="mr-3"><a href="https://github.com/site/privacy" data-ga-click="Footer, go to privacy, text:privacy">Privacy</a></li>
        <li class="mr-3"><a href="https://github.com/security" data-ga-click="Footer, go to security, text:security">Security</a></li>
        <li class="mr-3"><a href="https://status.github.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
        <li><a href="https://help.github.com" data-ga-click="Footer, go to help, text:help">Help</a></li>
    </ul>

    <a href="https://github.com" aria-label="Homepage" class="footer-octicon" title="GitHub">
      <svg aria-hidden="true" class="octicon octicon-mark-github" height="24" version="1.1" viewBox="0 0 16 16" width="24"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
</a>
    <ul class="list-style-none d-flex flex-wrap ">
        <li class="mr-3"><a href="https://github.com/contact" data-ga-click="Footer, go to contact, text:contact">Contact GitHub</a></li>
      <li class="mr-3"><a href="https://developer.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
      <li class="mr-3"><a href="https://training.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
      <li class="mr-3"><a href="https://shop.github.com" data-ga-click="Footer, go to shop, text:shop">Shop</a></li>
        <li class="mr-3"><a href="https://github.com/blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
        <li><a href="https://github.com/about" data-ga-click="Footer, go to about, text:about">About</a></li>

    </ul>
  </div>
</div>



  <div id="ajax-error-message" class="ajax-error-message flash flash-error">
    <svg aria-hidden="true" class="octicon octicon-alert" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M8.865 1.52c-.18-.31-.51-.5-.87-.5s-.69.19-.87.5L.275 13.5c-.18.31-.18.69 0 1 .19.31.52.5.87.5h13.7c.36 0 .69-.19.86-.5.17-.31.18-.69.01-1L8.865 1.52zM8.995 13h-2v-2h2v2zm0-3h-2V6h2v4z"/></svg>
    <button type="button" class="flash-close js-flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
      <svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"/></svg>
    </button>
    You can't perform that action at this time.
  </div>


    
    <script crossorigin="anonymous" integrity="sha256-vSJ57uq7AsbduMXQp2YpIrVWRkBhmUW6qqpOyZv41II=" src="https://assets-cdn.github.com/assets/frameworks-bd2279eeeabb02c6ddb8c5d0a7662922b5564640619945baaaaa4ec99bf8d482.js"></script>
    
    <script async="async" crossorigin="anonymous" integrity="sha256-uSu9wluPuNt2E4lY8V3++1XfsOBLis9ChXaTwUaTxFs=" src="https://assets-cdn.github.com/assets/github-b92bbdc25b8fb8db76138958f15dfefb55dfb0e04b8acf42857693c14693c45b.js"></script>
    
    
    
    
  <div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner d-none">
    <svg aria-hidden="true" class="octicon octicon-alert" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M8.865 1.52c-.18-.31-.51-.5-.87-.5s-.69.19-.87.5L.275 13.5c-.18.31-.18.69 0 1 .19.31.52.5.87.5h13.7c.36 0 .69-.19.86-.5.17-.31.18-.69.01-1L8.865 1.52zM8.995 13h-2v-2h2v2zm0-3h-2V6h2v4z"/></svg>
    <span class="signed-in-tab-flash">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
    <span class="signed-out-tab-flash">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
  </div>
  <div class="facebox" id="facebox" style="display:none;">
  <div class="facebox-popup">
    <div class="facebox-content" role="dialog" aria-labelledby="facebox-header" aria-describedby="facebox-description">
    </div>
    <button type="button" class="facebox-close js-facebox-close" aria-label="Close modal">
      <svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"/></svg>
    </button>
  </div>
</div>


  </body>
</html>

