@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/**
 * material-design-lite - Material Design Components in CSS, JS and HTML
 * @version v1.3.0
 * @license Apache-2.0
 * @copyright 2015 Google, Inc.
 * @link https://github.com/google/material-design-lite
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Material Design Lite */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: rgba(0, 0, 0, 0.87);
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
.hidden {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
a,
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
/*
 * Make html take up the entire screen
 * Then set touch-action to avoid touch delay on mobile IE
 */
html {
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
/*
* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
}
/*
 * Main display reset for IE support.
 * Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
 */
main {
  display: block;
}
/*
* Apply no display to elements with the hidden attribute.
* IE 9 and 10 support.
*/
*[hidden] {
  display: none !important;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
html,
body {
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
/**
  * Styles for HTML elements
  */
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
  font-size: 0.6em;
}
h1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px;
}
h2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px;
}
h3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px;
}
h4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px;
}
h5 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 16px;
}
h6 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px;
}
p {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}
a {
  color: #ff4081;
  font-weight: 500;
}
blockquote {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  position: relative;
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.35;
  letter-spacing: 0.08em;
}
blockquote:before {
  position: absolute;
  left: -0.5em;
  content: '“';
}
blockquote:after {
  content: '”';
  margin-left: -0.05em;
}
mark {
  background-color: #f4ff81;
}
dt {
  font-weight: 700;
}
address {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-style: normal;
}
ul,
ol {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
/**
 * Class Name Styles
 */
.mdl-typography--display-4 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
}
.mdl-typography--display-4-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 112px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.04em;
  opacity: 0.54;
}
.mdl-typography--display-3 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
.mdl-typography--display-3-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  opacity: 0.54;
}
.mdl-typography--display-2 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
}
.mdl-typography--display-2-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  opacity: 0.54;
}
.mdl-typography--display-1 {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
}
.mdl-typography--display-1-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  opacity: 0.54;
}
.mdl-typography--headline {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
}
.mdl-typography--headline-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0.87;
}
.mdl-typography--title {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
}
.mdl-typography--title-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  opacity: 0.87;
}
.mdl-typography--subhead {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
}
.mdl-typography--subhead-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  opacity: 0.87;
}
.mdl-typography--body-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-2-color-contrast {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-1-color-contrast {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--body-2-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-2-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--body-1-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
}
.mdl-typography--body-1-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--caption-force-preferred-font {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--caption-color-contrast {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}
.mdl-typography--caption-force-preferred-font-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.54;
}
.mdl-typography--menu {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--menu-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--button {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
}
.mdl-typography--button-color-contrast {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-typography--text-left {
  text-align: left;
}
.mdl-typography--text-right {
  text-align: right;
}
.mdl-typography--text-center {
  text-align: center;
}
.mdl-typography--text-justify {
  text-align: justify;
}
.mdl-typography--text-nowrap {
  white-space: nowrap;
}
.mdl-typography--text-lowercase {
  text-transform: lowercase;
}
.mdl-typography--text-uppercase {
  text-transform: uppercase;
}
.mdl-typography--text-capitalize {
  text-transform: capitalize;
}
.mdl-typography--font-thin {
  font-weight: 200 !important;
}
.mdl-typography--font-light {
  font-weight: 300 !important;
}
.mdl-typography--font-regular {
  font-weight: 400 !important;
}
.mdl-typography--font-medium {
  font-weight: 500 !important;
}
.mdl-typography--font-bold {
  font-weight: 700 !important;
}
.mdl-typography--font-black {
  font-weight: 900 !important;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-color-text--red {
  color: #f44336 !important;
}
.mdl-color--red {
  background-color: #f44336 !important;
}
.mdl-color-text--red-50 {
  color: #ffebee !important;
}
.mdl-color--red-50 {
  background-color: #ffebee !important;
}
.mdl-color-text--red-100 {
  color: #ffcdd2 !important;
}
.mdl-color--red-100 {
  background-color: #ffcdd2 !important;
}
.mdl-color-text--red-200 {
  color: #ef9a9a !important;
}
.mdl-color--red-200 {
  background-color: #ef9a9a !important;
}
.mdl-color-text--red-300 {
  color: #e57373 !important;
}
.mdl-color--red-300 {
  background-color: #e57373 !important;
}
.mdl-color-text--red-400 {
  color: #ef5350 !important;
}
.mdl-color--red-400 {
  background-color: #ef5350 !important;
}
.mdl-color-text--red-500 {
  color: #f44336 !important;
}
.mdl-color--red-500 {
  background-color: #f44336 !important;
}
.mdl-color-text--red-600 {
  color: #e53935 !important;
}
.mdl-color--red-600 {
  background-color: #e53935 !important;
}
.mdl-color-text--red-700 {
  color: #d32f2f !important;
}
.mdl-color--red-700 {
  background-color: #d32f2f !important;
}
.mdl-color-text--red-800 {
  color: #c62828 !important;
}
.mdl-color--red-800 {
  background-color: #c62828 !important;
}
.mdl-color-text--red-900 {
  color: #b71c1c !important;
}
.mdl-color--red-900 {
  background-color: #b71c1c !important;
}
.mdl-color-text--red-A100 {
  color: #ff8a80 !important;
}
.mdl-color--red-A100 {
  background-color: #ff8a80 !important;
}
.mdl-color-text--red-A200 {
  color: #ff5252 !important;
}
.mdl-color--red-A200 {
  background-color: #ff5252 !important;
}
.mdl-color-text--red-A400 {
  color: #ff1744 !important;
}
.mdl-color--red-A400 {
  background-color: #ff1744 !important;
}
.mdl-color-text--red-A700 {
  color: #d50000 !important;
}
.mdl-color--red-A700 {
  background-color: #d50000 !important;
}
.mdl-color-text--pink {
  color: #e91e63 !important;
}
.mdl-color--pink {
  background-color: #e91e63 !important;
}
.mdl-color-text--pink-50 {
  color: #fce4ec !important;
}
.mdl-color--pink-50 {
  background-color: #fce4ec !important;
}
.mdl-color-text--pink-100 {
  color: #f8bbd0 !important;
}
.mdl-color--pink-100 {
  background-color: #f8bbd0 !important;
}
.mdl-color-text--pink-200 {
  color: #f48fb1 !important;
}
.mdl-color--pink-200 {
  background-color: #f48fb1 !important;
}
.mdl-color-text--pink-300 {
  color: #f06292 !important;
}
.mdl-color--pink-300 {
  background-color: #f06292 !important;
}
.mdl-color-text--pink-400 {
  color: #ec407a !important;
}
.mdl-color--pink-400 {
  background-color: #ec407a !important;
}
.mdl-color-text--pink-500 {
  color: #e91e63 !important;
}
.mdl-color--pink-500 {
  background-color: #e91e63 !important;
}
.mdl-color-text--pink-600 {
  color: #d81b60 !important;
}
.mdl-color--pink-600 {
  background-color: #d81b60 !important;
}
.mdl-color-text--pink-700 {
  color: #c2185b !important;
}
.mdl-color--pink-700 {
  background-color: #c2185b !important;
}
.mdl-color-text--pink-800 {
  color: #ad1457 !important;
}
.mdl-color--pink-800 {
  background-color: #ad1457 !important;
}
.mdl-color-text--pink-900 {
  color: #880e4f !important;
}
.mdl-color--pink-900 {
  background-color: #880e4f !important;
}
.mdl-color-text--pink-A100 {
  color: #ff80ab !important;
}
.mdl-color--pink-A100 {
  background-color: #ff80ab !important;
}
.mdl-color-text--pink-A200 {
  color: #ff4081 !important;
}
.mdl-color--pink-A200 {
  background-color: #ff4081 !important;
}
.mdl-color-text--pink-A400 {
  color: #f50057 !important;
}
.mdl-color--pink-A400 {
  background-color: #f50057 !important;
}
.mdl-color-text--pink-A700 {
  color: #c51162 !important;
}
.mdl-color--pink-A700 {
  background-color: #c51162 !important;
}
.mdl-color-text--purple {
  color: #9c27b0 !important;
}
.mdl-color--purple {
  background-color: #9c27b0 !important;
}
.mdl-color-text--purple-50 {
  color: #f3e5f5 !important;
}
.mdl-color--purple-50 {
  background-color: #f3e5f5 !important;
}
.mdl-color-text--purple-100 {
  color: #e1bee7 !important;
}
.mdl-color--purple-100 {
  background-color: #e1bee7 !important;
}
.mdl-color-text--purple-200 {
  color: #ce93d8 !important;
}
.mdl-color--purple-200 {
  background-color: #ce93d8 !important;
}
.mdl-color-text--purple-300 {
  color: #ba68c8 !important;
}
.mdl-color--purple-300 {
  background-color: #ba68c8 !important;
}
.mdl-color-text--purple-400 {
  color: #ab47bc !important;
}
.mdl-color--purple-400 {
  background-color: #ab47bc !important;
}
.mdl-color-text--purple-500 {
  color: #9c27b0 !important;
}
.mdl-color--purple-500 {
  background-color: #9c27b0 !important;
}
.mdl-color-text--purple-600 {
  color: #8e24aa !important;
}
.mdl-color--purple-600 {
  background-color: #8e24aa !important;
}
.mdl-color-text--purple-700 {
  color: #7b1fa2 !important;
}
.mdl-color--purple-700 {
  background-color: #7b1fa2 !important;
}
.mdl-color-text--purple-800 {
  color: #6a1b9a !important;
}
.mdl-color--purple-800 {
  background-color: #6a1b9a !important;
}
.mdl-color-text--purple-900 {
  color: #4a148c !important;
}
.mdl-color--purple-900 {
  background-color: #4a148c !important;
}
.mdl-color-text--purple-A100 {
  color: #ea80fc !important;
}
.mdl-color--purple-A100 {
  background-color: #ea80fc !important;
}
.mdl-color-text--purple-A200 {
  color: #e040fb !important;
}
.mdl-color--purple-A200 {
  background-color: #e040fb !important;
}
.mdl-color-text--purple-A400 {
  color: #d500f9 !important;
}
.mdl-color--purple-A400 {
  background-color: #d500f9 !important;
}
.mdl-color-text--purple-A700 {
  color: #aa00ff !important;
}
.mdl-color--purple-A700 {
  background-color: #aa00ff !important;
}
.mdl-color-text--deep-purple {
  color: #673ab7 !important;
}
.mdl-color--deep-purple {
  background-color: #673ab7 !important;
}
.mdl-color-text--deep-purple-50 {
  color: #ede7f6 !important;
}
.mdl-color--deep-purple-50 {
  background-color: #ede7f6 !important;
}
.mdl-color-text--deep-purple-100 {
  color: #d1c4e9 !important;
}
.mdl-color--deep-purple-100 {
  background-color: #d1c4e9 !important;
}
.mdl-color-text--deep-purple-200 {
  color: #b39ddb !important;
}
.mdl-color--deep-purple-200 {
  background-color: #b39ddb !important;
}
.mdl-color-text--deep-purple-300 {
  color: #9575cd !important;
}
.mdl-color--deep-purple-300 {
  background-color: #9575cd !important;
}
.mdl-color-text--deep-purple-400 {
  color: #7e57c2 !important;
}
.mdl-color--deep-purple-400 {
  background-color: #7e57c2 !important;
}
.mdl-color-text--deep-purple-500 {
  color: #673ab7 !important;
}
.mdl-color--deep-purple-500 {
  background-color: #673ab7 !important;
}
.mdl-color-text--deep-purple-600 {
  color: #5e35b1 !important;
}
.mdl-color--deep-purple-600 {
  background-color: #5e35b1 !important;
}
.mdl-color-text--deep-purple-700 {
  color: #512da8 !important;
}
.mdl-color--deep-purple-700 {
  background-color: #512da8 !important;
}
.mdl-color-text--deep-purple-800 {
  color: #4527a0 !important;
}
.mdl-color--deep-purple-800 {
  background-color: #4527a0 !important;
}
.mdl-color-text--deep-purple-900 {
  color: #311b92 !important;
}
.mdl-color--deep-purple-900 {
  background-color: #311b92 !important;
}
.mdl-color-text--deep-purple-A100 {
  color: #b388ff !important;
}
.mdl-color--deep-purple-A100 {
  background-color: #b388ff !important;
}
.mdl-color-text--deep-purple-A200 {
  color: #7c4dff !important;
}
.mdl-color--deep-purple-A200 {
  background-color: #7c4dff !important;
}
.mdl-color-text--deep-purple-A400 {
  color: #651fff !important;
}
.mdl-color--deep-purple-A400 {
  background-color: #651fff !important;
}
.mdl-color-text--deep-purple-A700 {
  color: #6200ea !important;
}
.mdl-color--deep-purple-A700 {
  background-color: #6200ea !important;
}
.mdl-color-text--indigo {
  color: #3f51b5 !important;
}
.mdl-color--indigo {
  background-color: #3f51b5 !important;
}
.mdl-color-text--indigo-50 {
  color: #e8eaf6 !important;
}
.mdl-color--indigo-50 {
  background-color: #e8eaf6 !important;
}
.mdl-color-text--indigo-100 {
  color: #c5cae9 !important;
}
.mdl-color--indigo-100 {
  background-color: #c5cae9 !important;
}
.mdl-color-text--indigo-200 {
  color: #9fa8da !important;
}
.mdl-color--indigo-200 {
  background-color: #9fa8da !important;
}
.mdl-color-text--indigo-300 {
  color: #7986cb !important;
}
.mdl-color--indigo-300 {
  background-color: #7986cb !important;
}
.mdl-color-text--indigo-400 {
  color: #5c6bc0 !important;
}
.mdl-color--indigo-400 {
  background-color: #5c6bc0 !important;
}
.mdl-color-text--indigo-500 {
  color: #3f51b5 !important;
}
.mdl-color--indigo-500 {
  background-color: #3f51b5 !important;
}
.mdl-color-text--indigo-600 {
  color: #3949ab !important;
}
.mdl-color--indigo-600 {
  background-color: #3949ab !important;
}
.mdl-color-text--indigo-700 {
  color: #303f9f !important;
}
.mdl-color--indigo-700 {
  background-color: #303f9f !important;
}
.mdl-color-text--indigo-800 {
  color: #283593 !important;
}
.mdl-color--indigo-800 {
  background-color: #283593 !important;
}
.mdl-color-text--indigo-900 {
  color: #1a237e !important;
}
.mdl-color--indigo-900 {
  background-color: #1a237e !important;
}
.mdl-color-text--indigo-A100 {
  color: #8c9eff !important;
}
.mdl-color--indigo-A100 {
  background-color: #8c9eff !important;
}
.mdl-color-text--indigo-A200 {
  color: #536dfe !important;
}
.mdl-color--indigo-A200 {
  background-color: #536dfe !important;
}
.mdl-color-text--indigo-A400 {
  color: #3d5afe !important;
}
.mdl-color--indigo-A400 {
  background-color: #3d5afe !important;
}
.mdl-color-text--indigo-A700 {
  color: #304ffe !important;
}
.mdl-color--indigo-A700 {
  background-color: #304ffe !important;
}
.mdl-color-text--blue {
  color: #2196f3 !important;
}
.mdl-color--blue {
  background-color: #2196f3 !important;
}
.mdl-color-text--blue-50 {
  color: #e3f2fd !important;
}
.mdl-color--blue-50 {
  background-color: #e3f2fd !important;
}
.mdl-color-text--blue-100 {
  color: #bbdefb !important;
}
.mdl-color--blue-100 {
  background-color: #bbdefb !important;
}
.mdl-color-text--blue-200 {
  color: #90caf9 !important;
}
.mdl-color--blue-200 {
  background-color: #90caf9 !important;
}
.mdl-color-text--blue-300 {
  color: #64b5f6 !important;
}
.mdl-color--blue-300 {
  background-color: #64b5f6 !important;
}
.mdl-color-text--blue-400 {
  color: #42a5f5 !important;
}
.mdl-color--blue-400 {
  background-color: #42a5f5 !important;
}
.mdl-color-text--blue-500 {
  color: #2196f3 !important;
}
.mdl-color--blue-500 {
  background-color: #2196f3 !important;
}
.mdl-color-text--blue-600 {
  color: #1e88e5 !important;
}
.mdl-color--blue-600 {
  background-color: #1e88e5 !important;
}
.mdl-color-text--blue-700 {
  color: #1976d2 !important;
}
.mdl-color--blue-700 {
  background-color: #1976d2 !important;
}
.mdl-color-text--blue-800 {
  color: #1565c0 !important;
}
.mdl-color--blue-800 {
  background-color: #1565c0 !important;
}
.mdl-color-text--blue-900 {
  color: #0d47a1 !important;
}
.mdl-color--blue-900 {
  background-color: #0d47a1 !important;
}
.mdl-color-text--blue-A100 {
  color: #82b1ff !important;
}
.mdl-color--blue-A100 {
  background-color: #82b1ff !important;
}
.mdl-color-text--blue-A200 {
  color: #448aff !important;
}
.mdl-color--blue-A200 {
  background-color: #448aff !important;
}
.mdl-color-text--blue-A400 {
  color: #2979ff !important;
}
.mdl-color--blue-A400 {
  background-color: #2979ff !important;
}
.mdl-color-text--blue-A700 {
  color: #2962ff !important;
}
.mdl-color--blue-A700 {
  background-color: #2962ff !important;
}
.mdl-color-text--light-blue {
  color: #03a9f4 !important;
}
.mdl-color--light-blue {
  background-color: #03a9f4 !important;
}
.mdl-color-text--light-blue-50 {
  color: #e1f5fe !important;
}
.mdl-color--light-blue-50 {
  background-color: #e1f5fe !important;
}
.mdl-color-text--light-blue-100 {
  color: #b3e5fc !important;
}
.mdl-color--light-blue-100 {
  background-color: #b3e5fc !important;
}
.mdl-color-text--light-blue-200 {
  color: #81d4fa !important;
}
.mdl-color--light-blue-200 {
  background-color: #81d4fa !important;
}
.mdl-color-text--light-blue-300 {
  color: #4fc3f7 !important;
}
.mdl-color--light-blue-300 {
  background-color: #4fc3f7 !important;
}
.mdl-color-text--light-blue-400 {
  color: #29b6f6 !important;
}
.mdl-color--light-blue-400 {
  background-color: #29b6f6 !important;
}
.mdl-color-text--light-blue-500 {
  color: #03a9f4 !important;
}
.mdl-color--light-blue-500 {
  background-color: #03a9f4 !important;
}
.mdl-color-text--light-blue-600 {
  color: #039be5 !important;
}
.mdl-color--light-blue-600 {
  background-color: #039be5 !important;
}
.mdl-color-text--light-blue-700 {
  color: #0288d1 !important;
}
.mdl-color--light-blue-700 {
  background-color: #0288d1 !important;
}
.mdl-color-text--light-blue-800 {
  color: #0277bd !important;
}
.mdl-color--light-blue-800 {
  background-color: #0277bd !important;
}
.mdl-color-text--light-blue-900 {
  color: #01579b !important;
}
.mdl-color--light-blue-900 {
  background-color: #01579b !important;
}
.mdl-color-text--light-blue-A100 {
  color: #80d8ff !important;
}
.mdl-color--light-blue-A100 {
  background-color: #80d8ff !important;
}
.mdl-color-text--light-blue-A200 {
  color: #40c4ff !important;
}
.mdl-color--light-blue-A200 {
  background-color: #40c4ff !important;
}
.mdl-color-text--light-blue-A400 {
  color: #00b0ff !important;
}
.mdl-color--light-blue-A400 {
  background-color: #00b0ff !important;
}
.mdl-color-text--light-blue-A700 {
  color: #0091ea !important;
}
.mdl-color--light-blue-A700 {
  background-color: #0091ea !important;
}
.mdl-color-text--cyan {
  color: #00bcd4 !important;
}
.mdl-color--cyan {
  background-color: #00bcd4 !important;
}
.mdl-color-text--cyan-50 {
  color: #e0f7fa !important;
}
.mdl-color--cyan-50 {
  background-color: #e0f7fa !important;
}
.mdl-color-text--cyan-100 {
  color: #b2ebf2 !important;
}
.mdl-color--cyan-100 {
  background-color: #b2ebf2 !important;
}
.mdl-color-text--cyan-200 {
  color: #80deea !important;
}
.mdl-color--cyan-200 {
  background-color: #80deea !important;
}
.mdl-color-text--cyan-300 {
  color: #4dd0e1 !important;
}
.mdl-color--cyan-300 {
  background-color: #4dd0e1 !important;
}
.mdl-color-text--cyan-400 {
  color: #26c6da !important;
}
.mdl-color--cyan-400 {
  background-color: #26c6da !important;
}
.mdl-color-text--cyan-500 {
  color: #00bcd4 !important;
}
.mdl-color--cyan-500 {
  background-color: #00bcd4 !important;
}
.mdl-color-text--cyan-600 {
  color: #00acc1 !important;
}
.mdl-color--cyan-600 {
  background-color: #00acc1 !important;
}
.mdl-color-text--cyan-700 {
  color: #0097a7 !important;
}
.mdl-color--cyan-700 {
  background-color: #0097a7 !important;
}
.mdl-color-text--cyan-800 {
  color: #00838f !important;
}
.mdl-color--cyan-800 {
  background-color: #00838f !important;
}
.mdl-color-text--cyan-900 {
  color: #006064 !important;
}
.mdl-color--cyan-900 {
  background-color: #006064 !important;
}
.mdl-color-text--cyan-A100 {
  color: #84ffff !important;
}
.mdl-color--cyan-A100 {
  background-color: #84ffff !important;
}
.mdl-color-text--cyan-A200 {
  color: #18ffff !important;
}
.mdl-color--cyan-A200 {
  background-color: #18ffff !important;
}
.mdl-color-text--cyan-A400 {
  color: #00e5ff !important;
}
.mdl-color--cyan-A400 {
  background-color: #00e5ff !important;
}
.mdl-color-text--cyan-A700 {
  color: #00b8d4 !important;
}
.mdl-color--cyan-A700 {
  background-color: #00b8d4 !important;
}
.mdl-color-text--teal {
  color: #009688 !important;
}
.mdl-color--teal {
  background-color: #009688 !important;
}
.mdl-color-text--teal-50 {
  color: #e0f2f1 !important;
}
.mdl-color--teal-50 {
  background-color: #e0f2f1 !important;
}
.mdl-color-text--teal-100 {
  color: #b2dfdb !important;
}
.mdl-color--teal-100 {
  background-color: #b2dfdb !important;
}
.mdl-color-text--teal-200 {
  color: #80cbc4 !important;
}
.mdl-color--teal-200 {
  background-color: #80cbc4 !important;
}
.mdl-color-text--teal-300 {
  color: #4db6ac !important;
}
.mdl-color--teal-300 {
  background-color: #4db6ac !important;
}
.mdl-color-text--teal-400 {
  color: #26a69a !important;
}
.mdl-color--teal-400 {
  background-color: #26a69a !important;
}
.mdl-color-text--teal-500 {
  color: #009688 !important;
}
.mdl-color--teal-500 {
  background-color: #009688 !important;
}
.mdl-color-text--teal-600 {
  color: #00897b !important;
}
.mdl-color--teal-600 {
  background-color: #00897b !important;
}
.mdl-color-text--teal-700 {
  color: #00796b !important;
}
.mdl-color--teal-700 {
  background-color: #00796b !important;
}
.mdl-color-text--teal-800 {
  color: #00695c !important;
}
.mdl-color--teal-800 {
  background-color: #00695c !important;
}
.mdl-color-text--teal-900 {
  color: #004d40 !important;
}
.mdl-color--teal-900 {
  background-color: #004d40 !important;
}
.mdl-color-text--teal-A100 {
  color: #a7ffeb !important;
}
.mdl-color--teal-A100 {
  background-color: #a7ffeb !important;
}
.mdl-color-text--teal-A200 {
  color: #64ffda !important;
}
.mdl-color--teal-A200 {
  background-color: #64ffda !important;
}
.mdl-color-text--teal-A400 {
  color: #1de9b6 !important;
}
.mdl-color--teal-A400 {
  background-color: #1de9b6 !important;
}
.mdl-color-text--teal-A700 {
  color: #00bfa5 !important;
}
.mdl-color--teal-A700 {
  background-color: #00bfa5 !important;
}
.mdl-color-text--green {
  color: #4caf50 !important;
}
.mdl-color--green {
  background-color: #4caf50 !important;
}
.mdl-color-text--green-50 {
  color: #e8f5e9 !important;
}
.mdl-color--green-50 {
  background-color: #e8f5e9 !important;
}
.mdl-color-text--green-100 {
  color: #c8e6c9 !important;
}
.mdl-color--green-100 {
  background-color: #c8e6c9 !important;
}
.mdl-color-text--green-200 {
  color: #a5d6a7 !important;
}
.mdl-color--green-200 {
  background-color: #a5d6a7 !important;
}
.mdl-color-text--green-300 {
  color: #81c784 !important;
}
.mdl-color--green-300 {
  background-color: #81c784 !important;
}
.mdl-color-text--green-400 {
  color: #66bb6a !important;
}
.mdl-color--green-400 {
  background-color: #66bb6a !important;
}
.mdl-color-text--green-500 {
  color: #4caf50 !important;
}
.mdl-color--green-500 {
  background-color: #4caf50 !important;
}
.mdl-color-text--green-600 {
  color: #43a047 !important;
}
.mdl-color--green-600 {
  background-color: #43a047 !important;
}
.mdl-color-text--green-700 {
  color: #388e3c !important;
}
.mdl-color--green-700 {
  background-color: #388e3c !important;
}
.mdl-color-text--green-800 {
  color: #2e7d32 !important;
}
.mdl-color--green-800 {
  background-color: #2e7d32 !important;
}
.mdl-color-text--green-900 {
  color: #1b5e20 !important;
}
.mdl-color--green-900 {
  background-color: #1b5e20 !important;
}
.mdl-color-text--green-A100 {
  color: #b9f6ca !important;
}
.mdl-color--green-A100 {
  background-color: #b9f6ca !important;
}
.mdl-color-text--green-A200 {
  color: #69f0ae !important;
}
.mdl-color--green-A200 {
  background-color: #69f0ae !important;
}
.mdl-color-text--green-A400 {
  color: #00e676 !important;
}
.mdl-color--green-A400 {
  background-color: #00e676 !important;
}
.mdl-color-text--green-A700 {
  color: #00c853 !important;
}
.mdl-color--green-A700 {
  background-color: #00c853 !important;
}
.mdl-color-text--light-green {
  color: #8bc34a !important;
}
.mdl-color--light-green {
  background-color: #8bc34a !important;
}
.mdl-color-text--light-green-50 {
  color: #f1f8e9 !important;
}
.mdl-color--light-green-50 {
  background-color: #f1f8e9 !important;
}
.mdl-color-text--light-green-100 {
  color: #dcedc8 !important;
}
.mdl-color--light-green-100 {
  background-color: #dcedc8 !important;
}
.mdl-color-text--light-green-200 {
  color: #c5e1a5 !important;
}
.mdl-color--light-green-200 {
  background-color: #c5e1a5 !important;
}
.mdl-color-text--light-green-300 {
  color: #aed581 !important;
}
.mdl-color--light-green-300 {
  background-color: #aed581 !important;
}
.mdl-color-text--light-green-400 {
  color: #9ccc65 !important;
}
.mdl-color--light-green-400 {
  background-color: #9ccc65 !important;
}
.mdl-color-text--light-green-500 {
  color: #8bc34a !important;
}
.mdl-color--light-green-500 {
  background-color: #8bc34a !important;
}
.mdl-color-text--light-green-600 {
  color: #7cb342 !important;
}
.mdl-color--light-green-600 {
  background-color: #7cb342 !important;
}
.mdl-color-text--light-green-700 {
  color: #689f38 !important;
}
.mdl-color--light-green-700 {
  background-color: #689f38 !important;
}
.mdl-color-text--light-green-800 {
  color: #558b2f !important;
}
.mdl-color--light-green-800 {
  background-color: #558b2f !important;
}
.mdl-color-text--light-green-900 {
  color: #33691e !important;
}
.mdl-color--light-green-900 {
  background-color: #33691e !important;
}
.mdl-color-text--light-green-A100 {
  color: #ccff90 !important;
}
.mdl-color--light-green-A100 {
  background-color: #ccff90 !important;
}
.mdl-color-text--light-green-A200 {
  color: #b2ff59 !important;
}
.mdl-color--light-green-A200 {
  background-color: #b2ff59 !important;
}
.mdl-color-text--light-green-A400 {
  color: #76ff03 !important;
}
.mdl-color--light-green-A400 {
  background-color: #76ff03 !important;
}
.mdl-color-text--light-green-A700 {
  color: #64dd17 !important;
}
.mdl-color--light-green-A700 {
  background-color: #64dd17 !important;
}
.mdl-color-text--lime {
  color: #cddc39 !important;
}
.mdl-color--lime {
  background-color: #cddc39 !important;
}
.mdl-color-text--lime-50 {
  color: #f9fbe7 !important;
}
.mdl-color--lime-50 {
  background-color: #f9fbe7 !important;
}
.mdl-color-text--lime-100 {
  color: #f0f4c3 !important;
}
.mdl-color--lime-100 {
  background-color: #f0f4c3 !important;
}
.mdl-color-text--lime-200 {
  color: #e6ee9c !important;
}
.mdl-color--lime-200 {
  background-color: #e6ee9c !important;
}
.mdl-color-text--lime-300 {
  color: #dce775 !important;
}
.mdl-color--lime-300 {
  background-color: #dce775 !important;
}
.mdl-color-text--lime-400 {
  color: #d4e157 !important;
}
.mdl-color--lime-400 {
  background-color: #d4e157 !important;
}
.mdl-color-text--lime-500 {
  color: #cddc39 !important;
}
.mdl-color--lime-500 {
  background-color: #cddc39 !important;
}
.mdl-color-text--lime-600 {
  color: #c0ca33 !important;
}
.mdl-color--lime-600 {
  background-color: #c0ca33 !important;
}
.mdl-color-text--lime-700 {
  color: #afb42b !important;
}
.mdl-color--lime-700 {
  background-color: #afb42b !important;
}
.mdl-color-text--lime-800 {
  color: #9e9d24 !important;
}
.mdl-color--lime-800 {
  background-color: #9e9d24 !important;
}
.mdl-color-text--lime-900 {
  color: #827717 !important;
}
.mdl-color--lime-900 {
  background-color: #827717 !important;
}
.mdl-color-text--lime-A100 {
  color: #f4ff81 !important;
}
.mdl-color--lime-A100 {
  background-color: #f4ff81 !important;
}
.mdl-color-text--lime-A200 {
  color: #eeff41 !important;
}
.mdl-color--lime-A200 {
  background-color: #eeff41 !important;
}
.mdl-color-text--lime-A400 {
  color: #c6ff00 !important;
}
.mdl-color--lime-A400 {
  background-color: #c6ff00 !important;
}
.mdl-color-text--lime-A700 {
  color: #aeea00 !important;
}
.mdl-color--lime-A700 {
  background-color: #aeea00 !important;
}
.mdl-color-text--yellow {
  color: #ffeb3b !important;
}
.mdl-color--yellow {
  background-color: #ffeb3b !important;
}
.mdl-color-text--yellow-50 {
  color: #fffde7 !important;
}
.mdl-color--yellow-50 {
  background-color: #fffde7 !important;
}
.mdl-color-text--yellow-100 {
  color: #fff9c4 !important;
}
.mdl-color--yellow-100 {
  background-color: #fff9c4 !important;
}
.mdl-color-text--yellow-200 {
  color: #fff59d !important;
}
.mdl-color--yellow-200 {
  background-color: #fff59d !important;
}
.mdl-color-text--yellow-300 {
  color: #fff176 !important;
}
.mdl-color--yellow-300 {
  background-color: #fff176 !important;
}
.mdl-color-text--yellow-400 {
  color: #ffee58 !important;
}
.mdl-color--yellow-400 {
  background-color: #ffee58 !important;
}
.mdl-color-text--yellow-500 {
  color: #ffeb3b !important;
}
.mdl-color--yellow-500 {
  background-color: #ffeb3b !important;
}
.mdl-color-text--yellow-600 {
  color: #fdd835 !important;
}
.mdl-color--yellow-600 {
  background-color: #fdd835 !important;
}
.mdl-color-text--yellow-700 {
  color: #fbc02d !important;
}
.mdl-color--yellow-700 {
  background-color: #fbc02d !important;
}
.mdl-color-text--yellow-800 {
  color: #f9a825 !important;
}
.mdl-color--yellow-800 {
  background-color: #f9a825 !important;
}
.mdl-color-text--yellow-900 {
  color: #f57f17 !important;
}
.mdl-color--yellow-900 {
  background-color: #f57f17 !important;
}
.mdl-color-text--yellow-A100 {
  color: #ffff8d !important;
}
.mdl-color--yellow-A100 {
  background-color: #ffff8d !important;
}
.mdl-color-text--yellow-A200 {
  color: #ffff00 !important;
}
.mdl-color--yellow-A200 {
  background-color: #ffff00 !important;
}
.mdl-color-text--yellow-A400 {
  color: #ffea00 !important;
}
.mdl-color--yellow-A400 {
  background-color: #ffea00 !important;
}
.mdl-color-text--yellow-A700 {
  color: #ffd600 !important;
}
.mdl-color--yellow-A700 {
  background-color: #ffd600 !important;
}
.mdl-color-text--amber {
  color: #ffc107 !important;
}
.mdl-color--amber {
  background-color: #ffc107 !important;
}
.mdl-color-text--amber-50 {
  color: #fff8e1 !important;
}
.mdl-color--amber-50 {
  background-color: #fff8e1 !important;
}
.mdl-color-text--amber-100 {
  color: #ffecb3 !important;
}
.mdl-color--amber-100 {
  background-color: #ffecb3 !important;
}
.mdl-color-text--amber-200 {
  color: #ffe082 !important;
}
.mdl-color--amber-200 {
  background-color: #ffe082 !important;
}
.mdl-color-text--amber-300 {
  color: #ffd54f !important;
}
.mdl-color--amber-300 {
  background-color: #ffd54f !important;
}
.mdl-color-text--amber-400 {
  color: #ffca28 !important;
}
.mdl-color--amber-400 {
  background-color: #ffca28 !important;
}
.mdl-color-text--amber-500 {
  color: #ffc107 !important;
}
.mdl-color--amber-500 {
  background-color: #ffc107 !important;
}
.mdl-color-text--amber-600 {
  color: #ffb300 !important;
}
.mdl-color--amber-600 {
  background-color: #ffb300 !important;
}
.mdl-color-text--amber-700 {
  color: #ffa000 !important;
}
.mdl-color--amber-700 {
  background-color: #ffa000 !important;
}
.mdl-color-text--amber-800 {
  color: #ff8f00 !important;
}
.mdl-color--amber-800 {
  background-color: #ff8f00 !important;
}
.mdl-color-text--amber-900 {
  color: #ff6f00 !important;
}
.mdl-color--amber-900 {
  background-color: #ff6f00 !important;
}
.mdl-color-text--amber-A100 {
  color: #ffe57f !important;
}
.mdl-color--amber-A100 {
  background-color: #ffe57f !important;
}
.mdl-color-text--amber-A200 {
  color: #ffd740 !important;
}
.mdl-color--amber-A200 {
  background-color: #ffd740 !important;
}
.mdl-color-text--amber-A400 {
  color: #ffc400 !important;
}
.mdl-color--amber-A400 {
  background-color: #ffc400 !important;
}
.mdl-color-text--amber-A700 {
  color: #ffab00 !important;
}
.mdl-color--amber-A700 {
  background-color: #ffab00 !important;
}
.mdl-color-text--orange {
  color: #ff9800 !important;
}
.mdl-color--orange {
  background-color: #ff9800 !important;
}
.mdl-color-text--orange-50 {
  color: #fff3e0 !important;
}
.mdl-color--orange-50 {
  background-color: #fff3e0 !important;
}
.mdl-color-text--orange-100 {
  color: #ffe0b2 !important;
}
.mdl-color--orange-100 {
  background-color: #ffe0b2 !important;
}
.mdl-color-text--orange-200 {
  color: #ffcc80 !important;
}
.mdl-color--orange-200 {
  background-color: #ffcc80 !important;
}
.mdl-color-text--orange-300 {
  color: #ffb74d !important;
}
.mdl-color--orange-300 {
  background-color: #ffb74d !important;
}
.mdl-color-text--orange-400 {
  color: #ffa726 !important;
}
.mdl-color--orange-400 {
  background-color: #ffa726 !important;
}
.mdl-color-text--orange-500 {
  color: #ff9800 !important;
}
.mdl-color--orange-500 {
  background-color: #ff9800 !important;
}
.mdl-color-text--orange-600 {
  color: #fb8c00 !important;
}
.mdl-color--orange-600 {
  background-color: #fb8c00 !important;
}
.mdl-color-text--orange-700 {
  color: #f57c00 !important;
}
.mdl-color--orange-700 {
  background-color: #f57c00 !important;
}
.mdl-color-text--orange-800 {
  color: #ef6c00 !important;
}
.mdl-color--orange-800 {
  background-color: #ef6c00 !important;
}
.mdl-color-text--orange-900 {
  color: #e65100 !important;
}
.mdl-color--orange-900 {
  background-color: #e65100 !important;
}
.mdl-color-text--orange-A100 {
  color: #ffd180 !important;
}
.mdl-color--orange-A100 {
  background-color: #ffd180 !important;
}
.mdl-color-text--orange-A200 {
  color: #ffab40 !important;
}
.mdl-color--orange-A200 {
  background-color: #ffab40 !important;
}
.mdl-color-text--orange-A400 {
  color: #ff9100 !important;
}
.mdl-color--orange-A400 {
  background-color: #ff9100 !important;
}
.mdl-color-text--orange-A700 {
  color: #ff6d00 !important;
}
.mdl-color--orange-A700 {
  background-color: #ff6d00 !important;
}
.mdl-color-text--deep-orange {
  color: #ff5722 !important;
}
.mdl-color--deep-orange {
  background-color: #ff5722 !important;
}
.mdl-color-text--deep-orange-50 {
  color: #fbe9e7 !important;
}
.mdl-color--deep-orange-50 {
  background-color: #fbe9e7 !important;
}
.mdl-color-text--deep-orange-100 {
  color: #ffccbc !important;
}
.mdl-color--deep-orange-100 {
  background-color: #ffccbc !important;
}
.mdl-color-text--deep-orange-200 {
  color: #ffab91 !important;
}
.mdl-color--deep-orange-200 {
  background-color: #ffab91 !important;
}
.mdl-color-text--deep-orange-300 {
  color: #ff8a65 !important;
}
.mdl-color--deep-orange-300 {
  background-color: #ff8a65 !important;
}
.mdl-color-text--deep-orange-400 {
  color: #ff7043 !important;
}
.mdl-color--deep-orange-400 {
  background-color: #ff7043 !important;
}
.mdl-color-text--deep-orange-500 {
  color: #ff5722 !important;
}
.mdl-color--deep-orange-500 {
  background-color: #ff5722 !important;
}
.mdl-color-text--deep-orange-600 {
  color: #f4511e !important;
}
.mdl-color--deep-orange-600 {
  background-color: #f4511e !important;
}
.mdl-color-text--deep-orange-700 {
  color: #e64a19 !important;
}
.mdl-color--deep-orange-700 {
  background-color: #e64a19 !important;
}
.mdl-color-text--deep-orange-800 {
  color: #d84315 !important;
}
.mdl-color--deep-orange-800 {
  background-color: #d84315 !important;
}
.mdl-color-text--deep-orange-900 {
  color: #bf360c !important;
}
.mdl-color--deep-orange-900 {
  background-color: #bf360c !important;
}
.mdl-color-text--deep-orange-A100 {
  color: #ff9e80 !important;
}
.mdl-color--deep-orange-A100 {
  background-color: #ff9e80 !important;
}
.mdl-color-text--deep-orange-A200 {
  color: #ff6e40 !important;
}
.mdl-color--deep-orange-A200 {
  background-color: #ff6e40 !important;
}
.mdl-color-text--deep-orange-A400 {
  color: #ff3d00 !important;
}
.mdl-color--deep-orange-A400 {
  background-color: #ff3d00 !important;
}
.mdl-color-text--deep-orange-A700 {
  color: #dd2c00 !important;
}
.mdl-color--deep-orange-A700 {
  background-color: #dd2c00 !important;
}
.mdl-color-text--brown {
  color: #795548 !important;
}
.mdl-color--brown {
  background-color: #795548 !important;
}
.mdl-color-text--brown-50 {
  color: #efebe9 !important;
}
.mdl-color--brown-50 {
  background-color: #efebe9 !important;
}
.mdl-color-text--brown-100 {
  color: #d7ccc8 !important;
}
.mdl-color--brown-100 {
  background-color: #d7ccc8 !important;
}
.mdl-color-text--brown-200 {
  color: #bcaaa4 !important;
}
.mdl-color--brown-200 {
  background-color: #bcaaa4 !important;
}
.mdl-color-text--brown-300 {
  color: #a1887f !important;
}
.mdl-color--brown-300 {
  background-color: #a1887f !important;
}
.mdl-color-text--brown-400 {
  color: #8d6e63 !important;
}
.mdl-color--brown-400 {
  background-color: #8d6e63 !important;
}
.mdl-color-text--brown-500 {
  color: #795548 !important;
}
.mdl-color--brown-500 {
  background-color: #795548 !important;
}
.mdl-color-text--brown-600 {
  color: #6d4c41 !important;
}
.mdl-color--brown-600 {
  background-color: #6d4c41 !important;
}
.mdl-color-text--brown-700 {
  color: #5d4037 !important;
}
.mdl-color--brown-700 {
  background-color: #5d4037 !important;
}
.mdl-color-text--brown-800 {
  color: #4e342e !important;
}
.mdl-color--brown-800 {
  background-color: #4e342e !important;
}
.mdl-color-text--brown-900 {
  color: #3e2723 !important;
}
.mdl-color--brown-900 {
  background-color: #3e2723 !important;
}
.mdl-color-text--grey {
  color: #9e9e9e !important;
}
.mdl-color--grey {
  background-color: #9e9e9e !important;
}
.mdl-color-text--grey-50 {
  color: #fafafa !important;
}
.mdl-color--grey-50 {
  background-color: #fafafa !important;
}
.mdl-color-text--grey-100 {
  color: #f5f5f5 !important;
}
.mdl-color--grey-100 {
  background-color: #f5f5f5 !important;
}
.mdl-color-text--grey-200 {
  color: #eeeeee !important;
}
.mdl-color--grey-200 {
  background-color: #eeeeee !important;
}
.mdl-color-text--grey-300 {
  color: #e0e0e0 !important;
}
.mdl-color--grey-300 {
  background-color: #e0e0e0 !important;
}
.mdl-color-text--grey-400 {
  color: #bdbdbd !important;
}
.mdl-color--grey-400 {
  background-color: #bdbdbd !important;
}
.mdl-color-text--grey-500 {
  color: #9e9e9e !important;
}
.mdl-color--grey-500 {
  background-color: #9e9e9e !important;
}
.mdl-color-text--grey-600 {
  color: #757575 !important;
}
.mdl-color--grey-600 {
  background-color: #757575 !important;
}
.mdl-color-text--grey-700 {
  color: #616161 !important;
}
.mdl-color--grey-700 {
  background-color: #616161 !important;
}
.mdl-color-text--grey-800 {
  color: #424242 !important;
}
.mdl-color--grey-800 {
  background-color: #424242 !important;
}
.mdl-color-text--grey-900 {
  color: #212121 !important;
}
.mdl-color--grey-900 {
  background-color: #212121 !important;
}
.mdl-color-text--blue-grey {
  color: #607d8b !important;
}
.mdl-color--blue-grey {
  background-color: #607d8b !important;
}
.mdl-color-text--blue-grey-50 {
  color: #eceff1 !important;
}
.mdl-color--blue-grey-50 {
  background-color: #eceff1 !important;
}
.mdl-color-text--blue-grey-100 {
  color: #cfd8dc !important;
}
.mdl-color--blue-grey-100 {
  background-color: #cfd8dc !important;
}
.mdl-color-text--blue-grey-200 {
  color: #b0bec5 !important;
}
.mdl-color--blue-grey-200 {
  background-color: #b0bec5 !important;
}
.mdl-color-text--blue-grey-300 {
  color: #90a4ae !important;
}
.mdl-color--blue-grey-300 {
  background-color: #90a4ae !important;
}
.mdl-color-text--blue-grey-400 {
  color: #78909c !important;
}
.mdl-color--blue-grey-400 {
  background-color: #78909c !important;
}
.mdl-color-text--blue-grey-500 {
  color: #607d8b !important;
}
.mdl-color--blue-grey-500 {
  background-color: #607d8b !important;
}
.mdl-color-text--blue-grey-600 {
  color: #546e7a !important;
}
.mdl-color--blue-grey-600 {
  background-color: #546e7a !important;
}
.mdl-color-text--blue-grey-700 {
  color: #455a64 !important;
}
.mdl-color--blue-grey-700 {
  background-color: #455a64 !important;
}
.mdl-color-text--blue-grey-800 {
  color: #37474f !important;
}
.mdl-color--blue-grey-800 {
  background-color: #37474f !important;
}
.mdl-color-text--blue-grey-900 {
  color: #263238 !important;
}
.mdl-color--blue-grey-900 {
  background-color: #263238 !important;
}
.mdl-color--black {
  background-color: #000000 !important;
}
.mdl-color-text--black {
  color: #000000 !important;
}
.mdl-color--white {
  background-color: #ffffff !important;
}
.mdl-color-text--white {
  color: #ffffff !important;
}
.mdl-color--primary {
  background-color: #3f51b5 !important;
}
.mdl-color--primary-contrast {
  background-color: #ffffff !important;
}
.mdl-color--primary-dark {
  background-color: #303f9f !important;
}
.mdl-color--accent {
  background-color: #ff4081 !important;
}
.mdl-color--accent-contrast {
  background-color: #ffffff !important;
}
.mdl-color-text--primary {
  color: #3f51b5 !important;
}
.mdl-color-text--primary-contrast {
  color: #ffffff !important;
}
.mdl-color-text--primary-dark {
  color: #303f9f !important;
}
.mdl-color-text--accent {
  color: #ff4081 !important;
}
.mdl-color-text--accent-contrast {
  color: #ffffff !important;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-ripple {
  background: #000000;
  border-radius: 50%;
  height: 50px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  overflow: hidden;
}
.mdl-ripple.is-animating {
  transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.mdl-ripple.is-visible {
  opacity: 0.3;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-animation--default {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-animation--fast-out-slow-in {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-animation--linear-out-slow-in {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.mdl-animation--fast-out-linear-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-badge {
  position: relative;
  white-space: nowrap;
  margin-right: 24px;
}
.mdl-badge:not([data-badge]) {
  margin-right: auto;
}
.mdl-badge[data-badge]:after {
  content: attr(data-badge);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #ff4081;
  color: #ffffff;
}
.mdl-button .mdl-badge[data-badge]:after {
  top: -10px;
  right: -5px;
}
.mdl-badge.mdl-badge--no-background[data-badge]:after {
  color: #ff4081;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 1px gray;
}
.mdl-badge.mdl-badge--overlap {
  margin-right: 10px;
}
.mdl-badge.mdl-badge--overlap:after {
  right: -10px;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-button {
  background: transparent;
  border: none;
  border-radius: 2px;
  color: #000000;
  position: relative;
  height: 36px;
  margin: 0;
  min-width: 64px;
  padding: 0 16px;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  will-change: box-shadow;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
  vertical-align: middle;
}
.mdl-button::-moz-focus-inner {
  border: 0;
}
.mdl-button:hover {
  background-color: rgba(158, 158, 158, 0.2);
}
.mdl-button:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdl-button:active {
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button.mdl-button--colored {
  color: #3f51b5;
}
.mdl-button.mdl-button--colored:focus:not(:active) {
  background-color: rgba(0, 0, 0, 0.12);
}
input.mdl-button[type="submit"] {
  -webkit-appearance: none;
}
.mdl-button--raised {
  background: rgba(158, 158, 158, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-button--raised:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button--raised:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button--raised.mdl-button--colored {
  background: #3f51b5;
  color: #ffffff;
}
.mdl-button--raised.mdl-button--colored:hover {
  background-color: #3f51b5;
}
.mdl-button--raised.mdl-button--colored:active {
  background-color: #3f51b5;
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
  background-color: #3f51b5;
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
  background: #ffffff;
}
.mdl-button--fab {
  border-radius: 50%;
  font-size: 24px;
  height: 56px;
  margin: auto;
  min-width: 56px;
  width: 56px;
  padding: 0;
  overflow: hidden;
  background: rgba(158, 158, 158, 0.2);
  box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  line-height: normal;
}
.mdl-button--fab .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--fab.mdl-button--mini-fab {
  height: 40px;
  min-width: 40px;
  width: 40px;
}
.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button--fab:active {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button--fab:focus:not(:active) {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
  background-color: rgba(158, 158, 158, 0.4);
}
.mdl-button--fab.mdl-button--colored {
  background: #ff4081;
  color: #ffffff;
}
.mdl-button--fab.mdl-button--colored:hover {
  background-color: #ff4081;
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
  background-color: #ff4081;
}
.mdl-button--fab.mdl-button--colored:active {
  background-color: #ff4081;
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
  background: #ffffff;
}
.mdl-button--icon {
  border-radius: 50%;
  font-size: 24px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  min-width: 32px;
  width: 32px;
  padding: 0;
  overflow: hidden;
  color: inherit;
  line-height: normal;
}
.mdl-button--icon .material-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  line-height: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon {
  height: 24px;
  min-width: 24px;
  width: 24px;
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
  top: 0px;
  left: 0px;
}
.mdl-button--icon .mdl-button__ripple-container {
  border-radius: 50%;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-button__ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
  background-color: transparent;
}
.mdl-button--primary.mdl-button--primary {
  color: #3f51b5;
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
  background: #ffffff;
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised,
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
  color: #ffffff;
  background-color: #3f51b5;
}
.mdl-button--accent.mdl-button--accent {
  color: #ff4081;
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
  background: #ffffff;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
  color: #ffffff;
  background-color: #ff4081;
}
.mdl-button[disabled][disabled],
.mdl-button.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  background-color: transparent;
}
.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdl-button--raised[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
  box-shadow: none;
}
.mdl-button--colored[disabled][disabled],
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-button .material-icons {
  vertical-align: middle;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-card {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  min-height: 200px;
  overflow: hidden;
  width: 330px;
  z-index: 1;
  position: relative;
  background: #ffffff;
  border-radius: 2px;
  box-sizing: border-box;
}
.mdl-card__media {
  background-color: #ff4081;
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-origin: padding-box;
  background-attachment: scroll;
  box-sizing: border-box;
}
.mdl-card__title {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  line-height: normal;
  padding: 16px 16px;
  -webkit-perspective-origin: 165px 56px;
  perspective-origin: 165px 56px;
  -webkit-transform-origin: 165px 56px;
  transform-origin: 165px 56px;
  box-sizing: border-box;
}
.mdl-card__title.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-card__title-text {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: inherit;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 300;
  line-height: normal;
  overflow: hidden;
  -webkit-transform-origin: 149px 48px;
  transform-origin: 149px 48px;
  margin: 0;
}
.mdl-card__subtitle-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
  margin: 0;
}
.mdl-card__supporting-text {
  color: rgba(0, 0, 0, 0.54);
  font-size: 1rem;
  line-height: 18px;
  overflow: hidden;
  padding: 16px 16px;
  width: 90%;
}
.mdl-card__supporting-text.mdl-card--border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-card__actions {
  font-size: 16px;
  line-height: normal;
  width: 100%;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box;
}
.mdl-card__actions.mdl-card--border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.mdl-card--expand {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mdl-card__menu {
  position: absolute;
  right: 16px;
  top: 16px;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-checkbox {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
}
.mdl-checkbox.is-upgraded {
  padding-left: 24px;
}
.mdl-checkbox__input {
  line-height: 24px;
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-checkbox__box-outline {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  overflow: hidden;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  z-index: 2;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid #3f51b5;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
  border: 2px solid rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-checkbox__focus-helper {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: transparent;
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0px 8px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
  box-shadow: 0 0 0px 8px rgba(63, 81, 181, 0.26);
  background-color: rgba(63, 81, 181, 0.26);
}
.mdl-checkbox__tick-outline {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcCI+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Ik0gMCwwIDAsMSAxLDEgMSwwIDAsMCB6IE0gMC44NTM0Mzc1LDAuMTY3MTg3NSAwLjk1OTY4NzUsMC4yNzMxMjUgMC40MjkzNzUsMC44MDM0Mzc1IDAuMzIzMTI1LDAuOTA5Njg3NSAwLjIxNzE4NzUsMC44MDM0Mzc1IDAuMDQwMzEyNSwwLjYyNjg3NSAwLjE0NjU2MjUsMC41MjA2MjUgMC4zMjMxMjUsMC42OTc1IDAuODUzNDM3NSwwLjE2NzE4NzUgeiIKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDwvY2xpcFBhdGg+CiAgICA8bWFzayBpZD0ibWFzayIgbWFza1VuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgbWFza0NvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8cGF0aAogICAgICAgICBkPSJNIDAsMCAwLDEgMSwxIDEsMCAwLDAgeiBNIDAuODUzNDM3NSwwLjE2NzE4NzUgMC45NTk2ODc1LDAuMjczMTI1IDAuNDI5Mzc1LDAuODAzNDM3NSAwLjMyMzEyNSwwLjkwOTY4NzUgMC4yMTcxODc1LDAuODAzNDM3NSAwLjA0MDMxMjUsMC42MjY4NzUgMC4xNDY1NjI1LDAuNTIwNjI1IDAuMzIzMTI1LDAuNjk3NSAwLjg1MzQzNzUsMC4xNjcxODc1IHoiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8L21hc2s+CiAgPC9kZWZzPgogIDxyZWN0CiAgICAgd2lkdGg9IjEiCiAgICAgaGVpZ2h0PSIxIgogICAgIHg9IjAiCiAgICAgeT0iMCIKICAgICBjbGlwLXBhdGg9InVybCgjY2xpcCkiCiAgICAgc3R5bGU9ImZpbGw6IzAwMDAwMDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KPC9zdmc+Cg==");
  background: transparent;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background: #3f51b5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}
fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
  background: rgba(0, 0, 0, 0.26) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
}
.mdl-checkbox__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,
.mdl-checkbox.is-disabled .mdl-checkbox__label {
  color: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-checkbox__ripple-container {
  position: absolute;
  z-index: 2;
  top: -6px;
  left: -10px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-checkbox__ripple-container .mdl-ripple {
  background: #3f51b5;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
  background: transparent;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-chip {
  height: 32px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 16px;
  background-color: #dedede;
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  margin: 2px 0;
  font-size: 0;
  white-space: nowrap;
}
.mdl-chip__text {
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
}
.mdl-chip__action {
  height: 24px;
  width: 24px;
  background: transparent;
  opacity: 0.54;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  margin: 0 0 0 4px;
  font-size: 13px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  border: none;
  outline: none;
  overflow: hidden;
}
.mdl-chip__contact {
  height: 32px;
  width: 32px;
  border-radius: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  line-height: 32px;
}
.mdl-chip:focus {
  outline: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-chip:active {
  background-color: #d6d6d6;
}
.mdl-chip--deletable {
  padding-right: 4px;
}
.mdl-chip--contact {
  padding-left: 0;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-data-table {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: #ffffff;
}
.mdl-data-table thead {
  padding-bottom: 3px;
}
.mdl-data-table thead .mdl-data-table__select {
  margin-top: 0;
}
.mdl-data-table tbody tr {
  position: relative;
  height: 48px;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: background-color;
}
.mdl-data-table tbody tr.is-selected {
  background-color: #e0e0e0;
}
.mdl-data-table tbody tr:hover {
  background-color: #eeeeee;
}
.mdl-data-table td,
.mdl-data-table th {
  padding: 0 18px 12px 18px;
  text-align: right;
}
.mdl-data-table td:first-of-type,
.mdl-data-table th:first-of-type {
  padding-left: 24px;
}
.mdl-data-table td:last-of-type,
.mdl-data-table th:last-of-type {
  padding-right: 24px;
}
.mdl-data-table td {
  position: relative;
  vertical-align: middle;
  height: 48px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-top: 12px;
  box-sizing: border-box;
}
.mdl-data-table td .mdl-data-table__select {
  vertical-align: middle;
}
.mdl-data-table th {
  position: relative;
  vertical-align: bottom;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 0;
  height: 48px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  padding-bottom: 8px;
  box-sizing: border-box;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending,
.mdl-data-table th.mdl-data-table__header--sorted-descending {
  color: rgba(0, 0, 0, 0.87);
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\e5d8";
  margin-right: 5px;
  vertical-align: sub;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover {
  cursor: pointer;
}
.mdl-data-table th.mdl-data-table__header--sorted-ascending:hover:before,
.mdl-data-table th.mdl-data-table__header--sorted-descending:hover:before {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-data-table th.mdl-data-table__header--sorted-descending:before {
  content: "\e5db";
}
.mdl-data-table__select {
  width: 16px;
}
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
  text-align: left;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-dialog {
  border: none;
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
  width: 280px;
}
.mdl-dialog__title {
  padding: 24px 24px 0;
  margin: 0;
  font-size: 2.5rem;
}
.mdl-dialog__actions {
  padding: 8px 8px 8px 24px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mdl-dialog__actions > * {
  margin-right: 8px;
  height: 36px;
}
.mdl-dialog__actions > *:first-child {
  margin-right: 0;
}
.mdl-dialog__actions--full-width {
  padding: 0 0 8px 0;
}
.mdl-dialog__actions--full-width > * {
  height: 48px;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-right: 16px;
  margin-right: 0;
  text-align: right;
}
.mdl-dialog__content {
  padding: 20px 24px 24px 24px;
  color: rgba(0, 0, 0, 0.54);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-mega-footer {
  padding: 16px 40px;
  color: #9e9e9e;
  background-color: #424242;
}
.mdl-mega-footer--top-section:after,
.mdl-mega-footer--middle-section:after,
.mdl-mega-footer--bottom-section:after,
.mdl-mega-footer__top-section:after,
.mdl-mega-footer__middle-section:after,
.mdl-mega-footer__bottom-section:after {
  content: '';
  display: block;
  clear: both;
}
.mdl-mega-footer--left-section,
.mdl-mega-footer__left-section {
  margin-bottom: 16px;
}
.mdl-mega-footer--right-section,
.mdl-mega-footer__right-section {
  margin-bottom: 16px;
}
.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--left-section,
  .mdl-mega-footer__left-section {
    float: left;
  }
  .mdl-mega-footer--right-section,
  .mdl-mega-footer__right-section {
    float: right;
  }
  .mdl-mega-footer--right-section a,
  .mdl-mega-footer__right-section a {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle;
  }
}
.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: #9e9e9e;
  border: none;
}
.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
  display: block;
  position: relative;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer__drop-down-section {
    width: 33%;
  }
  .mdl-mega-footer--drop-down-section:nth-child(1),
  .mdl-mega-footer--drop-down-section:nth-child(2),
  .mdl-mega-footer__drop-down-section:nth-child(1),
  .mdl-mega-footer__drop-down-section:nth-child(2) {
    float: left;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(3) {
    float: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(3):after,
  .mdl-mega-footer__drop-down-section:nth-child(3):after {
    clear: right;
  }
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    clear: right;
    float: right;
  }
  .mdl-mega-footer--middle-section:after,
  .mdl-mega-footer__middle-section:after {
    content: '';
    display: block;
    clear: both;
  }
  .mdl-mega-footer--bottom-section,
  .mdl-mega-footer__bottom-section {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .mdl-mega-footer--drop-down-section,
  .mdl-mega-footer--drop-down-section:nth-child(3),
  .mdl-mega-footer--drop-down-section:nth-child(4),
  .mdl-mega-footer__drop-down-section,
  .mdl-mega-footer__drop-down-section:nth-child(3),
  .mdl-mega-footer__drop-down-section:nth-child(4) {
    width: 24%;
    float: left;
  }
}
.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
  position: absolute;
  width: 100%;
  height: 55.8px;
  padding: 32px;
  margin: 0;
  margin-top: -16px;
  cursor: pointer;
  z-index: 1;
  opacity: 0;
}
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CE';
}
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list {
  display: none;
}
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
.mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
  font-family: 'Material Icons';
  content: '\E5CF';
}
.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
  position: relative;
  width: 100%;
  padding-right: 39.8px;
  margin-bottom: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 23.8px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #e0e0e0;
}
.mdl-mega-footer--heading:after,
.mdl-mega-footer__heading:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 23.8px;
  height: 23.8px;
  background-size: cover;
}
.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
}
.mdl-mega-footer--link-list:after,
.mdl-mega-footer__link-list:after {
  clear: both;
  display: block;
  content: '';
}
.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 20px;
}
.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
@media screen and (min-width: 760px) {
  .mdl-mega-footer--heading-checkbox,
  .mdl-mega-footer__heading-checkbox {
    display: none;
  }
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox + .mdl-mega-footer__heading:after {
    content: '';
  }
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--link-list,
  .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading + .mdl-mega-footer__link-list,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading + .mdl-mega-footer--link-list {
    display: block;
  }
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer--heading-checkbox:checked + .mdl-mega-footer__heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer--heading:after,
  .mdl-mega-footer__heading-checkbox:checked + .mdl-mega-footer__heading:after {
    content: '';
  }
}
.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
  padding-top: 16px;
  margin-bottom: 16px;
}
.mdl-logo {
  margin-bottom: 16px;
  color: white;
}
.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
  float: left;
  margin-bottom: 0;
  margin-right: 16px;
}
@media screen and (min-width: 760px) {
  .mdl-logo {
    float: left;
    margin-bottom: 0;
    margin-right: 16px;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-mini-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 32px 16px;
  color: #9e9e9e;
  background-color: #424242;
}
.mdl-mini-footer:after {
  content: '';
  display: block;
}
.mdl-mini-footer .mdl-logo {
  line-height: 36px;
}
.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
  margin-bottom: 0;
  margin-right: 16px;
}
@media screen and (min-width: 760px) {
  .mdl-mini-footer--link-list li,
  .mdl-mini-footer__link-list li {
    line-height: 36px;
  }
}
.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
  display: inline-block;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
  display: inline-block;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background-color: #9e9e9e;
  border: none;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-icon-toggle {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0;
}
.mdl-icon-toggle__input {
  line-height: 32px;
}
.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-icon-toggle__label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 32px;
  width: 32px;
  min-width: 32px;
  color: #616161;
  border-radius: 50%;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
  will-change: background-color;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-icon-toggle__label.material-icons {
  line-height: 32px;
  font-size: 24px;
}
.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
  color: #3f51b5;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
  color: rgba(0, 0, 0, 0.26);
  cursor: auto;
  transition: none;
}
.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
  background-color: rgba(0, 0, 0, 0.12);
}
.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
  background-color: rgba(63, 81, 181, 0.26);
}
.mdl-icon-toggle__ripple-container {
  position: absolute;
  z-index: 2;
  top: -2px;
  left: -2px;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-icon-toggle__ripple-container .mdl-ripple {
  background: #616161;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
  cursor: auto;
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
  background: transparent;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-list {
  display: block;
  padding: 8px 0;
  list-style: none;
}
.mdl-list__item {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  line-height: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  cursor: default;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}
.mdl-list__item .mdl-list__item-primary-content {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  text-decoration: none;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-icon {
  margin-right: 32px;
}
.mdl-list__item .mdl-list__item-primary-content .mdl-list__item-avatar {
  margin-right: 16px;
}
.mdl-list__item .mdl-list__item-secondary-content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: 16px;
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-action label {
  display: inline;
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-secondary-info {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.54);
}
.mdl-list__item .mdl-list__item-secondary-content .mdl-list__item-sub-header {
  padding: 0 0 0 16px;
}
.mdl-list__item-icon,
.mdl-list__item-icon.material-icons {
  height: 24px;
  width: 24px;
  font-size: 24px;
  box-sizing: border-box;
  color: #757575;
}
.mdl-list__item-avatar,
.mdl-list__item-avatar.material-icons {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #757575;
  font-size: 40px;
  color: white;
}
.mdl-list__item--two-line {
  height: 72px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content {
  height: 36px;
  line-height: 20px;
  display: block;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-avatar {
  float: left;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-icon {
  float: left;
  margin-top: 6px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-secondary-content {
  height: 36px;
}
.mdl-list__item--two-line .mdl-list__item-primary-content .mdl-list__item-sub-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  padding: 0;
}
.mdl-list__item--three-line {
  height: 88px;
}
.mdl-list__item--three-line .mdl-list__item-primary-content {
  height: 52px;
  line-height: 20px;
  display: block;
}
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-avatar,
.mdl-list__item--three-line .mdl-list__item-primary-content .mdl-list__item-icon {
  float: left;
}
.mdl-list__item--three-line .mdl-list__item-secondary-content {
  height: 52px;
}
.mdl-list__item--three-line .mdl-list__item-text-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  line-height: 18px;
  height: 52px;
  color: rgba(0, 0, 0, 0.54);
  display: block;
  padding: 0;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-menu__container {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  position: absolute;
  overflow: visible;
  height: 0;
  width: 0;
  visibility: hidden;
  z-index: -1;
}
.mdl-menu__container.is-visible,
.mdl-menu__container.is-animating {
  z-index: 999;
  visibility: visible;
}
.mdl-menu__outline {
  display: block;
  background: #ffffff;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  will-change: transform;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu__outline {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  z-index: 999;
}
.mdl-menu__outline.mdl-menu--bottom-right {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.mdl-menu__outline.mdl-menu--top-left {
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.mdl-menu__outline.mdl-menu--top-right {
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.mdl-menu {
  position: absolute;
  list-style: none;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 124px;
  padding: 8px 0;
  margin: 0;
  opacity: 0;
  clip: rect(0 0 0 0);
  z-index: -1;
}
.mdl-menu__container.is-visible .mdl-menu {
  opacity: 1;
  z-index: 999;
}
.mdl-menu.is-animating {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), clip 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-menu.mdl-menu--bottom-right {
  left: auto;
  right: 0;
}
.mdl-menu.mdl-menu--top-left {
  top: auto;
  bottom: 0;
}
.mdl-menu.mdl-menu--top-right {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
.mdl-menu.mdl-menu--unaligned {
  top: auto;
  left: auto;
}
.mdl-menu__item {
  display: block;
  border: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0 16px;
  outline-color: #bdbdbd;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-menu__container.is-visible .mdl-menu__item {
  opacity: 1;
}
.mdl-menu__item::-moz-focus-inner {
  border: 0;
}
.mdl-menu__item--full-bleed-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mdl-menu__item[disabled],
.mdl-menu__item[data-mdl-disabled] {
  color: #bdbdbd;
  background-color: transparent;
  cursor: auto;
}
.mdl-menu__item[disabled]:hover,
.mdl-menu__item[data-mdl-disabled]:hover {
  background-color: transparent;
}
.mdl-menu__item[disabled]:focus,
.mdl-menu__item[data-mdl-disabled]:focus {
  background-color: transparent;
}
.mdl-menu__item[disabled] .mdl-ripple,
.mdl-menu__item[data-mdl-disabled] .mdl-ripple {
  background: transparent;
}
.mdl-menu__item:hover {
  background-color: #eeeeee;
}
.mdl-menu__item:focus {
  outline: none;
  background-color: #eeeeee;
}
.mdl-menu__item:active {
  background-color: #e0e0e0;
}
.mdl-menu__item--ripple-container {
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  overflow: hidden;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-progress {
  display: block;
  position: relative;
  height: 4px;
  width: 500px;
  max-width: 100%;
}
.mdl-progress > .bar {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0%;
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-progress > .progressbar {
  background-color: #3f51b5;
  z-index: 1;
  left: 0;
}
.mdl-progress > .bufferbar {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
  z-index: 0;
  left: 0;
}
.mdl-progress > .auxbar {
  right: 0;
}
@supports (-webkit-appearance: none) {
  .mdl-progress:not(.mdl-progress--indeterminate):not(.mdl-progress--indeterminate) > .auxbar,
  .mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #3f51b5, #3f51b5);
    -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
  }
}
.mdl-progress:not(.mdl-progress--indeterminate) > .auxbar,
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(to right, #3f51b5, #3f51b5);
}
.mdl-progress.mdl-progress--indeterminate > .bar1,
.mdl-progress.mdl-progress__indeterminate > .bar1 {
  background-color: #3f51b5;
  -webkit-animation-name: indeterminate1;
  animation-name: indeterminate1;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.mdl-progress.mdl-progress--indeterminate > .bar3,
.mdl-progress.mdl-progress__indeterminate > .bar3 {
  background-image: none;
  background-color: #3f51b5;
  -webkit-animation-name: indeterminate2;
  animation-name: indeterminate2;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}
@keyframes indeterminate1 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 25%;
    width: 75%;
  }
  75% {
    left: 100%;
    width: 0%;
  }
}
@-webkit-keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
@keyframes indeterminate2 {
  0% {
    left: 0%;
    width: 0%;
  }
  50% {
    left: 0%;
    width: 0%;
  }
  75% {
    left: 0%;
    width: 25%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-navigation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.mdl-navigation__link {
  color: #424242;
  text-decoration: none;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  opacity: 0.87;
}
.mdl-navigation__link .material-icons {
  vertical-align: middle;
}
.mdl-layout {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
  display: none;
}
.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
  display: none;
}
.mdl-layout__container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mdl-layout__title,
.mdl-layout-title {
  display: block;
  position: relative;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 400;
  box-sizing: border-box;
}
.mdl-layout-spacer {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.mdl-layout__drawer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 240px;
  height: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  border-right: 1px solid #e0e0e0;
  background: #fafafa;
  -webkit-transform: translateX(-250px);
  transform: translateX(-250px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  will-change: transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  color: #424242;
  overflow: visible;
  overflow-y: auto;
  z-index: 5;
}
.mdl-layout__drawer.is-visible {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.mdl-layout__drawer.is-visible ~ .mdl-layout__content.mdl-layout__content {
  overflow: hidden;
}
.mdl-layout__drawer > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mdl-layout__drawer > .mdl-layout__title,
.mdl-layout__drawer > .mdl-layout-title {
  line-height: 64px;
  padding-left: 40px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer > .mdl-layout__title,
  .mdl-layout__drawer > .mdl-layout-title {
    line-height: 56px;
    padding-left: 16px;
  }
}
.mdl-layout__drawer .mdl-navigation {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 16px;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
  display: block;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 16px 40px;
  margin: 0;
  color: #757575;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 16px 16px;
  }
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
  background-color: #e0e0e0;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
  background-color: #e0e0e0;
  color: #000000;
}
@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__drawer {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.mdl-layout__drawer-button {
  display: block;
  position: absolute;
  height: 48px;
  width: 48px;
  border: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  font-size: 26px;
  line-height: 56px;
  font-family: Helvetica, Arial, sans-serif;
  margin: 8px 12px;
  top: 0;
  left: 0;
  color: #ffffff;
  z-index: 4;
}
.mdl-layout__header .mdl-layout__drawer-button {
  position: absolute;
  color: #ffffff;
  background-color: inherit;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header .mdl-layout__drawer-button {
    margin: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__drawer-button {
    margin: 4px;
    color: rgba(0, 0, 0, 0.5);
  }
}
@media screen and (min-width: 1025px) {
  .mdl-layout__drawer-button {
    line-height: 54px;
  }
  .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
  .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
  .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
    display: none;
  }
}
.mdl-layout__header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  min-height: 64px;
  max-height: 1000px;
  z-index: 3;
  background-color: #3f51b5;
  color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: max-height, box-shadow;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    min-height: 56px;
  }
}
.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header {
  margin-left: 240px;
  width: calc(-140%);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
    padding-left: 40px;
  }
}
.mdl-layout__header > .mdl-layout-icon {
  position: absolute;
  left: 40px;
  top: 16px;
  height: 32px;
  width: 32px;
  overflow: hidden;
  z-index: 3;
  display: block;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header > .mdl-layout-icon {
    left: 16px;
    top: 12px;
  }
}
.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
  display: none;
}
.mdl-layout__header.is-compact {
  max-height: 64px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact {
    max-height: 56px;
  }
}
.mdl-layout__header.is-compact.has-tabs {
  height: 112px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header.is-compact.has-tabs {
    min-height: 104px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header {
    display: none;
  }
  .mdl-layout--fixed-header > .mdl-layout__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.mdl-layout__header--transparent.mdl-layout__header--transparent {
  background-color: transparent;
  box-shadow: none;
}
.mdl-layout__header--seamed {
  box-shadow: none;
}
.mdl-layout__header--scroll {
  box-shadow: none;
}
.mdl-layout__header--waterfall {
  box-shadow: none;
  overflow: hidden;
}
.mdl-layout__header--waterfall.is-casting-shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-layout__header--waterfall.mdl-layout__header--waterfall-hide-top {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.mdl-layout__header-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  margin: 0;
  padding: 0 40px 0 80px;
}
.mdl-layout--no-drawer-button .mdl-layout__header-row {
  padding-left: 40px;
}
@media screen and (min-width: 1025px) {
  .mdl-layout--no-desktop-drawer-button .mdl-layout__header-row {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row {
    height: 56px;
    padding: 0 16px 0 72px;
  }
  .mdl-layout--no-drawer-button .mdl-layout__header-row {
    padding-left: 16px;
  }
}
.mdl-layout__header-row > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mdl-layout__header--scroll .mdl-layout__header-row {
  width: 100%;
}
.mdl-layout__header-row .mdl-navigation {
  margin: 0;
  padding: 0;
  height: 64px;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation {
    height: 56px;
  }
}
.mdl-layout__header-row .mdl-navigation__link {
  display: block;
  color: #ffffff;
  line-height: 64px;
  padding: 0 24px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__header-row .mdl-navigation__link {
    line-height: 56px;
    padding: 0 16px;
  }
}
.mdl-layout__obfuscator {
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 4;
  visibility: hidden;
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-layout__obfuscator.is-visible {
  background-color: rgba(0, 0, 0, 0.5);
  visibility: visible;
}
@supports (pointer-events: auto) {
  .mdl-layout__obfuscator {
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition-property: opacity;
    visibility: visible;
    pointer-events: none;
  }
  .mdl-layout__obfuscator.is-visible {
    pointer-events: auto;
    opacity: 1;
  }
}
.mdl-layout__content {
  -ms-flex: 0 1 auto;
  position: relative;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
  -webkit-overflow-scrolling: touch;
}
.mdl-layout--fixed-drawer > .mdl-layout__content {
  margin-left: 240px;
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 0;
  }
  .mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.mdl-layout__tab-bar {
  height: 96px;
  margin: 0;
  width: calc(-12%);
  padding: 0 0 0 56px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #3f51b5;
  overflow-y: hidden;
  overflow-x: scroll;
}
.mdl-layout__tab-bar::-webkit-scrollbar {
  display: none;
}
.mdl-layout--no-drawer-button .mdl-layout__tab-bar {
  padding-left: 16px;
  width: calc(68%);
}
@media screen and (min-width: 1025px) {
  .mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar {
    padding-left: 16px;
    width: calc(68%);
  }
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar {
    width: calc(40%);
    padding: 0 0 0 60px;
  }
  .mdl-layout--no-drawer-button .mdl-layout__tab-bar {
    width: calc(92%);
    padding-left: 4px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.mdl-layout__tab-bar-container {
  position: relative;
  height: 48px;
  width: 100%;
  border: none;
  margin: 0;
  z-index: 2;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.mdl-layout__container > .mdl-layout__tab-bar-container {
  position: absolute;
  top: 0;
  left: 0;
}
.mdl-layout__tab-bar-button {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 48px;
  width: 56px;
  z-index: 4;
  text-align: center;
  background-color: #3f51b5;
  color: transparent;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button {
  width: 16px;
}
.mdl-layout--no-desktop-drawer-button .mdl-layout__tab-bar-button .material-icons,
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
  position: relative;
  left: -4px;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab-bar-button {
    width: 60px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
  display: none;
}
.mdl-layout__tab-bar-button .material-icons {
  line-height: 48px;
}
.mdl-layout__tab-bar-button.is-active {
  color: #ffffff;
}
.mdl-layout__tab-bar-left-button {
  left: 0;
}
.mdl-layout__tab-bar-right-button {
  right: 0;
}
.mdl-layout__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mdl-layout__tab {
    padding: 0 12px 0 12px;
  }
}
.mdl-layout--fixed-tabs .mdl-layout__tab {
  float: none;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
  color: #ffffff;
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active::after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0;
  left: 0;
  position: absolute;
  background: #ff4081;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-layout__tab .mdl-layout__tab-ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
  background-color: #ffffff;
}
.mdl-layout__tab-panel {
  display: block;
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel {
  display: none;
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
  display: block;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-radio {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 24px;
  margin: 0;
  padding-left: 0;
}
.mdl-radio.is-upgraded {
  padding-left: 24px;
}
.mdl-radio__button {
  line-height: 24px;
}
.mdl-radio.is-upgraded .mdl-radio__button {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-radio__outer-circle {
  position: absolute;
  top: 4px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 50%;
  z-index: 2;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid #3f51b5;
}
.mdl-radio__outer-circle fieldset[disabled] .mdl-radio,
.mdl-radio.is-disabled .mdl-radio__outer-circle {
  border: 2px solid rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-radio__inner-circle {
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 8px;
  left: 4px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  cursor: pointer;
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  border-radius: 50%;
  background: #3f51b5;
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,
.mdl-radio.is-disabled .mdl-radio__inner-circle {
  background: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
  box-shadow: 0 0 0px 10px rgba(0, 0, 0, 0.1);
}
.mdl-radio__label {
  cursor: pointer;
}
fieldset[disabled] .mdl-radio .mdl-radio__label,
.mdl-radio.is-disabled .mdl-radio__label {
  color: rgba(0, 0, 0, 0.26);
  cursor: auto;
}
.mdl-radio__ripple-container {
  position: absolute;
  z-index: 2;
  top: -9px;
  left: -13px;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.mdl-radio__ripple-container .mdl-ripple {
  background: #3f51b5;
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container,
.mdl-radio.is-disabled .mdl-radio__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
  background: transparent;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
_:-ms-input-placeholder,
:root .mdl-slider.mdl-slider.is-upgraded {
  -ms-appearance: none;
  height: 32px;
  margin: 0;
}
.mdl-slider {
  width: calc(60%);
  margin: 0 20px;
}
.mdl-slider.is-upgraded {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 2px;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  padding: 0;
  color: #3f51b5;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  z-index: 1;
  cursor: pointer;
  /**************************** Tracks ****************************/
  /**************************** Thumbs ****************************/
  /**************************** 0-value ****************************/
  /**************************** Disabled ****************************/
}
.mdl-slider.is-upgraded::-moz-focus-outer {
  border: 0;
}
.mdl-slider.is-upgraded::-ms-tooltip {
  display: none;
}
.mdl-slider.is-upgraded::-webkit-slider-runnable-track {
  background: transparent;
}
.mdl-slider.is-upgraded::-moz-range-track {
  background: transparent;
  border: none;
}
.mdl-slider.is-upgraded::-ms-track {
  background: none;
  color: transparent;
  height: 2px;
  width: 100%;
  border: none;
}
.mdl-slider.is-upgraded::-ms-fill-lower {
  padding: 0;
  background: linear-gradient(to right, transparent, transparent 16px, #3f51b5 16px, #3f51b5 0);
}
.mdl-slider.is-upgraded::-ms-fill-upper {
  padding: 0;
  background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, 0.26) 16px, rgba(0, 0, 0, 0.26) 0);
}
.mdl-slider.is-upgraded::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background: #3f51b5;
  border: none;
  transition: border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), border 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-slider.is-upgraded::-moz-range-thumb {
  -moz-appearance: none;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border-radius: 50%;
  background-image: none;
  background: #3f51b5;
  border: none;
}
.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(63, 81, 181, 0.26);
}
.mdl-slider.is-upgraded:active::-webkit-slider-thumb {
  background-image: none;
  background: #3f51b5;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded:active::-moz-range-thumb {
  background-image: none;
  background: #3f51b5;
  transform: scale(1.5);
}
.mdl-slider.is-upgraded::-ms-thumb {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 50%;
  background: #3f51b5;
  transform: scale(0.375);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, #3f51b5 0%, #3f51b5 37.5%, rgba(63, 81, 181, 0.26) 37.5%, rgba(63, 81, 181, 0.26) 100%);
  transform: scale(1);
}
.mdl-slider.is-upgraded:active::-ms-thumb {
  background: #3f51b5;
  transform: scale(0.5625);
}
.mdl-slider.is-upgraded.is-lowest-value::-webkit-slider-thumb {
  border: 2px solid rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
  border: 2px solid rgba(0, 0, 0, 0.26);
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.12);
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.12);
}
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
  border: 1.6px solid rgba(0, 0, 0, 0.26);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded.is-lowest-value:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 9px;
}
.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
  border: 1.5px solid rgba(0, 0, 0, 0.26);
  transform: scale(1.5);
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
  background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0, 0, 0, 0.26) 66.67%, rgba(0, 0, 0, 0.26) 100%);
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
  background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 25%, rgba(0, 0, 0, 0.26) 25%, rgba(0, 0, 0, 0.26) 37.5%, rgba(0, 0, 0, 0.12) 37.5%, rgba(0, 0, 0, 0.12) 100%);
  transform: scale(1);
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
  transform: scale(0.5625);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0, 0, 0, 0.26) 77.78%, rgba(0, 0, 0, 0.26) 100%);
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
  background: transparent;
}
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
  margin-left: 9px;
}
.mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
  -webkit-transform: scale(0.667);
  transform: scale(0.667);
  background: rgba(0, 0, 0, 0.26);
}
.mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded:disabled::-moz-range-thumb {
  transform: scale(0.667);
  background: rgba(0, 0, 0, 0.26);
}
.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
  background-color: rgba(0, 0, 0, 0.26);
  left: -6px;
}
.mdl-slider.is-upgraded:disabled + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
  border: 3px solid rgba(0, 0, 0, 0.26);
  background: transparent;
  -webkit-transform: scale(0.667);
  transform: scale(0.667);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
  border: 3px solid rgba(0, 0, 0, 0.26);
  background: transparent;
  transform: scale(0.667);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active + .mdl-slider__background-flex > .mdl-slider__background-upper {
  left: 6px;
}
.mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
.mdl-slider.is-upgraded:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded:disabled::-ms-thumb {
  transform: scale(0.25);
  background: rgba(0, 0, 0, 0.26);
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
.mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
  transform: scale(0.25);
  background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0.26) 100%);
}
.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
  margin-right: 6px;
  background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, 0.26) 25px, rgba(0, 0, 0, 0.26) 0);
}
.mdl-slider.is-upgraded:disabled::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-fill-upper {
  margin-left: 6px;
}
.mdl-slider__ie-container {
  height: 18px;
  overflow: visible;
  border: none;
  margin: none;
  padding: none;
}
.mdl-slider__container {
  height: 18px;
  position: relative;
  background: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.mdl-slider__background-flex {
  background: transparent;
  position: absolute;
  height: 2px;
  width: calc(48%);
  top: 50%;
  left: 0;
  margin: 0 26px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border: 0;
  padding: 0;
  -webkit-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
.mdl-slider__background-lower {
  background: #3f51b5;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
}
.mdl-slider__background-upper {
  background: rgba(0, 0, 0, 0.26);
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
  position: relative;
  border: 0;
  padding: 0;
  transition: left 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-snackbar {
  position: fixed;
  bottom: 0;
  left: 50%;
  cursor: default;
  background-color: #323232;
  z-index: 3;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  will-change: transform;
  -webkit-transform: translate(0, 80px);
  transform: translate(0, 80px);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.25s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: none;
}
@media (max-width: 479px) {
  .mdl-snackbar {
    width: 100%;
    left: 0;
    min-height: 48px;
    max-height: 80px;
  }
}
@media (min-width: 480px) {
  .mdl-snackbar {
    min-width: 288px;
    max-width: 568px;
    border-radius: 2px;
    -webkit-transform: translate(-50%, 80px);
    transform: translate(-50%, 80px);
  }
}
.mdl-snackbar--active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  pointer-events: auto;
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}
@media (min-width: 480px) {
  .mdl-snackbar--active {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.mdl-snackbar__text {
  padding: 14px 12px 14px 24px;
  vertical-align: middle;
  color: white;
  float: left;
}
.mdl-snackbar__action {
  background: transparent;
  border: none;
  color: #ff4081;
  float: right;
  padding: 14px 24px 14px 12px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0;
  overflow: hidden;
  outline: none;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.mdl-snackbar__action::-moz-focus-inner {
  border: 0;
}
.mdl-snackbar__action:not([aria-hidden]) {
  opacity: 1;
  pointer-events: auto;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-spinner {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
}
.mdl-spinner:not(.is-upgraded).is-active:after {
  content: "Loading...";
}
.mdl-spinner.is-upgraded.is-active {
  -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
  animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
}
@-webkit-keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mdl-spinner__container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.mdl-spinner__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.mdl-spinner__layer-1 {
  border-color: #42a5f5;
}
.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: #3f51b5;
}
.mdl-spinner.is-active .mdl-spinner__layer-1 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__layer-2 {
  border-color: #f44336;
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: #3f51b5;
}
.mdl-spinner.is-active .mdl-spinner__layer-2 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__layer-3 {
  border-color: #fdd835;
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: #3f51b5;
}
.mdl-spinner.is-active .mdl-spinner__layer-3 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__layer-4 {
  border-color: #4caf50;
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: #3f51b5;
}
.mdl-spinner.is-active .mdl-spinner__layer-4 {
  -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
@keyframes mdl-spinner__fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}
/**
* HACK: Even though the intention is to have the current .mdl-spinner__layer-N
* at `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome
* to do proper subpixel rendering for the elements being animated. This is
* especially visible in Chrome 39 on Ubuntu 14.04. See:
*
* - https://github.com/Polymer/paper-spinner/issues/9
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}
@keyframes mdl-spinner__layer-1-fade-in-out {
  from {
    opacity: 0.99;
  }
  25% {
    opacity: 0.99;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
  }
}
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-2-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 0.99;
  }
  50% {
    opacity: 0.99;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-3-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 0.99;
  }
  75% {
    opacity: 0.99;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mdl-spinner__layer-4-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 0.99;
  }
  90% {
    opacity: 0.99;
  }
  100% {
    opacity: 0;
  }
}
/**
* Patch the gap that appear between the two adjacent
* div.mdl-spinner__circle-clipper while the spinner is rotating
* (appears on Chrome 38, Safari 7.1, and IE 11).
*
* Update: the gap no longer appears on Chrome when .mdl-spinner__layer-N's
* opacity is 0.99, but still does on Safari and IE.
*/
.mdl-spinner__gap-patch {
  position: absolute;
  box-sizing: border-box;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.mdl-spinner__gap-patch .mdl-spinner__circle {
  width: 1000%;
  left: -450%;
}
.mdl-spinner__circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}
.mdl-spinner__circle-clipper.mdl-spinner__left {
  float: left;
}
.mdl-spinner__circle-clipper.mdl-spinner__right {
  float: right;
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
  width: 200%;
}
.mdl-spinner__circle {
  box-sizing: border-box;
  height: 100%;
  border-width: 3px;
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mdl-spinner__left .mdl-spinner__circle {
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}
.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.mdl-spinner__right .mdl-spinner__circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}
.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
  -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: mdl-spinner__right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@keyframes mdl-spinner__left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@-webkit-keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
@keyframes mdl-spinner__right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-switch {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding: 0;
  overflow: visible;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mdl-switch.is-upgraded {
  padding-left: 28px;
}
.mdl-switch__input {
  line-height: 24px;
}
.mdl-switch.is-upgraded .mdl-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
.mdl-switch__track {
  background: rgba(0, 0, 0, 0.26);
  position: absolute;
  left: 0;
  top: 5px;
  height: 14px;
  width: 36px;
  border-radius: 14px;
  cursor: pointer;
}
.mdl-switch.is-checked .mdl-switch__track {
  background: rgba(63, 81, 181, 0.5);
}
.mdl-switch__track fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__track {
  background: rgba(0, 0, 0, 0.12);
  cursor: auto;
}
.mdl-switch__thumb {
  background: #fafafa;
  position: absolute;
  left: 0;
  top: 2px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition-duration: 0.28s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: left;
}
.mdl-switch.is-checked .mdl-switch__thumb {
  background: #3f51b5;
  left: 16px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mdl-switch__thumb fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__thumb {
  background: #bdbdbd;
  cursor: auto;
}
.mdl-switch__focus-helper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4px, -4px);
  transform: translate(-4px, -4px);
  display: inline-block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
}
.mdl-switch.is-focused .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
  box-shadow: 0 0 0px 20px rgba(63, 81, 181, 0.26);
  background-color: rgba(63, 81, 181, 0.26);
}
.mdl-switch__label {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  left: 24px;
}
.mdl-switch__label fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__label {
  color: #bdbdbd;
  cursor: auto;
}
.mdl-switch__ripple-container {
  position: absolute;
  z-index: 2;
  top: -12px;
  left: -14px;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  transition-duration: 0.40s;
  transition-timing-function: step-end;
  transition-property: left;
}
.mdl-switch__ripple-container .mdl-ripple {
  background: #3f51b5;
}
.mdl-switch__ripple-container fieldset[disabled] .mdl-switch,
.mdl-switch.is-disabled .mdl-switch__ripple-container {
  cursor: auto;
}
fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
  background: transparent;
}
.mdl-switch.is-checked .mdl-switch__ripple-container {
  left: 2px;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tabs {
  display: block;
  width: 100%;
}
.mdl-tabs__tab-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 48px;
  padding: 0 0 0 0;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}
.mdl-tabs__tab {
  margin: 0;
  border: none;
  padding: 0 24px 0 24px;
  float: left;
  position: relative;
  display: block;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.54);
  overflow: hidden;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  color: rgba(0, 0, 0, 0.87);
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
  height: 2px;
  width: 100%;
  display: block;
  content: " ";
  bottom: 0px;
  left: 0px;
  position: absolute;
  background: #3f51b5;
  -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
  transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}
.mdl-tabs__tab .mdl-tabs__ripple-container {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden;
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
  background: #3f51b5;
}
.mdl-tabs__panel {
  display: block;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel {
  display: none;
}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
  display: block;
}
@-webkit-keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes border-expand {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-textfield {
  position: relative;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  width: 300px;
  max-width: 100%;
  margin: 0;
  padding: 20px 0;
}
.mdl-textfield .mdl-button {
  position: absolute;
  bottom: 20px;
}
.mdl-textfield--align-right {
  text-align: right;
}
.mdl-textfield--full-width {
  width: 100%;
}
.mdl-textfield--expandable {
  min-width: 32px;
  width: auto;
  min-height: 32px;
}
.mdl-textfield--expandable .mdl-button--icon {
  top: 16px;
}
.mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  display: block;
  font-size: 16px;
  font-family: "Helvetica", "Arial", sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: none;
  text-align: left;
  color: inherit;
}
.mdl-textfield__input[type="number"] {
  -moz-appearance: textfield;
}
.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mdl-textfield.is-focused .mdl-textfield__input {
  outline: none;
}
.mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: #d50000;
  box-shadow: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
  background-color: transparent;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.26);
}
.mdl-textfield textarea.mdl-textfield__input {
  display: block;
}
.mdl-textfield__label {
  bottom: 0;
  color: rgba(0, 0, 0, 0.26);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 24px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
}
.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
  visibility: hidden;
}
.mdl-textfield--floating-label .mdl-textfield__label {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  transition: none;
}
fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
  color: rgba(0, 0, 0, 0.26);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #3f51b5;
  font-size: 12px;
  top: 4px;
  visibility: visible;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
  top: -16px;
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: #d50000;
  font-size: 12px;
}
.mdl-textfield__label:after {
  background-color: #3f51b5;
  bottom: 20px;
  content: '';
  height: 2px;
  left: 45%;
  position: absolute;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
  width: 10px;
}
.mdl-textfield.is-focused .mdl-textfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #d50000;
}
.mdl-textfield__error {
  color: #d50000;
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
.mdl-textfield.is-invalid .mdl-textfield__error {
  visibility: visible;
}
.mdl-textfield__expandable-holder {
  position: relative;
  margin-left: 32px;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  display: inline-block;
  max-width: 0.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
  max-width: 600px;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
  bottom: 0;
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-tooltip {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  z-index: 999;
  background: rgba(97, 97, 97, 0.9);
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  max-width: 170px;
  position: fixed;
  top: -500px;
  left: -500px;
  padding: 8px;
  text-align: center;
}
.mdl-tooltip.is-active {
  -webkit-animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
  animation: pulse 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}
.mdl-tooltip--large {
  line-height: 14px;
  font-size: 14px;
  padding: 16px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
  }
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
.mdl-shadow--2dp {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mdl-shadow--3dp {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mdl-shadow--4dp {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--6dp {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--8dp {
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--16dp {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.mdl-shadow--24dp {
  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* NOTE: Some rules here are applied using duplicate selectors.
* This is on purpose to increase their specificity when applied.
* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone`
*/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*------------------------------------*    $CONTENTS
\*------------------------------------*/
/**
 * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
 * -----Typography
 * -----Colors
 * -----Textfield
 * -----Switch
 * -----Spinner
 * -----Radio
 * -----Menu
 * -----List
 * -----Layout
 * -----Icon toggles
 * -----Footer
 * -----Column
 * -----Checkbox
 * -----Card
 * -----Button
 * -----Animation
 * -----Progress
 * -----Badge
 * -----Shadows
 * -----Grid
 * -----Data table
 * -----Dialog
 * -----Snackbar
 * -----Tooltip
 * -----Chip
 *
 * Even though all variables have the `!default` directive, most of them
 * should not be changed as they are dependent one another. This can cause
 * visual distortions (like alignment issues) that are hard to track down
 * and fix.
 */
/* ==========  TYPOGRAPHY  ========== */
/* We're splitting fonts into "preferred" and "performance" in order to optimize
   page loading. For important text, such as the body, we want it to load
   immediately and not wait for the web font load, whereas for other sections,
   such as headers and titles, we're OK with things taking a bit longer to load.
   We do have some optional classes and parameters in the mixins, in case you
   definitely want to make sure you're using the preferred font and don't mind
   the performance hit.
   We should be able to improve on this once CSS Font Loading L3 becomes more
   widely available.
*/
/* ==========  COLORS  ========== */
/**
*
* Material design color palettes.
* @see http://www.google.com/design/spec/style/color.html
*
**/
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  Color Palettes  ========== */
/* colors.scss */
/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* ==========  IMAGES  ========== */
/* ==========  Color & Themes  ========== */
/* ==========  Typography  ========== */
/* ==========  Components  ========== */
/* ==========  Standard Buttons  ========== */
/* ==========  Icon Toggles  ========== */
/* ==========  Radio Buttons  ========== */
/* ==========  Ripple effect  ========== */
/* ==========  Layout  ========== */
/* ==========  Content Tabs  ========== */
/* ==========  Checkboxes  ========== */
/* ==========  Switches  ========== */
/* ==========  Spinner  ========== */
/* ==========  Text fields  ========== */
/* ==========  Card  ========== */
/* ==========  Sliders ========== */
/* ========== Progress ========== */
/* ==========  List ========== */
/* ==========  Item ========== */
/* ==========  Dropdown menu ========== */
/* ==========  Tooltips  ========== */
/* ==========  Footer  ========== */
/* TEXTFIELD */
/* SWITCH */
/* SPINNER */
/* RADIO */
/* MENU */
/* LIST */
/* LAYOUT */
/* ICON TOGGLE */
/* FOOTER */
/*mega-footer*/
/*mini-footer*/
/* CHECKBOX */
/* CARD */
/* Card dimensions */
/* Cover image */
/* BUTTON */
/**
 *
 * Dimensions
 *
 */
/* ANIMATION */
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
/* CHIP */
.mdl-grid {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 auto 0 auto;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.mdl-grid.mdl-grid--no-spacing {
  padding: 0;
}
.mdl-cell {
  box-sizing: border-box;
}
.mdl-cell--top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.mdl-cell--middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.mdl-cell--bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.mdl-cell--stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
  margin: 0;
}
.mdl-cell--order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.mdl-cell--order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.mdl-cell--order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}
.mdl-cell--order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}
.mdl-cell--order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}
.mdl-cell--order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}
.mdl-cell--order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}
.mdl-cell--order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}
.mdl-cell--order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}
.mdl-cell--order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}
.mdl-cell--order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}
.mdl-cell--order-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}
@media (max-width: 479px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 100%;
  }
  .mdl-cell--hide-phone {
    display: none !important;
  }
  .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: calc(9%);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
    width: 25%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: calc(34%);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
    width: 50%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: calc(59%);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
  .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
    width: 75%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
    width: 100%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
    width: 100%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
  .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
    width: 100%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
    width: 100%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
    width: 100%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
  .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
    width: 100%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
    width: 100%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
    width: 100%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
    width: 100%;
  }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: calc(33%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
    margin-left: 25%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: calc(58%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
    margin-left: 50%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: calc(83%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
    margin-left: 75%;
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(34%);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 50%;
  }
  .mdl-cell--hide-tablet {
    display: none !important;
  }
  .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: calc(-3.5%);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
    width: 12.5%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: calc(9%);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
    width: 25%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: calc(21.5%);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
  .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
    width: 37.5%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: calc(34%);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
    width: 50%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: calc(46.5%);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
    width: 62.5%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: calc(59%);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
  .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
    width: 75%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: calc(71.5%);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
    width: 87.5%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
    width: 100%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
  .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
    width: 100%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
    width: 100%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
    width: 100%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
    width: 100%;
  }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: calc(20.5%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
    margin-left: 12.5%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: calc(33%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
    margin-left: 25%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: calc(45.5%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
    margin-left: 37.5%;
  }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: calc(58%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
    margin-left: 50%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: calc(70.5%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
    margin-left: 62.5%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: calc(83%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
    margin-left: 75%;
  }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: calc(95.5%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
    margin-left: 87.5%;
  }
}
@media (min-width: 840px) {
  .mdl-grid {
    padding: 8px;
  }
  .mdl-cell {
    margin: 8px;
    width: calc(17.33333333%);
  }
  .mdl-grid--no-spacing > .mdl-cell {
    width: 33.3333333333%;
  }
  .mdl-cell--hide-desktop {
    display: none !important;
  }
  .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }
  .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
  .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }
  .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }
  .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }
  .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }
  .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }
  .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }
  .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }
  .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }
  .mdl-cell--1-col,
  .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: calc(-7.66666667%);
  }
  .mdl-grid--no-spacing > .mdl-cell--1-col,
  .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
    width: 8.3333333333%;
  }
  .mdl-cell--2-col,
  .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: calc(0.66666667%);
  }
  .mdl-grid--no-spacing > .mdl-cell--2-col,
  .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
    width: 16.6666666667%;
  }
  .mdl-cell--3-col,
  .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: calc(9%);
  }
  .mdl-grid--no-spacing > .mdl-cell--3-col,
  .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
    width: 25%;
  }
  .mdl-cell--4-col,
  .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: calc(17.33333333%);
  }
  .mdl-grid--no-spacing > .mdl-cell--4-col,
  .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
    width: 33.3333333333%;
  }
  .mdl-cell--5-col,
  .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: calc(25.66666667%);
  }
  .mdl-grid--no-spacing > .mdl-cell--5-col,
  .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
    width: 41.6666666667%;
  }
  .mdl-cell--6-col,
  .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: calc(34%);
  }
  .mdl-grid--no-spacing > .mdl-cell--6-col,
  .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
    width: 50%;
  }
  .mdl-cell--7-col,
  .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: calc(42.33333333%);
  }
  .mdl-grid--no-spacing > .mdl-cell--7-col,
  .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
    width: 58.3333333333%;
  }
  .mdl-cell--8-col,
  .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: calc(50.66666667%);
  }
  .mdl-grid--no-spacing > .mdl-cell--8-col,
  .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
    width: 66.6666666667%;
  }
  .mdl-cell--9-col,
  .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: calc(59%);
  }
  .mdl-grid--no-spacing > .mdl-cell--9-col,
  .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
    width: 75%;
  }
  .mdl-cell--10-col,
  .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: calc(67.33333333%);
  }
  .mdl-grid--no-spacing > .mdl-cell--10-col,
  .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
    width: 83.3333333333%;
  }
  .mdl-cell--11-col,
  .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: calc(75.66666667%);
  }
  .mdl-grid--no-spacing > .mdl-cell--11-col,
  .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
    width: 91.6666666667%;
  }
  .mdl-cell--12-col,
  .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: calc(84%);
  }
  .mdl-grid--no-spacing > .mdl-cell--12-col,
  .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
    width: 100%;
  }
  .mdl-cell--1-offset,
  .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: calc(16.33333333%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
    margin-left: 8.3333333333%;
  }
  .mdl-cell--2-offset,
  .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: calc(24.66666667%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
    margin-left: 16.6666666667%;
  }
  .mdl-cell--3-offset,
  .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: calc(33%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
    margin-left: 25%;
  }
  .mdl-cell--4-offset,
  .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: calc(41.33333333%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
    margin-left: 33.3333333333%;
  }
  .mdl-cell--5-offset,
  .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: calc(49.66666667%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
    margin-left: 41.6666666667%;
  }
  .mdl-cell--6-offset,
  .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: calc(58%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
    margin-left: 50%;
  }
  .mdl-cell--7-offset,
  .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: calc(66.33333333%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
    margin-left: 58.3333333333%;
  }
  .mdl-cell--8-offset,
  .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: calc(74.66666667%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
    margin-left: 66.6666666667%;
  }
  .mdl-cell--9-offset,
  .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: calc(83%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
    margin-left: 75%;
  }
  .mdl-cell--10-offset,
  .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: calc(91.33333333%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
    margin-left: 83.3333333333%;
  }
  .mdl-cell--11-offset,
  .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: calc(99.66666667%);
  }
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset,
  .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
    margin-left: 91.6666666667%;
  }
}
/*

Animate.less
Cross-browser LESS animation library for Bootstrap
Licensed under the ☺ license (http://licence.visualidiot.com/)
Documenation: https://github.com/machito/animate.less
-------------------------------------------------------
Copyright © 2012 Michael Castilla
Email: yo@machito.co
Twitter: https://twitter.com/micr0bitz

*/
body {
  -webkit-backface-visibility: hidden;
}
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
body,
input,
textarea,
select,
button {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  font-smooth: always;
}
*:not(.material-icons) {
  font-family: 'Open Sans', sans-serif;
  quotes: "“" "”";
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
h2 {
  line-height: 65px;
  font-weight: 300;
  font-size: 48px;
  text-align: center;
  margin: 64px 0 16px 0;
}
h3 {
  font-weight: 600;
  letter-spacing: 0.3px;
  font-size: 36px;
  line-height: 49px;
  margin: 0 0 24px 0;
}
p {
  letter-spacing: 0.1px;
}
p.lead {
  text-align: center;
}
ol {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: disc outside;
}
ol li {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 16px;
  line-height: 1.4;
}
@media (max-width: 420px) {
  h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
h2 {
  color: #4a4a4a;
}
h3 {
  color: #9b9b9b;
}
p {
  color: #9b9b9b;
}
ol {
  color: #797979;
}
body {
  background-color: rgba(0, 0, 0, 0.98);
  box-sizing: border-box;
}
div.container {
  width: 100%;
  max-width: 1024px;
  margin: auto;
}
.container--left {
  box-sizing: border-box;
  float: left;
  width: 60%;
  padding: 0 16px 0 0;
}
.container--right {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 40%;
  padding: 0 0 0 16px;
}
@media (max-width: 1040px) {
  .container--left {
    padding-left: 24px;
  }
  .container--right {
    padding-right: 24px;
  }
}
@media (max-width: 916px) {
  .container--left,
  .container--right {
    padding: 0 24px;
    float: none;
    width: 100%;
  }
}
body.body-light {
  background-color: #FFFFFF;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
  background-color: #9b9b9b;
  color: #ffffff;
  padding: 0 23px;
  font-size: 18px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  font-weight: 700;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised .mdl-button__ripple-container,
.mdl-button--accent.mdl-button--accent.mdl-button--fab .mdl-button__ripple-container {
  border-radius: 6px;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised.mdl-button--primary,
.mdl-button--accent.mdl-button--accent.mdl-button--fab.mdl-button--primary {
  background-color: #ff5722;
}
div.navigation a.brand {
  display: block;
  float: left;
  position: relative;
  background: url("../../images/logo.svg") no-repeat center;
  background-size: 27px 36px;
  width: 27px;
  height: 36px;
  text-indent: -9999px;
  margin: 29px 0 27px 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
div.navigation a.brand:after {
  content: attr(data-flag);
  display: block;
  text-indent: initial;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  color: #ffab91;
  text-decoration: none;
  position: absolute;
  left: 35px;
  top: 0;
}
div.navigation a.brand:active {
  opacity: .75;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
div.navigation ul {
  display: block;
  float: right;
  margin: 36px 0;
  padding: 0;
}
div.navigation ul li {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.1px;
  color: #ffffff;
  text-transform: uppercase;
  margin-left: 36px;
}
div.navigation ul li a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
div.navigation ul li a:active {
  opacity: .75;
}
div.navigation ul li.active {
  border-bottom: 2px solid #ff5722;
}
div.navigation ul li:last-child {
  position: relative;
  width: 62px;
}
div.navigation ul li:last-child a {
  padding: 8px;
  display: block;
  border: 1px solid #ffffff;
  position: absolute;
  width: 100%;
  text-align: center;
  right: 0;
  top: -24px;
  border-radius: 4px;
}
div.navigation ul li:last-child.openApp {
  margin-left: 48px;
  width: 80px;
}
div.navigation button.mdl-button.mdl-button--colored {
  display: none;
  color: #ffffff;
}
@media (max-width: 1040px) {
  div.navigation {
    padding: 0 24px;
  }
}
@media (max-width: 704px) {
  div.navigation {
    position: relative;
  }
  div.navigation a.brand {
    background-size: contain;
    width: 22px;
  }
  div.navigation a.brand:after {
    top: 5px;
  }
  div.navigation ul {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    float: none;
    height: 100%;
    text-align: center;
    margin: 0;
    padding: 98px 0 0 0;
    z-index: 1;
  }
  div.navigation ul:after {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.98);
    z-index: -1;
  }
  div.navigation ul li {
    display: block;
    line-height: 48px;
    height: 48px;
    margin-left: 0;
  }
  div.navigation ul li.active {
    border-bottom: none;
    color: #ff5722;
  }
  div.navigation ul li:last-child {
    position: static;
    width: auto;
  }
  div.navigation ul li:last-child a {
    padding: 0;
    display: inline;
    border: none;
    position: static;
    width: auto;
    text-align: left;
    border-radius: 0;
  }
  div.navigation ul li:last-child.openApp {
    margin-left: 0;
    width: auto;
  }
  div.navigation button.mdl-button.mdl-button--colored {
    position: absolute;
    right: 24px;
    top: 32px;
    display: block;
    z-index: 1;
  }
}
@media (max-height: 345px) and (max-width: 690px) {
  div.navigation ul {
    padding-top: 32px;
  }
}
body.body-light div.navigation {
  border-bottom: 1px solid #f0f0f0;
}
body.body-light div.navigation a.brand {
  background: url("../../images/logoOrange.svg") no-repeat center;
  background-size: 27px 36px;
}
body.body-light div.navigation ul li {
  color: #9b9b9b;
}
body.body-light div.navigation ul li.active {
  opacity: 1;
  color: #4a4a4a;
}
body.body-light div.navigation ul li:last-child a {
  border: 1px solid #9b9b9b;
}
body.body-light div.navigation button.mdl-button.mdl-button--colored {
  color: #9b9b9b;
}
@media (max-width: 690px) {
  body.body-light div.navigation a.brand {
    background-size: contain;
  }
  body.body-light div.navigation.navigation-opened ul li {
    color: #FFFFFF;
  }
  body.body-light div.navigation.navigation-opened ul li.active {
    color: #ff5722;
  }
  body.body-light div.navigation.navigation-opened ul li:last-child a {
    border: none;
  }
  body.body-light div.navigation.navigation-opened button.mdl-button.mdl-button--colored {
    color: #FFFFFF;
  }
}
div.navigation-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: rgba(255, 255, 255, 0.98);
}
div.navigation .container.container-full {
  max-width: none;
  padding: 0 24px;
  box-sizing: border-box;
}
@media (max-width: 1040px) {
  div.navigation .container.container-full {
    padding: 0;
  }
}
div.hero {
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(50% - 64px);
  transform: translateY(-50%);
  text-align: center;
  padding: 64px 0;
}
div.hero h1 {
  font-size: 48px;
  line-height: 1.2;
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: 300;
  margin: 0;
}
div.hero h1 strong {
  font-weight: 600;
}
div.hero p {
  margin: 32px 0 40px 0;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1px;
  font-weight: 600;
  color: #ffffff;
}
@media (max-width: 1040px) {
  div.hero {
    width: calc(100% - 48px);
    margin: 0 24px;
  }
  div.hero h1 {
    font-size: 40px;
  }
}
@media (max-width: 560px) {
  div.hero {
    padding: 32px 0;
    position: static;
    transform: none;
  }
  div.hero h1 {
    font-size: 32px;
    padding: 0 5px;
  }
  div.hero h1 br {
    display: none;
  }
  div.hero p br {
    display: none;
  }
}
@media (max-height: 720px) {
  div.hero {
    position: static;
    transform: none;
  }
}
div.footer {
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 12px;
  width: 100%;
  height: 164px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.32+0,1+59 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.32) 0%, #000000 59%, #000000 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.32) 0%, #000000 59%, #000000 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.32) 0%, #000000 59%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#52000000', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  border-top: 1px solid rgba(255, 255, 255, 0.24);
}
div.footer.footer-static {
  position: static;
  min-height: 185px;
  margin-top: 80px;
}
div.footer.footer-static.footer-fit {
  margin-top: 0;
}
div.footer div.container {
  position: relative;
}
div.footer span.author {
  position: absolute;
  right: 0;
  top: -50px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.1px;
  line-height: 14px;
}
div.footer span.author a {
  text-decoration: none;
  color: inherit;
}
div.footer div.column {
  float: left;
  padding: 34px 0 0 0;
}
div.footer div.column.column-left {
  width: calc(33% + 134px);
  padding-left: 0;
  margin-right: 0;
}
div.footer div.column.column-center {
  margin-left: 48px;
  width: 26%;
}
div.footer div.column.column-right {
  width: 125px;
  float: right;
  padding-right: 58px;
}
div.footer div.column h6 {
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 8px 0;
}
div.footer div.column p,
div.footer div.column ul li {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: #9b9b9b;
  padding: 0;
}
div.footer div.column p {
  margin: 0;
}
div.footer div.column ul {
  float: left;
  margin: 0 23px 0 0;
  padding: 0;
}
div.footer div.column ul li {
  display: block;
}
div.footer div.column ul li a {
  color: inherit;
  text-decoration: none;
  line-height: inherit;
}
div.footer div.column ul li a:active {
  opacity: .7;
}
div.footer div.column ul.logos {
  margin: 4px 0 0 0;
  float: none;
}
div.footer div.column ul.logos:after {
  content: "";
  display: block;
  clear: both;
}
div.footer div.column ul.logos li {
  float: left;
  margin-right: 16px;
  margin-bottom: 14px;
}
div.footer div.column ul.logos li:last-child {
  margin-right: 0;
}
div.footer div.column ul.logos li a {
  display: block;
  height: 30px;
  text-indent: -9999px;
}
div.footer div.column ul.logos li a.logo-tnw {
  background: url("../../images/logo_tnw.png") no-repeat center;
  background-size: 75px 30px;
  width: 75px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.footer div.column ul.logos li a.logo-tnw {
    background: url("../../images/logo_tnw@2x.png") no-repeat center;
    background-size: 75px 30px;
  }
}
div.footer div.column ul.logos li a.logo-dpreview {
  background: url("../../images/logo_dpreview.png") no-repeat center;
  background-size: 168px 30px;
  width: 168px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.footer div.column ul.logos li a.logo-dpreview {
    background: url("../../images/logo_dpreview@2x.png") no-repeat center;
    background-size: 168px 30px;
  }
}
div.footer div.column ul.logos li a.logo-slrlounge {
  background: url("../../images/logo_slr_lounge.png") no-repeat center;
  background-size: 112px 30px;
  width: 112px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  div.footer div.column ul.logos li a.logo-slrlounge {
    background: url("../../images/logo_slr_lounge@2x.png") no-repeat center;
    background-size: 112px 30px;
  }
}
div.footer div.column ul.logos-simplified {
  margin: 0;
  float: none;
}
div.footer div.column ul.logos-simplified li {
  float: left;
  margin-right: 12px;
  position: relative;
}
div.footer div.column ul.logos-simplified li:after {
  content: "•";
  display: block;
  position: absolute;
  right: -8px;
  top: 1px;
}
div.footer div.column ul.logos-simplified li:last-child:after {
  display: none;
}
div.footer div.column ul.logos-simplified:after {
  content: "";
  display: block;
  clear: both;
}
div.footer div.column a.app-store {
  display: block;
  background: url("../../images/ic-app-store-light.svg") no-repeat;
  background-size: 127px 42px;
  width: 127px;
  height: 42px;
  text-indent: -9999px;
  margin: 0;
}
div.footer div.column a.app-store:active {
  opacity: .7;
}
div.footer div.column a.google-play {
  display: block;
  background: url("../../images/ic-google-play-light.svg") no-repeat;
  background-size: 127px 42px;
  width: 127px;
  height: 42px;
  text-indent: -9999px;
  margin: 8px 0 16px;
}
div.footer div.column a.google-play:active {
  opacity: .7;
}
@media (max-width: 1040px) {
  div.footer span.author {
    right: 24px;
  }
  div.footer div.column.column-left {
    padding-left: 24px;
    width: calc(33% + 132px);
  }
  div.footer div.column.column-center {
    margin-left: 48px;
  }
}
@media (max-width: 1020px) {
  div.footer {
    position: absolute;
    margin: 0;
  }
  div.footer div.column {
    float: none;
  }
  div.footer div.column.column-right,
  div.footer div.column.column-center,
  div.footer div.column.column-left {
    width: calc(100% - 48px);
    float: none;
    padding: 8px 24px 24px 24px;
    margin-left: 0;
    margin-right: 0;
  }
  div.footer div.column.column-left {
    float: left;
    width: 50%;
  }
  div.footer div.column.column-center {
    float: right;
    width: 32%;
  }
  div.footer div.column.column-right {
    clear: both;
    text-align: center;
    display: none;
  }
  div.footer div.column a.app-store {
    display: inline-block;
    margin: auto;
  }
  div.footer div.column a.google-play {
    display: inline-block;
    margin: auto auto auto 8px;
  }
}
@media (max-width: 800px) {
  div.footer {
    height: 390px;
    position: absolute;
    top: 100%;
    padding-top: 10px;
  }
  div.footer div.column {
    float: none;
  }
  div.footer div.column.column-right,
  div.footer div.column.column-center,
  div.footer div.column.column-left {
    width: calc(100% - 48px);
    float: none;
    padding: 8px 24px 24px 24px;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }
  div.footer div.column.column-right {
    display: block;
  }
  div.footer div.column p,
  div.footer div.column ul li {
    font-size: 14px;
  }
  div.footer a.app-store {
    margin: 0 0 16px 0;
  }
}
@media (max-height: 700px) {
  div.footer {
    position: static;
    min-height: 185px;
    margin-top: 64px;
  }
}
body.body-light div.footer {
  background: none;
  border-top: 1px solid #f0f0f0;
}
body.body-light div.footer div.column h6 {
  color: #4a4a4a;
}
body.body-light div.footer div.column ul li {
  color: #4a90e2;
}
body.body-light div.footer div.column a.app-store {
  background: url("../../images/ic-app-store-dark.svg") no-repeat;
  background-size: 127px 42px;
}
body.body-light div.footer div.column a.google-play {
  background: url("../../images/ic-google-play-dark.svg") no-repeat;
  background-size: 127px 42px;
}
div.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none;
  background-repeat: no-repeat;
  background-position: center top;
}
div.background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.48);
  z-index: -1;
}
div.background.background-cover {
  background-size: cover;
}
div.background.background-contain {
  background-size: contain;
}
@media (max-width: 690px) {
  div.background.background-contain {
    background-size: cover;
  }
}
div.terms {
  margin: 0 64px;
}
div.terms h2 {
  text-align: left;
}
div.terms h5 {
  line-height: 1.4;
}
div.terms h1,
div.terms h5,
div.terms p,
div.terms ol li {
  color: #4a4a4a;
}
div.terms ol li {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}
div.terms div.contact {
  margin-top: 64px;
  background: #f0f0f0;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
div.terms div.contact .wrapper {
  padding: 16px;
}
div.terms div.contact .wrapper:after {
  content: "";
  display: block;
  clear: both;
}
div.terms div.contact h5 {
  margin: 0 0 8px;
  padding: 0;
  font-size: 16px;
  line-height: 16px;
}
div.terms div.contact .column {
  float: left;
  width: 33.33%;
}
div.terms div.contact div,
div.terms div.contact address,
div.terms div.contact a {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
div.terms div.contact a {
  color: #4a90e2;
}
div.terms div.contact .cards {
  display: block;
  clear: both;
  padding: 16px 16px 0;
  border-top: 1px solid rgba(198, 198, 198, 0.36);
}
div.terms div.contact .cards img {
  height: 20px;
  display: block;
  float: left;
  margin-right: 8px;
  margin-bottom: 16px;
}
div.terms div.contact .cards:after {
  content: "";
  display: block;
  clear: both;
}
@media (max-width: 710px) {
  div.terms {
    margin: 0 24px;
  }
  div.terms div.contact {
    padding-bottom: 0;
  }
  div.terms div.contact .column {
    width: 100%;
    float: none;
    padding-bottom: 24px;
  }
  div.terms div.contact .wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 420px) {
  div.terms h5 {
    font-size: 18px;
  }
}
div.changelog {
  line-height: 36px;
  overflow: hidden;
  display: none;
  position: relative;
}
div.changelog .message {
  display: block;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
  border-bottom: 1px solid #444;
  padding: 10px 40px;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.95);
  z-index: 1;
  text-transform: uppercase;
  text-decoration: none;
}
div.changelog button {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 1;
  width: 36px;
  height: 100%;
  line-height: 100%;
  position: absolute;
  right: 0;
  top: -2px;
  background: none;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  font-size: 25px;
  color: #FFFFFF;
}
div.changelog button:active {
  opacity: .5;
}
div.plan div.plans {
  display: table;
  margin: 64px auto 0 auto;
  text-align: center;
  max-width: 760px;
  width: 100%;
}
div.plan div.plans:after {
  content: "";
  display: block;
  clear: both;
}
div.plan div.plans div.plan-box {
  display: table-cell;
  width: 50%;
  max-width: 380px;
  border: 1px solid #d4d4d4;
  text-align: left;
  padding: 36px 36px 268px 36px;
  position: relative;
}
div.plan div.plans div.plan-box.plan-box-top {
  width: 50%;
  border: 4px solid #ff5722;
  border-radius: 4px;
}
div.plan div.plans div.plan-box.plan-box-top h3 {
  color: #ff5722;
}
div.plan div.plans div.plan-box.plan-box-top ol li {
  color: #4a4a4a;
}
div.plan div.plans div.plan-box.plan-box-top div.bottom {
  bottom: 29px;
}
div.plan div.plans div.plan-box div.bottom {
  position: absolute;
  bottom: 32px;
  left: 36px;
  right: 36px;
}
div.plan div.plans div.plan-box span.price {
  display: block;
  margin-top: 40px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 8px 0 16px 0;
  text-align: center;
  line-height: 98px;
  height: 98px;
  font-weight: 600;
  font-size: 72px;
  letter-spacing: 0.6px;
  color: #4a4a4a;
}
div.plan div.plans div.plan-box span.price .currency {
  font-size: 54px;
  letter-spacing: 0.5px;
  color: #797979;
  position: relative;
  bottom: 7px;
  font-weight: 400;
}
div.plan div.plans div.plan-box span.price strong {
  line-height: 1;
}
div.plan div.plans div.plan-box span.price sup {
  font-size: 30px;
  letter-spacing: 0.3px;
  position: relative;
  bottom: 3px;
}
div.plan div.plans div.plan-box span.price .period {
  font-size: 20px;
  letter-spacing: 0.2px;
}
div.plan div.plans div.plan-box div.actions {
  text-align: center;
  margin-top: 32px;
}
div.plan div.plans div.plan-box div.actions .mdl-button {
  box-shadow: none;
}
@media (max-width: 770px) {
  div.plan div.plans {
    width: auto;
    padding: 0 24px;
  }
  div.plan div.plans div.plan-box {
    padding: 24px 24px 268px 24px;
  }
  div.plan div.plans div.plan-box div.bottom {
    left: 24px;
    right: 24px;
  }
}
@media (max-width: 670px) {
  div.plan div.plans div.plan-box {
    display: block;
    width: auto;
    margin-bottom: 64px;
  }
  div.plan div.plans div.plan-box.plan-box-top {
    width: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 420px) {
  div.plan h2,
  div.plan p.lead {
    padding: 0 24px;
  }
  div.plan div.plans div.plan-box {
    padding: 16px 16px 238px 16px;
  }
  div.plan div.plans div.plan-box ol li {
    font-size: 14px;
    margin-bottom: 8px;
  }
  div.plan div.plans div.plan-box h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 16px;
  }
  div.plan div.plans div.plan-box span.price {
    line-height: 80px;
    height: 80px;
    font-size: 64px;
    margin-top: 20px;
  }
  div.plan div.plans div.plan-box span.price .currency {
    font-size: 48px;
    bottom: 6px;
  }
}
div.testimonials div.testimonials-list {
  width: 100%;
  max-width: 784px;
  margin: 44px auto 0;
  position: relative;
}
div.testimonials div.testimonials-list div.testimonials-list-inner {
  width: 3000px;
}
div.testimonials div.testimonials-list div.testimonials-list-inner:after {
  content: "";
  display: block;
  clear: both;
}
div.testimonials div.testimonials-list div.testimonials-list-buttons {
  overflow: hidden;
  height: 258px;
  position: relative;
}
div.testimonials div.testimonials-list div.testimonials-box {
  display: none;
  width: calc(33.33% - 24px);
  padding: 32px 24px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 12px;
  max-width: 237px;
  position: absolute;
  top: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
}
div.testimonials div.testimonials-list div.testimonials-box img {
  display: block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #d8d8d8;
  margin: 0 auto 16px auto;
}
div.testimonials div.testimonials-list div.testimonials-box span.name {
  display: block;
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  color: #4a4a4a;
}
div.testimonials div.testimonials-list div.testimonials-box p {
  font-size: 14px;
  line-height: 20px;
  color: #4a4a4a;
  margin: 32px 0 0 0;
  height: 60px;
}
div.testimonials div.testimonials-list button {
  position: absolute;
  top: 98px;
  color: #000000;
}
div.testimonials div.testimonials-list button.buttonLeft {
  left: -44px;
}
div.testimonials div.testimonials-list button.buttonRight {
  right: -44px;
}
@media (max-width: 888px) {
  div.testimonials div.testimonials-list {
    max-width: 522px;
  }
  div.testimonials div.testimonials-list div.testimonials-box {
    width: calc(50% - 24px);
  }
}
@media (max-width: 610px) {
  div.testimonials div.testimonials-list {
    max-width: 261px;
  }
  div.testimonials div.testimonials-list div.testimonials-box {
    width: calc(100% - 24px);
  }
}
@media (max-width: 420px) {
  div.testimonials h2 {
    padding: 0 24px;
  }
}
@media (max-width: 360px) {
  div.testimonials div.testimonials-list button.buttonLeft {
    left: -34px;
  }
  div.testimonials div.testimonials-list button.buttonRight {
    right: -34px;
  }
}
@media (max-width: 340px) {
  div.testimonials div.testimonials-list button.buttonLeft {
    left: -26px;
  }
  div.testimonials div.testimonials-list button.buttonRight {
    right: -26px;
  }
}
div.carousel {
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background: #e9e9e9;
  position: relative;
  bottom: 1px;
}
div.carousel:after {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background: #ffffff;
  position: absolute;
  bottom: -31px;
  left: 0;
}
div.carousel h2 {
  margin: 0 0 12px 0;
  color: #000000;
  text-align: left;
}
div.carousel p {
  color: #4a4a4a;
  letter-spacing: 0.1px;
  font-weight: 500;
}
div.carousel .container {
  position: relative;
}
div.carousel .item {
  height: 411px;
  position: relative;
}
div.carousel .description {
  float: left;
  width: calc(100% - 596px);
  padding: 64px 80px 0 72px;
  box-sizing: border-box;
}
div.carousel img {
  opacity: 0;
  width: 100%;
  max-width: 596px;
  position: absolute;
  right: 0;
  bottom: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
div.carousel ul.pagination {
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 113px;
  left: 75px;
  line-height: 16px;
}
div.carousel ul.pagination:after {
  content: "";
  display: block;
  clear: both;
}
div.carousel ul.pagination li {
  display: inline-block;
  list-style: none;
  margin-right: 8px;
}
div.carousel ul.pagination li a {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  text-decoration: none;
}
div.carousel ul.pagination li a.active {
  background: #795548;
}
@media (max-width: 1170px) {
  div.carousel {
    padding: 0 24px 0 0;
  }
}
@media (max-width: 950px) {
  div.carousel {
    padding: 0;
  }
  div.carousel .item {
    height: auto;
  }
  div.carousel h2 {
    text-align: center;
  }
  div.carousel .description {
    float: none;
    width: 50%;
    margin: auto;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  div.carousel img {
    position: static;
    margin: auto;
    display: block;
  }
  div.carousel ul.pagination {
    position: static;
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (max-width: 575px) {
  div.carousel .description {
    width: 100%;
    padding: 32px 24px 0 24px;
  }
  div.carousel ul.pagination {
    margin-top: 32px;
  }
}
div.mobile {
  padding: 64px 0 0 0;
  border-bottom: 1px solid #f0f0f0;
  text-align: center;
}
div.mobile .app-store,
div.mobile .google-play {
  display: inline-block;
  margin-bottom: 0;
}
div.mobile--noBorder {
  border-bottom: none;
}
div.mobile h2,
div.mobile p {
  text-align: center;
  padding: 0 20px;
  max-width: 500px;
  margin: auto;
}
div.mobile h2 {
  margin-top: 0;
  margin-bottom: 12px;
}
div.mobile div.preview {
  max-width: 615px;
  width: 100%;
  padding-top: 32px;
  margin: auto;
  height: 234px;
  overflow: hidden;
}
div.mobile div.preview .screen {
  float: right;
  background: url("../../images/iphone.svg") no-repeat center;
  background-size: 185px 342px;
  width: 185px;
  height: 342px;
  margin-left: 24px;
}
div.mobile div.preview .screen img {
  display: block;
  max-width: 158.5px;
  width: 100%;
  margin: 53px 0 0 14.5px;
}
div.mobile div.preview .screen:last-child {
  margin-left: 0;
}
div.mobile div.preview:after {
  content: "";
  display: block;
  clear: both;
}
div.mobile .container:after {
  content: "";
  display: block;
  clear: both;
}
div.mobile .coming-soon {
  display: block;
  color: #9b9b9b;
  font-size: 12px;
  margin-top: 16px;
}
.mobile-links {
  text-align: center;
}
a.app-store {
  display: inline-block;
  background: url("../../images/ic-app-store-dark.svg") no-repeat;
  background-size: 127px 42px;
  width: 127px;
  height: 42px;
  text-indent: -9999px;
  margin: 32px 4px;
}
a.app-store:active {
  opacity: .7;
}
a.google-play {
  display: inline-block;
  background: url("../../images/ic-google-play-dark.svg") no-repeat;
  background-size: 127px 42px;
  width: 127px;
  height: 42px;
  text-indent: -9999px;
  margin: 32px 4px;
}
a.google-play:active {
  opacity: .7;
}
@media (max-width: 680px) {
  div.mobile div.preview {
    max-width: 420px;
    position: relative;
    left: -10px;
  }
  div.mobile div.preview .screen-lg {
    display: none;
  }
  div.mobile div.preview .screen-sm {
    display: block;
  }
}
@media (max-width: 480px) {
  div.mobile div.preview {
    width: 185px;
    position: static;
  }
  div.mobile div.preview .screen {
    margin-left: 0;
  }
  div.mobile div.preview .screen-sm {
    display: none;
  }
  div.mobile div.preview .screen-xs {
    display: block;
  }
}
div.error {
  text-align: center;
  margin-top: 7%;
  padding: 0 24px;
}
div.error div.container {
  max-width: 560px;
}
@media (max-width: 480px) {
  div.error h1 {
    font-size: 42px;
  }
}
div.video-preview {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow-y: auto;
}
div.video-preview .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
}
div.video-preview .preview-box {
  position: absolute;
  top: 13%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 64px;
  left: 20%;
  width: 60%;
  padding-bottom: 32.3%;
  background: #393739;
}
div.video-preview .preview-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 99999;
}
div.video-preview .preview-box button.mdl-button {
  position: absolute;
  top: -40px;
  right: -9px;
}
@media (max-height: 840px) {
  div.video-preview .preview-box {
    left: 30%;
    width: 40%;
    padding-bottom: 21.5%;
  }
}
@media (max-width: 1530px) and (min-height: 751px) {
  div.video-preview .preview-box {
    left: 10%;
    width: 80%;
    padding-bottom: 42.9%;
  }
}
@media (max-width: 1530px) and (max-height: 750px) {
  div.video-preview .preview-box {
    left: 20%;
    width: 60%;
    padding-bottom: 32.1%;
  }
}
@media (max-width: 600px) {
  div.video-preview .preview-box {
    width: 90%;
    left: 5%;
    padding-bottom: 42.1%;
  }
}
.features {
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.features .images {
  position: relative;
  height: 244px;
  width: 100%;
  padding-top: 20px;
  z-index: -1;
}
.features .images img {
  position: absolute;
  height: 208px;
  bottom: 0;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
}
.features .images img.highlighted {
  height: 244px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.features .images img.left {
  right: 65%;
}
.features .images img.right {
  left: 65%;
}
.features .images:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 15px;
  background: #FFFFFF;
  z-index: 1;
}
.features a.mdl-button {
  position: absolute;
  bottom: 88px;
  z-index: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
@media (max-width: 915px) {
  .features .images img {
    transition: all 0.3s ease-in;
  }
  .features .images img.left {
    right: 50%;
  }
  .features .images img.right {
    left: 50%;
  }
}
@media (max-width: 650px) {
  .features .images img.left {
    right: 40%;
  }
  .features .images img.right {
    left: 40%;
  }
}
@media (max-width: 535px) {
  .features .images img.left,
  .features .images img.right {
    display: none;
  }
}
@media (max-width: 420px) {
  .features h2 {
    margin-top: 32px;
  }
  .features .images {
    height: auto;
  }
  .features .images img.highlighted {
    position: static;
    width: calc(100% - 40px);
    height: auto;
    transform: none;
    margin: auto;
  }
  .features a.mdl-button {
    bottom: 72px;
  }
}
.features-item {
  padding-top: 127px;
  border-bottom: 1px solid #f0f0f0;
}
.features-item:after {
  content: "";
  display: block;
  clear: both;
}
.features-item .desc {
  padding: 0 70px;
  float: left;
  width: calc(100% - 637px);
  box-sizing: border-box;
}
.features-item .desc.desc-bigger {
  width: calc(100% - 451px);
}
.features-item .desc h3 {
  font-size: 32px;
  font-weight: 300;
  color: #4a4a4a;
  line-height: 42px;
  margin-bottom: 16px;
  margin-top: 25px;
}
.features-item .desc p {
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
}
.features-item .desc ul {
  padding: 0;
  margin: 0;
  max-width: 280px;
}
.features-item .desc ul:after {
  content: "";
  display: block;
  clear: both;
}
.features-item .desc ul li {
  list-style: none;
  display: block;
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
}
.features-item .desc ul li a {
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center center;
}
.features-item .desc ul li a.icon-facebook {
  background-image: url("../../../images/providers/icAccountFacebook@2x.png");
}
.features-item .desc ul li a.icon-twitter {
  background-image: url("../../../images/providers/icAccountTwitter@2x.png");
}
.features-item .desc ul li a.icon-instagram {
  background-image: url("../../../images/providers/icAccountInstagram@2x.png");
}
.features-item .desc ul li a.icon-blogger {
  background-image: url("../../../images/providers/icAccountBlogger@2x.png");
}
.features-item .desc ul li a.icon-tumblr {
  background-image: url("../../../images/providers/icAccountTumblr@2x.png");
}
.features-item .desc ul li a.icon-pinterest {
  background-image: url("../../../images/providers/icAccountPinterest@2x.png");
}
.features-item .desc ul li a.icon-flickr {
  background-image: url("../../../images/providers/icAccountFlickr@2x.png");
  border: solid 0.6px #979797;
  border-radius: 50%;
  width: 38px;
  height: 38px;
}
.features-item .desc ul li a.icon-500px {
  background-image: url("../../../images/providers/icAccount500px@2x.png");
}
.features-item .desc ul li a.icon-eyeem {
  background-image: url("../../../images/providers/icAccountEyeEm@2x.png");
}
.features-item .desc ul li a.icon-youpic {
  background-image: url("../../../images/providers/icAccountYouPic@2x.png");
}
.features-item .desc ul li a.icon-deviantart {
  background-image: url("../../../images/providers/icAccountDeviantart@2x.png");
}
.features-item .images {
  width: 637px;
  height: 314px;
  float: right;
  position: relative;
  overflow: hidden;
}
.features-item .images img {
  position: absolute;
  bottom: 0;
}
.features-item .images img:first-child {
  left: 0;
  height: 318px;
}
.features-item .images img:last-child {
  right: 0;
  height: 267px;
}
.features-item .images.images-single {
  width: 451px;
}
.features-item .images.images-single img {
  height: 318px;
}
@media (max-width: 990px) {
  .features-item {
    padding-top: 80px;
  }
  .features-item .desc,
  .features-item .desc.desc-bigger {
    width: calc(100% - 507px);
  }
  .features-item .desc ul {
    max-width: 210px;
  }
  .features-item .desc ul li {
    margin-right: 12px;
    margin-bottom: 12px;
  }
  .features-item .desc ul li a {
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
  }
  .features-item .desc ul li a.icon-flickr {
    width: 28px;
    height: 28px;
  }
  .features-item .images {
    width: 507px;
  }
  .features-item .images img:last-child {
    display: none;
  }
  .features-item .images.images-single {
    width: 507px;
  }
  .features-item .images.images-single img {
    display: block;
  }
}
@media (max-width: 872px) {
  .features-item .desc,
  .features-item .desc.desc-bigger {
    float: none;
    width: 100%;
    text-align: center;
  }
  .features-item .desc ul,
  .features-item .desc.desc-bigger ul {
    margin: 0 auto 8px auto;
    position: relative;
    left: 6px;
  }
  .features-item .desc br,
  .features-item .desc.desc-bigger br {
    display: none;
  }
  .features-item .desc p,
  .features-item .desc.desc-bigger p {
    max-width: 400px;
    margin: 0 auto 24px auto;
  }
  .features-item .images,
  .features-item .images.images-single {
    width: 451px;
    float: none;
    margin: auto;
  }
}
@media (max-width: 480px) {
  .features-item {
    padding-top: 50px;
  }
  .features-item .desc,
  .features-item .desc.desc-bigger {
    padding: 0 20px;
  }
  .features-item .desc ul,
  .features-item .desc.desc-bigger ul {
    max-width: 270px;
  }
  .features-item .desc ul li,
  .features-item .desc.desc-bigger ul li {
    float: none;
    display: inline-block;
  }
  .features-item .images,
  .features-item .images.images-single {
    width: 100%;
    height: 150px;
    overflow: hidden;
  }
  .features-item .images img,
  .features-item .images.images-single img {
    display: block;
    position: static;
    width: calc(100% - 40px);
    height: auto;
    margin: auto;
  }
  .features-item .images img:first-child,
  .features-item .images.images-single img:first-child,
  .features-item .images img:last-child,
  .features-item .images.images-single img:last-child {
    height: auto;
  }
}
h3.profileH3 {
  color: rgba(0, 0, 0, 0.87);
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
}
@media (max-width: 704px) {
  h3.profileH3 {
    font-size: 20px;
  }
}
.profileHeading {
  height: 260px;
  box-sizing: border-box;
  padding: 0 0 32px 0;
  margin: 0 0 64px 0;
  display: block;
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.87);
  z-index: 0;
}
.profileHeading * {
  transition: all 0.2s ease-in-out;
}
.profileHeading .container {
  position: relative;
  height: 128px;
  margin-top: 80px;
}
.profileHeading:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: .8;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.64) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.64) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.64) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc000000', endColorstr='#a3000000', GradientType=1);
}
.profileHeading__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -2;
  opacity: 0;
  animation: headingImageMove 15s infinite ease-in-out;
  animation-play-state: paused;
}
.profileHeading__image.profileHeading__image--active {
  animation-play-state: running;
}
@keyframes headingImageMove {
  0% {
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: scale3d(1.2, 1.2, 1);
    opacity: 0;
  }
}
.profileHeading__avatar {
  display: block;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 0;
}
.profileHeading__avatar.profileHeading__avatar--placeholder {
  font-size: 128px;
  color: #9b9b9b;
  opacity: 0.5;
}
.profileHeading__name {
  display: block;
  margin-left: 160px;
  padding: 16px 0;
  font-size: 48px;
  line-height: 52px;
  color: #f0f0f0;
  font-weight: 900;
}
.profileHeading__infoList {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 0 0 160px;
}
.profileHeading__infoList li {
  display: inline-block;
  list-style: none;
  font-size: 12px;
  color: #ff5722;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #ff5722;
  padding: 0 12px;
  margin-right: 4px;
  transition: all 0.2s ease-in-out;
}
.profileHeading__infoList li strong {
  display: inherit;
}
.profileHeading__infoList li:after {
  content: "";
  display: block;
  clear: both;
}
.profileHeading__infoList li.filled {
  background: #ff5722;
  color: #f0f0f0;
}
@media (max-width: 1040px) {
  .profileHeading {
    padding: 0 24px 32px 24px;
  }
}
@media (max-width: 916px) {
  .profileHeading {
    margin-bottom: 48px;
  }
}
@media (max-width: 704px) {
  .profileHeading {
    height: 160px;
  }
  .profileHeading .container {
    margin-top: 64px;
    height: 64px;
  }
  .profileHeading__avatar {
    width: 64px;
    height: 64px;
  }
  .profileHeading__avatar.profileHeading__avatar--placeholder {
    font-size: 64px;
  }
  .profileHeading__name {
    margin-left: 96px;
    font-size: 26px;
    line-height: 26px;
    padding: 6px 0;
  }
  .profileHeading__infoList {
    margin-left: 96px;
    height: 18px;
    line-height: 18px;
  }
  .profileHeading__infoList li {
    height: 16px;
    line-height: 16px;
    border-radius: 16px;
    padding: 0 8px;
    font-size: 9px;
  }
}
@media (max-width: 460px) {
  .profileHeading {
    text-align: center;
    padding-top: 20px;
    height: 184px;
  }
  .profileHeading .container {
    margin-top: 0;
  }
  .profileHeading__avatar {
    position: static;
    margin-bottom: 8px;
  }
  .profileHeading__name {
    margin-left: 0;
    margin-bottom: 8px;
  }
  .profileHeading__infoList {
    margin-left: 0;
  }
}
.profileList {
  margin: 0 0 64px 0;
  display: block;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  width: 50%;
  float: left;
}
.profileList__heading {
  padding: 16px 16px 8px 0;
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #9b9b9b;
  font-weight: 400;
}
.profileList__list {
  padding: 0;
  margin: 0;
  counter-reset: item;
}
.profileList__list li {
  font-size: 14px;
  line-height: 24px;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.profileList__list li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}
.profileList__list li:last-child {
  border-bottom: none;
}
.profileGallery {
  width: calc(100% + 32px);
  position: relative;
  margin: 0 -16px;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  margin-bottom: 32px;
}
.profileGallery .entry-visible {
  opacity: 1.0;
  filter: alpha(opacity=100);
  /* IE8 or Earlier */
}
.profileGallery__item {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
  /* IE8 or Earlier */
}
.profileGallery__item:hover:after {
  opacity: .7;
}
.profileGallery__item:hover .profileGallery__image {
  transform: scale(1.05, 1.05);
}
.profileGallery__item:hover .profileGallery__caption {
  opacity: 1;
}
.profileGallery__item:after {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  transition: all 0.2s ease-in-out;
}
.profileGallery__image {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  padding: 0;
  border: none;
  transition: all 0.2s ease-in-out;
}
.profileGallery__caption {
  position: absolute;
  bottom: 16px;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.profileGallery__captionTitle {
  display: block;
  width: 100%;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 900;
  padding: 0 16px 8px;
  color: #f0f0f0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profileGallery__captionDescription {
  display: block;
  width: calc(100% - 32px);
  max-height: 32px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 600;
  padding: 0 16px;
  color: #f0f0f0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised.btnGallery {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  padding: 0 16px;
  margin: 0 auto 64px auto;
  display: block;
}
.profileGallery__wrapper {
  position: relative;
}
.profileGallery__wrapper h3.profileH3 {
  margin-bottom: 8px;
}
.profileGallery__wrapper .mdl-spinner {
  position: absolute;
  top: 128px;
  left: calc(50% - 20px);
}
@media (max-width: 1040px) {
  .profileGallery__wrapper {
    padding: 0 24px;
  }
}
.profileBiography {
  margin-bottom: 64px;
  min-height: 216px;
}
.profileBiography p {
  color: rgba(0, 0, 0, 0.87);
  white-space: pre-wrap;
}
@media (max-width: 916px) {
  .profileBiography {
    margin-bottom: 48px;
    min-height: 0;
  }
}
.profileStats {
  margin-bottom: 32px;
}
.profileStats ul {
  display: block;
  padding: 0;
  margin: 0;
}
.profileStats ul:after {
  content: "";
  display: block;
  clear: both;
}
.profileStats ul li {
  display: block;
  color: #9b9b9b;
  width: 37.5%;
  float: left;
  margin-bottom: 16px;
}
.profileStats ul li strong {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.87);
}
.profileStats ul li:nth-child(3n) {
  width: 25%;
}
@media (max-width: 916px) {
  .profileStats {
    margin-bottom: 24px;
  }
  .profileStats ul li {
    width: 50%;
  }
  .profileStats ul li:nth-child(3n) {
    width: 50%;
  }
}
.profileSocialList {
  margin-bottom: 56px;
}
.profileSocialList ul {
  display: block;
  margin: 0;
  padding: 0;
}
.profileSocialList ul li {
  display: block;
  float: left;
  margin: 0 8px 8px 0;
}
.profileSocialList ul:after {
  content: "";
  display: block;
  clear: both;
}
.profileSocialList__link {
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}
.profileSocialList__link--facebook,
.profilePhoto__socialItemProviderIcon--facebook {
  background: url("../../../images/providers/icAccountFacebookBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--twitter,
.profilePhoto__socialItemProviderIcon--twitter {
  background: url("../../../images/providers/icAccountTwitterBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--flickr,
.profilePhoto__socialItemProviderIcon--flickr {
  background: url("../../../images/providers/icAccountFlickrBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--500px,
.profilePhoto__socialItemProviderIcon--500px {
  background: url("../../../images/providers/icAccount500pxBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--tumblr,
.profilePhoto__socialItemProviderIcon--tumblr {
  background: url("../../../images/providers/icAccountTumblrBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--pinterest,
.profilePhoto__socialItemProviderIcon--pinterest {
  background: url("../../../images/providers/icAccountPinterestBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--blogger,
.profilePhoto__socialItemProviderIcon--blogger {
  background: url("../../../images/providers/icAccountBloggerBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--eyeem,
.profilePhoto__socialItemProviderIcon--eyeem {
  background: url("../../../images/providers/icAccountEyeEmBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--youpic,
.profilePhoto__socialItemProviderIcon--youpic {
  background: url("../../../images/providers/icAccountYouPicBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--instagram,
.profilePhoto__socialItemProviderIcon--instagram {
  background: url("../../../images/providers/icAccountInstagramBw@2x.png");
  background-size: 40px 40px;
}
.profileSocialList__link--deviantart,
.profilePhoto__socialItemProviderIcon--deviantart {
  background: url("../../../images/providers/icAccountDeviantArtBw@2x.png");
  background-size: 40px 40px;
}
@media (max-width: 916px) {
  .profileSocialList {
    margin-bottom: 40px;
  }
}
.signUpPrompt {
  padding: 80px 0;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  background: #f9f9f9;
}
.signUpPrompt p {
  max-width: 400px;
  margin: 0 auto 24px auto;
  padding: 0 24px;
}
.profilePhoto {
  display: block;
  position: absolute;
  background: #212121;
  top: 96px;
  left: 0;
  height: calc(100% - 96px);
  width: 100%;
}
.profilePhoto .mdl-menu__item {
  height: 32px;
  line-height: 32px;
  color: #f0f0f0;
  font-weight: 600;
}
.profilePhoto .mdl-menu__item:hover {
  background: #525252;
}
.profilePhoto .mdl-menu__outline {
  background: #424242;
}
.profilePhoto__img {
  display: block;
  position: absolute;
  width: calc(100% - 364px);
  height: 100%;
  left: 0;
  top: 0;
  background: no-repeat center #000000;
  background-size: contain;
}
.profilePhoto__actionBar {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: calc(100% - 364px);
  z-index: 1;
  text-align: right;
  padding: 16px 16px 16px 8px;
  color: #f0f0f0;
}
.profilePhoto__actionBar .mdl-button {
  margin-left: 8px;
}
.profilePhoto__panel {
  display: block;
  width: 364px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #292929;
  color: #f0f0f0;
  background: #212121;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.profilePhoto__panel::-webkit-scrollbar {
  background: inherit;
  width: 8px;
  height: auto;
  border: none;
  -webkit-box-shadow: none;
}
.profilePhoto__panel::-webkit-scrollbar-thumb {
  background-color: #000;
}
.profilePhoto__panel::-webkit-scrollbar-thumb:hover {
  height: 3px;
  background-color: #000000;
  border: none;
}
.profilePhoto__panel::-webkit-scrollbar-thumb:active {
  background-color: #000000;
  border: none;
}
.profilePhoto__panelContent {
  padding-bottom: 76px;
}
.profilePhoto__panelContent > .mdl-button {
  color: #f0f0f0;
  font-weight: 600;
  margin: 0 auto 24px auto;
  display: block;
  width: 150px;
}
.profilePhoto__author {
  display: block;
  height: 56px;
  padding: 16px;
  position: relative;
}
.profilePhoto__authorAvatar {
  display: block;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  top: 16px;
  left: 16px;
}
.profilePhoto__authorName {
  display: block;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
  height: 20px;
  color: #f0f0f0;
  padding: 8px 8px 0 72px;
  text-decoration: none;
}
.profilePhoto__authorName .badge {
  display: inline-block;
  list-style: none;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #ff5722;
  padding: 0 8px;
  transition: all 0.2s ease-in-out;
  background: #ff5722;
  color: #f0f0f0;
  position: relative;
  bottom: 2px;
  margin-left: 4px;
}
.profilePhoto__sharedAt {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #9b9b9b;
  padding: 6px 8px 0 72px;
}
.profilePhoto__about {
  padding: 16px;
  border-top: 1px solid #292929;
  position: relative;
}
.profilePhoto__aboutTitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  white-space: pre-wrap;
  margin-bottom: 12px;
}
.profilePhoto__aboutMessage {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 12px;
}
.profilePhoto__aboutKeywords {
  display: block;
  margin: 0;
  padding: 0;
}
.profilePhoto__aboutKeywords li {
  display: inline-block;
  list-style: none;
  font-size: 10px;
  color: #ff5722;
  height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 100px;
  border: 1px solid #ff5722;
  padding: 0 8px;
  margin: 0 4px 8px 0;
  transition: all 0.2s ease-in-out;
}
.profilePhoto__aboutKeywords li strong {
  display: inherit;
}
.profilePhoto__aboutKeywords li:after {
  content: "";
  display: block;
  clear: both;
}
.profilePhoto__aboutKeywords li.filled {
  background: #ff5722;
  color: #f0f0f0;
}
.profilePhoto__social {
  position: relative;
  border-bottom: 1px solid #292929;
  margin-bottom: 24px;
}
.profilePhoto__socialItem {
  padding: 16px;
  border-top: 1px solid #292929;
  position: relative;
  min-height: 73px;
  box-sizing: border-box;
}
.profilePhoto__socialItem .mdl-button {
  position: absolute;
  right: 16px;
  top: 20px;
}
.profilePhoto__socialItemProviderIcon {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 16px;
  left: 16px;
}
.profilePhoto__socialItemProviderUser {
  padding: 0 32px 0 72px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.profilePhoto__socialItemProviderUser .profilePhoto__socialItemProviderUser--disconnected {
  color: #9b9b9b;
}
.profilePhoto__socialItemProviderName {
  padding: 4px 32px 0 72px;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 16px;
}
.profilePhoto__panelSectionHeading {
  font-size: 12px;
  line-height: 12px;
  color: #9b9b9b;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 12px;
}
.profilePhoto__panelSectionHeading.profilePhoto__panelSectionHeading--margined {
  margin-top: 16px;
  margin-left: 16px;
  margin-right: 16px;
}
@media (max-width: 800px) {
  .profilePhoto {
    position: relative;
    height: auto;
    top: 0;
  }
  .profilePhoto__img {
    position: relative;
    width: 100%;
    height: 512px;
  }
  .profilePhoto__actionBar {
    width: 100%;
    padding-right: 24px;
  }
  .profilePhoto__panel {
    position: relative;
    width: 100%;
    height: auto;
    border-left: none;
    overflow: auto;
  }
}
@media (max-width: 400px) {
  .profilePhoto__img {
    height: 300px;
  }
}
.AppsDesktop {
  text-align: center;
  border-bottom: solid 1px #f0f0f0;
}
.AppsDesktop img {
  width: 80%;
  margin-top: 16px;
}
.AppsDesktop h2 {
  padding: 0 20px;
}
.AppsDesktop p {
  max-width: 662px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 0 20px;
}
.AppsDesktop .AppLinkContainer {
  display: inline-block;
  width: 156px;
  margin: 16px;
  position: relative;
}
.AppsDesktop .AppLinkDescription {
  position: absolute;
  left: 0;
  bottom: -28px;
  font-size: 12px;
  line-height: 24px;
  color: #4a4a4a;
  width: 100%;
}
.AppsDesktop a.AppLink {
  display: inline-block;
  width: 156px;
  height: 42px;
  transition: all 0.2s ease-in-out;
  text-indent: -9999px;
  background-size: 156px 42px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 16px;
}
.AppsDesktop a.AppLink--mas {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22156%22%20height%3D%2242%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h156v42H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Crect%20width%3D%22154%22%20height%3D%2240%22%20x%3D%221%22%20y%3D%221%22%20stroke%3D%22%234A4A4A%22%20mask%3D%22url(%23b)%22%20rx%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M46.149%2031.495v-9.14h-.06L42.344%2031.4h-1.428l-3.753-9.045h-.06v9.14h-1.756V19.076h2.23l4.018%209.803h.069l4.01-9.803h2.238v12.419zm3.247-2.573c0-1.583%201.213-2.54%203.365-2.668l2.479-.139v-.688c0-1.007-.663-1.575-1.791-1.575a1.73%201.73%200%200%200-1.902%201.274H49.81c.052-1.636%201.575-2.797%203.692-2.797%202.16%200%203.588%201.179%203.588%202.96v6.206h-1.78v-1.49h-.044a3.237%203.237%200%200%201-2.857%201.645%202.744%202.744%200%200%201-3.012-2.728zm5.844-.818v-.697l-2.23.138c-1.11.069-1.738.55-1.738%201.325%200%20.792.654%201.308%201.652%201.308a2.17%202.17%200%200%200%202.316-2.074zm9.653-2.548a2%202%200%200%200-2.134-1.67c-1.428%200-2.375%201.197-2.375%203.082%200%201.928.955%203.09%202.392%203.09a1.948%201.948%200%200%200%202.117-1.627h1.79a3.618%203.618%200%200%201-3.924%203.176c-2.582%200-4.268-1.765-4.268-4.639%200-2.815%201.686-4.639%204.25-4.639a3.64%203.64%200%200%201%203.926%203.227h-1.774zm13.867%202.582h-4.734l-1.137%203.357h-2.005l4.484-12.419h2.083l4.483%2012.419h-2.039l-1.136-3.357zm-4.244-1.549h3.752l-1.85-5.447h-.051l-1.85%205.447zm17.101.379c0%202.814-1.506%204.621-3.779%204.621a3.07%203.07%200%200%201-2.848-1.584h-.043v4.485h-1.859V22.44h1.8v1.506h.033a3.212%203.212%200%200%201%202.883-1.6c2.298%200%203.813%201.816%203.813%204.622zm-1.91%200c0-1.833-.948-3.038-2.393-3.038-1.42%200-2.375%201.23-2.375%203.038%200%201.825.955%203.046%202.375%203.046%201.445%200%202.393-1.196%202.393-3.046zm11.875%200c0%202.814-1.506%204.621-3.779%204.621a3.07%203.07%200%200%201-2.848-1.584h-.043v4.485h-1.859V22.44h1.799v1.506h.034a3.212%203.212%200%200%201%202.883-1.6c2.298%200%203.813%201.816%203.813%204.622zm-1.91%200c0-1.833-.948-3.038-2.393-3.038-1.42%200-2.375%201.23-2.375%203.038%200%201.825.955%203.046%202.375%203.046%201.445%200%202.392-1.196%202.392-3.046zm8.496%201.067c.137%201.231%201.333%202.04%202.968%202.04%201.567%200%202.694-.809%202.694-1.92%200-.963-.68-1.54-2.29-1.936l-1.609-.388c-2.28-.55-3.339-1.617-3.339-3.348%200-2.142%201.868-3.614%204.519-3.614%202.624%200%204.423%201.472%204.483%203.614h-1.876c-.112-1.239-1.136-1.987-2.634-1.987-1.497%200-2.521.757-2.521%201.859%200%20.877.654%201.394%202.255%201.79l1.368.336c2.548.602%203.606%201.626%203.606%203.442%200%202.324-1.85%203.779-4.793%203.779-2.754%200-4.614-1.421-4.734-3.667h1.903zm11.635-7.737v2.143h1.722v1.471h-1.722v4.992c0%20.775.345%201.137%201.102%201.137.204-.004.408-.018.611-.043v1.463c-.34.063-.686.092-1.032.086-1.833%200-2.548-.689-2.548-2.445v-5.19h-1.316v-1.471h1.316v-2.143h1.867zm2.718%206.67c0-2.849%201.678-4.639%204.294-4.639%202.625%200%204.295%201.79%204.295%204.64%200%202.856-1.661%204.638-4.295%204.638-2.633%200-4.294-1.782-4.294-4.639zm6.695%200c0-1.954-.895-3.108-2.401-3.108-1.506%200-2.401%201.163-2.401%203.108%200%201.962.895%203.107%202.4%203.107%201.507%200%202.402-1.145%202.402-3.107zm3.426-4.528h1.773v1.542h.043a2.16%202.16%200%200%201%202.177-1.636c.214%200%20.428.022.637.07v1.737a2.598%202.598%200%200%200-.835-.112%201.873%201.873%200%200%200-1.936%202.083v5.37h-1.859v-9.053zm13.198%206.396c-.25%201.643-1.85%202.771-3.898%202.771-2.634%200-4.269-1.765-4.269-4.596%200-2.84%201.644-4.682%204.19-4.682%202.506%200%204.08%201.72%204.08%204.467v.636h-6.394v.113a2.358%202.358%200%200%200%202.436%202.564%202.048%202.048%200%200%200%202.09-1.273h1.765zm-6.282-2.703h4.526a2.177%202.177%200%200%200-2.22-2.298%202.292%202.292%200%200%200-2.306%202.298z%22%20fill%3D%22%234A4A4A%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M24.997%2020.89a5.146%205.146%200%200%201%202.45-4.318%205.268%205.268%200%200%200-4.15-2.244c-1.746-.183-3.44%201.045-4.33%201.045-.906%200-2.276-1.027-3.752-.997a5.527%205.527%200%200%200-4.65%202.837c-2.012%203.482-.512%208.6%201.415%2011.414.963%201.378%202.09%202.918%203.564%202.863%201.442-.06%201.981-.92%203.722-.92%201.725%200%202.23.92%203.734.886%201.548-.026%202.523-1.385%203.453-2.776a11.4%2011.4%200%200%200%201.58-3.216%204.973%204.973%200%200%201-3.036-4.575zm-2.841-8.413a5.067%205.067%200%200%200%201.16-3.63%205.155%205.155%200%200%200-3.336%201.726%204.821%204.821%200%200%200-1.19%203.495%204.263%204.263%200%200%200%203.366-1.591z%22%20fill%3D%22%234A4A4A%22%2F%3E%3Cpath%20d%3D%22M37.826%209.731a2.64%202.64%200%200%201%202.808%202.965c0%201.906-1.03%203.002-2.808%203.002h-2.155V9.73h2.155zm-1.228%205.123h1.125a1.876%201.876%200%200%200%201.967-2.146%201.881%201.881%200%200%200-1.967-2.134h-1.125v4.28zm5.082-1.41a2.133%202.133%200%201%201%204.248%200%202.134%202.134%200%201%201-4.247%200zm3.334%200c0-.976-.439-1.547-1.208-1.547-.773%200-1.207.571-1.207%201.547%200%20.984.434%201.55%201.207%201.55.77%200%201.208-.57%201.208-1.55zm6.559%202.254h-.922l-.93-3.317h-.07l-.927%203.317h-.913l-1.242-4.503h.902l.806%203.436h.067l.926-3.436h.852l.926%203.436h.07l.803-3.436h.889zm2.281-4.503h.855v.715h.066a1.347%201.347%200%200%201%201.344-.802%201.465%201.465%200%200%201%201.559%201.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033%201.033%200%200%200-1.075%201.141v2.635h-.888v-4.503zm5.24-1.758h.888v6.26h-.888zm2.124%204.007a2.133%202.133%200%201%201%204.247%200%202.134%202.134%200%201%201-4.247%200zm3.333%200c0-.976-.439-1.547-1.208-1.547-.773%200-1.207.571-1.207%201.547%200%20.984.434%201.55%201.207%201.55.77%200%201.208-.57%201.208-1.55zm1.849.98c0-.81.604-1.278%201.675-1.344l1.22-.07v-.389c0-.475-.315-.744-.922-.744-.496%200-.84.182-.938.5h-.86c.09-.773.818-1.27%201.84-1.27%201.128%200%201.765.563%201.765%201.514v3.077h-.856v-.633h-.07c-.29.462-.807.732-1.353.707a1.36%201.36%200%200%201-1.5-1.348zm2.895-.384v-.377l-1.1.07c-.62.042-.901.253-.901.65%200%20.405.352.64.835.64a1.062%201.062%200%200%200%201.166-.983zm2.053-.596c0-1.423.731-2.324%201.869-2.324a1.484%201.484%200%200%201%201.38.79h.067V9.437h.889v6.26H74.7v-.71h-.07a1.563%201.563%200%200%201-1.414.785c-1.146%200-1.87-.901-1.87-2.328zm.918%200c0%20.955.45%201.53%201.203%201.53.749%200%201.212-.583%201.212-1.526%200-.938-.468-1.53-1.212-1.53-.748%200-1.203.58-1.203%201.526zm6.964%200a2.133%202.133%200%201%201%204.247%200%202.134%202.134%200%201%201-4.247%200zm3.333%200c0-.976-.439-1.547-1.208-1.547-.773%200-1.207.571-1.207%201.547%200%20.984.434%201.55%201.207%201.55.769%200%201.208-.57%201.208-1.55zm2.107-2.249h.855v.715h.066c.231-.527.77-.849%201.344-.802a1.465%201.465%200%200%201%201.559%201.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033%201.033%200%200%200-1.075%201.141v2.635h-.889v-4.503zm8.845-1.121v1.141h.976v.749h-.976v2.315c0%20.472.195.679.637.679.113%200%20.226-.008.339-.021v.74c-.16.029-.322.044-.484.046-.988%200-1.381-.348-1.381-1.216v-2.543h-.715v-.749h.715v-1.141h.89zm2.19-.637h.88v2.481h.07a1.386%201.386%200%200%201%201.374-.806%201.483%201.483%200%200%201%201.55%201.679v2.907h-.889V13.01c0-.72-.335-1.084-.963-1.084a1.052%201.052%200%200%200-1.134%201.142v2.63h-.888V9.437zm9.056%205.045a1.828%201.828%200%200%201-1.95%201.303%202.045%202.045%200%200%201-2.081-2.325%202.077%202.077%200%200%201%202.076-2.352c1.253%200%202.009.856%202.009%202.27v.31h-3.18v.05a1.19%201.19%200%200%200%201.2%201.29%201.08%201.08%200%200%200%201.07-.546h.856zm-3.126-1.451h2.275a1.086%201.086%200%200%200-1.109-1.167%201.152%201.152%200%200%200-1.166%201.167z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.AppsDesktop a.AppLink--mac {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22156%22%20height%3D%2242%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h156v42H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Crect%20width%3D%22154%22%20height%3D%2240%22%20x%3D%221%22%20y%3D%221%22%20stroke%3D%22%234A4A4A%22%20mask%3D%22url(%23b)%22%20rx%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M24.997%2020.89a5.146%205.146%200%200%201%202.45-4.318%205.268%205.268%200%200%200-4.15-2.244c-1.746-.183-3.44%201.045-4.33%201.045-.906%200-2.276-1.027-3.752-.997a5.527%205.527%200%200%200-4.65%202.837c-2.012%203.482-.512%208.6%201.415%2011.414.963%201.378%202.09%202.918%203.564%202.863%201.442-.06%201.981-.92%203.722-.92%201.725%200%202.23.92%203.734.886%201.548-.026%202.523-1.385%203.453-2.776a11.4%2011.4%200%200%200%201.58-3.216%204.973%204.973%200%200%201-3.036-4.575zm-2.841-8.413a5.067%205.067%200%200%200%201.16-3.63%205.155%205.155%200%200%200-3.336%201.726%204.821%204.821%200%200%200-1.19%203.495%204.263%204.263%200%200%200%203.366-1.591z%22%20fill%3D%22%234A4A4A%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20fill%3D%22%234A4A4A%22%20d%3D%22M36.47%2014.92h1.343c.091%200%20.204-.007.34-.021a1.981%201.981%200%200%200%20.888-.336c.15-.102.285-.24.404-.416.12-.176.217-.396.294-.66.076-.263.114-.581.114-.955%200-.363-.035-.688-.106-.974a1.866%201.866%200%200%200-.348-.73%201.53%201.53%200%200%200-.625-.46c-.255-.105-.57-.157-.944-.157h-1.36v4.709zm-.807-5.389h2.083c.935%200%201.654.238%202.158.714.505.476.757%201.201.757%202.176%200%20.51-.057.962-.17%201.356a2.534%202.534%200%200%201-.527.994c-.238.27-.541.475-.91.617-.368.141-.804.212-1.309.212h-2.082V9.531zm6.792%203.876c0%20.266.035.503.106.71.071.207.169.38.294.518.124.14.27.245.437.319.167.074.344.11.532.11a1.273%201.273%200%200%200%20.969-.43c.124-.138.222-.31.293-.517.07-.207.106-.444.106-.71%200-.266-.035-.503-.106-.71a1.532%201.532%200%200%200-.294-.522%201.249%201.249%200%200%200-.437-.323%201.303%201.303%200%200%200-.531-.111c-.188%200-.365.037-.532.11a1.249%201.249%200%200%200-.438.324%201.532%201.532%200%200%200-.293.522c-.07.207-.106.444-.106.71zm-.765%200c0-.323.045-.625.136-.905.09-.28.227-.524.408-.731.181-.207.405-.37.672-.489a2.23%202.23%200%200%201%20.918-.178c.35%200%20.658.059.922.178.263.119.486.282.667.489.181.207.317.45.408.73.09.281.136.583.136.906%200%20.323-.045.623-.136.901-.09.278-.227.52-.408.727a1.886%201.886%200%200%201-.667.484%202.27%202.27%200%200%201-.922.175c-.346%200-.652-.059-.918-.175a1.877%201.877%200%200%201-.672-.484%202.057%202.057%200%200%201-.408-.727%202.887%202.887%200%200%201-.136-.901zm9.869%202.193h-.765l-.892-3.493h-.017L49%2015.6h-.782l-1.412-4.394h.8L48.6%2014.8h.017l.884-3.595h.79l.919%203.595h.017l.986-3.595h.748L51.559%2015.6zm2.491-4.394h.68v.697h.017c.3-.533.776-.8%201.428-.8.289%200%20.53.04.723.12.192.079.348.19.467.331.119.142.203.31.25.506.049.195.073.412.073.65v2.89h-.723v-2.975c0-.272-.079-.487-.238-.646-.158-.159-.376-.238-.654-.238-.221%200-.412.034-.574.102a1.076%201.076%200%200%200-.404.289c-.107.125-.188.27-.242.438a1.78%201.78%200%200%200-.08.548V15.6h-.723v-4.394zm5.169-1.675h.722V15.6h-.723V9.531zm2.771%203.876c0%20.266.035.503.106.71.071.207.169.38.294.518.124.14.27.245.437.319.167.074.344.11.532.11a1.273%201.273%200%200%200%20.969-.43c.124-.138.222-.31.293-.517.07-.207.106-.444.106-.71%200-.266-.035-.503-.106-.71a1.532%201.532%200%200%200-.293-.522%201.249%201.249%200%200%200-.438-.323%201.303%201.303%200%200%200-.532-.111c-.187%200-.364.037-.53.11a1.249%201.249%200%200%200-.439.324%201.532%201.532%200%200%200-.293.522c-.07.207-.106.444-.106.71zm-.765%200c0-.323.045-.625.136-.905.09-.28.227-.524.408-.731.181-.207.405-.37.672-.489a2.23%202.23%200%200%201%20.917-.178c.352%200%20.66.059.923.178s.486.282.667.489c.181.207.317.45.408.73.09.281.136.583.136.906%200%20.323-.045.623-.136.901-.09.278-.227.52-.408.727a1.886%201.886%200%200%201-.667.484%202.27%202.27%200%200%201-.923.175c-.345%200-.651-.059-.917-.175a1.877%201.877%200%200%201-.672-.484%202.057%202.057%200%200%201-.408-.727%202.887%202.887%200%200%201-.136-.901zm9.41%202.176c-.125.074-.297.11-.519.11a.622.622%200%200%201-.446-.157c-.11-.105-.166-.276-.166-.514a1.72%201.72%200%200%201-.692.514%202.29%202.29%200%200%201-.855.158c-.198%200-.386-.023-.565-.068a1.314%201.314%200%200%201-.463-.213%201.02%201.02%200%200%201-.31-.378%201.273%201.273%200%200%201-.115-.565c0-.25.042-.454.127-.612.086-.16.197-.288.336-.387.14-.1.298-.174.476-.225.179-.051.361-.094.549-.128.198-.04.386-.07.565-.09a3.15%203.15%200%200%200%20.471-.084.786.786%200%200%200%20.323-.162c.08-.07.12-.174.12-.31a.721.721%200%200%200-.09-.382.612.612%200%200%200-.23-.221.933.933%200%200%200-.314-.102%202.375%202.375%200%200%200-.344-.026c-.306%200-.561.058-.765.174-.204.116-.314.336-.331.659h-.723a1.56%201.56%200%200%201%20.17-.688%201.28%201.28%200%200%201%20.408-.455c.17-.116.364-.2.582-.251.218-.051.452-.076.701-.076.199%200%20.396.014.591.042.196.028.373.086.531.174.16.088.287.211.383.37.096.159.144.366.144.62v2.262c0%20.17.01.294.03.374.02.079.087.119.2.119a.716.716%200%200%200%20.221-.043v.561zm-1.173-2.252a.9.9%200%200%201-.357.148%205.448%205.448%200%200%201-.463.077c-.162.02-.325.042-.489.068a1.797%201.797%200%200%200-.442.123.804.804%200%200%200-.319.242c-.082.105-.123.248-.123.43%200%20.119.024.22.072.301.048.082.11.149.187.2a.785.785%200%200%200%20.268.11c.102.023.21.035.323.035.238%200%20.442-.033.612-.098.17-.065.309-.148.416-.247a.972.972%200%200%200%20.238-.323.817.817%200%200%200%20.077-.327v-.74zm2.772.11c0%20.204.026.404.08.6.054.195.136.369.247.522.11.153.252.275.425.366.173.09.375.136.608.136.243%200%20.45-.049.62-.145a1.23%201.23%200%200%200%20.416-.378c.108-.156.186-.333.234-.531a2.548%202.548%200%200%200-.004-1.229%201.546%201.546%200%200%200-.242-.531%201.237%201.237%200%200%200-.43-.37%201.341%201.341%200%200%200-.637-.14c-.244%200-.45.048-.62.145a1.15%201.15%200%200%200-.409.382c-.102.159-.175.34-.22.544a2.89%202.89%200%200%200-.069.629zm3.4%202.159h-.723v-.595h-.017a1.06%201.06%200%200%201-.561.527%202.142%202.142%200%200%201-.841.162c-.34%200-.637-.063-.889-.187a1.828%201.828%200%200%201-.629-.502%202.185%202.185%200%200%201-.378-.731%203.004%203.004%200%200%201-.127-.884%203.1%203.1%200%200%201%20.123-.884c.082-.278.207-.52.374-.727.167-.207.377-.37.629-.493a2%202%200%200%201%20.88-.182%202.008%202.008%200%200%201%20.756.148c.13.054.254.125.37.213.116.088.214.197.293.327h.017V9.531h.722V15.6zm4.574-3.757h-.74v-.637h.74v-.655c0-.357.103-.628.31-.812.207-.184.508-.276.905-.276.068%200%20.146.006.234.017.088.011.165.028.234.051v.629a.896.896%200%200%200-.204-.047%201.789%201.789%200%200%200-.204-.012c-.176%200-.312.034-.408.102-.097.068-.145.198-.145.39v.613h.85v.637h-.85V15.6h-.722v-3.757zm3.145%201.564c0%20.266.035.503.106.71.071.207.169.38.294.518.124.14.27.245.437.319.167.074.344.11.532.11a1.273%201.273%200%200%200%20.969-.43c.124-.138.222-.31.293-.517.07-.207.106-.444.106-.71%200-.266-.035-.503-.106-.71a1.532%201.532%200%200%200-.293-.522%201.249%201.249%200%200%200-.438-.323%201.303%201.303%200%200%200-.531-.111c-.188%200-.365.037-.532.11a1.249%201.249%200%200%200-.437.324%201.532%201.532%200%200%200-.294.522c-.07.207-.106.444-.106.71zm-.765%200c0-.323.045-.625.136-.905.09-.28.227-.524.408-.731.181-.207.405-.37.672-.489a2.23%202.23%200%200%201%20.918-.178c.35%200%20.658.059.922.178.263.119.486.282.667.489.181.207.317.45.408.73.09.281.136.583.136.906%200%20.323-.045.623-.136.901-.09.278-.227.52-.408.727a1.886%201.886%200%200%201-.667.484%202.27%202.27%200%200%201-.922.175c-.346%200-.652-.059-.918-.175a1.877%201.877%200%200%201-.672-.484%202.057%202.057%200%200%201-.408-.727%202.887%202.887%200%200%201-.136-.901zm5.492-2.201h.68v.926h.017c.175-.357.39-.62.646-.79.255-.17.577-.25.969-.238v.765c-.29%200-.536.04-.74.119a1.164%201.164%200%200%200-.493.348%201.442%201.442%200%200%200-.272.557%203.004%203.004%200%200%200-.085.752V15.6h-.722v-4.394zM35.96%2022.828h1.728v1.152h.048c.139-.203.288-.39.448-.56.16-.17.339-.315.536-.432a2.71%202.71%200%200%201%20.68-.28c.256-.07.55-.104.88-.104.501%200%20.968.112%201.4.336a1.9%201.9%200%200%201%20.92%201.04c.31-.427.667-.763%201.072-1.008s.912-.368%201.52-.368c.875%200%201.555.213%202.04.64.485.427.728%201.141.728%202.144V31.1h-1.824v-4.832c0-.33-.01-.632-.032-.904a1.846%201.846%200%200%200-.184-.704%201.046%201.046%200%200%200-.456-.456c-.203-.107-.48-.16-.832-.16-.619%200-1.067.192-1.344.576-.277.384-.416.928-.416%201.632V31.1h-1.824v-5.312c0-.576-.104-1.01-.312-1.304-.208-.293-.59-.44-1.144-.44a1.695%201.695%200%200%200-1.256.56%202.082%202.082%200%200%200-.4.672%202.56%202.56%200%200%200-.152.912V31.1H35.96v-8.272zm20.848%206.432c0%20.224.03.384.088.48.059.096.173.144.344.144h.192c.075%200%20.16-.01.256-.032v1.264a5.344%205.344%200%200%201-.56.144%203.31%203.31%200%200%201-.592.064c-.373%200-.683-.075-.928-.224-.245-.15-.405-.41-.48-.784a3.226%203.226%200%200%201-1.336.768%205.26%205.26%200%200%201-1.528.24c-.373%200-.73-.05-1.072-.152a2.813%202.813%200%200%201-.904-.448%202.147%202.147%200%200%201-.624-.752%202.317%202.317%200%200%201-.232-1.064c0-.512.093-.928.28-1.248.187-.32.432-.57.736-.752a3.324%203.324%200%200%201%201.024-.392c.379-.08.76-.141%201.144-.184.33-.064.645-.11.944-.136a4.43%204.43%200%200%200%20.792-.136c.23-.064.41-.163.544-.296.133-.133.2-.333.2-.6%200-.235-.056-.427-.168-.576a1.127%201.127%200%200%200-.416-.344%201.797%201.797%200%200%200-.552-.16%204.424%204.424%200%200%200-.576-.04c-.512%200-.933.107-1.264.32-.33.213-.517.544-.56.992h-1.824c.032-.533.16-.976.384-1.328.224-.352.51-.635.856-.848a3.502%203.502%200%200%201%201.176-.448%207.002%207.002%200%200%201%201.344-.128c.405%200%20.805.043%201.2.128.395.085.75.224%201.064.416.315.192.568.44.76.744.192.304.288.675.288%201.112v4.256zm-1.824-2.304c-.277.181-.619.29-1.024.328a13.4%2013.4%200%200%200-1.216.168%203.899%203.899%200%200%200-.56.136%201.687%201.687%200%200%200-.48.24%201.054%201.054%200%200%200-.328.4c-.08.165-.12.365-.12.6%200%20.203.059.373.176.512.117.139.259.248.424.328.165.08.347.136.544.168.197.032.376.048.536.048.203%200%20.421-.027.656-.08a2.17%202.17%200%200%200%20.664-.272c.208-.128.381-.29.52-.488.139-.197.208-.44.208-.728v-1.36zm9.376-1.36c-.075-.512-.28-.899-.616-1.16-.336-.261-.76-.392-1.272-.392-.235%200-.485.04-.752.12a1.79%201.79%200%200%200-.736.448c-.224.219-.41.523-.56.912-.15.39-.224.899-.224%201.528%200%20.341.04.683.12%201.024a2.8%202.8%200%200%200%20.384.912c.176.267.403.483.68.648.277.165.613.248%201.008.248.533%200%20.973-.165%201.32-.496.347-.33.563-.795.648-1.392h1.824c-.17%201.077-.579%201.901-1.224%202.472-.645.57-1.501.856-2.568.856-.65%200-1.224-.11-1.72-.328a3.646%203.646%200%200%201-1.256-.896c-.341-.379-.6-.83-.776-1.352a5.282%205.282%200%200%201-.264-1.696c0-.619.085-1.2.256-1.744a3.99%203.99%200%200%201%20.768-1.416c.341-.4.765-.715%201.272-.944.507-.23%201.101-.344%201.784-.344.48%200%20.936.061%201.368.184.432.123.816.307%201.152.552.336.245.61.555.824.928.213.373.341.816.384%201.328H64.36zm8.432-4.56c-.608%200-1.133.123-1.576.368a3.09%203.09%200%200%200-1.08.984c-.277.41-.483.877-.616%201.4a6.447%206.447%200%200%200-.2%201.6c0%20.544.067%201.077.2%201.6.133.523.339.99.616%201.4.277.41.637.739%201.08.984.443.245.968.368%201.576.368.608%200%201.133-.123%201.576-.368a3.09%203.09%200%200%200%201.08-.984c.277-.41.483-.877.616-1.4a6.465%206.465%200%200%200%200-3.2%204.439%204.439%200%200%200-.616-1.4%203.09%203.09%200%200%200-1.08-.984c-.443-.245-.968-.368-1.576-.368zm0-1.632c.853%200%201.619.16%202.296.48a5.14%205.14%200%200%201%201.72%201.296c.47.544.83%201.179%201.08%201.904.25.725.376%201.493.376%202.304%200%20.821-.125%201.595-.376%202.32-.25.725-.61%201.36-1.08%201.904a5.05%205.05%200%200%201-1.72%201.288c-.677.315-1.443.472-2.296.472-.853%200-1.619-.157-2.296-.472a5.05%205.05%200%200%201-1.72-1.288%205.762%205.762%200%200%201-1.08-1.904%207.054%207.054%200%200%201-.376-2.32c0-.81.125-1.579.376-2.304.25-.725.61-1.36%201.08-1.904a5.14%205.14%200%200%201%201.72-1.296c.677-.32%201.443-.48%202.296-.48zm8.608%207.888c0%20.437.075.81.224%201.12.15.31.357.563.624.76.267.197.573.341.92.432.347.09.723.136%201.128.136.437%200%20.81-.05%201.12-.152.31-.101.56-.232.752-.392.192-.16.33-.344.416-.552a1.66%201.66%200%200%200%20.128-.632c0-.437-.099-.76-.296-.968a1.69%201.69%200%200%200-.648-.44%2013.55%2013.55%200%200%200-1.416-.424%2099.336%2099.336%200%200%201-1.992-.52c-.49-.128-.899-.296-1.224-.504a2.92%202.92%200%200%201-.776-.696%202.444%202.444%200%200%201-.408-.816%203.273%203.273%200%200%201-.12-.88c0-.576.12-1.075.36-1.496.24-.421.557-.77.952-1.048a4.187%204.187%200%200%201%201.344-.616%205.89%205.89%200%200%201%201.52-.2c.597%200%201.16.077%201.688.232.528.155.992.387%201.392.696.4.31.717.69.952%201.144.235.453.352.979.352%201.576h-2c-.053-.736-.304-1.256-.752-1.56-.448-.304-1.019-.456-1.712-.456a3.74%203.74%200%200%200-.72.072c-.245.048-.47.128-.672.24-.203.112-.37.264-.504.456-.133.192-.2.432-.2.72%200%20.405.125.723.376.952.25.23.579.403.984.52.043.01.21.056.504.136a371.54%20371.54%200%200%200%202.048.544c.347.09.595.157.744.2.373.117.699.277.976.48.277.203.51.435.696.696.187.261.325.541.416.84.09.299.136.597.136.896%200%20.64-.13%201.187-.392%201.64a3.327%203.327%200%200%201-1.032%201.112%204.486%204.486%200%200%201-1.456.632c-.544.133-1.099.2-1.664.2-.65%200-1.264-.08-1.84-.24a4.307%204.307%200%200%201-1.504-.736%203.601%203.601%200%200%201-1.024-1.272c-.256-.517-.39-1.128-.4-1.832h2zm14.816%200c0%20.437.075.81.224%201.12.15.31.357.563.624.76.267.197.573.341.92.432.347.09.723.136%201.128.136.437%200%20.81-.05%201.12-.152.31-.101.56-.232.752-.392.192-.16.33-.344.416-.552a1.66%201.66%200%200%200%20.128-.632c0-.437-.099-.76-.296-.968a1.69%201.69%200%200%200-.648-.44%2013.55%2013.55%200%200%200-1.416-.424%2099.336%2099.336%200%200%201-1.992-.52c-.49-.128-.899-.296-1.224-.504a2.92%202.92%200%200%201-.776-.696%202.444%202.444%200%200%201-.408-.816%203.273%203.273%200%200%201-.12-.88c0-.576.12-1.075.36-1.496.24-.421.557-.77.952-1.048a4.187%204.187%200%200%201%201.344-.616%205.89%205.89%200%200%201%201.52-.2c.597%200%201.16.077%201.688.232.528.155.992.387%201.392.696.4.31.717.69.952%201.144.235.453.352.979.352%201.576h-2c-.053-.736-.304-1.256-.752-1.56-.448-.304-1.019-.456-1.712-.456a3.74%203.74%200%200%200-.72.072c-.245.048-.47.128-.672.24-.203.112-.37.264-.504.456-.133.192-.2.432-.2.72%200%20.405.125.723.376.952.25.23.579.403.984.52.043.01.21.056.504.136a371.574%20371.574%200%200%200%202.048.544c.347.09.595.157.744.2.373.117.699.277.976.48.277.203.51.435.696.696.187.261.325.541.416.84.09.299.136.597.136.896%200%20.64-.13%201.187-.392%201.64a3.327%203.327%200%200%201-1.032%201.112%204.486%204.486%200%200%201-1.456.632c-.544.133-1.099.2-1.664.2-.65%200-1.264-.08-1.84-.24a4.307%204.307%200%200%201-1.504-.736%203.601%203.601%200%200%201-1.024-1.272c-.256-.517-.39-1.128-.4-1.832h2zm8.848-7.616h1.824v1.728h-1.824v-1.728zm0%203.152h1.824V31.1h-1.824v-8.272zm9.488%203.408a2.941%202.941%200%200%200-.184-.832%202.217%202.217%200%200%200-.416-.696%202.06%202.06%200%200%200-.64-.48%201.885%201.885%200%200%200-.84-.184c-.32%200-.61.056-.872.168a1.994%201.994%200%200%200-.672.464c-.187.197-.336.43-.448.696a2.428%202.428%200%200%200-.184.864h4.256zm-4.256%201.2c0%20.32.045.63.136.928.09.299.227.56.408.784.181.224.41.403.688.536.277.133.608.2.992.2.533%200%20.963-.115%201.288-.344.325-.23.568-.573.728-1.032h1.728a3.44%203.44%200%200%201-1.344%202.088%203.66%203.66%200%200%201-1.112.544c-.41.123-.84.184-1.288.184-.65%200-1.227-.107-1.728-.32a3.572%203.572%200%200%201-1.272-.896%203.802%203.802%200%200%201-.784-1.376%205.59%205.59%200%200%201-.264-1.76c0-.587.093-1.144.28-1.672a4.28%204.28%200%200%201%20.8-1.392%203.83%203.83%200%200%201%201.256-.952c.49-.235%201.045-.352%201.664-.352.65%200%201.235.136%201.752.408.517.272.947.632%201.288%201.08.341.448.59.963.744%201.544.155.581.195%201.181.12%201.8h-6.08zm7.472-4.608h1.712v1.6h.032c.053-.224.157-.443.312-.656.155-.213.341-.408.56-.584a2.83%202.83%200%200%201%20.728-.424%202.18%202.18%200%200%201%20.816-.16c.213%200%20.36.005.44.016l.248.032v1.76a8.663%208.663%200%200%200-.392-.056%203.289%203.289%200%200%200-.392-.024c-.31%200-.6.061-.872.184s-.51.304-.712.544c-.203.24-.363.536-.48.888a3.843%203.843%200%200%200-.176%201.216V31.1h-1.824v-8.272zm5.632%200h1.712v1.6h.032c.053-.224.157-.443.312-.656.155-.213.341-.408.56-.584a2.83%202.83%200%200%201%20.728-.424%202.18%202.18%200%200%201%20.816-.16c.213%200%20.36.005.44.016l.248.032v1.76a8.663%208.663%200%200%200-.392-.056%203.289%203.289%200%200%200-.392-.024c-.31%200-.6.061-.872.184s-.51.304-.712.544c-.203.24-.363.536-.48.888a3.843%203.843%200%200%200-.176%201.216V31.1H123.4v-8.272zm12.56%206.432c0%20.224.03.384.088.48.059.096.173.144.344.144h.192c.075%200%20.16-.01.256-.032v1.264a5.344%205.344%200%200%201-.56.144%203.31%203.31%200%200%201-.592.064c-.373%200-.683-.075-.928-.224-.245-.15-.405-.41-.48-.784a3.226%203.226%200%200%201-1.336.768%205.26%205.26%200%200%201-1.528.24c-.373%200-.73-.05-1.072-.152a2.813%202.813%200%200%201-.904-.448%202.147%202.147%200%200%201-.624-.752%202.317%202.317%200%200%201-.232-1.064c0-.512.093-.928.28-1.248.187-.32.432-.57.736-.752a3.324%203.324%200%200%201%201.024-.392c.379-.08.76-.141%201.144-.184.33-.064.645-.11.944-.136a4.43%204.43%200%200%200%20.792-.136c.23-.064.41-.163.544-.296.133-.133.2-.333.2-.6%200-.235-.056-.427-.168-.576a1.127%201.127%200%200%200-.416-.344%201.797%201.797%200%200%200-.552-.16%204.424%204.424%200%200%200-.576-.04c-.512%200-.933.107-1.264.32-.33.213-.517.544-.56.992h-1.824c.032-.533.16-.976.384-1.328.224-.352.51-.635.856-.848a3.502%203.502%200%200%201%201.176-.448%207.002%207.002%200%200%201%201.344-.128c.405%200%20.805.043%201.2.128.395.085.75.224%201.064.416.315.192.568.44.76.744.192.304.288.675.288%201.112v4.256zm-1.824-2.304c-.277.181-.619.29-1.024.328a13.4%2013.4%200%200%200-1.216.168%203.899%203.899%200%200%200-.56.136%201.687%201.687%200%200%200-.48.24%201.054%201.054%200%200%200-.328.4c-.08.165-.12.365-.12.6%200%20.203.059.373.176.512.117.139.259.248.424.328.165.08.347.136.544.168.197.032.376.048.536.048.203%200%20.421-.027.656-.08a2.17%202.17%200%200%200%20.664-.272c.208-.128.381-.29.52-.488.139-.197.208-.44.208-.728v-1.36z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.AppsDesktop a.AppLink--windows {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22156%22%20height%3D%2242%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h156v42H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Crect%20width%3D%22153.543%22%20height%3D%2240%22%20x%3D%221.228%22%20y%3D%221%22%20stroke%3D%22%234A4A4A%22%20mask%3D%22url(%23b)%22%20rx%3D%223.2%22%2F%3E%3Cpath%20fill%3D%22%234A4A4A%22%20d%3D%22M18.543%2012.108c.038.169.06.373.064.614-.876.373-1.214.64-1.198%201.919v.783l-.6.119v-.907c0-1.884.731-2.181%201.734-2.528zm1.745-.403c.04.182.071.381.092.594%201.57-.222%201.539.416%201.539%201.746v.49l.594-.12v-.37c0-2.067-.328-2.62-2.225-2.34zm-6.183%204.37v-2.717c-.02-1.683.864-2.2%202.493-2.575%202.456-.567%202.612.991%202.612%201.984v2.302l.6-.12v-2.132c-.005-1.877-.6-3.283-3.331-2.672-1.472.328-2.974.698-2.974%203.157v2.89l.6-.116zm7.192%207.143h-4.62v-3.293l4.62-.666v3.959zm0%204.652l-4.62-.665v-3.533h4.62v4.198zm-5.08-4.652H12.55v-2.756l3.666-.51v3.266zm0%203.958l-3.666-.508v-2.996h3.666v3.504zm9.3-12.635L9%2017.794v11.83l16.517%203.252%203.302-1.182v-15.97l-3.302-1.183zm18.161-.633c0%201.002-.272%201.767-.816%202.297-.544.53-1.326.795-2.347.795h-1.68v-6.068h1.859c.943%200%201.676.262%202.2.785.522.523.784%201.253.784%202.191zm-.747.025c0-.791-.199-1.388-.596-1.789-.397-.401-.987-.602-1.77-.602H39.54v4.848h.859c.841%200%201.473-.207%201.897-.62.423-.414.635-1.026.635-1.837zm5.922.788c0%20.742-.186%201.32-.56%201.737-.374.417-.89.625-1.548.625a2.05%202.05%200%200%201-1.083-.286%201.89%201.89%200%200%201-.73-.822c-.172-.357-.258-.775-.258-1.254%200-.741.185-1.319.556-1.732.37-.414.885-.62%201.544-.62.636%200%201.142.21%201.517.634.375.424.562.996.562%201.718zm-3.465%200c0%20.581.116%201.024.348%201.329.233.304.574.456%201.025.456.451%200%20.794-.151%201.028-.454.234-.303.35-.747.35-1.33%200-.579-.116-1.018-.35-1.318-.234-.3-.58-.45-1.036-.45-.45%200-.791.147-1.02.443-.23.297-.345.738-.345%201.324zM53.605%2017l-.834-2.669a23.77%2023.77%200%200%201-.294-1.112h-.034c-.11.484-.207.858-.29%201.12L51.293%2017h-.796l-1.241-4.549h.722l.67%202.61c.154.598.242%201.001.264%201.209h.033c.03-.158.08-.362.147-.613.068-.25.127-.449.177-.595l.834-2.61h.747l.814%202.61c.155.476.26.875.315%201.2h.033a4.4%204.4%200%200%201%20.09-.461c.048-.208.336-1.324.865-3.35h.714L54.423%2017h-.818zm6.01%200v-2.943c0-.37-.084-.647-.253-.83-.169-.182-.433-.274-.793-.274-.476%200-.824.129-1.046.386-.22.258-.332.682-.332%201.275V17h-.689v-4.549h.56l.113.623h.033c.141-.224.339-.398.594-.521.254-.123.538-.185.85-.185.548%200%20.96.132%201.237.397.277.264.415.686.415%201.267V17h-.689zm2.793%200h-.689v-6.458h.69V17zm5.388-2.279c0%20.742-.187%201.32-.56%201.737-.374.417-.89.625-1.549.625a2.05%202.05%200%200%201-1.083-.286%201.89%201.89%200%200%201-.73-.822c-.172-.357-.258-.775-.258-1.254%200-.741.186-1.319.556-1.732.371-.414.886-.62%201.544-.62.637%200%201.142.21%201.517.634.375.424.563.996.563%201.718zm-3.466%200c0%20.581.116%201.024.349%201.329.232.304.574.456%201.025.456.45%200%20.793-.151%201.027-.454.234-.303.35-.747.35-1.33%200-.579-.116-1.018-.35-1.318-.234-.3-.579-.45-1.035-.45-.451%200-.792.147-1.021.443-.23.297-.345.738-.345%201.324zM71.8%2017l-.136-.647h-.033c-.227.285-.453.478-.679.579-.225.1-.507.151-.845.151-.45%200-.804-.116-1.06-.349-.256-.232-.384-.563-.384-.992%200-.918.735-1.4%202.204-1.444l.772-.025v-.282c0-.357-.077-.62-.23-.79-.154-.17-.4-.256-.737-.256-.38%200-.808.116-1.287.349l-.211-.527a3.23%203.23%200%200%201%20.736-.287%203.19%203.19%200%200%201%20.803-.104c.543%200%20.945.12%201.206.362.262.24.392.626.392%201.158V17h-.51zm-1.556-.486c.43%200%20.766-.117%201.011-.352.245-.236.367-.565.367-.988v-.411l-.689.029c-.548.02-.942.104-1.185.255-.242.151-.363.386-.363.704%200%20.249.076.438.226.568.151.13.362.195.633.195zm6.583-.124h-.037c-.319.462-.795.693-1.428.693-.595%200-1.058-.203-1.388-.61-.331-.407-.496-.985-.496-1.735%200-.75.166-1.332.498-1.747.332-.415.794-.623%201.386-.623.617%200%201.09.224%201.42.673h.053l-.029-.328-.016-.32v-1.851h.689V17h-.56l-.092-.61zm-1.378.116c.47%200%20.811-.128%201.023-.384.212-.256.318-.669.318-1.239v-.145c0-.645-.108-1.105-.322-1.38-.215-.275-.557-.413-1.027-.413-.404%200-.714.157-.928.471-.214.314-.322.758-.322%201.33%200%20.581.107%201.02.32%201.316.213.296.526.444.938.444zm7.749-3.52H82.04V17h-.69v-4.013h-.813v-.312l.814-.249v-.253c0-1.118.488-1.677%201.465-1.677.24%200%20.523.049.847.146l-.179.552a2.28%202.28%200%200%200-.68-.13c-.26%200-.453.087-.577.26-.125.173-.187.45-.187.832v.295h1.158v.536zm2.905-.618c.202%200%20.383.017.544.05l-.096.64a2.347%202.347%200%200%200-.498-.063c-.368%200-.683.15-.944.448-.261.299-.392.671-.392%201.117V17h-.69v-4.549h.57l.078.843h.033a2%202%200%200%201%20.61-.685c.239-.16.5-.24.785-.24zm5.15%202.353c0%20.742-.186%201.32-.56%201.737-.373.417-.89.625-1.548.625a2.05%202.05%200%200%201-1.083-.286%201.89%201.89%200%200%201-.73-.822c-.172-.357-.258-.775-.258-1.254%200-.741.186-1.319.556-1.732.371-.414.886-.62%201.544-.62.637%200%201.142.21%201.517.634.375.424.563.996.563%201.718zm-3.465%200c0%20.581.116%201.024.349%201.329.232.304.574.456%201.025.456.45%200%20.793-.151%201.027-.454.234-.303.35-.747.35-1.33%200-.579-.116-1.018-.35-1.318-.234-.3-.579-.45-1.035-.45-.451%200-.792.147-1.021.443-.23.297-.345.738-.345%201.324zM98.26%2017v-2.96c0-.362-.078-.634-.233-.815-.155-.181-.396-.272-.722-.272-.429%200-.746.123-.95.37-.205.246-.308.625-.308%201.137V17h-.689v-2.96c0-.362-.077-.634-.232-.815-.155-.181-.397-.272-.726-.272-.432%200-.748.13-.949.388-.2.26-.3.683-.3%201.273V17h-.69v-4.549h.56l.113.623h.033c.13-.222.313-.395.55-.52a1.68%201.68%200%200%201%20.795-.186c.71%200%201.176.257%201.394.772h.033a1.45%201.45%200%200%201%20.59-.564%201.82%201.82%200%200%201%20.88-.208c.514%200%20.9.132%201.156.397.256.264.383.686.383%201.267V17h-.688zM43.383%2031l-3.149-8.227h-.05c.059.652.088%201.427.088%202.324V31h-.996v-9.28H40.9l2.939%207.655h.05l2.965-7.655h1.612V31h-1.079v-5.98c0-.685.03-1.43.09-2.234h-.052L44.252%2031h-.87zm8.525%200h-1.054v-6.957h1.054V31zm-1.143-8.842c0-.241.06-.418.178-.53a.621.621%200%200%201%20.444-.169.62.62%200%200%201%20.438.172c.123.114.184.29.184.527%200%20.237-.061.413-.184.53a.615.615%200%200%201-.438.174.609.609%200%200%201-.444-.174c-.119-.117-.178-.293-.178-.53zm6.157%208.969c-1.007%200-1.786-.31-2.339-.93-.552-.62-.828-1.497-.828-2.631%200-1.164.28-2.063.84-2.698.562-.635%201.36-.952%202.397-.952.334%200%20.669.036%201.003.108.334.072.597.157.787.254l-.324.895a4.955%204.955%200%200%200-.761-.232%203.401%203.401%200%200%200-.73-.092c-1.414%200-2.12.901-2.12%202.704%200%20.855.172%201.511.517%201.968.345.457.856.686%201.533.686.58%200%201.174-.125%201.784-.375v.933c-.466.241-1.052.362-1.759.362zm6.583-7.211c.309%200%20.586.025.831.076l-.146.978a3.59%203.59%200%200%200-.761-.095c-.563%200-1.044.228-1.444.685-.4.457-.6%201.026-.6%201.708V31H60.33v-6.957h.87l.12%201.289h.051c.258-.453.57-.802.933-1.048a2.1%202.1%200%200%201%201.2-.368zm7.877%203.6c0%201.133-.285%202.019-.857%202.656-.57.637-1.36.955-2.367.955-.622%200-1.175-.146-1.657-.438a2.89%202.89%200%200%201-1.117-1.257c-.263-.546-.394-1.185-.394-1.917%200-1.134.284-2.017.85-2.65.568-.633%201.355-.949%202.362-.949.973%200%201.747.324%202.32.971.574.648.86%201.524.86%202.628zm-5.3%200c0%20.888.178%201.565.533%202.03.356.466.878.699%201.568.699.69%200%201.214-.232%201.571-.695.358-.464.537-1.142.537-2.035%200-.884-.18-1.556-.537-2.015-.357-.46-.885-.689-1.584-.689-.69%200-1.21.226-1.561.68-.351.452-.527%201.127-.527%202.024zm11.635%201.586c0%20.648-.24%201.147-.723%201.498s-1.16.527-2.032.527c-.922%200-1.642-.146-2.158-.438v-.978c.335.17.693.303%201.076.4a4.46%204.46%200%200%200%201.108.146c.55%200%20.973-.087%201.27-.263.296-.176.444-.443.444-.803%200-.27-.118-.503-.353-.695-.234-.193-.693-.42-1.374-.683-.647-.24-1.108-.451-1.38-.631a1.886%201.886%200%200%201-.61-.613%201.597%201.597%200%200%201-.2-.819c0-.567.23-1.014.692-1.342.461-.328%201.094-.492%201.898-.492.749%200%201.481.152%202.196.457l-.374.857c-.698-.288-1.331-.432-1.898-.432-.5%200-.876.079-1.13.235-.254.157-.38.373-.38.648a.79.79%200%200%200%20.142.476c.095.13.249.256.46.374.212.119.618.29%201.219.514.825.3%201.383.603%201.672.908.29.305.435.688.435%201.15zm7.719-1.587c0%201.134-.286%202.02-.857%202.657s-1.36.955-2.368.955c-.622%200-1.174-.146-1.656-.438a2.89%202.89%200%200%201-1.118-1.257c-.262-.546-.393-1.185-.393-1.917%200-1.134.283-2.017.85-2.65.568-.633%201.355-.949%202.362-.949.973%200%201.747.324%202.32.971.573.648.86%201.524.86%202.628zm-5.3%200c0%20.889.177%201.566.533%202.031.355.466.878.699%201.568.699.69%200%201.213-.232%201.57-.695.358-.464.537-1.142.537-2.035%200-.884-.179-1.556-.536-2.015-.358-.46-.886-.689-1.584-.689-.69%200-1.21.226-1.561.68-.352.452-.527%201.127-.527%202.024zm10.283-2.653h-1.771V31h-1.054v-6.138H86.35v-.476l1.244-.381v-.387c0-1.71.747-2.565%202.241-2.565.368%200%20.8.074%201.295.222l-.273.845c-.406-.132-.753-.197-1.041-.197-.398%200-.692.132-.882.397-.19.264-.286.688-.286%201.272v.451h1.77v.819zm3.517%205.395a3.519%203.519%200%200%200%20.952-.127v.807c-.115.055-.283.1-.505.136a3.79%203.79%200%200%201-.6.054c-1.346%200-2.018-.709-2.018-2.127v-4.138h-.997v-.508l.997-.438.444-1.485h.61v1.612h2.018v.819h-2.019v4.094c0%20.419.1.74.299.965.199.224.472.336.819.336zm11.114-1.726c0%20.816-.296%201.453-.888%201.91-.593.457-1.397.686-2.412.686-1.1%200-1.947-.142-2.54-.425V29.66c.381.16.796.287%201.245.38.448.094.892.14%201.333.14.719%200%201.26-.136%201.625-.41.364-.272.545-.652.545-1.139%200-.321-.064-.585-.193-.79-.13-.205-.345-.395-.648-.568-.302-.174-.762-.37-1.38-.59-.863-.31-1.48-.675-1.85-1.099-.37-.423-.556-.975-.556-1.656%200-.715.269-1.285.806-1.708.538-.423%201.249-.635%202.133-.635.923%200%201.771.17%202.545.508l-.336.94c-.766-.322-1.51-.483-2.234-.483-.572%200-1.018.123-1.34.368-.321.246-.482.587-.482%201.022%200%20.322.06.585.178.79.118.206.318.394.6.566.28.171.711.36%201.291.568.974.347%201.643.72%202.01%201.117.365.398.548.914.548%201.549zm3.987%201.726a3.519%203.519%200%200%200%20.952-.127v.807c-.114.055-.283.1-.505.136a3.79%203.79%200%200%201-.6.054c-1.345%200-2.018-.709-2.018-2.127v-4.138h-.997v-.508l.997-.438.444-1.485h.61v1.612h2.018v.819h-2.019v4.094c0%20.419.1.74.299.965.199.224.472.336.819.336zm8.347-2.742c0%201.134-.286%202.02-.857%202.657s-1.36.955-2.368.955c-.622%200-1.174-.146-1.657-.438a2.89%202.89%200%200%201-1.117-1.257c-.262-.546-.393-1.185-.393-1.917%200-1.134.283-2.017.85-2.65s1.354-.949%202.362-.949c.973%200%201.746.324%202.32.971.573.648.86%201.524.86%202.628zm-5.3%200c0%20.889.177%201.566.533%202.031.355.466.878.699%201.568.699.69%200%201.213-.232%201.57-.695.358-.464.537-1.142.537-2.035%200-.884-.179-1.556-.536-2.015-.358-.46-.886-.689-1.584-.689-.69%200-1.21.226-1.562.68-.35.452-.527%201.127-.527%202.024zm10.32-3.599c.31%200%20.587.025.832.076l-.146.978a3.59%203.59%200%200%200-.761-.095c-.563%200-1.045.228-1.444.685-.4.457-.6%201.026-.6%201.708V31h-1.054v-6.957h.87l.12%201.289h.051c.258-.453.57-.802.933-1.048a2.1%202.1%200%200%201%201.2-.368zm4.812%207.211c-1.028%200-1.84-.313-2.434-.94-.595-.626-.892-1.495-.892-2.608%200-1.122.276-2.013.829-2.673.552-.66%201.293-.99%202.224-.99.872%200%201.562.287%202.07.86.508.574.761%201.33.761%202.27v.666h-4.792c.021.817.227%201.437.619%201.86.391.423.942.635%201.653.635.75%200%201.49-.157%202.222-.47v.94c-.372.16-.725.275-1.057.345a5.94%205.94%200%200%201-1.203.105zm-.285-6.329c-.559%200-1.004.182-1.337.546-.332.364-.527.868-.587%201.511h3.638c0-.664-.149-1.173-.445-1.527-.296-.353-.72-.53-1.27-.53z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.AppsDesktop a.AppLink--ubuntu {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22156%22%20height%3D%2242%22%3E%3Cdefs%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h156v42H0z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%3C%2Fmask%3E%3Crect%20width%3D%22153.543%22%20height%3D%2240%22%20x%3D%221.228%22%20y%3D%221%22%20stroke%3D%22%234A4A4A%22%20mask%3D%22url(%23b)%22%20rx%3D%223.2%22%2F%3E%3Cg%20fill-rule%3D%22nonzero%22%3E%3Cpath%20fill%3D%22%234A4A4A%22%20d%3D%22M9.534%2022.133h22.959v4.846H9.534z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.491%2023.102h14.35v2.907h-14.35z%22%2F%3E%3Cpath%20fill%3D%22%234A4A4A%22%20d%3D%22M18.064%209.514a129.132%20129.132%200%200%200-2.228%204.967%20311.149%20311.149%200%200%200-2.167%205.33c-.164.428-.327.892-.493%201.333h4.858c.052-.147.112-.31.164-.454.35-.918.658-1.753.942-2.514.284-.76.529-1.432.747-2.014a35.23%2035.23%200%200%200%20.493-1.378c.131.336.305.796.524%201.378.218.582.478%201.253.762%202.014.306.76.614%201.596.942%202.514.051.144.112.307.164.454h5.037c-.17-.44-.339-.904-.508-1.333a148.736%20148.736%200%200%200-2.168-5.33c-.72-1.7-1.455-3.356-2.197-4.967h-4.873zM9.02%2032.774h5.307c.24-.806.508-1.633.792-2.484.284-.79.557-1.572.822-2.362h-4.529c-.237%200-.465-.029-.688-.076a433.52%20433.52%200%200%200-1.704%204.922zm21.24-4.924a3.13%203.13%200%200%201-.674.078h-4.693c.263.79.528%201.573.792%202.362.306.85.582%201.678.822%202.484h5.472a445.56%20445.56%200%200%200-1.704-4.922h-.015v-.002z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%234A4A4A%22%20d%3D%22M42.283%2013.709h2.233v3.046a6.462%206.462%200%200%201-1.052.253c-.336.05-.7.075-1.09.075-.918%200-1.627-.272-2.125-.816-.498-.543-.747-1.31-.747-2.3%200-.978.281-1.742.843-2.294.561-.552%201.335-.828%202.32-.828.633%200%201.234.122%201.801.365l-.349.826a3.505%203.505%200%200%200-1.477-.34c-.648%200-1.16.203-1.536.61-.376.407-.564.963-.564%201.668%200%20.742.17%201.306.508%201.692.34.386.827.579%201.463.579.321%200%20.664-.04%201.03-.12V14.56h-1.258v-.851zm5.59%203.374c-.713%200-1.272-.208-1.674-.625-.403-.416-.604-.99-.604-1.72%200-.75.187-1.34.56-1.768.374-.429.887-.643%201.54-.643.606%200%201.085.184%201.436.552.352.368.527.874.527%201.519v.527H46.6c.014.445.135.788.361%201.027.227.24.547.359.96.359.27%200%20.523-.026.757-.077a3.97%203.97%200%200%200%20.753-.255v.793a2.995%202.995%200%200%201-.722.24%204.435%204.435%200%200%201-.834.071zm-.178-4.018c-.31%200-.558.099-.745.295-.187.197-.298.483-.334.86h2.083c-.005-.38-.096-.667-.273-.862-.178-.195-.421-.293-.73-.293zm4.781%203.23c.238%200%20.476-.038.714-.113v.735a1.969%201.969%200%200%201-.417.118c-.17.032-.346.048-.53.048-.923%200-1.385-.487-1.385-1.46v-2.475h-.627v-.431l.672-.357.332-.971h.602v1.02h1.308v.74h-1.308v2.456c0%20.236.059.41.177.521a.643.643%200%200%200%20.462.168zm4.815.705h-.976v-4.59h.976V17zm-1.034-5.806c0-.175.048-.309.144-.403.095-.094.231-.141.408-.141.172%200%20.305.047.4.141.096.094.144.228.144.403a.53.53%200%200%201-.143.392.545.545%200%200%201-.4.143c-.178%200-.314-.048-.41-.143a.53.53%200%200%201-.143-.392zm4.138%205.1c.238%200%20.476-.037.714-.112v.735a1.969%201.969%200%200%201-.417.118c-.17.032-.347.048-.53.048-.923%200-1.385-.487-1.385-1.46v-2.475h-.627v-.431l.672-.357.332-.971h.602v1.02h1.307v.74h-1.307v2.456c0%20.236.059.41.176.521a.643.643%200%200%200%20.463.168zm7.91-1.597c0%20.75-.191%201.335-.576%201.755-.385.42-.92.631-1.606.631a2.2%202.2%200%200%201-1.137-.29%201.918%201.918%200%200%201-.76-.835c-.177-.362-.266-.783-.266-1.261%200-.745.191-1.326.573-1.744.382-.417.92-.626%201.615-.626.664%200%201.19.213%201.577.64.387.428.58%201.005.58%201.73zm-3.34%200c0%201.06.391%201.59%201.174%201.59.775%200%201.163-.53%201.163-1.59%200-1.05-.39-1.573-1.17-1.573-.41%200-.707.135-.891.406-.184.271-.276.66-.276%201.167zm8.5%202.303h-.98v-2.822c0-.354-.07-.619-.213-.793-.143-.174-.37-.261-.679-.261-.412%200-.714.121-.905.365-.19.243-.286.651-.286%201.224V17h-.975v-4.59h.763l.137.601h.05c.138-.218.335-.387.59-.506a1.97%201.97%200%200%201%20.846-.178c1.101%200%201.652.56%201.652%201.68V17zm8.425-6.068v3.926c0%20.449-.096.84-.288%201.177-.193.336-.47.595-.835.776-.363.181-.798.272-1.305.272-.752%200-1.338-.2-1.755-.598-.418-.398-.627-.946-.627-1.643v-3.91h.996v3.84c0%20.5.116.87.349%201.107.232.238.589.357%201.07.357.936%200%201.403-.49%201.403-1.473v-3.83h.992zm3.794%201.395c.572%200%201.019.207%201.338.622.32.415.48.998.48%201.748%200%20.752-.162%201.338-.486%201.757-.324.42-.773.629-1.349.629-.581%200-1.032-.209-1.353-.627h-.066l-.179.544h-.73v-6.458h.975v1.536c0%20.113-.006.282-.017.506-.01.224-.019.367-.025.427h.042c.31-.456.766-.684%201.37-.684zm-.254.797c-.392%200-.675.115-.848.346-.173.231-.263.618-.268%201.16v.067c0%20.558.089.963.266%201.214.177.25.466.375.867.375.346%200%20.608-.137.787-.41.178-.275.267-.67.267-1.188%200-1.043-.357-1.564-1.07-1.564zM91.872%2017l-.137-.602h-.05a1.39%201.39%200%200%201-.579.502%201.93%201.93%200%200%201-.857.183c-.556%200-.971-.138-1.245-.415-.274-.277-.411-.696-.411-1.258v-3h.984v2.83c0%20.352.072.615.215.79.144.177.37.264.677.264.41%200%20.71-.122.903-.367.192-.245.288-.655.288-1.23V12.41h.98V17h-.768zm6.196%200h-.98v-2.822c0-.354-.07-.619-.213-.793-.142-.174-.369-.261-.678-.261-.413%200-.714.121-.905.365-.191.243-.287.651-.287%201.224V17h-.975v-4.59h.764l.137.601h.05c.138-.218.334-.387.589-.506.254-.119.537-.178.847-.178%201.1%200%201.651.56%201.651%201.68V17zm3.067-.706c.238%200%20.476-.037.714-.112v.735a1.969%201.969%200%200%201-.417.118c-.17.032-.346.048-.529.048-.924%200-1.386-.487-1.386-1.46v-2.475h-.627v-.431l.672-.357.333-.971h.601v1.02h1.308v.74h-1.308v2.456c0%20.236.06.41.177.521a.643.643%200%200%200%20.462.168zm4.869.706l-.137-.602h-.05c-.135.213-.328.38-.579.502a1.93%201.93%200%200%201-.857.183c-.556%200-.971-.138-1.245-.415-.274-.277-.41-.696-.41-1.258v-3h.983v2.83c0%20.352.072.615.216.79.143.177.369.264.676.264.41%200%20.71-.122.903-.367.192-.245.288-.655.288-1.23V12.41h.98V17h-.768zM45.576%2028.48c0%20.825-.298%201.473-.895%201.942-.597.47-1.42.705-2.47.705-1.049%200-1.908-.163-2.576-.489v-1.434c.423.199.873.355%201.349.47.476.114.919.17%201.33.17.6%200%201.044-.114%201.33-.342.285-.229.428-.535.428-.92%200-.347-.131-.642-.394-.883-.262-.241-.804-.527-1.625-.857-.846-.342-1.443-.734-1.79-1.174-.347-.44-.52-.97-.52-1.587%200-.774.275-1.384.825-1.828.55-.444%201.288-.667%202.215-.667.889%200%201.773.195%202.654.584l-.483%201.238c-.825-.347-1.561-.52-2.209-.52-.49%200-.863.107-1.117.32-.254.214-.38.496-.38.848%200%20.24.05.447.151.619.102.17.27.333.502.485.233.153.652.354%201.257.603.681.284%201.18.548%201.498.794.317.245.55.522.698.831.148.31.222.673.222%201.092zm7.865-1.003c0%201.147-.294%202.042-.882%202.685-.589.643-1.407.965-2.457.965-.656%200-1.236-.148-1.74-.444a2.933%202.933%200%200%201-1.16-1.276c-.272-.555-.407-1.198-.407-1.93%200-1.138.292-2.027.876-2.666.584-.639%201.407-.958%202.47-.958%201.015%200%201.819.326%202.411.98.593.654.889%201.535.889%202.644zm-5.11%200c0%201.62.599%202.431%201.796%202.431%201.185%200%201.778-.81%201.778-2.43%200-1.605-.597-2.407-1.79-2.407-.627%200-1.08.208-1.362.622-.281.415-.422%201.01-.422%201.784zm10.347-2.368h-1.714V31h-1.498v-5.89H54.31v-.699l1.155-.457v-.457c0-.83.194-1.444.584-1.844.39-.4.984-.6%201.783-.6a4.76%204.76%200%200%201%201.55.26l-.394%201.13a3.439%203.439%200%200%200-1.054-.177c-.338%200-.585.104-.74.314-.154.21-.231.524-.231.942v.457h1.714v1.13zm3.808%204.812c.364%200%20.728-.057%201.092-.171v1.123a3.011%203.011%200%200%201-.638.181c-.26.049-.53.073-.81.073-1.413%200-2.12-.745-2.12-2.234v-3.784h-.958v-.66l1.029-.546.507-1.485h.92v1.561h2v1.13h-2v3.758c0%20.36.09.625.27.797.18.171.416.257.708.257zM70.738%2031l-.907-3.275c-.11-.347-.31-1.154-.597-2.419h-.057c-.246%201.143-.44%201.953-.584%202.431L67.66%2031h-1.65l-1.968-7.02h1.523l.895%203.459c.203.855.347%201.587.432%202.196h.038c.042-.309.107-.663.193-1.063.087-.4.162-.7.226-.898l1.066-3.695h1.638l1.034%203.695c.064.207.143.525.238.952.096.427.152.76.169.997h.05c.064-.521.212-1.249.445-2.184l.907-3.46h1.499L72.415%2031h-1.677zm9.255%200l-.298-.978h-.051c-.339.428-.68.719-1.022.873-.343.155-.783.232-1.32.232-.69%200-1.229-.186-1.616-.559-.387-.372-.58-.899-.58-1.58%200-.724.268-1.27.806-1.638.537-.368%201.356-.57%202.456-.603l1.213-.038v-.375c0-.448-.105-.783-.315-1.006-.21-.222-.534-.333-.974-.333-.36%200-.705.053-1.035.159-.33.106-.647.23-.952.374l-.482-1.066c.38-.199.797-.35%201.25-.454.453-.104.88-.155%201.282-.155.893%200%201.567.194%202.022.584.455.389.683%201%20.683%201.834V31h-1.067zm-2.222-1.016c.542%200%20.977-.15%201.305-.453.328-.303.492-.727.492-1.273v-.61l-.901.039c-.703.025-1.214.142-1.533.352-.32.21-.48.53-.48.961%200%20.314.093.556.28.727.186.172.465.257.837.257zm8.932-6.131c.3%200%20.548.02.742.063l-.146%201.39a2.82%202.82%200%200%200-.66-.076c-.597%200-1.08.195-1.45.584-.37.39-.556.895-.556%201.517V31h-1.491v-7.02h1.168l.196%201.237h.077a2.78%202.78%200%200%201%20.91-.996%202.165%202.165%200%200%201%201.21-.368zm4.85%207.274c-1.093%200-1.946-.318-2.562-.955-.616-.637-.924-1.514-.924-2.631%200-1.147.286-2.049.857-2.705.572-.656%201.357-.983%202.355-.983.927%200%201.66.28%202.197.844.537.563.806%201.337.806%202.323v.806h-4.678c.02.681.205%201.205.552%201.571.347.366.836.55%201.466.55.415%200%20.8-.04%201.159-.118a6.072%206.072%200%200%200%201.152-.39v1.212a4.58%204.58%200%200%201-1.105.368%206.773%206.773%200%200%201-1.276.108zm-.274-6.145c-.474%200-.853.15-1.14.451-.285.3-.455.739-.51%201.314h3.186c-.008-.58-.148-1.019-.419-1.317-.27-.298-.643-.448-1.117-.448zm12.181-2.094c-.871%200-1.557.309-2.056.926-.5.618-.75%201.471-.75%202.559%200%201.138.24%202%20.721%202.583.48.584%201.176.876%202.085.876.394%200%20.775-.04%201.143-.117.368-.079.751-.18%201.149-.302v1.301c-.728.275-1.553.413-2.476.413-1.358%200-2.401-.412-3.129-1.235-.728-.823-1.092-2-1.092-3.532%200-.965.177-1.81.53-2.533a3.783%203.783%200%200%201%201.533-1.663c.669-.385%201.454-.578%202.355-.578.948%200%201.824.2%202.628.597l-.546%201.263a8.15%208.15%200%200%200-.993-.39%203.58%203.58%200%200%200-1.102-.168zm7.199%208.239c-1.092%200-1.946-.318-2.562-.955-.615-.637-.923-1.514-.923-2.631%200-1.147.285-2.049.857-2.705.571-.656%201.356-.983%202.355-.983.927%200%201.659.28%202.196.844.537.563.806%201.337.806%202.323v.806h-4.678c.021.681.205%201.205.552%201.571.347.366.836.55%201.467.55.414%200%20.8-.04%201.158-.118a6.072%206.072%200%200%200%201.152-.39v1.212a4.58%204.58%200%200%201-1.104.368%206.773%206.773%200%200%201-1.276.108zm-.273-6.145c-.474%200-.854.15-1.14.451-.285.3-.456.739-.51%201.314h3.186c-.009-.58-.148-1.019-.42-1.317-.27-.298-.642-.448-1.116-.448zM121.259%2031h-1.498v-4.316c0-.542-.109-.946-.327-1.213-.218-.266-.564-.4-1.038-.4-.63%200-1.091.186-1.383.559-.292.372-.438.996-.438%201.872V31h-1.492v-7.02h1.168l.21.92h.076c.211-.334.512-.593.901-.775a3.02%203.02%200%200%201%201.295-.272c1.684%200%202.526.856%202.526%202.57V31zm4.691-1.08c.364%200%20.728-.056%201.092-.17v1.123a3.011%203.011%200%200%201-.638.181c-.26.049-.53.073-.81.073-1.413%200-2.12-.745-2.12-2.234v-3.784h-.958v-.66l1.028-.546.508-1.485h.92v1.561h2v1.13h-2v3.758c0%20.36.09.625.27.797.18.171.416.257.708.257zm5.56%201.207c-1.091%200-1.945-.318-2.56-.955-.616-.637-.924-1.514-.924-2.631%200-1.147.286-2.049.857-2.705.571-.656%201.356-.983%202.355-.983.927%200%201.659.28%202.196.844.538.563.806%201.337.806%202.323v.806h-4.678c.021.681.205%201.205.552%201.571.347.366.836.55%201.467.55.414%200%20.8-.04%201.158-.118a6.072%206.072%200%200%200%201.152-.39v1.212a4.58%204.58%200%200%201-1.104.368%206.773%206.773%200%200%201-1.276.108zm-.272-6.145c-.474%200-.854.15-1.14.451-.285.3-.456.739-.51%201.314h3.186c-.009-.58-.148-1.019-.419-1.317-.27-.298-.643-.448-1.117-.448zm8.258-1.13c.3%200%20.548.022.743.064l-.146%201.39a2.82%202.82%200%200%200-.66-.076c-.597%200-1.08.195-1.45.584-.371.39-.556.895-.556%201.517V31h-1.492v-7.02h1.168l.197%201.237h.076c.233-.419.536-.75.91-.996a2.165%202.165%200%200%201%201.21-.368z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.AppsDesktop a.AppLink:active {
  opacity: 0.75;
  transform: scale3d(0.9, 0.9, 1);
}
@media (max-width: 574px) {
  .AppsDesktop a.AppLink {
    display: block;
    margin: 16px auto;
  }
}
.clear {
  clear: both;
}
.pull-left {
  float: left;
}